<?
include_once ("session.php");
include ("classes/mail/MAIL5.php");
if (array_key_exists("account", $_GET)) {
$_SESSION['accountmarketing'] = $_GET["account"];
}
$pagg = 2;
$pagg2 = 1;


if (!empty($_SERVER['HTTP_CLIENT_IP']))
  {
    $ip = $_SERVER['HTTP_CLIENT_IP'];
  }
//whether ip is from proxy
elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR']))
  {
    $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
  }
//whether ip is from remote address
else
  {
    $ip = $_SERVER['REMOTE_ADDR'];
  }

if(array_key_exists("name", $_GET)){
$prodprams = array("shop_name" => str_replace("_", " ", $_GET["name"]));
$businessdetials = $core -> getbusiness($prodprams);

$_GET['id'] = $businessdetials[0]['id'];

 $prodprams = array("business" => $_GET['id']);
  $files = $core -> getbusiness_files($prodprams);

$email =  $businessdetials[0]['email'];

$prodpramss = array("email" => $email);
$accountdetials = $core -> getaccount($prodpramss);

if(($accountdetials[0]['tawasol_packages'] == 0)&&($ip != $accountdetials[0]['ip']))
{
header("Location: index.php");
exit();
}

}


if(array_key_exists("id", $_GET)){
$prodprams = array("id" => $_GET['id']);
$businessdetials = $core -> getbusiness($prodprams);


$_GET['id'] = $businessdetials[0]['id'];
$email =  $businessdetials[0]['email'];
$affiliate_percent =  $businessdetials[0]['affiliate_percent'];

$prodpramss = array("email" => $email);
$accountdetials = $core -> getaccount($prodpramss);

if(($accountdetials[0]['tawasol_packages'] == 0)&&($ip != $accountdetials[0]['ip']))
{
header("Location: index.php");
exit();
}


$titlepage = $businessdetials[0]['name_english'];
$feestotal = 0;
if($businessdetials[0]['fees_discount'] == 0){
$feestotal = $businessdetials[0]['fees'];
}else {
  $feestotal = $businessdetials[0]['fees_discount'];
}
$descriptionpage = $businessdetials[0]['small_description_english'] ;
$icon = $businessdetials[0]['logo'];

$prodprams = array("id" => $businessdetials[0]['sub_category']);
$sub_categorydetials = $core -> getsub_category($prodprams);

$exKeywords = str_replace("-", ",", $businessdetials[0]["title_english"]) . $sub_categorydetials[0]['tags_english'];
$exLink = "Web" . "_". str_replace(" ", "_", $businessdetials[0]["name_english"]);
if($businessdetials !=  null){
$color = $businessdetials[0]['master_color'];
$second_color = $businessdetials[0]['second_color'];
$background_color = $businessdetials[0]['background_color'];
$background_image = $businessdetials[0]['background_image'];
$font = "Poppins";

$newsnamepage = "Latest News";
$servicenamepage = $businessdetials[0]['service_name_english'];
if($businessdetials[0]['news_name_english'] != ""){
$newsnamepage = $businessdetials[0]['news_name_english'];
}
$productnamepage = $businessdetials[0]['product_name_english'];

$referencesnamepage = $businessdetials[0]['references_name_english'];

$font = $businessdetials[0]['font_family_english'];

$fontlink = "https://fonts.googleapis.com/css?family=".$font.":300,400,500,600,700,800,900&display=swap";

}else{
/*header("Location: index.php");
exit();*/
}
}else{
/*header("Location: index.php");
exit();*/
}

        $prodpramss = array("business" => $_GET['id'] , "adv_type" => 1 );
        $productadv = $core -> getbussiness_adv($prodpramss);

     $prodpramss = array("business" => $_GET['id'] , "adv_type" => 2 );
        $fixedadv = $core -> getbussiness_adv($prodpramss);

     $prodpramss = array("business" => $_GET['id'] , "adv_type" => 3 );
        $servicesadv = $core -> getbussiness_adv($prodpramss);

     $prodpramss = array("business" => $_GET['id'] , "adv_type" => 4 );
        $halfadv = $core -> getbussiness_adv($prodpramss);


$messagesss = NULL;

if(@$_POST["sendemail"] && ($_POST["sendemail"] != null)) {

$prodprams = array("email" => $_POST['sendemail']  , "business" => $_GET['id'] );
$visitors = $core -> addbusiness_visitors($prodprams);
$messagesss = "Successfully registered";
}


if(@$_POST["name"] && ($_POST["name"] != null)) {

require_once "recaptchalib.php";


$secret = "6Le4dQoeAAAAAPlbzWkFX245y82TkvAUSscz-d5o";

// empty response
$response = null;

// check secret key
$reCaptcha = new ReCaptcha($secret);

/*
if ($_POST["g-recaptcha-response"]) {
    $response = $reCaptcha->verifyResponse(
        $_SERVER["REMOTE_ADDR"],
        $_POST["g-recaptcha-response"]
    );
}

if(@$_POST["name"] && ($_POST["name"] != null)) {
*/

if($_GET['id'] == 11542){

$newname = "";

if(($_FILES['file']['tmp_name'] != null)){

$extensions = array("jpg", "jpeg", "png", "gif", "pdf" , "zip" , "rar" , "doc" , "dot" , "docx" , "ppt" , "pot" , "pps");
$ctime = time();

if($_FILES['file']['tmp_name']) {
	$prdimage = $_FILES['file']['name'];
	$tmpcv = $_FILES['file']['tmp_name'];

	$info = pathinfo(strtolower($prdimage));
	$ext = strtolower($info["extension"]);

	if(in_array($ext, $extensions)) {
		$newname = $ctime   . "." . $info["extension"];
		move_uploaded_file($_FILES['file']['tmp_name'], "./images/".$newname);

$cv =  getcwd()."/images/".$newname;
		
	}
}

}

$_POST['time'] = "<a herf='".$cv."' target='_blank'> View file </a>";
}

$prodprams = array("name" => $_POST['name'] , "email" => $_POST['email']  , "service" => $_POST['service']  , "mobile" => $_POST['mobile']  , "day" => $_POST['day']  , "date_time" => $_POST['time']  , "business" => $_GET['id'] );
$register = $core -> addbusiness_make_appointment($prodprams);
if($register == 1){


$prodpram22s = array("business" => $_GET['id']);
$emails = $core -> getbusiness_emails($prodpram22s);

$prodpram2ss2s = array("id" => $_GET['id']);
$emasils = $core -> getbusiness($prodpram2ss2s);
$recieveemail = $emasils[0]['email'];

$prodpram22s = array("id" => $_POST['service']);
$services = $core -> getbusiness_services($prodpram22s);


$name = $_POST['name'];
$email = $_POST['email'];
$mobile = $_POST['mobile'];
$service = $services[0]['name_english'];
$day = $_POST['day'];
$time = $_POST['time'];


$text = "I have sent the following message to you through a form on the web.<br />";

$text .= " Name  : $name <br /> Email  : $email <br />  Mobile  : $mobile <br /> Service  : $service <br /> Day  : $day <br /> Time  : $time ";

require("class.phpmailer.php");

$mail = new PHPMailer();

$mail->IsSMTP();
  $mail->Host = "mail.smartzoom.tech";
    //$mail->Host = "smtp.office365.com";
    $mail->SMTPSecure = "ssl";
    $mail->SMTPAuth   = true;
    $mail->Port = 465;
    $mail->Username = "mail@smartzoom.tech";
    $mail->Password = "Fka81WIH5KD";
    $mail->From = "mail@smartzoom.tech";
$mail->FromName = $name;

$emaills = $recieveemail;

$mail->AddAddress($emaills);
//$mail->AddReplyTo("mail@mail.com");

$mail->IsHTML(true);

$mail->Subject = "MAKE APPOINTMENT - ". $subject;
$mail->Body = $text;
//$mail->AltBody = "This is the body in plain text for non-HTML mail clients";
 $contactmessagenumber = 0;
if(!$mail->Send())
{
 $contactmessage = "Failed for send message";
}else{
 $contactmessage = "Thank you for registering. We will contact you within 24 hours";
 $contactmessagenumber = 1;
}


$text = "Welcome ". $name . " in Tawasol Platform , <br / >";

$text .= $businessdetials[0]['name_english']. " received your message successful.<br / > ";

$text .= "Thank you for use Tawasol Platform . with us will you take special offer in all fields and brands .";

$mail->IsSMTP();
  $mail->Host = "mail.smartzoom.tech";
    //$mail->Host = "smtp.office365.com";
    $mail->SMTPSecure = "ssl";
    $mail->SMTPAuth   = true;
    $mail->Port = 465;
    $mail->Username = "mail@smartzoom.tech";
    $mail->Password = "Fka81WIH5KD";
    $mail->From = "mail@smartzoom.tech";
$mail->FromName = "Tawasol Platform - " . $name;

$emaills = $email;

$mail->AddAddress($emaills);
//$mail->AddReplyTo("mail@mail.com");

$mail->IsHTML(true);

$mail->Subject = "Tawasol Platform";
$mail->Body = $text;
//$mail->AltBody = "This is the body in plain text for non-HTML mail clients";

if(!$mail->Send())
{
 $contactmessage = "Failed for send message";
}else{
 $contactmessage = "Thank you for registering. We will contact you within 24 hours";
}


}

/*}else{
$contactmessage = "Please Write Security Code Correct";
}*/

}


if(array_key_exists("patient_name", $_POST)){
 

$text = "I have sent the following message to you through a form on the web.<br />";

$text .= " Patient name  : " . $_POST['patient_name'] . " <br /> The date of arrival of the patient  : " . $_POST['day'] . " <br /> therapist hospital  : " . $_POST['hospital_name']   . " <br /> Your impression about the treatment service in the hospital  : " . $_POST['impression_about_treatment']  . " <br /> Your feedback about the care team's performance  : " . $_POST['notes_about_medical_service']  . " <br /> Your feedback on the performance of the care services team  : " . $_POST['notes']  ;

 
$txtv = MIME5::message("$text", 'text/plain');
	$comments = nl2br("<p style='text-align: justify;'>" . $text . "</p>");
	$htmlv = MIME5::message("$comments", 'text/html');
	$mess = MIME5::compose($txtv, $htmlv);


	if(true /*check_email_address($email) && !empty($comments)*/) {

		unset($_SESSION['cpost']);

		$mail = new MAIL5;
		$mail->From("amr1992@live.com", "Evaluation form");
		// add to address
		$mail->AddTo("amr1992@live.com");
		// set subject
		$mail->Subject("Evaluation form");

		// set text message
		$mail->Text = array(
				'content'  => $text, // required
				'charset'  => 'utf-8', // optional
				'encoding' => 'base64' // optional
		);
		$mail->Html = array(
				'content'  => $comments, // required
				'charset'  => 'utf-8', // optional
				'encoding' => 'base64' // optional
		);
		$mail->Send();

		$contactmessage = "Thank you for registering and we will contact you";


	} else {
		$err = true;
	}


}


?>
<!doctype html>
<html lang="zxx">
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <!-- Required meta tags -->
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- Bootstrap Min CSS -->
        <link rel="stylesheet" href="doctors/css/bootstrap.min.css">
        <!-- Animation Min CSS -->
        <link rel="stylesheet" href="doctors/css/animate.min.css">
        <!-- Font Awesome Min CSS -->
        <link rel="stylesheet" href="doctors/css/fontawesome.min.css">
        <!-- Owl Carousel Min CSS -->
        <link rel="stylesheet" href="doctors/css/owl.carousel.min.css">
        <!-- Slick Min CSS -->
        <link rel="stylesheet" href="doctors/css/slick.min.css">
        <!-- Nice Select CSS -->
        <link rel="stylesheet" href="doctors/css/nice-select.css">
        <!-- Magnific Popup Min CSS -->
        <link rel="stylesheet" href="doctors/css/magnific-popup.min.css">
		<!-- Odometer Min CSS -->
		<link rel="stylesheet" href="doctors/css/odometer.min.css">
        <!-- FlatIcon CSS -->
        <link rel="stylesheet" href="doctors/css/flaticon.css">
        <!-- Mean Menu CSS -->
        <link rel="stylesheet" href="doctors/css/meanmenu.css">
        <!-- Style CSS -->
        <link rel="stylesheet" href="doctors/css/style.css">
        <!-- Responsive CSS -->
        <link rel="stylesheet" href="doctors/css/responsive.css">
     

  <?

  if(@$titlepage) $title = $titlepage;
  if(@$descriptionpage) $description = $descriptionpage;
  if(@$exKeywords) $keywords = $exKeywords;
  ?>
  <title><? print $titlepage; ?></title>
  <meta name="Description" content="<? print $description; ?>" />
  <meta name="keywords" content="<? print $keywords; ?>" />


  <?
  $title = $titlepage;
  ?>
  <meta property="og:title" content="<?if(@$exTitle){ print $titlepage . ' | ' . 'Tawasol'; }else{ print $title . ' | ' . 'Tawasol'; } ?>" />
  <meta property="og:description" content="<?if(@$exDescription){ print $descriptionpage . ' | ' . 'Tawasol'; }else{ print $descriptionpage . ' | ' . 'Tawasol'; } ?>" />
  <meta property="og:url" content="<?if(@$exLink){ print 'https://tawasols.com/'.$exLink; }else{ print 'https://tawasols.com/'; } ?>" />
  <meta property="og:image" content="<?if(@$icon){ print 'https://tawasols.com/images/'.$icon; }else{ print 'https://tawasols.com/images/apple-touch-icon.png'; } ?>" />


<? if($_GET['id'] == 11394){ ?>
<meta name="monetag" content="61f114d53be621498c14899a7b1380a4">
<? } ?>

    <link rel="apple-touch-icon" sizes="180x180" href="images/">
    <link rel="icon" type="image/png" href="images/" sizes="32x32">
    <link rel="icon" type="image/png" href="images/" sizes="16x16">

    <!-- <link rel="stylesheet" href="css/owl.carousel.css"> -->

<? if($_GET['id'] == 11278){ ?>
  <style>

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {


text-transform: uppercase !important;
}
  </style>
<? } ?>
  <style>
@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Crimson+Pro:300,400,500,600,700,800,900&display=swap");


@FONT-FACE {
	font-family: "DroidKufi";
	src: url("css/DroidKufi-Regular.ttf");
}
/*
@File: Fovia Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Preloader Area CSS
** - Header Area CSS
** - Main Banner Area CSS
** - Main Services Area CSS
** - About Area CSS
** - Our Mission Area CSS
** - Our Approach Area CSS
** - Our Vision Area CSS
** - Fun Facts Area CSS
** - Services Area CSS
** - Services Details Area CSS
** - Doctor Area CSS
** - Doctor Details Area CSS
** - Appointment Area CSS
** - Doctor Calendar Area CSS
** - Feedback Area CSS
** - FAQ Area CSS
** - Partner Area CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Page Title Area CSS
** - Pagination Area CSS
** - Sidebar Widget Area CSS
** - Product Details Area CSS
** - Cart Area CSS
** - Checkout Area CSS
** - Contact Area CSS
** - 404 Error Area CSS
** - Subscribe Area CSS
** - Footer Area CSS
** - Go Top CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
body {
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
<? if($background_image != null){?>
background: url(images/);
<? }else{ ?>
background:  !important;
<? } ?>
}
.fovia-nav{
<? if($background_image != null){?>
background: url(images/);
<? }else{ ?>
background:  !important;
<? } ?>
}
a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: 0 !important;
  text-decoration: none;
  color: ;
}
.doctor-slides.owl-theme .owl-nav {
    margin-top: 0;
    display: none;
}
a:hover {
  text-decoration: none;
  color: ;
}

button {
  outline: 0 !important;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  color: #7d7d7d;
  line-height: 1.8;
  margin-bottom: 12px;
  font-size: 14.5px;
  font-family: "Rubik", sans-serif;
}

p:last-child {
  margin-bottom: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: ;


}

.bg-fefefe {
  background-color: #fefefe;
}

.bg-f4f9fd {
  background-color: #f4f9fd;
}

.ptb-100 {
  background-color: ;
  padding-top: 100px;
  padding-bottom: 100px;
}

/*btn(primary&light)*/
.btn {
  border: none;
  line-height: initial;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 17px 50px 15.5px 25px;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
}

.btn.disabled, .btn:disabled {
  opacity: 1;
}

.btn-primary {
 background-color: ;
  color: #ffffff;
}

.btn-primary i {
  position: absolute;
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  display: inline-block;
  height: 33px;
  width: 33px;
  line-height: 33px;
  color: #ffffff;
  border-radius: 50%;
  background-color: #8ee9b2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-primary.disabled, .btn-primary:disabled {
 background-color: ;
  color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  background: #121521 !important;
  color: #ffffff !important;
}

.btn-primary:hover i, .btn-primary:focus i {
  background-color:  !important;
  color: ;
}

.btn-light {
  background-color:  !important;
  color: ;
}

.btn-light i {
  position: absolute;
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  display: inline-block;
  height: 33px;
  width: 33px;
  line-height: 34px;
  color: ;
  border-radius: 50%;
  background-color: #f0f0f0;
}

.btn-light.disabled, .btn-light:disabled {
  background-color:  !important;
  color: ;
}

.btn-light:hover, .btn-light:focus {
  background-color: #121521 !important;
  color: #ffffff !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

/*section-title*/
.section-title {
  text-align: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

.section-title span {
  display: block;
  margin-bottom: 5px;
  color: ;
  font-size: 17px;
  font-family: "Rubik", sans-serif;
}

.section-title h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
}

.section-title p {
  max-width: 520px;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

/*form-control*/
.form-control {
  height: 45px;
  padding: 0 15px;
  font-size: 15px;
  line-height: initial;
  color: ;
  background-color:  !important;
  border: 1px solid #eeeeee;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.form-control:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  border-color: ;
}

/*================================================
Preloader Area CSS
=================================================*/
.preloader {
  position: fixed;
  left: 0;
  width: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 9999999;
  -webkit-transition: .9s;
  transition: .9s;
}

.preloader .loader {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: inline-block;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.preloader .loader .loader-outter {
  position: absolute;
  border: 4px solid #ffffff;
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader .loader .loader-inner {
  position: absolute;
  border: 4px solid #ffffff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  left: calc(40% - 21px);
  top: calc(40% - 21px);
  border-right: 0;
  border-top-color: transparent;
  -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader .loader .indicator {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1.5);
          transform: translateY(-50%) scale(1.5);
}

.preloader .loader .indicator svg polyline {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.preloader .loader .indicator svg polyline#back {
  stroke: #ffffff;
}

.preloader .loader .indicator svg polyline#front {
  stroke: ;
  stroke-dasharray: 12, 36;
  stroke-dashoffset: 48;
  -webkit-animation: dash 1s linear infinite;
          animation: dash 1s linear infinite;
}

.preloader::before, .preloader::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 60%;
  z-index: -1;
 background-color: ;
  -webkit-transition: .9s;
  transition: .9s;
}

.preloader::after {
  left: auto;
  right: 0;
}

.preloader.preloader-deactivate {
  visibility: hidden;
}

.preloader.preloader-deactivate::after, .preloader.preloader-deactivate::before {
  width: 0;
}

.preloader.preloader-deactivate .loader {
  opacity: 0;
  visibility: hidden;
}

@-webkit-keyframes loader-outter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader-outter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-inner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes loader-inner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@-webkit-keyframes dash {
  62.5% {
    opacity: 0;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  62.5% {
    opacity: 0;
  }
  to {
    stroke-dashoffset: 0;
  }
}

/*================================================
Header Area CSS
=================================================*/
.top-header {
  background-color:  !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.header-contact-info {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.header-contact-info li {
  display: inline-block;
  margin-right: 20px;
  color: ;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
}

.header-contact-info li i {
  color: ;
  margin-right: 4px;
  width: 28px;
  height: 28px;
  display: inline-block;
  line-height: 28px;
  border-radius: 50%;
  background-color: #def5ee;
  text-align: center;
  font-size: 13px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.header-contact-info li:last-child {
  margin-right: 0;
}

.header-contact-info li:hover i {
  background-color: ;
  color: #ffffff;
}

.header-right-content {
  text-align: right;
}

.header-right-content .top-header-social {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.header-right-content .top-header-social li {
  display: inline-block;
  margin-right: 4px;
}

.header-right-content .top-header-social li a {
  display: block;
  color: ;
  width: 30px;
  height: 30px;
  line-height: 31px;
  border-radius: 50%;
  background-color: ;
  text-align: center;
  font-size: 14px;
}

.header-right-content .top-header-social li a:hover {
  color: #ffffff;
  background-color: ;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.header-right-content .top-header-social li:last-child {
  margin-right: 0;
}

.header-right-content .lang-select {
  margin-left: 15px;
  display: inline-block;
}

.header-right-content .lang-select .nice-select {
  color: ;
  border-radius: 30px;
  border: none;
  height: unset;
  line-height: initial;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.02);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.02);
  background-color:  !important;
  padding: 8px 30px 8px 15px;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.header-right-content .lang-select .nice-select .list {
  background-color:  !important;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.header-right-content .lang-select .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 15px;
  text-align: center;
  line-height: 33px;
  min-height: 33px;
  padding-left: 0;
  padding-right: 0;
}

.header-right-content .lang-select .nice-select .list .option:hover {
  background-color:  !important;
  color: #ffffff;
}

.header-right-content .lang-select .nice-select .list .option.selected {
  background-color: transparent;
}

.header-right-content .lang-select .nice-select:after {
  right: 15px;
  border-color: ;
  top: 58%;
}

.fovia-responsive-nav {
  display: none;
}

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}

.fovia-nav {
  background-color:  !important;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 0;
  padding-left: 0;
}

.fovia-nav .navbar {
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.fovia-nav .navbar ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.fovia-nav .navbar .navbar-nav {
  font-family: "Rubik", sans-serif;
  margin-left: auto;
  margin-right: auto;
}

.fovia-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}

.fovia-nav .navbar .navbar-nav .nav-item a {
font-size: 14.5px;
font-weight: 500;
color: ;
text-transform: capitalize;
-webkit-transition: 0.5s;
transition: 0.5s;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin-left: 11px;
margin-right: 11px;
}

.fovia-nav .navbar .navbar-nav .nav-item a:hover, .fovia-nav .navbar .navbar-nav .nav-item a:focus, .fovia-nav .navbar .navbar-nav .nav-item a.active {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item a i {
  font-size: 10px;
  position: relative;
  top: -1px;
  margin-left: 1px;
}

.fovia-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}

.fovia-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}

.fovia-nav .navbar .navbar-nav .nav-item:hover a, .fovia-nav .navbar .navbar-nav .nav-item:focus a, .fovia-nav .navbar .navbar-nav .nav-item.active a {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  position: absolute;
  border: none;
  top: 80px;
  left: 0;
  width: 300px;
  z-index: 99;
  display: block;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-top: 3px solid ;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 20px;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: capitalize;
  padding: 10px 0;
  margin: 0;
  color: ;
  font-size: 14.5px;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 220px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: 220px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: ;
  text-transform: capitalize;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: ;
  text-transform: capitalize;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: ;
  text-transform: capitalize;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: ;
  text-transform: capitalize;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: ;
  text-transform: capitalize;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: ;
}

.fovia-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.fovia-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.fovia-nav .navbar .others-options .cart-btn {
  display: inline-block;
  position: relative;
  top: 3px;
  color: ;
  font-size: 17px;
}

.fovia-nav .navbar .others-options .cart-btn:hover {
  color: ;
}

.fovia-nav .navbar .others-options .btn {
  margin-left: 15px;
  padding: 15px 25px 13.5px 25px;
}

.fovia-nav .navbar .others-options .option-item {
  color: ;
  display: inline-block;
  position: relative;
  line-height: initial;
  margin-left: 15px;
  top: 4px;
}

.fovia-nav .navbar .others-options .option-item .search-btn {
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: ;
}

.fovia-nav .navbar .others-options .option-item .search-btn::before {
  font-size: 17px;
}

.fovia-nav .navbar .others-options .option-item .search-btn:hover {
  color: ;
}

.fovia-nav .navbar .others-options .option-item .search-close-btn {
  cursor: pointer;
  display: none;
  font-size: 17px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 17px;
  color: ;
}

.fovia-nav .navbar .others-options .option-item .search-close-btn.active {
  display: block;
}

.fovia-nav .navbar .others-options .option-item .search-close-btn:hover {
  color: ;
}

.navbar-area {
  background-color:  !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.04);
  position: relative;
  z-index: 2;
}

.navbar-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  background: #ffffff !important;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.search-overlay {
  display: none;
}

.search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}

.search-overlay.search-popup .search-form {
  position: relative;
}

.search-overlay.search-popup .search-form .search-input {
  display: block;
  width: 100%;
  height: 40px;
  line-height: initial;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  color: ;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 14px;
}

.search-overlay.search-popup .search-form .search-input:focus {
  border-color: ;
}

.search-overlay.search-popup .search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  background: transparent;
  border: none;
  width: 40px;
  outline: 0;
  color: #7d7d7d;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.search-overlay.search-popup .search-form .search-button:hover, .search-overlay.search-popup .search-form .search-button:focus {
  color: ;
}

@media only screen and (max-width: 991px) {
  .navbar-area {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navbar-area.is-sticky {
    border-bottom: none;
    -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .fovia-responsive-nav {
    display: block;
  }
  .fovia-responsive-nav .fovia-responsive-menu {
    position: relative;
  }
  .fovia-responsive-nav .fovia-responsive-menu.mean-container .mean-nav ul {
    font-size: 14px;
  }
  .fovia-responsive-nav .fovia-responsive-menu.mean-container .mean-nav ul li a.active {
    color: ;
  }
  .fovia-responsive-nav .fovia-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 13.5px;
  }
  .fovia-responsive-nav .fovia-responsive-menu.mean-container .navbar-nav {
    overflow-y: scroll;
    height: 350px;
    -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .fovia-responsive-nav .mean-container a.meanmenu-reveal {
    color: ;
  }
  .fovia-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #121521;
  }
  .fovia-responsive-nav .logo {
    position: relative;
    width: 50%;
    z-index: 999;
  }
  .fovia-responsive-nav .others-options {
    position: absolute;
    right: 55px;
    top: -2px;
  }
  .fovia-responsive-nav .others-options .btn {
    display: none;
  }
  .fovia-responsive-nav .others-options .cart-btn {
    display: inline-block;
    position: relative;
    top: 3px;
    color: ;
    font-size: 17px;
  }
  .fovia-responsive-nav .others-options .cart-btn:hover {
    color: ;
  }
  .fovia-responsive-nav .others-options .option-item {
    display: none;
    color: ;
    position: relative;
    line-height: initial;
    margin-left: 15px;
    top: 4px;
  }
  .fovia-responsive-nav .others-options .option-item .search-btn {
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: ;
  }
  .fovia-responsive-nav .others-options .option-item .search-btn::before {
    font-size: 17px;
  }
  .fovia-responsive-nav .others-options .option-item .search-btn:hover {
    color: ;
  }
  .fovia-responsive-nav .others-options .option-item .search-close-btn {
    cursor: pointer;
    display: none;
    font-size: 17px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 17px;
    color: ;
  }
  .fovia-responsive-nav .others-options .option-item .search-close-btn.active {
    display: block;
  }
  .fovia-responsive-nav .others-options .option-item .search-close-btn:hover {
    color: ;
  }
  .search-overlay.search-popup .search-form .search-input {
    width: 96%;
  }
  .search-overlay.search-popup .search-form .search-button {
    height: 43px;
  }
  .fovia-nav {
    display: none;
  }
}

/*================================================
Main Banner Area CSS
=================================================*/
.main-banner {
  height: 615px;
  position: relative;
  z-index: 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.item-bg1 {
    background-image: url(../img/slide-2-1.jpg);

}

.item-bg2 {
  background-image: url(../img/1.jpg);
}

.item-bg3 {
background-image: url(../img/5.jpg);
}

.main-banner-content {
  max-width: 850px;
}

.main-banner-content span {
  display: block;
  margin-bottom: 15px;
  color: ;
  font-size: 17px;
  font-family: "Rubik", sans-serif;
}

.main-banner-content h1 {
  margin-bottom: 0;
  font-size: 70px;
  font-weight: 700;
}

.main-banner-content p {
  line-height: 1.8;
  color: ;
  max-width: 670px;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 20px;
}

.main-banner-content .btn-box {
  margin-top: 30px;
}

.main-banner-content .btn-box .btn-light {
  margin-left: 12px;
}

.home-slides.owl-theme .owl-nav {
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.home-slides.owl-theme .owl-nav [class*=owl-] {
  color: ;
  margin: 0;
  padding: 0;
  background: #ffffff;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 51px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 20px;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.home-slides.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: ;
  color: #ffffff;
}
.single-doctor-box:hover .doctor-image::before {
    display: none;
}
.single-doctor-box .doctor-image .details-btn{
  display: none;
}
.home-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 15px;
}
.single-doctor-box .doctor-content h3 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
}

.details-btn{
display: none !important;
}
.home-slides.owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
}

.home-slides.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 3px;
  margin: 0 2px;
  background: #121521;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.home-slides.owl-theme .owl-dots .owl-dot:hover span {
  background-color: ;
}

.home-slides.owl-theme .owl-dots .owl-dot.active span {
  width: 25px;
  background-color: ;
}

.home-slides.owl-theme:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}

.circle-shape1 {
  position: absolute;
  left: 80px;
  top: 80px;
  z-index: -1;
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.circle-shape1 img {
  opacity: .80;
}

.circle-shape2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-animation-name: rotateMeTwo;
          animation-name: rotateMeTwo;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.circle-shape2 img {
  opacity: .80;
}

.shape1 {
  position: absolute;
  right: 25px;
  top: 25%;
  z-index: -1;
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes rotateMe {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateMe {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateMeTwo {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes rotateMeTwo {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

/*================================================
Main Services Area CSS
=================================================*/
.main-services-area {
  padding-bottom: 70px;
  position: relative;
  z-index: 1;
}

.main-services-box {
  margin-bottom: 30px;
  background-color:  !important;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
  padding: 25px 20px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
}

.main-services-box .icon {
  margin-bottom: 20px;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  background-color: ;
  color: #ffffff;
  font-size: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-services-box h3 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 5px;
  font-size: 19px;
  font-weight: 700;
}

.main-services-box h3 a {
  color: ;
}

.main-services-box h3::before {
  width: 0;
  height: 1px;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background-color:  !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-services-box p {
  line-height: 1.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 10px;
  margin-bottom: 0;
}

.main-services-box::before {
  width: 0;
  height: 100%;
  z-index: -1;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffffff42;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-services-box::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  border: 10px solid #ffffff;
  left: -80px;
  bottom: -80px;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.15;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-services-box:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}

.main-services-box:hover::before {
  width: 100%;
}

.main-services-box:hover .icon {
  background-color: #49d685;
  color: #ffffff;
}

.main-services-box:hover h3 a {
  color: #ffffff;
}

.main-services-box:hover h3::before {
  width: 80px;
}

.main-services-box:hover p {
  color: #ffffff;
}

.main-services-box:hover::after {
  left: -50px;
  bottom: -50px;
}
.container{


}
.shape2 {
  position: absolute;
  right: 0;
  bottom: -120px;
  z-index: -1;
  -webkit-animation: moveBounce 5s linear infinite;
          animation: moveBounce 5s linear infinite;
}

.shape2 img {
  opacity: .70;
}

@-webkit-keyframes moveBounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes moveBounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

/*================================================
About Area CSS
=================================================*/
.about-area {
  position: relative;
  z-index: 1;
}

.about-image {
  width: 100%;
  height: 100%;
  background-image: url(../img/about-img1.jpg);
  background-position: center center;
background-size: auto 100%;
  background-repeat: no-repeat;
}

.about-image img {
  display: none;
}

.about-content {
  max-width: 555px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 50px;
}

.about-content span {
  display: block;
  margin-bottom: 5px;
  color: ;
  font-size: 17px;
  font-family: "Rubik", sans-serif;
}

.about-content h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}

.about-content p {
  margin-top: 10px;
  margin-bottom: 0;
}

.about-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 25px;
  margin-bottom: 0;
}

.about-content ul li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 34px;
  font-family: "Rubik", sans-serif;
}

.about-content ul li i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  background-color: #d2f5e1;
  color: ;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 11px;
  position: absolute;
  left: 0;
  top: -2px;
}

.about-content ul li:hover i {
  background-color: ;
  color: #ffffff;
}

.about-content ul li:last-child {
  margin-bottom: 0;
}

.about-content .btn {
  margin-top: 30px;
}

/*================================================
Our Mission Area CSS
=================================================*/
.our-mission-area {
  position: relative;
  z-index: 1;
}

.our-mission-image {
  width: 100%;
  height: 100%;
  background-image: url(../img/mission-img1.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.our-mission-image img {
  display: none;
}

.our-mission-content {
  max-width: 640px;
  margin-left: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 50px;
}

.our-mission-content .sub-title {
  display: block;
  margin-bottom: 5px;
  color: ;
  font-size: 17px;
  font-family: "Rubik", sans-serif;
}

.our-mission-content h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}

.our-mission-content p {
  margin-top: 10px;
  margin-bottom: 0;
}

.our-mission-content ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 0;
  margin-top: 0;
}

.about-content{
padding: 0 !important;
text-align: left;
}
.mean-container .mean-nav ul li a.mean-expand{
right: 0 !important;
}
.our-mission-content ul li {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
  color: #7d7d7d;
  font-size: 14.5px;
  line-height: 1.7;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 25px;
}

.our-mission-content ul li .icon {
  margin-bottom: 13px;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  color: ;
  font-size: 16px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.our-mission-content ul li span {
  display: block;
  color: ;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 17px;
}

.our-mission-content ul li:hover .icon {
  background-color: ;
  color: #ffffff;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
}

.shape3 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.shape3 img {
  opacity: .60;
}

/*================================================
Our Approach Area CSS
=================================================*/
.approach-image {
  width: 100%;
  height: 100%;
  background-image: url(../img/approach-img1.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.approach-image img {
  display: none;
}

.approach-content {
  max-width: 640px;
  margin-left: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 50px;
}

.approach-content .sub-title {
  display: block;
  margin-bottom: 5px;
  color: ;
  font-size: 17px;
  font-family: "Rubik", sans-serif;
}

.approach-content h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}

.approach-content p {
  margin-top: 10px;
  margin-bottom: 0;
}

.approach-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 25px;
  margin-bottom: 0;
}

.approach-content ul li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 34px;
  font-family: "Rubik", sans-serif;
}

.approach-content ul li i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  background-color: #d2f5e1;
  color: ;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 11px;
  position: absolute;
  left: 0;
  top: -2px;
}

.approach-content ul li:hover i {
  background-color: ;
  color: #ffffff;
}

.approach-content ul li:last-child {
  margin-bottom: 0;
}

.approach-content .btn {
  margin-top: 30px;
}

/*================================================
Our Vision Area CSS
=================================================*/
.our-vision-area {
  position: relative;
  z-index: 1;
  padding-bottom: 70px;
}

.single-vision-box {
  margin-bottom: 30px;
  background-color:  !important;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
  padding: 25px 20px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
}

.single-vision-box .icon {
  margin-bottom: 20px;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  background-color: ;
  color: #ffffff;
  font-size: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-vision-box h3 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 0;
  position: relative;
  font-size: 20px;
  font-weight: 700;
}

.single-vision-box p {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 12px;
  margin-bottom: 0;
}

.single-vision-box::before {
  width: 0;
  height: 100%;
  z-index: -1;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: ;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-vision-box::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  border: 10px solid #ffffff;
  left: -80px;
  bottom: -80px;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.15;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-vision-box:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}

.single-vision-box:hover::before {
  width: 100%;
}

.single-vision-box:hover .icon {
  background-color: #49d685;
  color: #ffffff;
}

.single-vision-box:hover h3 {
  color: #ffffff;
}

.single-vision-box:hover p {
  color: #ffffff;
}

.single-vision-box:hover::after {
  left: -50px;
  bottom: -50px;
}

/*================================================
Fun Facts Area CSS
=================================================*/
.fun-facts-area {
  position: relative;
  z-index: 1;
  background-color: ;
  background-image: url(../img/map-bg1.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.single-fun-facts {
  text-align: center;
}

.single-fun-facts .icon {
  font-size: 45px;
  color: ;
  margin-bottom: 10px;
}

.single-fun-facts h3 {
  color: #ffffff;
  margin-bottom: 0;
  position: relative;
  padding-left: 5px;
  font-size: 50px;
  font-weight: 600;
}

.single-fun-facts h3 .optional-icon {
  top: -25px;
  right: 5px;
  position: relative;
  font-size: 25px;
  font-weight: 300;
}

.single-fun-facts p {
  color: ;
  line-height: initial;
  margin-top: 5px;
}

/*================================================
Services Area CSS
=================================================*/
.services-area {
  position: relative;
  z-index: 1;
}

.single-services-box {
  margin-bottom: 30px;
  position: relative;
  padding: 40px 38px;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.single-services-box.bg-1 {
  background-image: url(../img/services/1.jpg);
}

.single-services-box.bg-2 {
  background-image: url(../img/services/2.jpg);
}

.single-services-box.bg-3 {
  background-image: url(../img/services/3.jpg);
}

.single-services-box.bg-4 {
  background-image: url(../img/services/4.jpg);
}

.single-services-box.bg-5 {
  background-image: url(../img/services/5.jpg);
}

.single-services-box.bg-6 {
  background-image: url(../img/services/6.jpg);
}

.single-services-box.bg-7 {
  background-image: url(../img/services/7.jpg);
}

.single-services-box.bg-8 {
  background-image: url(../img/services/8.jpg);
}

.single-services-box.bg-9 {
  background-image: url(../img/services/9.jpg);
}

.single-services-box .icon {
  margin-bottom: 21px;
  text-align: center;
  width: 75px;
  height: 75px;
  line-height: 75px;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  background-color:  !important;
  color: ;
  font-size: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
}

.single-services-box h3 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.single-services-box h3 a {
  display: inline-block;
}

.single-services-box p {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 12px;
  margin-bottom: 0;
}

.single-services-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color:  !important;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services-box::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: ;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.single-services-box .read-more-btn {
  color: ;
  display: inline-block;
  margin-top: 18px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}

.single-services-box .read-more-btn:hover {
  color: ;
}

.single-services-box:hover {
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
}

.single-services-box:hover .icon {
  border-radius: 50%;
}

.single-services-box:hover h3 {
  color: #ffffff;
}

.single-services-box:hover h3 a {
  color: #ffffff;
}

.single-services-box:hover p {
  color: #ffffff;
}

.single-services-box:hover .read-more-btn {
  color: #ffffff;
}

.single-services-box:hover .read-more-btn:hover {
  color: ;
}

.single-services-box:hover::before {
  background-color: ;
  opacity: .80;
}

.more-services-btn {
  text-align: center;
  margin-top: 20px;
}

/*================================================
Services Details Area CSS
=================================================*/
.services-details-desc .services-details-image {
  margin-bottom: 30px;
}

.services-details-desc h3 {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 600;
}

.services-details-desc .services-details-features {
  margin-top: 25px;
  margin-bottom: 25px;
}

.services-details-desc .services-features-list {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.services-details-desc .services-features-list li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 34px;
  font-family: "Rubik", sans-serif;
}

.services-details-desc .services-features-list li i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  background-color: #d2f5e1;
  color: ;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 11px;
  position: absolute;
  left: 0;
  top: -2px;
}

.services-details-desc .services-features-list li:hover i {
  background-color: ;
  color: #ffffff;
}

.services-details-desc .services-features-list li:last-child {
  margin-bottom: 0;
}

.services-details-desc .wp-block-gallery.columns-3 {
  padding-left: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 30px;
  margin-top: 20px;
}

.services-details-desc .wp-block-gallery.columns-3 li {
  -ms-flex: 0 0 33.3333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}

.services-details-desc .wp-block-gallery.columns-3 li figure {
  margin-bottom: 0;
}

.services-details-desc .chart-image {
  margin-top: 35px;
}

/*================================================
Doctor Area CSS
=================================================*/
.doctor-area {
  position: relative;
  z-index: 1;
  padding-bottom: 70px;
}

.doctor-area .section-title {
  margin-bottom: 30px;
}

.single-doctor-box {
  text-align: center;
  margin-bottom: 30px;
  background-color:  !important;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.1);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.1);
  padding: 25px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-doctor-box .doctor-image {
  position: relative;
  border-radius: 50%;
}

.single-doctor-box .doctor-image img {
  display: inline-block !important;
  width: auto !important;
  border-radius: 50%;
}

.single-doctor-box .doctor-image .details-btn {
  position: absolute;
  top: 50%;
  display: inline-block;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 35px;
  height: 35px;
  background-color:  !important;
  line-height: 35px;
  border-radius: 50%;
  color: ;
  opacity: 0;
  visibility: hidden;
  margin-top: 25px;
}

.single-doctor-box .doctor-image .details-btn:hover {
  color: #ffffff;
  background-color: ;
}

.single-doctor-box .doctor-image::before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  background-color: ;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-doctor-box .doctor-content {
  margin-top: 22px;
}

.single-doctor-box .doctor-content h3 {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.single-doctor-box .doctor-content h3 a {
  display: inline-block;
}

.single-doctor-box .doctor-content span {
  display: block;
  color: ;
  font-size: 14.5px;
  margin-top: 5px;
}

.single-doctor-box .doctor-content .social {
  padding-left: 0;
  list-style-type: none;
  margin-top: 18px;
  margin-bottom: 0;
}

.single-doctor-box .doctor-content .social li {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}

.single-doctor-box .doctor-content .social li a {
  display: block;
  color: ;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: #def5ee;
  text-align: center;
  font-size: 14px;
}

.single-doctor-box .doctor-content .social li a:hover {
  color: #ffffff;
  background-color: ;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.single-doctor-box .doctor-content .social li:first-child {
  margin-left: 0;
}

.single-doctor-box .doctor-content .social li:last-child {
  margin-right: 0;
}

.single-doctor-box:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.single-doctor-box:hover .doctor-image .details-btn {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.single-doctor-box:hover .doctor-image::before {
  opacity: .90;
  visibility: visible;
}

.doctor-slides .single-doctor-box {
  margin-top: 30px;
}

.doctor-slides.owl-theme .owl-nav {
  margin-top: 0;
}

.doctor-slides.owl-theme .owl-nav [class*=owl-] {
  color: ;
  font-size: 14px;
  margin: 0;
  padding: 0;
  background: #f0f0f0;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 19px;
  position: absolute;
  left: -60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.doctor-slides.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: ;
  color: #ffffff;
}

.doctor-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: -60px;
}

/*================================================
Doctor Details Area CSS
=================================================*/
.doctor-details-area {
  position: relative;
  z-index: 1;
}

.doctor-details-image {
  text-align: center;
  background-color:  !important;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.1);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.1);
  padding: 30px;
}

.doctor-details-image h3 {
  margin-bottom: 0;
  margin-top: 25px;
  font-size: 20px;
  font-weight: 700;
}

.doctor-details-image h3 a {
  display: inline-block;
}

.doctor-details-image span {
  display: block;
  color: ;
  font-size: 14.5px;
  margin-top: 7px;
}

.doctor-details-image .social {
  padding-left: 0;
  list-style-type: none;
  margin-top: 18px;
  margin-bottom: 0;
}

.doctor-details-image .social li {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}

.doctor-details-image .social li a {
  display: block;
  color: ;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: #def5ee;
  text-align: center;
  font-size: 14px;
}

.doctor-details-image .social li a:hover {
  color: #ffffff;
  background-color: ;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.doctor-details-image .social li:first-child {
  margin-left: 0;
}

.doctor-details-image .social li:last-child {
  margin-right: 0;
}

.doctor-details-desc {
  padding-left: 20px;
}

.doctor-details-desc h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}

.doctor-details-desc p {
  margin-top: 15px;
}

.doctor-details-desc .signature-image {
  margin-top: 25px;
}

.skill-education-desc {
  margin-top: 100px;
}

.skill-desc .sub-title {
  display: block;
  margin-bottom: 3px;
  color: ;
  font-size: 17px;
  font-family: "Rubik", sans-serif;
}

.skill-desc h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}

.skill-desc p {
  margin-top: 15px;
  margin-bottom: 0;
}

.skill-desc ul {
  padding-left: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Rubik", sans-serif;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: -15px;
  margin-left: -15px;
}

.skill-desc ul li {
  font-family: "Rubik", sans-serif;
  -ms-flex: 0 0 45%;
  -webkit-box-flex: 0;
          flex: 0 0 45%;
  max-width: 45%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}

.skill-desc ul li span {
  padding-left: 34px;
  display: block;
  position: relative;
}

.skill-desc ul li span i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  background-color: #d2f5e1;
  color: ;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 11px;
  position: absolute;
  left: 0;
  top: -2px;
}

.skill-desc ul li span:hover i {
  background-color: ;
  color: #ffffff;
}

.education-desc .sub-title {
  display: block;
  margin-bottom: 3px;
  color: ;
  font-size: 17px;
  font-family: "Rubik", sans-serif;
}

.education-desc h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}

.education-desc p {
  margin-top: 15px;
  margin-bottom: 0;
}

.education-desc ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 0;
  margin-top: 0;
}

.education-desc ul li {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
  color: #7d7d7d;
  font-size: 14.5px;
  line-height: 1.7;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 25px;
}

.education-desc ul li .icon {
  margin-bottom: 10px;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  color: ;
  font-size: 16px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.education-desc ul li span {
  display: block;
  color: ;
  margin-bottom: 3px;
  font-weight: 600;
  font-size: 17px;
}

.education-desc ul li:hover .icon {
  background-color: ;
  color: #ffffff;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
}

/*================================================
Appointment Area CSS
=================================================*/
.appointment-area {
  position: relative;
  z-index: 1;
  background-image: url(../img/slider-1.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.appointment-content {
  background-color:  !important;
  padding: 30px;
overflow: hidden !important;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  max-width: 700px;
  margin-right: auto;
  margin-left: 100px;

}

@media (max-width: 768px) {
.appointment-content {


width: 100% !important;
margin: 0 !important;
}

.newsletter-form button {

    top: 106.5px !important;

}

}

.appointment-content::before {
  content: '';
  position: absolute;
  z-index: -1;
  background-color: ;
  width: 96%;
  opacity: .62;
  height: 50%;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 3px;
}

.appointment-content .sub-title {
  display: block;
  margin-bottom: 10px;
  color: ;
  font-size: 17px;
  font-family: "Rubik", sans-serif;
}

.appointment-content h2 {
  margin-bottom: 0;
  max-width: 520px;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}

.appointment-content form {
  margin-top: 5px;
}

.appointment-content form .form-group {
  position: relative;
  padding-left: 55px;
  margin-bottom: 0;
  margin-top: 30px;
}

.appointment-content form .form-group .icon {
  position: absolute;
  left: 0;
  top: 0;
  color: ;
  font-size: 35px;
}

.appointment-content form .form-group label {
  display: block;
  text-transform: uppercase;
  color: #7d7d7d;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
}

.appointment-content form .form-group .form-control {
  border: none;
  height: auto;
  border-bottom: 1px solid #eeeeee;
  font-size: 17px;
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
}

.appointment-content form .form-group .form-control::-webkit-input-placeholder {
  color: ;
}

.appointment-content form .form-group .form-control:-ms-input-placeholder {
  color: ;
}

.appointment-content form .form-group .form-control::-ms-input-placeholder {
  color: ;
}

.appointment-content form .form-group .form-control::placeholder {
  color: ;
}

.appointment-content form .form-group .form-control:focus {
  border-color: ;
  padding-left: 2px;
}

.appointment-content form .form-group .nice-select {
  background-color: transparent;
  color: ;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #eeeeee;
  height: unset;
  line-height: initial;
  padding: 0 35px 8px 0;
      font-size: 10px;
    font-weight: 600;
  

  font-weight: 600;
}

.appointment-content form .form-group .nice-select .list {
  background-color:  !important;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  height: 260px;
  overflow-y: scroll;
  padding-top: 10px;
  padding-bottom: 10px;
}

.appointment-content form .form-group .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.appointment-content form .form-group .nice-select .list .option:hover {
  background-color:  !important;
  color: #ffffff;
}

.appointment-content form .form-group .nice-select .list .option.selected {
  background-color: transparent;
}

.appointment-content form .form-group .nice-select:after {
  right: 5px;
  border-color: ;
  height: 8px;
  width: 8px;
}

.appointment-content form .submit-btn {
  text-align: center;
  margin-top: 35px;
}

/*================================================
Doctor Calendar Area CSS
=================================================*/
.doctor-calendar-area {
  position: relative;
  z-index: 1;
}

.doctor-calendar-table {
  background-color:  !important;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
}

.doctor-calendar-table table {
  margin-bottom: 0;
}

.doctor-calendar-table table thead tr th {
  vertical-align: middle;
  text-align: center;
  background-color: ;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
  padding-top: 17px;
  padding-bottom: 15px;
}

.doctor-calendar-table table tbody tr td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #eeeeee;
  border-top: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  white-space: nowrap;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 25px;
}

.doctor-calendar-table table tbody tr td:first-child {
  border-left: none;
}

.doctor-calendar-table table tbody tr td:last-child {
  border-right: none;
}

.doctor-calendar-table table tbody tr td h3 {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 16px;
  font-weight: 600;
}

.doctor-calendar-table table tbody tr td span {
  display: block;
  color: #7d7d7d;
  font-size: 14.5px;
  margin-top: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.doctor-calendar-table table tbody tr td span.time {
  display: inline-block;
  background-color: #dff5e8;
  color: ;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  line-height: 65px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;
  font-size: 16px;
}

.doctor-calendar-table table tbody tr td:hover {
  background-color: ;
  border-color: ;
}

.doctor-calendar-table table tbody tr td:hover h3 {
  color: #ffffff;
}

.doctor-calendar-table table tbody tr td:hover span {
  color: #ffffff;
}

.doctor-calendar-table table tbody tr td:hover span.time {
  background-color:  !important;
  color: ;
}

.doctor-calendar-table table tbody tr:last-child td {
  border-bottom: none;
}

/*================================================
Feedback Area CSS
=================================================*/
.feedback-area {
  position: relative;
  z-index: 1;
}

.feedback-slides {
  position: relative;
}

.feedback-slides .client-feedback {
  position: relative;
  margin: 0 auto -35px;
  max-width: 900px;
}

.feedback-slides .client-feedback .single-feedback {
  text-align: center;
  background-color:  !important;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
  position: relative;
  padding: 75px 90px 10px 90px;
  border-radius: 5px;
  z-index: 1;
  margin-top: 35px;
  margin-bottom: 65px;
  margin-right: 50px;
  margin-left: 50px;
}

.feedback-slides .client-feedback .single-feedback h3 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.feedback-slides .client-feedback .single-feedback span {
  display: block;
  color: ;
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
}

.feedback-slides .client-feedback .single-feedback p {
  font-size: 16px;
  line-height: 1.7;
}

.feedback-slides .client-feedback .single-feedback::before {
  content: '';
  position: absolute;
  z-index: -1;
  background: #ffffff;
  right: 0;
  left: 0;
  opacity: .90;
  height: 50%;
  bottom: -20px;
  left: 0;
  right: 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 30px 10px -20px rgba(0, 0, 0, 0.04);
          box-shadow: 0 30px 10px -20px rgba(0, 0, 0, 0.04);
  margin-left: 20px;
  margin-right: 20px;
}

.feedback-slides .client-feedback .single-feedback::after {
  content: '';
  position: absolute;
  z-index: -1;
  background: #ffffff;
  -webkit-box-shadow: 0 30px 10px -20px rgba(0, 0, 0, 0.03);
          box-shadow: 0 30px 10px -20px rgba(0, 0, 0, 0.03);
  right: 0;
  left: 0;
  opacity: .70;
  height: 50%;
  bottom: -40px;
  left: 0;
  right: 0;
  border-radius: 3px;
  margin-left: 40px;
  margin-right: 40px;
}

.feedback-slides .client-thumbnails {
  position: relative;
  max-width: 450px;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -80px;
}

.feedback-slides .client-thumbnails .item .img-fill {
  cursor: pointer;
  position: relative;
  text-align: center;
}

.feedback-slides .client-thumbnails .item .img-fill img {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  position: relative;
  border: 2px solid ;
  border-radius: 50%;
  padding: 3px;
  width: 85px;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.feedback-slides .client-thumbnails .item.slick-center .img-fill img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.feedback-slides .next-arrow, .feedback-slides .prev-arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #f0f0f0;
  border: none;
  color: #9f9f9f;
  z-index: 1;
  border-radius: 50%;
  line-height: 40px;
  outline: 0 !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.feedback-slides .next-arrow:hover, .feedback-slides .prev-arrow:hover {
  color: #ffffff;
  background-color: ;
}

.feedback-slides .next-arrow {
  right: -20px;
}

.feedback-slides .prev-arrow {
  left: -20px;
}

.feedback-slides:hover .next-arrow, .feedback-slides:hover .prev-arrow {
  opacity: 1;
  visibility: visible;
}

.feedback-slides .slick-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*================================================
FAQ Area CSS
=================================================*/
.faq-image {
  width: 100%;
  height: 100%;
  background-image: url(../img/approach-img1.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.faq-image img {
  display: none;
}

.faq-accordion {
  max-width: 600px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 50px;
}

.faq-accordion .sub-title {
  display: block;
  margin-bottom: 5px;
  color: ;
  font-size: 17px;
  font-family: "Rubik", sans-serif;
}

.faq-accordion h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}

.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 30px;
}

.faq-accordion .accordion .accordion-item {
  display: block;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  background: #ffffff;
  margin-bottom: 10px;
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
  padding: 12px 20px 12px 51px;
  color: ;
  position: relative;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
  display: block;
  font-size: 15px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
  height: 100%;
  background: #d2f5e1;
  color: ;
  font-size: 14px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.faq-accordion .accordion .accordion-title i::before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.faq-accordion .accordion .accordion-title.active {
  border-bottom-color: #eeeeee;
}

.faq-accordion .accordion .accordion-title.active i {
  background-color: ;
  color: #ffffff;
}

.faq-accordion .accordion .accordion-title.active i::before {
  content: "\f068";
}

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 15px;
  font-size: 14.5px;
}

.faq-accordion .accordion .accordion-content.show {
  display: block;
}

.faq-contact-area {
  position: relative;
  z-index: 1;
}

.faq-contact-form {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.faq-contact-form form {
  text-align: center;
}

.faq-contact-form form .form-group {
  margin-bottom: 15px;
}

.faq-contact-form form .form-control {
  background-color:  !important;
  border: none;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
  height: 57px;
}

.faq-contact-form form .form-group {
  text-align: left;
}

.faq-contact-form form .row {
  margin-left: -7px;
  margin-right: -7px;
}

.faq-contact-form form .row .col-lg-12, .faq-contact-form form .row .col-lg-6 {
  padding-left: 7px;
  padding-right: 7px;
}

.faq-contact-form form textarea.form-control {
  height: auto;
  padding-top: 15px;
}

.faq-contact-form form .btn {
  font-size: 16px;
  margin-top: 10px;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5) !important;
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5) !important;
}

.faq-contact-form form .btn.disabled {
  cursor: not-allowed !important;
}

.faq-contact-form form .btn.disabled:hover::before, .faq-contact-form form .btn.disabled:focus::before {
  opacity: 1;
  visibility: visible;
}

.faq-contact-form form .btn.disabled:hover::after, .faq-contact-form form .btn.disabled:focus::after {
  opacity: 0;
  visibility: hidden;
}

.faq-contact-form form .help-block ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 5px;
  margin-bottom: 0;
}

.faq-contact-form form .help-block ul li {
  color: red;
}

.faq-contact-form form #msgSubmit {
  margin-bottom: 0;
  text-align: center !important;
}

.faq-contact-form form #msgSubmit.text-danger, .faq-contact-form form #msgSubmit.text-success {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 600;
}

/*================================================
Partner Area CSS
=================================================*/
.partner-area {
  padding-bottom: 90px;
}

.customers-partner-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.partner-item {
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%;
  padding-left: 5px;
  padding-right: 5px;
}

.partner-item a {
  display: block;
  padding: 25px;
  background: #ffffff;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}

.partner-item a::before, .partner-item a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.partner-item a::before {
  left: 0;
  top: 0;
  border-left: 3px solid ;
  border-top: 3px solid ;
}

.partner-item a::after {
  right: 0;
  bottom: 0;
  border-right: 3px solid ;
  border-bottom: 3px solid ;
}

.partner-item a img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.partner-item a:hover::after, .partner-item a:hover::before {
  width: 40px;
  height: 40px;
  opacity: 1;
  visibility: visible;
}

.partner-item a:hover img {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.partner-item:nth-child(6) {
  margin-left: 10%;
}

/*================================================
Blog Area CSS
=================================================*/
.blog-area {
  padding-bottom: 70px;
}

.blog-area .pagination-area {
  margin-bottom: 30px;
}

.single-blog-post {
  margin-bottom: 30px;
}

.single-blog-post .post-image a {
  display: block;
}

.single-blog-post .post-content {
  background-color:  !important;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
  padding: 25px;
  position: relative;
  z-index: 1;
}

.single-blog-post .post-content .post-meta {
  margin-bottom: 15px;
}

.single-blog-post .post-content .post-meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-blog-post .post-content .post-meta ul li {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
  color: #7d7d7d;
  position: relative;
}

.single-blog-post .post-content .post-meta ul li::before {
  position: absolute;
  right: -11px;
  top: 3px;
  width: 1px;
  height: 13px;
  background-color: #7d7d7d;
  content: '';
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}

.single-blog-post .post-content .post-meta ul li a {
  color: ;
}

.single-blog-post .post-content .post-meta ul li:last-child {
  margin-right: 0;
}

.single-blog-post .post-content .post-meta ul li:last-child::before {
  display: none;
}

.single-blog-post .post-content h3 {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 24px;
  font-weight: 700;
}

.single-blog-post .post-content h3 a {
  display: inline-block;
}

.single-blog-post .post-content p {
  margin-top: 12px;
  margin-bottom: 0;
}

/*================================================
Blog Details Area CSS
=================================================*/
.blog-details-desc .article-content {
  margin-top: 30px;
}

.blog-details-desc .article-content .entry-meta {
  margin-bottom: -10px;
}

.blog-details-desc .article-content .entry-meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.blog-details-desc .article-content .entry-meta ul li {
  position: relative;
  display: inline-block;
  color: ;
  margin-right: 21px;
  font-family: "Rubik", sans-serif;
}

.blog-details-desc .article-content .entry-meta ul li span {
  display: inline-block;
  color: ;
}

.blog-details-desc .article-content .entry-meta ul li a {
  display: inline-block;
  color: #7d7d7d;
}

.blog-details-desc .article-content .entry-meta ul li a:hover {
  color: ;
}

.blog-details-desc .article-content .entry-meta ul li i {
  color: ;
  margin-right: 2px;
}

.blog-details-desc .article-content .entry-meta ul li::before {
  content: '';
  position: absolute;
  top: 11px;
  right: -15px;
  width: 6px;
  height: 1px;
 background-color: ;
}

.blog-details-desc .article-content .entry-meta ul li:last-child {
  margin-right: 0;
}

.blog-details-desc .article-content .entry-meta ul li:last-child::before {
  display: none;
}

.blog-details-desc .article-content h3 {
  margin-bottom: 13px;
  margin-top: 25px;
  font-size: 23px;
  font-weight: 600;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 {
  padding-left: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
  -ms-flex: 0 0 33.3333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
  margin-bottom: 0;
}

.blog-details-desc .article-content .features-list {
  padding-left: 0;
  list-style-type: none;
  margin-top: 25px;
  margin-bottom: 30px;
}

.blog-details-desc .article-content .features-list li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 34px;
  font-family: "Rubik", sans-serif;
}

.blog-details-desc .article-content .features-list li i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  background-color: #d2f5e1;
  color: ;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  font-size: 11px;
  position: absolute;
  left: 0;
  top: -2px;
}

.blog-details-desc .article-content .features-list li:hover i {
  background-color: ;
  color: #ffffff;
}

.blog-details-desc .article-content .features-list li:last-child {
  margin-bottom: 0;
}

.blog-details-desc .article-footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}

.blog-details-desc .article-footer .article-tags {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
}

.blog-details-desc .article-footer .article-tags span {
  display: inline-block;
  color: ;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.blog-details-desc .article-footer .article-tags a {
  display: inline-block;
  color: #7d7d7d;
}

.blog-details-desc .article-footer .article-tags a:hover {
  color: ;
}

.blog-details-desc .article-footer .article-share {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
}

.blog-details-desc .article-footer .article-share .social {
  padding-left: 0;
  list-style-type: none;
  text-align: right;
  margin-bottom: 0;
}

.blog-details-desc .article-footer .article-share .social li {
  display: inline-block;
}

.blog-details-desc .article-footer .article-share .social li span {
  display: inline-block;
  margin-right: 2px;
  font-weight: 500;
  color: #7d7d7d;
}

.blog-details-desc .article-footer .article-share .social li a {
  display: block;
  color: ;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  background-color: #def5ee;
  text-align: center;
  font-size: 14px;
}

.blog-details-desc .article-footer .article-share .social li a:hover {
  color: #ffffff;
  background-color: ;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.blog-details-desc .post-navigation {
  margin-top: 30px;
}

blockquote, .blockquote {
  overflow: hidden;
  background-color: #fafafa;
  padding: 50px !important;
  position: relative;
  text-align: center;
  z-index: 1;
  margin-bottom: 20px;
  margin-top: 20px;
}

blockquote p, .blockquote p {
  color: ;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 20px !important;
}

blockquote cite, .blockquote cite {
  display: none;
}

blockquote::before, .blockquote::before {
  color: #efefef;
  content: "\f10e";
  position: absolute;
  left: 50px;
  top: -50px;
  z-index: -1;
  font-family: "Font Awesome 5 Free";
  font-size: 140px;
  font-weight: 900;
}

blockquote::after, .blockquote::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: ;
  margin-top: 20px;
  margin-bottom: 20px;
}

.post-navigation {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.post-navigation .navigation-links {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.post-navigation .navigation-links .nav-previous {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
}

.post-navigation .navigation-links .nav-previous a i {
  margin-right: 2px;
}

.post-navigation .navigation-links .nav-next {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
}

.post-navigation .navigation-links .nav-next a i {
  margin-left: 2px;
}

.post-navigation .navigation-links div a {
  display: inline-block;
  font-weight: 500;
}

.comments-area {
  padding: 25px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
  background-color:  !important;
}

.comments-area .comments-title {
  position: relative;
  margin-bottom: 30px;
  line-height: initial;
  font-size: 20px;
  font-weight: 600;
}

.comments-area .comments-title::before {
  content: '';
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
 background-color: ;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.comments-area ol, .comments-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.comments-area .comment-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.comments-area .children {
  margin-left: 20px;
}

.comments-area .comment-body {
  border-bottom: 1px solid #eeeeee;
  padding-left: 65px;
  color: ;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.comments-area .comment-body .reply {
  margin-top: 15px;
}

.comments-area .comment-body .reply a {
  border: 1px solid #ded9d9;
  color: ;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 30px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: 600;
}

.comments-area .comment-body .reply a:hover {
  color: #ffffff;
  background-color: ;
  border-color: ;
}

.comments-area .comment-meta {
  margin-bottom: .8em;
}

.comments-area .comment-author {
  font-size: 16px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}

.comments-area .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}

.comments-area .comment-author .fn {
  font-weight: 600;
}

.comments-area .comment-author .says {
  display: none;
}

.comments-area .comment-metadata {
  color: #7d7d7d;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}

.comments-area .comment-metadata a {
  color: #7d7d7d;
}

.comments-area .comment-metadata a:hover {
  color: ;
}

.comments-area .comment-content p {
  font-size: 14px;
}

.comments-area .comment-respond {
  margin-top: 30px;
}

.comments-area .comment-respond .comment-reply-title {
  margin-bottom: 0;
  position: relative;
  font-size: 20px;
  font-weight: 600;
}

.comments-area .comment-respond .comment-reply-title::before {
  content: '';
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
 background-color: ;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
  display: inline-block;
}

.comments-area .comment-respond .comment-form {
  overflow: hidden;
}

.comments-area .comment-respond .comment-notes {
  margin-bottom: 0;
  margin-top: 10px;
}

.comments-area .comment-respond .comment-notes .required {
  color: red;
}

.comments-area .comment-respond .comment-form-comment {
  margin-top: 15px;
  float: left;
  width: 100%;
}

.comments-area .comment-respond label {
  display: block;
  font-weight: 500;
  color: ;
  margin-bottom: 5px;
}

.comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {
  display: block;
  width: 100%;
  background-color:  !important;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {
  border-color: ;
}

.comments-area .comment-respond .comment-form-author {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-email {
  float: left;
  width: 50%;
  padding-left: 12px;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-url {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 6px;
}

.comments-area .comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  color: #7d7d7d;
  font-weight: normal;
}

.comments-area .comment-respond .form-submit {
  float: left;
  width: 100%;
}

.comments-area .comment-respond .form-submit input {
 background-color: ;
  border: none;
  color: #ffffff;
  padding: 14px 30px 12px;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
}

.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
  color: #ffffff;
  background-color: ;
}

/*================================================
Page Title Area CSS
=================================================*/
.page-title-area {
  height: 300px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-title-bg1 {
  background-image: url(../img/page-title/1.jpg);
}

.page-title-bg2 {
  background-image: url(../img/page-title/2.jpg);
}

.page-title-bg3 {
  background-image: url(../img/page-title/3.jpg);
}

.page-title-bg4 {
  background-image: url(../img/page-title/4.jpg);
}

.page-title-bg5 {
  background-image: url(../img/page-title/5.jpg);
}

.page-title-content {
  text-align: center;
}

.page-title-content h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}

.page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 15px;
  margin-bottom: 0;
}

.page-title-content ul li {
  display: inline-block;
  position: relative;
  color: ;
  font-size: 16px;
  font-family: "Rubik", sans-serif;
  margin-left: 8px;
  margin-right: 8px;
}

.page-title-content ul li a {
  color: #545a73;
}

.page-title-content ul li a:hover {
  color: ;
}

.page-title-content ul li::before {
  content: "\f054";
  position: absolute;
  color: #545a73;
  right: -13px;
  top: 5px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
}

.page-title-content ul li:last-child::before {
  display: none;
}

/*================================================
Pagination Area CSS
=================================================*/
.pagination-area {
  margin-top: 10px;
  text-align: center;
}

.pagination-area .page-numbers {
  width: 40px;
  height: 40px;
  margin: 0 2px;
  display: inline-block;
  background-color:  !important;
  line-height: 40px;
  color: ;
  -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
          box-shadow: 0 2px 10px 0 #d8dde6;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
}

.pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus {
 background-color: ;
  color: #ffffff;
  -webkit-box-shadow: 0 2px 10px 0 ;
          box-shadow: 0 2px 10px 0 ;
}

/*================================================
Sidebar Widget Area CSS
=================================================*/
.widget-area .widget {
  margin-top: 35px;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
  background-color:  !important;
  padding: 25px;
}

.widget-area .widget:first-child {
  margin-top: 0;
}

.widget-area .widget .widget-title {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-transform: capitalize;
  position: relative;
  font-weight: 600;
  font-size: 20px;
}

.widget-area .widget .widget-title::before {
  content: '';
  position: absolute;
 background-color: ;
  bottom: -1px;
  left: 0;
  width: 50px;
  height: 1px;
}

.widget-area .widget_search form {
  position: relative;
}

.widget-area .widget_search form label {
  display: block;
  margin-bottom: 0;
}

.widget-area .widget_search form .screen-reader-text {
  display: none;
}

.widget-area .widget_search form .search-field {
  background-color: transparent;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.widget-area .widget_search form .search-field:focus {
  border-color: ;
}

.widget-area .widget_search form button {
  position: absolute;
  right: 0;
  outline: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  border: none;
  color: #ffffff;
  background-color: ;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.widget-area .widget_search form button:hover {
  color: #ffffff;
  background-color: ;
}

.widget-area .widget_fovia_posts_thumb {
  position: relative;
  overflow: hidden;
}

.widget-area .widget_fovia_posts_thumb .item {
  overflow: hidden;
  margin-bottom: 20px;
}

.widget-area .widget_fovia_posts_thumb .item:last-child {
  margin-bottom: 0;
}

.widget-area .widget_fovia_posts_thumb .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}

.widget-area .widget_fovia_posts_thumb .item .thumb .fullimage {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
}

.widget-area .widget_fovia_posts_thumb .item .thumb .fullimage.bg1 {
  background-image: url(../img/blog/5.jpg);
}

.widget-area .widget_fovia_posts_thumb .item .thumb .fullimage.bg2 {
  background-image: url(../img/blog/8.jpg);
}

.widget-area .widget_fovia_posts_thumb .item .thumb .fullimage.bg3 {
  background-image: url(../img/blog/9.jpg);
}

.widget-area .widget_fovia_posts_thumb .item .info {
  overflow: hidden;
}

.widget-area .widget_fovia_posts_thumb .item .info time {
  display: block;
  color: #7d7d7d;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
}

.widget-area .widget_fovia_posts_thumb .item .info .title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 600;
}

.widget-area .widget_recent_entries ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.widget-area .widget_recent_entries ul li {
  position: relative;
  margin-bottom: 12px;
  color: #7d7d7d;
  padding-left: 17px;
  line-height: 1.5;
  font-weight: 500;
}

.widget-area .widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.widget-area .widget_recent_entries ul li::before {
 background-color: ;
  position: absolute;
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 7px;
}

.widget-area .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 13px;
  color: #7d7d7d;
  margin-top: 4px;
}

.widget-area .widget_recent_comments ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.widget-area .widget_recent_comments ul li {
  position: relative;
  margin-bottom: 12px;
  color: #7d7d7d;
  padding-left: 17px;
  line-height: 1.5;
  font-weight: 500;
}

.widget-area .widget_recent_comments ul li:last-child {
  margin-bottom: 0;
}

.widget-area .widget_recent_comments ul li::before {
 background-color: ;
  position: absolute;
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 7px;
}

.widget-area .widget_recent_comments ul li span {
  display: inline-block;
}

.widget-area .widget_recent_comments ul li a {
  display: inline-block;
}

.widget-area .widget_archive ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.widget-area .widget_archive ul li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 17px;
  font-weight: 500;
}

.widget-area .widget_archive ul li:last-child {
  margin-bottom: 0;
}

.widget-area .widget_archive ul li::before {
 background-color: ;
  position: absolute;
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 7px;
}

.widget-area .widget_categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.widget-area .widget_categories ul li {
  position: relative;
  margin-bottom: 12px;
  color: #7d7d7d;
  padding-left: 17px;
  font-weight: 500;
}

.widget-area .widget_categories ul li:last-child {
  margin-bottom: 0;
}

.widget-area .widget_categories ul li::before {
 background-color: ;
  position: absolute;
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 7px;
}

.widget-area .widget_categories ul li a {
  display: inline-block;
}

.widget-area .widget_categories ul li .post-count {
  float: right;
}

.widget-area .widget_meta ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.widget-area .widget_meta ul li {
  position: relative;
  margin-bottom: 12px;
  color: #7d7d7d;
  padding-left: 17px;
  font-weight: 500;
}

.widget-area .widget_meta ul li:last-child {
  margin-bottom: 0;
}

.widget-area .widget_meta ul li::before {
 background-color: ;
  position: absolute;
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 7px;
}

.widget-area .widget_tag_cloud .widget-title {
  margin-bottom: 12px;
}

.widget-area .tagcloud a {
  display: inline-block;
  color: #7d7d7d;
  font-weight: 500;
  font-size: 14px !important;
  padding: 7px 10px;
  border: 1px dashed #eeeeee;
  margin-top: 8px;
  margin-right: 4px;
}

.widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {
  background-color: ;
  color: #ffffff;
  border-color: ;
}

.widget-area .widget_services_list ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
  background-color:  !important;
}

.widget-area .widget_services_list ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  z-index: 1;
  font-weight: 500;
}

.widget-area .widget_services_list ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #121521;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.widget-area .widget_services_list ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.widget-area .widget_services_list ul li a.active, .widget-area .widget_services_list ul li a:hover {
  background-color: ;
  color: #ffffff;
  padding-left: 20px;
}

.widget-area .widget_services_list ul li a.active::before, .widget-area .widget_services_list ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.widget-area .widget_services_list ul li:last-child a {
  border-bottom: none;
}

.widget-area .widget_download ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
  background-color:  !important;
}

.widget-area .widget_download ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  z-index: 1;
  font-weight: 500;
}

.widget-area .widget_download ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #121521;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.widget-area .widget_download ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.widget-area .widget_download ul li a.active, .widget-area .widget_download ul li a:hover {
  background-color: ;
  color: #ffffff;
  padding-left: 20px;
}

.widget-area .widget_download ul li a.active::before, .widget-area .widget_download ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.widget-area .widget_download ul li:last-child a {
  border-bottom: none;
}

.widget-area .widget_appointment form {
  margin-top: 5px;
  text-align: center;
}

.widget-area .widget_appointment form .form-group {
  position: relative;
  padding-left: 45px;
  text-align: left;
  margin-bottom: 0;
  margin-top: 25px;
}

.widget-area .widget_appointment form .form-group .icon {
  position: absolute;
  left: 0;
  top: 0;
  color: ;
  font-size: 30px;
}

.widget-area .widget_appointment form .form-group label {
  display: block;
  text-transform: uppercase;
  color: #7d7d7d;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
}

.widget-area .widget_appointment form .form-group .form-control {
  border: none;
  height: auto;
  border-bottom: 1px solid #eeeeee;
  font-size: 14px;
  font-weight: 600;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
}

.widget-area .widget_appointment form .form-group .form-control::-webkit-input-placeholder {
  color: ;
}

.widget-area .widget_appointment form .form-group .form-control:-ms-input-placeholder {
  color: ;
}

.widget-area .widget_appointment form .form-group .form-control::-ms-input-placeholder {
  color: ;
}

.widget-area .widget_appointment form .form-group .form-control::placeholder {
  color: ;
}

.widget-area .widget_appointment form .form-group .form-control:focus {
  border-color: ;
  padding-left: 2px;
}

.widget-area .widget_appointment form .form-group .nice-select {
  background-color: transparent;
  color: ;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #eeeeee;
  height: unset;
  line-height: initial;
  padding: 0 35px 8px 0;
  font-size: 14px;
  font-weight: 600;
}

.widget-area .widget_appointment form .form-group .nice-select .list {
  background-color:  !important;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  height: 260px;
  overflow-y: scroll;
  padding-top: 10px;
  padding-bottom: 10px;
}

.widget-area .widget_appointment form .form-group .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.widget-area .widget_appointment form .form-group .nice-select .list .option:hover {
  background-color:  !important;
  color: #ffffff;
}

.widget-area .widget_appointment form .form-group .nice-select .list .option.selected {
  background-color: transparent;
}

.widget-area .widget_appointment form .form-group .nice-select:after {
  right: 5px;
  border-color: ;
  width: 8px;
  height: 8px;
}

.widget-area .widget_appointment form .btn {
  margin-top: 20px;
}

/*================================================
Shop Area CSS
=================================================*/
.woocommerce-topbar {
  margin-bottom: 40px;
}

.woocommerce-topbar .woocommerce-result-count p {
  font-size: 16px;
}

.woocommerce-topbar .woocommerce-topbar-ordering {
  text-align: right;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select {
  background-color:  !important;
  color: #7d7d7d;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  float: unset;
  height: unset;
  line-height: initial;
  padding: 15px 35px 15px 20px;
  border-radius: 5px;
  font-size: 15px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list {
  background-color:  !important;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover {
  background-color:  !important;
  color: #ffffff;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected {
  background-color: transparent;
  font-weight: 600;
}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after {
  right: 20px;
  height: 8px;
  width: 8px;
}

.single-product-box {
  margin-bottom: 30px;
  background-color:  !important;
  -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}

.single-product-box .product-image {
  overflow: hidden;
  position: relative;
  text-align: left;
}

.single-product-box .product-image a img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-product-box .product-image a img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  margin-left: 20px;
}

.single-product-box .product-image .add-to-cart-btn {
  position: absolute;
  bottom: -46px;
  left: 0;
  width: 100%;
  background-color: ;
  color: #ffffff;
  padding: 12px 20px;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  font-size: 15px;
  font-weight: 600;
}

.single-product-box .product-image .add-to-cart-btn i {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.single-product-box .product-image .add-to-cart-btn:hover {
  background-color: ;
  color: #ffffff;
}

.single-product-box .product-image .sale-btn {
  position: absolute;
  left: 20px;
  top: 20px;
  background-color: red;
  color: #ffffff;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border-radius: 50%;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}

.single-product-box .product-content {
  padding: 25px;
}

.single-product-box .product-content h3 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
}

.single-product-box .product-content .price {
  color: ;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.single-product-box .product-content .price .old {
  text-decoration: line-through;
  color: #828893;
  font-size: 13px;
}

.single-product-box .product-content .rating {
  margin-top: 10px;
  color: #ffb708;
  font-size: 13px;
}

.single-product-box .product-content .rating i {
  margin-right: -1px;
}

.single-product-box:hover .product-image a img:nth-child(2) {
  opacity: 1;
  visibility: visible;
  margin-left: 0;
}

.single-product-box:hover .product-image .add-to-cart-btn {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}

/*================================================
Product Details Area CSS
=================================================*/
.product-details-image img {
  border-radius: 5px;
}

.product-details-desc h3 {
  margin-bottom: 18px;
  font-size: 30px;
  font-weight: 600;
}

.product-details-desc p {
  margin-bottom: 0;
}

.product-details-desc .price {
  margin-bottom: 15px;
  color: ;
  font-weight: 500;
}

.product-details-desc .price .old-price {
  text-decoration: line-through;
  color: #828893;
  font-size: 14px;
}

.product-details-desc .product-review {
  margin-bottom: 15px;
}

.product-details-desc .product-review .rating {
  display: inline-block;
  padding-right: 5px;
  font-size: 14px;
}

.product-details-desc .product-review .rating i {
  color: #ffba0a;
}

.product-details-desc .product-review .rating-count {
  display: inline-block;
  color: ;
  border-bottom: 1px solid #121521;
  line-height: initial;
}

.product-details-desc .product-review .rating-count:hover {
  color: ;
  border-color: ;
}

.product-details-desc .product-add-to-cart {
  margin-top: 20px;
}

.product-details-desc .product-add-to-cart .input-counter {
  max-width: 130px;
  min-width: 130px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
}

.product-details-desc .product-add-to-cart .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #d0d0d0;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-desc .product-add-to-cart .input-counter span.minus-btn {
  left: 0;
}

.product-details-desc .product-add-to-cart .input-counter span.plus-btn {
  right: 0;
}

.product-details-desc .product-add-to-cart .input-counter span:hover {
  color: ;
}

.product-details-desc .product-add-to-cart .input-counter input {
  height: 45px;
  color: ;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
}

.product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder {
  color: ;
}

.product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder {
  color: ;
}

.product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder {
  color: ;
}

.product-details-desc .product-add-to-cart .input-counter input::placeholder {
  color: ;
}

.product-details-desc .product-add-to-cart .btn {
  height: 45px;
  top: -2px;
  position: relative;
  line-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
}

.product-details-desc .product-add-to-cart .btn i {
  margin-right: 2px;
}

.product-details-desc .buy-checkbox-btn {
  margin-top: 20px;
}

.product-details-desc .buy-checkbox-btn input {
  display: none;
}

.product-details-desc .buy-checkbox-btn .cbx {
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  cursor: pointer;
}

.product-details-desc .buy-checkbox-btn .cbx span {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.product-details-desc .buy-checkbox-btn .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  -webkit-transform: scale(1);
          transform: scale(1);
  vertical-align: middle;
  border: 1px solid #ebebeb;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-desc .buy-checkbox-btn .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-desc .buy-checkbox-btn .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #121521;
  display: block;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-desc .buy-checkbox-btn .cbx span:last-child {
  padding-left: 4px;
  color: #7d7d7d;
}

.product-details-desc .buy-checkbox-btn .cbx:hover span:first-child {
  border-color: ;
}

.product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child {
  background: #121521;
  border-color: ;
  -webkit-animation: wave 0.4s ease;
          animation: wave 0.4s ease;
}

.product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before {
  -webkit-transform: scale(3.5);
          transform: scale(3.5);
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.product-details-desc .buy-checkbox-btn .item:not(:first-child) {
  margin-top: 15px;
}

.product-details-desc .buy-checkbox-btn .btn {
  display: block;
  width: 100%;
}

.product-details-desc .buy-checkbox-btn .btn-light {
  background-color: #f2f2f2;
  border: none;
  padding: 17px 25px 15.5px 25px;
}

.product-details-desc .custom-payment-options {
  margin-top: 20px;
}

.product-details-desc .custom-payment-options span {
  display: block;
  color: #7d7d7d;
  margin-bottom: 8px;
}

.product-details-desc .custom-payment-options .payment-methods a {
  display: inline-block;
}

.product-details-desc .custom-payment-options .payment-methods a img {
  width: 40px;
}

.tab .tabs_item {
  display: none;
}

.tab .tabs_item:first-child {
  display: block;
}

.products-details-tab {
  margin-top: 50px;
}

.products-details-tab .tabs {
  list-style-type: none;
  margin-bottom: -1px;
  padding-left: 0;
}

.products-details-tab .tabs li {
  display: inline-block;
  line-height: initial;
  margin-right: 5px;
}

.products-details-tab .tabs li a {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  color: ;
  border: 1px dashed #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 30px;
  padding-left: 48px;
  font-weight: 600;
  font-size: 14px;
}

.products-details-tab .tabs li a .dot {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 30px;
  width: 12px;
  height: 12px;
  border: 1px solid #121521;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
}

.products-details-tab .tabs li a .dot::before {
  position: absolute;
  top: 0;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  background: #121521;
  margin: 2px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.products-details-tab .tabs li a:hover, .products-details-tab .tabs li a:focus {
  color: #ffffff;
  background-color: ;
  border-color: ;
}

.products-details-tab .tabs li a:hover .dot, .products-details-tab .tabs li a:focus .dot {
  border-color: #ffffff;
}

.products-details-tab .tabs li a:hover .dot::before, .products-details-tab .tabs li a:focus .dot::before {
  background: #ffffff;
}

.products-details-tab .tabs li.current a {
  color: #ffffff;
  background-color: ;
  border-color: ;
}

.products-details-tab .tabs li.current a .dot {
  border-color: #ffffff;
}

.products-details-tab .tabs li.current a .dot::before {
  background: #ffffff;
}

.products-details-tab .tabs li:last-child {
  margin-right: 0;
}

.products-details-tab .tab_content {
  border: 1px dashed #eeeeee;
  padding: 30px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content p {
  margin-bottom: 20px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child {
  margin-bottom: 0;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: left;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {
  border: 1px solid #eeeeee;
  border-bottom: none;
  padding: 10px 15px;
  color: #7d7d7d;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {
  border-bottom: 1px solid #eeeeee;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {
  display: inline-block;
  width: 30%;
  color: ;
  font-weight: 500;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title {
  position: relative;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating {
  display: inline-block;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {
  color: #ffba0a;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {
  color: #ebebeb;
  font-size: 14px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {
  margin-bottom: 0;
  display: inline-block;
  padding-left: 5px;
  line-height: initial;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 25px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {
  margin-top: 35px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
  margin-top: 30px;
  position: relative;
  padding-right: 200px;
  border-top: 1px dashed #eeeeee;
  padding-top: 30px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star {
  color: #ffba0a;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {
  font-size: 14px;
  color: #ebebeb;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {
  margin-bottom: 10px;
  font-size: 13px;
  display: block;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong {
  font-weight: 600;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p {
  margin-bottom: 0;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
  position: absolute;
  right: 0;
  color: #7d7d7d;
  top: 40px;
  text-decoration: underline;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {
  color: ;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {
  margin-top: 30px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form h3 {
  margin-bottom: 20px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form {
  max-width: 800px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group {
  margin-bottom: 15px;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control {
  height: 55px;
  -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, 0.1) !important;
          box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, 0.1) !important;
  border: none;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea.form-control {
  padding-top: 15px;
  height: auto;
}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn {
  margin-top: 10px;
  -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, 0.8) !important;
          box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, 0.8) !important;
  padding-right: 25px;
}

.related-products {
  margin-top: 70px;
}

.related-products .section-title {
  margin-bottom: 10px;
}

.related-products .single-product-box {
  margin-bottom: 0;
  margin-top: 30px;
}

/*================================================
Cart Area CSS
=================================================*/
.cart-table table {
  margin-bottom: 0;
}

.cart-table table thead tr th {
  border-bottom-width: 0px;
  vertical-align: middle;
  padding: 20px 0 20px;
  text-transform: uppercase;
  border: none;
  white-space: nowrap;
  font-weight: 500;
}

.cart-table table tbody tr td {
  vertical-align: middle;
  color: #7d7d7d;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  border-color: #eaedff;
  border-left: none;
  border-right: none;
}

.cart-table table tbody tr td.product-thumbnail a {
  display: block;
}

.cart-table table tbody tr td.product-thumbnail a img {
  width: 80px;
}

.cart-table table tbody tr td.product-name a {
  color: #7d7d7d;
  font-weight: 500;
  display: inline-block;
}

.cart-table table tbody tr td.product-name a:hover {
  color: ;
}

.cart-table table tbody tr td.product-subtotal .remove {
  color: red;
  float: right;
  position: relative;
  top: -1px;
}

.cart-table table tbody tr td.product-quantity .input-counter {
  max-width: 130px;
  min-width: 130px;
  text-align: center;
  display: inline-block;
  position: relative;
}

.cart-table table tbody tr td.product-quantity .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #d0d0d0;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {
  left: 0;
}

.cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {
  right: 0;
}

.cart-table table tbody tr td.product-quantity .input-counter span:hover {
  color: ;
}

.cart-table table tbody tr td.product-quantity .input-counter input {
  height: 45px;
  color: ;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
}

.cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
  color: ;
}

.cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
  color: ;
}

.cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
  color: ;
}

.cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
  color: ;
}

.cart-table table tbody tr td.product-subtotal {
  overflow: hidden;
}

.cart-buttons {
  margin-top: 30px;
  text-align: right;
}

.cart-buttons .shopping-coupon-code {
  position: relative;
  max-width: 530px;
}

.cart-buttons .shopping-coupon-code .form-control {
  height: 50px;
}

.cart-buttons .shopping-coupon-code button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background: #121521;
  color: #ffffff;
  border: none;
  padding: 0 25px;
  font-weight: 500;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.cart-buttons .shopping-coupon-code button:hover {
  background-color: ;
}

.cart-totals {
  background: #ffffff;
  padding: 40px;
  max-width: 620px;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin-left: auto;
  margin-top: 50px;
}

.cart-totals h3 {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 600;
}

.cart-totals ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}

.cart-totals ul li {
  border: 1px solid #eaedff;
  padding: 20px;
  color: ;
  overflow: hidden;
  font-weight: 500;
}

.cart-totals ul li:first-child {
  border-bottom: none;
}

.cart-totals ul li:last-child {
  border-top: none;
}

.cart-totals ul li b {
  font-weight: 500;
}

.cart-totals ul li span {
  float: right;
  color: #7d7d7d;
  font-weight: normal;
  font-size: 14px;
}

/*================================================
Checkout Area CSS
=================================================*/
.user-actions {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 18px 20px 15px;
  margin-bottom: 65px;
  border-top: 3px solid ;
  position: relative;
}

.user-actions::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -35px;
  width: 100%;
  height: 1px;
  background: #eeeeee;
}

.user-actions i {
  color: ;
  margin-right: 2px;
}

.user-actions span {
  display: inline-block;
  font-weight: 500;
  color: ;
}

.user-actions span a {
  display: inline-block;
  color: ;
}

.user-actions span a:hover, .user-actions span a:focus {
  color: ;
}

.billing-details .title {
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
  font-size: 20px;
  font-weight: 600;
}

.billing-details .title::before {
  content: '';
  position: absolute;
 background-color: ;
  bottom: -1px;
  left: 0;
  width: 50px;
  height: 1px;
}

.billing-details .form-group {
  margin-bottom: 20px;
}

.billing-details .form-group label {
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 500;
}

.billing-details .form-group label .required {
  color: red;
}

.billing-details .form-group .nice-select {
  float: unset;
  line-height: 45px;
  color: #7d7d7d;
  font-weight: 500;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

.billing-details .form-group .nice-select .list {
  background-color:  !important;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.billing-details .form-group .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
}

.billing-details .form-group .nice-select .list .option:hover {
  background-color:  !important;
  color: #ffffff;
}

.billing-details .form-group .nice-select .list .option.selected {
  background-color: transparent;
  font-weight: 600;
}

.billing-details .form-group .nice-select:after {
  right: 20px;
  width: 8px;
  height: 8px;
}

.billing-details .form-group .form-control {
  height: 50px;
}

.billing-details .form-group textarea.form-control {
  height: auto;
  padding-top: 15px;
}

.billing-details .form-check {
  margin-bottom: 20px;
}

.billing-details .form-check .form-check-label {
  color: ;
}

.billing-details .form-check label {
  position: relative;
  left: -3px;
  top: 1px;
  font-size: 14px;
  font-weight: 500;
}

.billing-details .col-lg-12:last-child .form-group {
  margin-bottom: 0;
}

.order-details .title {
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
  font-size: 21px;
  font-weight: 600;
}

.order-details .title::before {
  content: '';
  position: absolute;
 background-color: ;
  bottom: -1px;
  left: 0;
  width: 50px;
  height: 1px;
}

.order-details .order-table table {
  margin-bottom: 0;
}

.order-details .order-table table thead tr th {
  border-bottom-width: 0;
  vertical-align: middle;
  border-color: #eaedff;
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  font-weight: 500;
  font-size: 16px;
}

.order-details .order-table table tbody tr td {
  vertical-align: middle;
  color: #7d7d7d;
  border-color: #eaedff;
  padding-left: 20px;
  padding-right: 20px;
}

.order-details .order-table table tbody tr td.product-name a {
  color: #7d7d7d;
  display: inline-block;
  font-weight: 500;
}

.order-details .order-table table tbody tr td.product-name a:hover {
  color: ;
}

.order-details .order-table table tbody tr td.order-subtotal span, .order-details .order-table table tbody tr td.order-shipping span, .order-details .order-table table tbody tr td.total-price span {
  color: ;
  font-weight: 500;
}

.order-details .order-table table tbody tr td.shipping-price, .order-details .order-table table tbody tr td.order-subtotal-price, .order-details .order-table table tbody tr td.product-subtotal {
  font-weight: 500;
}

.order-details .payment-box {
  background-color:  !important;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  margin-top: 30px;
  padding: 30px;
}

.order-details .payment-box .payment-method p {
  font-size: 14px;
}

.order-details .payment-box .payment-method p [type="radio"]:checked, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) {
  display: none;
}

.order-details .payment-box .payment-method p [type="radio"]:checked + label, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  color: ;
  position: relative;
  margin-bottom: 8px;
  font-weight: 500;
}

.order-details .payment-box .payment-method p [type="radio"]:checked + label::before, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}

.order-details .payment-box .payment-method p [type="radio"]:checked + label::after, .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
  content: '';
  width: 12px;
  height: 12px;
 background-color: ;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.order-details .payment-box .payment-method p [type="radio"]:checked + label::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.order-details .payment-box .btn.order-btn {
  display: block;
  margin-top: 25px;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
  padding-right: 25px;
}

/*================================================
Contact Area CSS
=================================================*/
.contact-area {
  position: relative;
  z-index: 1;
}

.contact-form form {
  text-align: center;
}

.contact-form form .form-control {
  background-color:  !important;
  border: none;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2) !important;
  height: 57px;
}

.contact-form form .form-group {
  text-align: left;
  margin-bottom: 15px;
}

.contact-form form .row {
  margin-left: -7px;
  margin-right: -7px;
}

.contact-form form .row .col-lg-12, .contact-form form .row .col-lg-6 {
  padding-left: 7px;
  padding-right: 7px;
}

.contact-form form textarea.form-control {
  height: auto;
  padding-top: 15px;
}

.contact-form form .btn {
  font-size: 16px;
  margin-top: 10px;
  -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5) !important;
          box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5) !important;
}

.contact-form form .btn.disabled {
  cursor: not-allowed !important;
}

.contact-form form .btn.disabled:hover::before, .contact-form form .btn.disabled:focus::before {
  opacity: 1;
  visibility: visible;
}

.contact-form form .btn.disabled:hover::after, .contact-form form .btn.disabled:focus::after {
  opacity: 0;
  visibility: hidden;
}

.contact-form form .help-block ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 5px;
  margin-bottom: 0;
}

.contact-form form .help-block ul li {
  color: red;
}

.contact-form form #msgSubmit {
  margin-bottom: 0;
  text-align: center !important;
}

.contact-form form #msgSubmit.text-danger, .contact-form form #msgSubmit.text-success {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 600;
}

.contact-info {
  padding-left: 25px;
}

.contact-info ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.contact-info ul li {
  position: relative;
  padding-left: 95px;
  color: #7d7d7d;
  font-family: "Rubik", sans-serif;
  margin-bottom: 35px;
}

.contact-info ul li .icon {
  border: 1px dashed ;
  width: 75px;
  height: 75px;
  line-height: 75px;
  color: #ffffff;
  border-radius: 50%;
  font-size: 25px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.contact-info ul li .icon::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
 background-color: ;
  border-radius: 50%;
  margin: 6px;
  -webkit-box-shadow: 0 1px 3px 1px ;
          box-shadow: 0 1px 3px 1px ;
  z-index: -1;
}

.contact-info ul li span {
  display: block;
  margin-bottom: 8px;
  color: ;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.contact-info ul li a {
  color: #7d7d7d;
  display: block;
}

.contact-info ul li a:hover {
  color: ;
}

.contact-info ul li:last-child {
  margin-bottom: 0;
}

.bg-map {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  text-align: center;
  margin: 0 auto;
  opacity: .4;
}

/*================================================
404 Error Area CSS
=================================================*/
.error-area {
  height: 100vh;
}

.error-content {
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
}

.error-content h3 {
  font-size: 40px;
  font-weight: 700;
  margin-top: 45px;
  margin-bottom: 15px;
}

.error-content p {
  max-width: 520px;
  margin: 0 auto 20px;
}

/*================================================
Subscribe Area CSS
=================================================*/
.subscribe-area {
  border-bottom: 1px solid #272a35;
  margin-bottom: 60px;
  padding-bottom: 60px;
}

.newsletter-content h2 {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
}

.newsletter-content p {
  color: #cecece;
  max-width: 400px;
  margin-top: 10px;
  margin-bottom: 0;
}

.newsletter-form {
  position: relative;
}

.newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  height: 70px;
  line-height: initial;
  border: none;
  background-color:  !important;
  border-radius: 70px;
  color: ;
  outline: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 165px;
  padding-left: 25px;
  font-family: "Rubik", sans-serif;
  font-size: 17px;
}

.newsletter-form .input-newsletter::-webkit-input-placeholder {
  color: #7d7d7d;
}

.newsletter-form .input-newsletter:-ms-input-placeholder {
  color: #7d7d7d;
}

.newsletter-form .input-newsletter::-ms-input-placeholder {
  color: #7d7d7d;
}

.newsletter-form .input-newsletter::placeholder {
  color: #7d7d7d;
}

.newsletter-form button {
  position: absolute;
  right: 7.5px;
  top: 7.5px;
  border: none;
  line-height: initial;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 1px 50px 0 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
 background-color: ;
  height: 55px;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
}

.newsletter-form button i {
  position: absolute;
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  display: inline-block;
  height: 33px;
  width: 33px;
  line-height: 33px;
  color: #ffffff;
  border-radius: 50%;
  background-color: #8ee9b2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.newsletter-form button:hover, .newsletter-form button:focus {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  background: #121521 !important;
  color: #ffffff !important;
}

.newsletter-form button:hover i, .newsletter-form button:focus i {
  background-color:  !important;
  color: ;
}

.newsletter-form #validator-newsletter {
  position: absolute;
  left: 15px;
  bottom: -35px;
  color: #ffffff;
}

/*================================================
Footer Area CSS
=================================================*/
.footer-area {
  background-color: ;
  padding-top: 80px;
}

.single-footer-widget {
  margin-bottom: 30px;
}

.single-footer-widget .logo a {
  display: inline-block;
}

.single-footer-widget .logo p {
  color: #cecece;
  margin-top: 15px;
  margin-bottom: 0;
}

.single-footer-widget .social {
  padding-left: 0;
  list-style-type: none;
  margin-top: 18px;
  margin-bottom: 0;
}

.single-footer-widget .social li {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}

.single-footer-widget .social li a {
  display: block;
  color: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: #3a3c45;
  text-align: center;
  font-size: 14px;
}

.single-footer-widget .social li a:hover {
  color: #ffffff;
  background-color: ;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}


.main-banner{
min-height: 200px !important;
}


.single-footer-widget .social li:first-child {
  margin-left: 0;
}

.single-footer-widget .social li:last-child {
  margin-right: 0;
}

.single-footer-widget h3 {
  margin-bottom: 30px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}

.single-footer-widget .departments-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .departments-list li {
  margin-bottom: 10px;
  color: #cecece;
  font-size: 14.5px;
  font-family: "Rubik", sans-serif;
}

.single-footer-widget .departments-list li a {
  display: inline-block;
  color: #cecece;
}

.single-footer-widget .departments-list li a:hover {
  color: ;
}

.single-footer-widget .departments-list li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .links-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .links-list li {
  margin-bottom: 10px;
  color: #cecece;
  font-size: 14.5px;
  font-family: "Rubik", sans-serif;
}

.single-footer-widget .links-list li a {
  display: inline-block;
  color: #cecece;
}

.single-footer-widget .links-list li a:hover {
  color: ;
}

.single-footer-widget .links-list li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .opening-hours {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-footer-widget .opening-hours li {
  color: #cecece;
  border-bottom: 1px solid #393c49;
  overflow: hidden;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}

.single-footer-widget .opening-hours li span {
  float: right;
}

.single-footer-widget .opening-hours li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.copyright-area {
  text-align: center;
  border-top: 1px solid #272a35;
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.copyright-area p {
  line-height: initial;
  color: #ffffff;
  margin-bottom: 0;
}

.copyright-area p a {
  color: #ffffff;
  display: inline-block;
}

.copyright-area p a:hover {
  color: ;
}

/*================================================
Go Top CSS
=================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 50%;
  right: 15px;
  background: #d2f5e1;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
  color: ;
  border-radius: 3px;
  font-size: 20px;
}

.go-top.active {
  top: 98%;
  -webkit-transform: translateY(-98%);
          transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
}

.go-top:hover, .go-top:focus {
  color: #ffffff;
  background-color: ;
}
/*# sourceMappingURL=style.css.map */


@media only screen and (max-width: 600px) {
  .prdddd {
    width: 50% !important;
  }
.ptb-100 {
    padding-top: 33px;
    padding-bottom: 33px;
}
.main-banner {
    height: -webkit-fill-available;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.main-banner {
    height: 100%;
    padding-top: 0px;
    padding-bottom: 58px;
}
.fovia-responsive-nav .logo img{
margin-top: -52px !important;
}
.navbar-area {
    padding-top: 27px;
    padding-bottom: 0;
}
}
</style>


<?  if($_GET['id'] == 11000){ ?>
    <style>
.main-services-box {

    background-color: #005783 ;
}
.main-services-box:hover {

    background-color: #81d5ff ;
}
.main-services-box::before {

    background-color: #005783 ;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.main-services-box:hover{

    background-color: #005783 ;
}
.main-services-box h3{
color: #fff !important;
}

.main-services-box p{
color: #fff !important;
}


.fovia-nav .navbar .navbar-nav .nav-item a {
    font-size: 20.5px;
}
</style>
<? } ?>


 <?
      if(array_key_exists("id", $_GET)){
        if($pagg == 2){
        $prodprams = array("business" => $_GET['id'] , "special" => 1);
      }else {
        $prodprams = array("business" => $_GET['id']);
      }
        $aboutus = $core -> getbusiness_aboutus($prodprams);
        $blogs = $core -> getbusiness_blogs($prodprams);
        $classifed = $core -> getbusiness_classifed($prodprams);
        $opening_hours = $core -> getbusiness_opening_hours($prodprams);
        $gallery = $core -> getbusiness_gallery($prodprams);
        $gallerycategories = $core -> getbusiness_gallery_categories($prodprams);

        $product = $core -> getbusiness_product($prodprams);
   $product_category = $core -> getbusiness_product_category($prodprams);
        $offers = $core -> getbusiness_offers($prodprams);
        $services = $core -> getbusiness_services($prodprams);
        $services_category = $core -> getbusiness_services_category($prodprams);
        $videos = $core -> getbusiness_videos($prodprams);
        $videoscategories = $core -> getbusiness_videos_categories($prodprams);

   $distinctproduct = $core -> getdistinctbusiness_product($prodprams);


        $branches = $core -> getbusiness_branches($prodprams);

        $team = $core -> getbusiness_responsible($prodprams);

$master = array();

}

      ?>


 <?
      if(array_key_exists("id", $_GET)){
        if($pagg == 2){
        $prodprams = array("business" => $_GET['id']);
      }else {
        $prodprams = array("business" => $_GET['id']);
      }
        $allaboutus = $core -> getbusiness_aboutus($prodprams);
        $allblogs = $core -> getbusiness_blogs($prodprams);
        $allclassifed = $core -> getbusiness_classifed($prodprams);
        $allopening_hours = $core -> getbusiness_opening_hours($prodprams);
        $allgallery = $core -> getbusiness_gallery($prodprams);
        $allgallerycategories = $core -> getbusiness_gallery_categories($prodprams);

        $allproduct = $core -> getbusiness_product($prodprams);
   $allproduct_category = $core -> getbusiness_product_category($prodprams);
        $alloffers = $core -> getbusiness_offers($prodprams);
        $allservices = $core -> getbusiness_services($prodprams);
        $allservices_category = $core -> getbusiness_services_category($prodprams);
        $allvideos = $core -> getbusiness_videos($prodprams);
        $allvideoscategories = $core -> getbusiness_videos_categories($prodprams);

   $alldistinctproduct = $core -> getdistinctbusiness_product($prodprams);


        $allbranches = $core -> getbusiness_branches($prodprams);

        $allteam = $core -> getbusiness_responsible($prodprams);

$master = array();

}

      ?>

<style>
@media only screen and (max-width: 575px) {
  .prdddd {
    width: 50%;
  }

.owl-height{
min-height: 250px !important;
}
.item-bg1{
min-height: 250px !important;
}

.ssssssssss {
    height: 76px !important;
}
}
</style>

<?  if($_GET['id'] == 11278){ ?>
    <style>

.fovia-nav .navbar .navbar-nav .nav-item a {
text-transform: uppercase !important;
}
</style>
<? } ?>
    </head>
    <body>
        <!-- Preloader -->
        <div class="preloader">
            <div class="loader">
                <div class="loader-outter"></div>
                <div class="loader-inner"></div>
                <div class="indicator">
                    <svg width="16px" height="12px">
                        <polyline id="back" points="1 6 4 6 6 11 10 1 12 6 15 6"></polyline>
                        <polyline id="front" points="1 6 4 6 6 11 10 1 12 6 15 6"></polyline>
                    </svg>
                </div>
            </div>
        </div>
        <!-- End Preloader -->
        <!-- Start Header Area -->

<?
$prodprams = array("id" => $businessdetials[0]['area']);
$area = $core -> getarea($prodprams);
$prodprams2 = array("id" => $area[0]['city']);
$city = $core -> getcity($prodprams2);
?>
        <header class="header-area">

<? if(($_GET['id'] != 11278) && ($_GET['id'] != 11542)){ ?>
            <div class="top-header" style="  background:  !important;">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <ul class="header-contact-info">
                                <li><i class="fa fa-map-marker"></i> <a  <? if($businessdetials[0]['location'] != null){?>href="" target="_blank"<? } ?>>
                                              </a></li>
<?
$prodprams = array("id" => $_GET['id']);
$businessdetials = $core -> getbusiness($prodprams);
?>
<?
$prodprams = array("business" => $businessdetials[0]['id']);
$phones = $core -> getbusiness_phones($prodprams);

if($phones != null){
?>
                                <li><i class="fas fa-phone"></i> Call Us:   <a <? $useragent=$_SERVER['HTTP_USER_AGENT'];

if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4))){?> href="tel:" <? }else{ ?> href="business_index5.php?id=&contact=1" title="" href="tel:" <? } ?>> </a></li>
  <? } ?>
<?
$prodprams = array("business" => $businessdetials[0]['id']);
$emails = $core -> getbusiness_emails($prodprams);

if($emails != null){
?>
                                <li><i class="far fa-paper-plane"></i> <a href="mailto:"></a></li>
                                        
<? } ?>

                            </ul>
                        </div>
                        <div class="col-lg-3">
<? if($_GET['id'] == 11394){ ?>

 <a href="#" >
<img src="https://hitwebcounter.com/counter/counter.php?page=8026879&style=0030&nbdigits=5&type=ip&initCount=100" title="Free Counter" Alt="web counter"   border="0" /></a>


<? } ?>

                        </div>
                        <div class="col-lg-3">
                            <div class="header-right-content">
                                <ul class="top-header-social">
                                    

      <? if($businessdetials[0]['facebook'] != null){?>
                                             <li><a href=""  target="_blank" title="facebook"><i class="fab fa-facebook-f"></i></a></li>
<? } ?>
               <? if($businessdetials[0]['whatsapp_number'] != null){?>
                                             <li><a href="https://wa.me/"  target="_blank" title="whatsapp"><i class="fab fa-whatsapp"></i></a></li>
<? } ?>

               <? if($businessdetials[0]['instagram'] != null){?>
                                             <li><a href=""  target="_blank" title="instagram"><i class="fab fa-instagram"></i></a></li>
<? } ?>

 <? if($businessdetials[0]['twitter'] != null){?>
                                             <li><a href=""  target="_blank" title="twitter"><i class="fab fa-twitter"></i></a></li>
<? } ?>

 <? if($businessdetials[0]['linkedin'] != null){?>
                                             <li><a href=""  target="_blank" title="linkedin"><i class="fab fa-linkedin-in"></i></a></li>
<? } ?>

       <? if($businessdetials[0]['admin_link'] != null){?>

    		      <li>   <a  href=""  target="_blank" title="youtube"><i class="fab fa-youtube"></i></a></li>
               <? } ?>


                                </ul>
                                <!-- <div class="lang-select">
                                    <select>
                                        <option>Eng</option>
                                        <option>Spa</option>
                                        <option>Ara</option>
                                        <option>Fre</option>
                                    </select>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

<? } ?>
            <!-- Start Navbar Area -->
            <div class="navbar-area">
                <div class="fovia-responsive-nav">
                    <div class="container">
                        <div class="fovia-responsive-menu">
                            <div class="logo" >
                                <a href="" title="">
  <img   style="max-height: 120px;
margin: 0;
padding: 0;" src="images/" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="fovia-nav">
                    <div class="container">
                        <nav class="navbar navbar-expand-md navbar-light">

  <a href="" class="navbar-brand" title="">
  <img   style="max-height: 120px;
margin: 0;
padding: 0;" src="images/" alt="">
                                </a>

                            <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
                                <ul class="navbar-nav">
                                    <li class="nav-item"><a href="business_index5.php?id=1" class="nav-link active">Home</a></li>

        <? if($allaboutus != null){?>

<? if($_GET['id'] == 10722){ $wordd ="Medisca"; }else{ $wordd ="About us"; } ?>
                                                    <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=about" title=""></a>
                                                    </li>
<? } ?>    


 <? if($allproduct != null){?>
                                                    <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=products" class="nav-link" title="<? if($mainn != 8){ ?>Shop<? }else{ ?>Donation cases<? } ?>" ><? if($mainn != 8){ ?><? if($productnamepage == null){ ?>Shop<? }else{ ?><? } ?><? }else{ ?>Donation cases<? } ?> <i class="fas fa-angle-down"></i></a>
 <ul class="dropdown-menu" style="    background: ;">
 

<?
$count = count($distinctproduct);
$travelint = 0;
        while ($travelint < $count){

        $prodprams = array("id" => $distinctproduct[$travelint]['product_category']);
           $productcategoryss = $core -> getbusiness_product_category($prodprams);
if($productcategoryss[0]['name_english'] != null){
        ?>


        <li style="text-align: left; background: ; margin-bottom: 10px;" class="nav-item"><a style="text-align: left;" href="companydetials5.php?id=1&page=products&product_category=" title="" class="nav-item"></a></li>
<?
}else{ ?>


<? }
$travelint = $travelint + 1;} ?>


          <li style="text-align: left; " class="nav-item"><a style="text-align: left;" href="companydetials5.php?id=1&page=products" class="nav-item">All Products</a></li>


    </ul>
                                                    </li>


    <? } ?>


 <? if($allservices_category != null){?>
                                                    <li class="nav-item" >
                                                        <a href="#companydetials5.php?id=1&page=services" class=" <? if(array_key_exists('page', $_GET) && ($_GET['page'] == 'services')){?>active<? } ?>"><? if($servicenamepage == null){ ?>Services<? }else{ ?><? } ?> <i class="fas fa-angle-down"></i></a>


 <ul class="dropdown-menu" style="    background: ;">

<?
$count = count($services_category);
$travelint = 0;
        while ($travelint < $count){

     
        ?>


        <li style="text-align: left; background: ; margin-bottom: 10px;" class="nav-item"><a class="nav-link" style="text-align: left; padding: 0;" href="companydetials5.php?id=1&page=services&services_category=" title=""></a></li>
 <?
$travelint = $travelint + 1;} ?>


    </ul>


                                                    </li>
    <? } ?>


                                  <? if($alloffers != null){?>
                                                    <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=offers" class="nav-link" title="Offers">Offers</a>

                                                    </li>
<? } ?>
    <? if($allblogs != null){?>
                                                    <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=news" class="nav-link" title="<? if($newsnamepage == null){ ?>News<? }else{ ?><? } ?>"><? if($newsnamepage == null){ ?>News<? }else{ ?><? } ?> </a>
                                                    </li>
<? } ?>
    <? if($allgallery != null){ if($_GET['id'] != 11232){$pagen = "Photo Gallery";}else{ $pagen = "our industry"; } ?>
                                                    <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=gallery" class="nav-link" title=""></a>
                                                    </li>
<? } ?>

  <? if($allvideoscategories != null){?>
                                                    <li class="nav-item">
                                                        <a  href="companydetials5.php?id=1&page=videos" class="nav-link" title="videos">videos </a>

                                                    </li>
    <? } ?>


     <? if($_GET['id'] == 11542){?>
                                                    <li class="nav-item">
                                                        <a href="partners.php?id=1" class="nav-link"  title="Our Hospitals">Our Hospitals</a>

                                                    </li>

  <li class="nav-item">
                                                        <a href="evaluation_form.php?id=1" class="nav-link"  title="Evaluation form">Evaluation form</a>

                                                    </li>


<? } ?>


      <? if($allclassifed != null){?>
                                                    <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=classified" class="nav-link" title="Classified">Classified</a>

                                                    </li>
<? } ?>

   
      <? if($allteam != null){?>
                                                    <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=team" class="nav-link" title="Our Team ">Our Team</a>

                                                    </li>
    <? } ?>
     <? if($allbranches != null){?>
                                                    <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=branches" class="nav-link" title="Branches">Branches</a>

                                                    </li>
    <? } ?>
   
    <? if($allclients != null){?>
                                                    <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=clients" class="nav-link" title="Clients">Clients</a>

                                                    </li>
<? } ?>

 <?  $prodprams = array("business" => $_GET['id']);

       $files = $core -> getbusiness_files($prodprams); if($files != null){?>
        <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=files" class="nav-link" title="Downloads">Downloads</a>

                                                    </li>
<? } ?>
                                          

   <li class="nav-item">
                                                        <a href="companydetials5.php?id=1&page=contact" class="nav-link" title="Contact">Contact</a>

                                                    </li>
        

                                                    <li  class="nav-item" >
                                                        <a href="business_index5arabic.php?id=1" class="nav-link" style="font-family: 'DroidKufi';" title="عربي"  >عربي </a>

                                                    </li>


                                </ul>
                                <div class="others-options">
                                    <!-- <a href="#" class="cart-btn"><i class="flaticon-shopping-bag"></i></a> -->
                                   <? /* <div class="option-item"><i class="search-btn fas fa-search"></i>
                                        <i class="search-close-btn fas fa-times"></i>
                                        <div class="search-overlay search-popup">
                                            <div class='search-box'>
                                                <form class="search-form">
                                                    <input class="search-input" name="search" placeholder="Search" type="text">
                                                    <button class="search-button" type="submit"><i class="fas fa-search"></i></button>
                                                </form>
                                            </div>
                                        </div>
                                    </div> */ ?>
                                    <a href="companydetials5.php?id=1&page=contact" class="btn btn-primary">Contact Us</a>

<a href=""  target="_blank" title="facebook" style="padding-right: 10px; padding-left: 10px;"><i class="fab fa-facebook-f"></i></a>

                                     <a href="https://wa.me/"  target="_blank" title="whatsapp" style="padding-right: 10px; padding-left: 10px;"><i class="fab fa-whatsapp"></i></a>


                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
            <!-- End Navbar Area -->
        </header>
        <!-- End Header Area -->
        <!-- Start Main Banner Area -->
        <div class="home-slides owl-carousel owl-theme">


<?

$prodprams = array("business" => $businessdetials[0]['id']);
$bussiness_slider = $core -> getbussiness_slider($prodprams);
$prodprams = array("id" => $businessdetials[0]['main_category']);
$mainnn_categoryslider = $core -> getmain_category_slider($prodprams);

if(($mainnn_categoryslider != null) || ($bussiness_slider != null)){
?>

   <? if($bussiness_slider != null){ $travelint = 0;
        while ($travelint < count($bussiness_slider)){?>
            <div class="main-banner item-bg1" style="background-image: url(images/);   background-size: 100%;        background-size: 100%;">
               <? /* <div class="d-table">
                    <div class="d-table-cell">
                        <div class="container">
                            <div class="main-banner-content">

<? if(($businessdetials[0]['id'] != 11000) ){?>
                                <p style="background: #f9f9f933;

width: auto;

padding: 15px;

color: #000;

font-size: 34px !important;

font-weight: bold;

max-width: 300px;"></p>
<? } ?>
                              
                                <div class="btn-box">
                                    <a href="#" class="btn btn-primary">Make appointment <i class="fas fa-bell"></i></a>
<? if(($businessdetials[0]['id'] != 11138) && ($businessdetials[0]['id'] != 11000) ){?>
                                    <a href="companydetials5.php?id=1&page=videos" class="btn btn-light popup-youtube">Play Now <i class="fas fa-play"></i></a>
<? } ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> */ ?>
                <!-- <div class="circle-shape1"><img src="doctors/img/circle-shape1.png" alt="image"></div>
                <div class="circle-shape2"><img src="doctors/img/circle-shape2.png" alt="image"></div> -->
                <!-- <div class="shape1"><img src="doctors/img/shape/1.png" alt="image"></div> -->
            </div>
          <?

        $travelint = $travelint + 1;
        }} ?>

  <?
} ?>


                <!-- <div class="circle-shape1"><img src="doctors/img/circle-shape1.png" alt="image"></div>
                <div class="circle-shape2"><img src="doctors/img/circle-shape2.png" alt="image"></div> -->
                <!-- <div class="shape1"><img src="doctors/img/shape/1.png" alt="image"></div> -->
            </div>
        </div>
        <!-- End Main Banner Area -->
        <!-- Start Main Services Area -->


        <!-- End Main Services Area -->
        <!-- Start About Area -->
<? if(($_GET['id'] == 11542)){ ?>
<br /><br /><br /><br />
        <section class="about-area" style="width: 100%;
text-align: center;
max-width: 100%; margin-top: -50px;">
            <div class="container">
                <div class="row m-0">

      <div class="about-content" <? if($_GET['id'] == 11522){ ?>style="padding: 0 !important;
text-align: center; 
margin: auto;"<? } ?> style="width: 100%;
text-align: center;
max-width: 100%;">

<? if($_GET['id'] == 10722){ $wordd ="Medisca"; }else{ $wordd ="About"; } ?>
                            <span style="font-size: 25px;"></span>

<? if($aboutus != null){ $travelint = 0;

  $maxcount = count($aboutus);

while ($travelint < 1){?>


    <div style="max-height: 400px; overflow: hidden;">
<style>
.about-content span{
display: inline-block;
}
</style>
  
</div>
  
<?

$travelint = $travelint + 1;
}} ?>

                            <a href="companydetials5.php?id=1&page=about" style="background: #0f8d85;" class="btn btn-primary">Learn More <i class="flaticon-right-chevron"></i></a>
                          
 
                        </div>
 
                </div>
            </div>
        </section>
<? } ?>


        <!-- End Main Services Area -->
        <!-- Start About Area -->
<? if(($_GET['id'] == 11522)){ ?>
        <section class="about-area">
            <div class="container-fluid p-0">
                <div class="row m-0">

<?  if($halfadv != null){ ?>
           

  <?

$count = count($halfadv);
$travelint = 0;

        while ($travelint < 1){
$link = $halfadv[$travelint]['link'];
?>

                    <div class="col-lg-6 col-md-12 p-0">
                        <div class="about-image" style="background-image: url(images/);">
<a <?if($link != null){ echo 'href="'.$link.'"'; }?>  title="">
                            <img src="images/" alt="">
</a>
                        </div>
                    </div>
 <?

        $travelint = $travelint + 1;
        } ?>


<? } ?>

<? if($_GET['id'] != 11469){ ?>
                    <div class="<? if($_GET['id'] == 11522){ ?>col-lg-12<? }else{ ?>col-lg-6<? } ?> col-md-12 p-0">
                        <div class="about-content" <? if($_GET['id'] == 11522){ ?>style="padding: 0 !important;
text-align: center;
margin: auto;"<? } ?>>

<? if($_GET['id'] == 10722){ $wordd ="Medisca"; }else{ $wordd ="About"; } ?>
                            <span></span>

<? if($aboutus != null){ $travelint = 0;

  $maxcount = count($aboutus);

while ($travelint < 1){?>


    <div style="max-height: 400px; overflow: hidden;">
<style>
.about-content span{
display: inline-block;
}
</style>
  
</div>
  
<?

$travelint = $travelint + 1;
}} ?>

                          
                            <a href="companydetials5.php?id=1&page=about" class="btn btn-primary">Learn More <i class="flaticon-right-chevron"></i></a>
                        </div>
                    </div>
<? } ?>
                </div>
            </div>
        </section>
<? } ?>


<? if($_GET['id'] == 11333){  ?>


 <section class="main-services-area ptb-100">
            <div class="container">
                <div class="section-title">
                    <h1><? if($servicenamepage == null){ ?>Our services<? }else{ ?><? } ?></h1>

                </div>
                <div class="row">


  <?

$count = count($services_category);
$travelint = 0;

        while ($travelint < $count){?>
                    <div class="col-lg-4 col-md-6 col-sm-6" >
                        <div class="main-services-box"  style="height: 451px;">
                                      <a href="companydetials5.php?id=1&page=services&services_category="   title=""><img src="images/" style="width: 100%; height: 250px;" alt=""></a>
                          

<? if($_GET['id'] != 11542){ 

?>  <h3 style="margin-top: 15px;"><a href="companydetials5.php?id=1&page=services&services_category=" title=""></a></h3>
<? } ?>
 <?

if($services_category[$travelint]['price'] > 0){
                $pricetotal = 0;
                if($services_category[$travelint]['price_after_discount'] == 0){
                $pricetotal = $services_category[$travelint]['price'];
if($pricetotal > 0){
                ?>

                                        <span  class="new-price"> L.E</p>

<?
}                }else {

$pricetotal = $services_category[$travelint]['price'] - (($services_category[$travelint]['price'] / 100 ) * $services_category[$travelint]['price_after_discount']);
if($pricetotal > 0){
                  ?>
                                            <span class="old-price"> </span> <span  class="new-price"> L.E</span>

                  <?
}                }
                if($pricetotal > 0){
                ?>
              <? }  }?>

 
                        </div>
                    </div>
                  
<?
 $travelint = $travelint + 1;
} ?>
                </div>
            </div>
            <div class="shape2"><img src="doctors/img/shape/2.png" alt=""></div>
        </section>


<? }else{ ?>

<? if($_GET['id'] != 11000){  ?>


<? if($services != null){ ?>


<? if($_GET['id'] == 11542){ 

?>


<?
     $prodprams = array("business" => $_GET['id'] , "services_category" => 925);

        $services = $core -> getbusiness_services($prodprams);


?>

<br /><br />

  <section class="main-services-area ptb-100">
            <div class="container">
                <div class="section-title">
                    <h1>Patient Services</h1>

                </div>
                <div class="row">


  <?

$count = count($services);
$travelint = 0;

        while ($travelint < $count){?>
                    <div class="col-lg-4 col-md-6 col-sm-6" >
                        <div class="main-services-box"  style="height: 451px;">
                                      <a href="companydetials5.php?id=1&page=services&service="   title=""><img src="images/" style="width: 100%; height: 250px;" alt=""></a>

<? if($_GET['id'] != 11542){ 

?> 
                            <h3 style="margin-top: 15px;"><a href="companydetials5.php?id=1&page=services&service=" title="" style="color: #000 !important;"></a></h3>
<? } ?>

 <?

if($services[$travelint]['price'] > 0){
                $pricetotal = 0;
                if($services[$travelint]['price_after_discount'] == 0){
                $pricetotal = $services[$travelint]['price'];
if($pricetotal > 0){
                ?>

                                        <span  class="new-price"> L.E</p>

<?
}                }else {

$pricetotal = $services[$travelint]['price'] - (($services[$travelint]['price'] / 100 ) * $services[$travelint]['price_after_discount']);
if($pricetotal > 0){
                  ?>
                                            <span class="old-price"> </span> <span  class="new-price"> L.E</span>

                  <?
}                }
                if($pricetotal > 0){
                ?>
              <? }  }?>


 <div style="height: 102px;

overflow: hidden; color:  !important;">

		         </div>
                        </div>
                    </div>
                  
<?
 $travelint = $travelint + 1;
} ?>
                </div>
            </div>
            <div class="shape2"><img src="doctors/img/shape/2.png" alt=""></div>
        </section>


<?
     $prodprams = array("business" => $_GET['id'] , "services_category" => 937);

        $services = $core -> getbusiness_services($prodprams);


?>
<br /><br />


  <section class="main-services-area ptb-100">
            <div class="container">
                <div class="section-title">
                    <h1>Enterprise Services</h1>

                </div>
                <div class="row">


  <?

$count = count($services);
$travelint = 0;

        while ($travelint < $count){?>
                    <div class="col-lg-6 col-md-6 col-sm-6" >
                        <div class="main-services-box"  style="height: 550px;">
                                      <a href="companydetials5.php?id=1&page=services&service="   title=""><img src="images/" style="width: 100%; height: 350px;" alt=""></a>

<? if($_GET['id'] != 11542){ 

?> 
                            <h3 style="margin-top: 15px;"><a href="companydetials5.php?id=1&page=services&service=" title="" style="color: #000 !important;"></a></h3>
<? } ?>
 <?

if($services[$travelint]['price'] > 0){
                $pricetotal = 0;
                if($services[$travelint]['price_after_discount'] == 0){
                $pricetotal = $services[$travelint]['price'];
if($pricetotal > 0){
                ?>

                                        <span  class="new-price"> L.E</p>

<?
}                }else {

$pricetotal = $services[$travelint]['price'] - (($services[$travelint]['price'] / 100 ) * $services[$travelint]['price_after_discount']);
if($pricetotal > 0){
                  ?>
                                            <span class="old-price"> </span> <span  class="new-price"> L.E</span>

                  <?
}                }
                if($pricetotal > 0){
                ?>
              <? }  }?>


 <div style="height: 102px;

overflow: hidden; color:  !important;">

		         </div>
                        </div>
                    </div>
                  
<?
 $travelint = $travelint + 1;
} ?>
                </div>
            </div>
            <div class="shape2"><img src="doctors/img/shape/2.png" alt=""></div>
        </section>


<? }else{ ?>


        <section class="main-services-area ptb-100">
            <div class="container">
                <div class="section-title">
                    <h1><? if($servicenamepage == null){ ?>Our services<? }else{ ?><? } ?></h1>

                </div>
                <div class="row">


  <?

$count = count($services);
$travelint = 0;

        while ($travelint < $count){?>
                    <div class="col-lg-4 col-md-6 col-sm-6" >
                        <div class="main-services-box"  style="height: 451px;">
                                      <a href="companydetials5.php?id=1&page=services&service="   title=""><img src="images/" style="width: 100%; height: 250px;" alt=""></a>
                            <h3 style="margin-top: 15px;"><a href="companydetials5.php?id=1&page=services&service=" title=""></a></h3>

 <?

if($services[$travelint]['price'] > 0){
                $pricetotal = 0;
                if($services[$travelint]['price_after_discount'] == 0){
                $pricetotal = $services[$travelint]['price'];
if($pricetotal > 0){
                ?>

                                        <span  class="new-price"> L.E</p>

<?
}                }else {

$pricetotal = $services[$travelint]['price'] - (($services[$travelint]['price'] / 100 ) * $services[$travelint]['price_after_discount']);
if($pricetotal > 0){
                  ?>
                                            <span class="old-price"> </span> <span  class="new-price"> L.E</span>

                  <?
}                }
                if($pricetotal > 0){
                ?>
              <? }  }?>


 <div style="height: 102px;

overflow: hidden; color:  !important;">

		         </div>
                        </div>
                    </div>
                  
<?
 $travelint = $travelint + 1;
} ?>
                </div>
            </div>
            <div class="shape2"><img src="doctors/img/shape/2.png" alt=""></div>
        </section>


<? } ?>


<? } ?>
<? }else{ ?>


     <section class="main-services-area ptb-100">
            <div class="container">
                <div class="section-title">
                    <h1><? if($servicenamepage == null){ ?>Our services<? }else{ ?><? } ?></h1>

                </div>
                <div class="row">


  <?

$count = count($services);
$travelint = 0;

        while ($travelint < $count){?>
                    <div class="col-lg-4 col-md-6 col-sm-6" >
                        <div class="main-services-box main-services-box" onclick="myFunction()" style="<? /* height: 451px; */ ?> height: 60px; overflow: hidden; ">

   <h3 style="margin-bottom: 15px; cursor: pointer;"></h3>


                                   <img src="images/" style="max-width: 100%; height: auto; width: auto; max-height: 250px;"  alt="">
                         

 <?

if($services[$travelint]['price'] > 0){
                $pricetotal = 0;
                if($services[$travelint]['price_after_discount'] == 0){
                $pricetotal = $services[$travelint]['price'];
if($pricetotal > 0){
                ?>

                                        <span  class="new-price"> L.E</p>

<?
}                }else {

$pricetotal = $services[$travelint]['price'] - (($services[$travelint]['price'] / 100 ) * $services[$travelint]['price_after_discount']);
if($pricetotal > 0){
                  ?>
                                            <span class="old-price"> </span> <span  class="new-price"> L.E</span>

                  <?
}                }
                if($pricetotal > 0){
                ?>
              <? }  }?>


 <div style="height: 90px;

overflow: hidden; margin-top: 15px;">

		         </div>
                        </div>
                    </div>
                  
<?
 $travelint = $travelint + 1;
} ?>
                </div>
            </div>
            <div class="shape2"><img src="doctors/img/shape/2.png" alt=""></div>
        </section>


<? } ?>


<? } ?>


        <!-- End Main Services Area -->
        <!-- Start About Area -->
<? if(($_GET['id'] != 11000)&&($_GET['id'] != 11522)&&($_GET['id'] != 11542)){ ?>
        <section class="about-area">
            <div class="container-fluid p-0">
                <div class="row m-0">

<?  if($halfadv != null){ ?>
           

  <?

$count = count($halfadv);
$travelint = 0;

        while ($travelint < 1){
$link = $halfadv[$travelint]['link'];
?>

                    <div class="col-lg-6 col-md-12 p-0">
                        <div class="about-image" style="background-image: url(images/);">
<a <?if($link != null){ echo 'href="'.$link.'"'; }?>  title="">
                            <img src="images/" alt="">
</a>
                        </div>
                    </div>
 <?

        $travelint = $travelint + 1;
        } ?>


<? } ?>

<? if($_GET['id'] != 11469){ ?>
                    <div class="<? if($_GET['id'] == 11522){ ?>col-lg-12<? }else{ ?>col-lg-6<? } ?> col-md-12 p-0">
                        <div class="about-content" <? if($_GET['id'] == 11522){ ?>style="padding: 0 !important;
text-align: center;
margin: auto;"<? } ?>>

<? if($_GET['id'] == 10722){ $wordd ="Medisca"; }else{ $wordd ="About"; } ?>
                            <span></span>

<? if($aboutus != null){ $travelint = 0;

  $maxcount = count($aboutus);

while ($travelint < 1){?>


    <div style="max-height: 400px; overflow: hidden;">
<style>
.about-content span{
display: inline-block;
}
</style>
  
</div>
  
<?

$travelint = $travelint + 1;
}} ?>

                          
                            <a href="companydetials5.php?id=1&page=about" class="btn btn-primary">Learn More <i class="flaticon-right-chevron"></i></a>
                        </div>
                    </div>
<? } ?>
                </div>
            </div>
        </section>
<? } ?>
        <!-- End About Area -->
        <!-- Start Our Mission Area -->
      <?/*  <section class="our-mission-area ptb-100">
            <div class="container-fluid p-0">
                <div class="row m-0">
                    <div class="col-lg-6 col-md-12 p-0">
                        <div class="our-mission-content">
                            <span class="sub-title">Our Mission & Vision</span>
                            <h2>Better Information, Better Health</h2>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                            <ul>
                                <li>
                                    <div class="icon">
                                        <i class="flaticon-doctor"></i>
                                    </div>
                                    <span>Professional Staff</span>
                                    Lorem ipsum dolor sit amet sit, consectetur adipiscing elit.
                                </li>
                                <li>
                                    <div class="icon">
                                        <i class="flaticon-newborn"></i>
                                    </div>
                                    <span>Newborn Care</span>
                                    Lorem ipsum dolor sit amet sit, consectetur adipiscing elit.
                                </li>
                                <li>
                                    <div class="icon">
                                        <i class="flaticon-laboratory"></i>
                                    </div>
                                    <span>Sufficient Lab Tests</span>
                                    Lorem ipsum dolor sit amet sit, consectetur adipiscing elit.
                                </li>
                                <li>
                                    <div class="icon">
                                        <i class="flaticon-extraction"></i>
                                    </div>
                                    <span>Tooth Extraction</span>
                                    Lorem ipsum dolor sit amet sit, consectetur adipiscing elit.
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 p-0">
                        <div class="our-mission-image">
                            <img src="doctors/img/mission-img1.jpg" alt="image">
                        </div>
                    </div>
                </div>
            </div>
            <div class="shape3"><img src="doctors/img/shape/3.png" class="wow fadeInLeft" alt="image"></div>
        </section>
        <!-- End Our Mission Area -->
        <!-- Start Fun Facts Area -->
        <section class="fun-facts-area ptb-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-3 col-6">
                        <div class="single-fun-facts">
                            <div class="icon">
                                <i class="flaticon-doctor-1"></i>
                            </div>
							<h3>
                                <span class="odometer" data-count="540"></span>
                                <span class="optional-icon">+</span>
                            </h3>
                            <p>Expert Doctors</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-6">
                        <div class="single-fun-facts">
                            <div class="icon">
                                <i class="flaticon-light-bulb"></i>
                            </div>
							<h3>
                                <span class="odometer" data-count="899"></span>
                                <span class="optional-icon">K</span>
                            </h3>
                            <p>Problem Solve</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-6">
                        <div class="single-fun-facts">
                            <div class="icon">
                                <i class="flaticon-science"></i>
                            </div>
							<h3>
                                <span class="odometer" data-count="100"></span>
                                <span class="optional-icon">+</span>
                            </h3>
                            <p>Award Winning</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-6">
                        <div class="single-fun-facts">
                            <div class="icon">
                                <i class="flaticon-trophy"></i>
                            </div>
							<h3>
                                <span class="odometer" data-count="56"></span>
                                <span class="optional-icon">K</span>
                            </h3>
                            <p>Experiences</p>
                        </div>
                    </div>
                </div>
            </div>
        </section> */ ?>
        <!-- End Fun Facts Area -->
        <!-- Start Services Area -->


<? if($_GET['id'] == 11278){ ?>

      <section class="services-area ptb-100 " style="padding-top: 10px;
padding-bottom: 10px;">
            <div class="container">
                <div class="section-title">
                    <h3>Products Categories</h3>
                 
                </div>
                <div class="row">
                <div class="customers-partner-list  doctor-slides owl-carousel owl-theme" style="direction: ltr;">
<?
$count = count($distinctproduct);
$travelint = 0;
        while ($travelint < $count){

        $prodprams = array("id" => $distinctproduct[$travelint]['product_category']);
           $productcategoryss = $core -> getbusiness_product_category($prodprams);
if($productcategoryss[0]['name_arabic'] != null){
        ?>

  <div style="width: 100%;">
                        <div class="single-services-box bg-1" <? if($_GET['id'] == 11278){ ?>style="text-align: center;"<? } ?>>
<div style="width: 100%; text-align: center; height: 250px;">
                        <a href="companydetials5.php?id=1&page=products&product_category=" title="" >
<img src="images/" style="max-width: 100%;

max-height: 250px;

width: auto;

margin: auto;" alt=""></a>
                        </div>
                            <h3 <? if($_GET['id'] == 11278){ ?>style="text-align: center;"<? } ?>><a href="companydetials5.php?id=1&page=products&product_category=" title="" style="font-weight: lighter;

margin-top: 15px; " title="" ></a></h3>
                     
                            <a href="companydetials5.php?id=1&page=products&product_category=" title="" class="read-more-btn">Read more <i class="fas fa-arrow-right"></i></a>
                        </div>
                    </div>


<? }
$travelint = $travelint + 1;} ?>

 
 </div>
 

 </div>
            </div>
        </section>
<? }else{ ?>

<? if($product != null){ ?>

        <section class="services-area ptb-100 ">
            <div class="container">
                <div class="section-title">
                    <h3><? if($mainn != 8){ ?><? if($productnamepage == null){ ?>Our Products<? }else{ ?><? } ?><? }else{ ?>Donation cases<? } ?></h3>
                 
                </div>
                <div class="row">

   <? $travelint = 0;
        while ($travelint < count($product)){?>
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="single-services-box bg-1">
<div style="width: 100%; text-align: center; height: 250px;
">
                        <a href="companydetials5.php?id=1&page=products&product=" title="" >
<img src="images/" style="max-width: 100%;

max-height: 250px;

width: auto;

margin: auto;" alt=""></a>
                        </div>
                            <h3><a href="companydetials5.php?id=1&page=products&product=" style="font-weight: lighter;

margin-top: 15px;" title="" ></a></h3>
                            <p>       <?

if($product[$travelint]['price'] > 0){
                $pricetotal = 0;
                if($product[$travelint]['price_after_discount'] == 0){
                $pricetotal = $product[$travelint]['price'];
                ?>
                <p  style="font-size: 19px;"><span class="Price"></span> L.E</p>

<?
                }else {
                  $pricetotal = $product[$travelint]['price'] - (($product[$travelint]['price'] / 100 ) * $product[$travelint]['price_after_discount']);
                  ?>
                  <p style="font-size: 19px;"><span class="Price" style="color: ;text-decoration: line-through;"></span> &nbsp L.E</p>

                  <?
                }
                if($pricetotal > 0){
                ?>
              <? }} ?></p>
                            <a href="companydetials5.php?id=1&page=products&product=" title="" class="read-more-btn">Read more <i class="fas fa-arrow-right"></i></a>
                        </div>
                    </div>
<?     $travelint = $travelint + 1 ; } ?>

                  
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <div class="more-services-btn">
                            <a href="companydetials5.php?id=1&page=products" class="btn btn-primary">More Products <i class="flaticon-right-chevron"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

<? } ?>
<? } ?>
        <!-- End Services Area -->
        <!-- Start Doctor Area -->

      <? if($team != null){?>
        <section class="doctor-area ptb-100 bg-fefefe">
            <div class="container">
                <div class="section-title">

                    <h2>Meet Our Qualified <? if($_GET['id'] == 11478){?>experts<? }else{ ?>Doctors<? } ?></h2>

                </div>
                <div class="doctor-slides owl-carousel owl-theme">

  <?

$count = count($team);
$travelint = 0;

        while ($travelint < $count){?>
                    <div class="single-doctor-box">
                        <div class="doctor-image" style="max-height: 108px;">
                            <img src="images/" style="max-height: 108px;" alt="">
                            <a  class="details-btn"><i class="fas fa-plus"></i></a>
                        </div>
                        <div class="doctor-content">
                            <h3><a ></a></h3>
                            <span></span>
                            <ul class="social">
                                <li><a href="tel:" title=""><i class="fa fa-phone"></i></a></li>
                                <li><a href="mailto:" title=""><i class="fa fa-envelope"></i></a></li>

                                <li><a href="https://api.whatsapp.com/send?phone=" title=""><i class="fab fa-whatsapp"></i></a></li>
                            </ul>
                        </div>
                    </div>
                   

<? $travelint = $travelint + 1;}
 ?>

                </div>
            </div>
        </section>

<? } ?>
        <!-- End Doctor Area -->
        <!-- Start Appointment Area -->

<?
  $prodpramss = array("business" => $_GET['id'] , "adv_type" => 2 );
        $fixedadv = $core -> getbussiness_adv($prodpramss);$travelints = 0;
?>

<? if(($_GET['id'] != 11469) && ($_GET['id'] != 11460)  && ($_GET['id'] != 11278)   && ($_GET['id'] != 11522) ){ ?>
        <section class="appointment-area ptb-100 jarallax" <? if($fixedadv[$travelints]['image'] != null){ ?>style="background-image: url(images/);"<? } ?> data-jarallax='{"speed": 0.3}'>
            <div class="container" style="overflow-x: hidden;">
                <div class="appointment-content" style="width: 100%; margin-left: auto;
margin-right: auto;">

                    <h2>Book Appointment</h2>
                    <span class="sub-title">We are here for you</span>
                    <form id="responseform" method="post" name="responseform" action="" enctype="multipart/form-data">
                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="flaticon-user"></i>
                                    </div>
                                    <label>Your Name</label>
                                    <input type="text" class="form-control" placeholder="Enter Your Name" id="name" name="name" required="required">
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="flaticon-envelope"></i>
                                    </div>
                                    <label>Your Email</label>
                                    <input type="email" class="form-control" placeholder="Enter Email Address" id="email" name="email" required="required">
                                </div>
                            </div>
<? if($_GET['id'] != 11542){ ?>
                            <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="flaticon-support"></i>
                                    </div>
                                    <label>Select Your Services</label>
                                    <select name="service" required="required">

                            
<? if($services != null){ ?>
   

  <?

$count = count($services);
$travelint = 0;

        while ($travelint < $count){?>
                <option value=""></option>

                  
<?
 $travelint = $travelint + 1;
} ?>
             

<? } ?>
                                    </select>
                                </div>
                            </div>
<? }else{?>
                                    <input type="hidden" value="0" name="service" >
<? } ?>
                            <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="flaticon-phone-call"></i>
                                    </div>
                                    <label>Your Mobile</label>
                                    <input type="text" class="form-control" placeholder="Enter Your mobile" id="text" name="mobile" required="required">
                                </div>
                            </div>

  <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="fa  fa-calendar"></i>
                                    </div>
                                    <label>When do you intend to travel?</label>
                                    <input type="date" class="form-control" placeholder="choose day" id="text" name="day" required="required">
                                </div>
                            </div>


<? if($_GET['id'] != 11542){ ?>
  <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="fa  fa-clock"></i>
                                    </div>
                                    <label>choose time</label>
                                    <input class="form-control" type="time" value="13:30"  name="time">
                                </div>
                            </div><?}else{ ?>
                                    <input type="hidden" value="" name="time" >
<? } ?>
                 <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="flaticon-support"></i>
                                    </div>
                                    <label>The country you want to go to</label>
                                    <select name="country" required="required">


<option value="Egypt">Egypt</option>

                <option value="India">India</option>


                                    </select>
                                </div>
                            </div>

     <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="fab fa-file"></i>
                                    </div>
                                    <label>Upload the medical report</label>
<input type="file" name="file" id="upload_file" required="required"  > 
                                </div>
                            </div>


                            <div class="col-lg-12 col-md-12">
                                <div class="submit-btn">
<div class="col-md-6 mb-0">
<div id="example2" ></div>
</div>
<br />

                                    <button class="btn btn-primary" style="background: #0f8d85;" id="doSubmit" >Make Appointment <i class="flaticon-right-chevron"></i></button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </section>
<? } ?>


        <!-- End Appointment Area -->
        <!-- Start Feedback Area -->

<? /*
        <section class="feedback-area ptb-100">
            <div class="container">
                <div class="section-title">
                    <span>Feedback</span>
                    <h2>Our Happy Clients Says About Us</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
                <div class="feedback-slides">
                    <div class="client-thumbnails">
						<div>
							<div class="item">
								<div class="img-fill"><img src="doctors/img/client-image/2.jpg" alt="client"></div>
							</div>
							<div class="item">
								<div class="img-fill"><img src="doctors/img/client-image/4.jpg" alt="client"></div>
                            </div>
                            <div class="item">
								<div class="img-fill"><img src="doctors/img/client-image/1.jpg" alt="client"></div>
							</div>
							<div class="item">
								<div class="img-fill"><img src="doctors/img/client-image/5.jpg" alt="client"></div>
                            </div>
							<div class="item">
								<div class="img-fill"><img src="doctors/img/client-image/1.jpg" alt="client"></div>
                            </div>
                            <div class="item">
								<div class="img-fill"><img src="doctors/img/client-image/3.jpg" alt="client"></div>
							</div>
							<div class="item">
								<div class="img-fill"><img src="doctors/img/client-image/5.jpg" alt="client"></div>
                            </div>
                            <div class="item">
								<div class="img-fill"><img src="doctors/img/client-image/3.jpg" alt="client"></div>
							</div>
						</div>
                    </div>
					<div class="client-feedback">
						<div>
							<div class="item">
								<div class="single-feedback">
									<h3>John Lucy</h3>
									<span>Founding Partner</span>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
								</div>
							</div>
							<div class="item">
								<div class="single-feedback">
									<h3>John Smith</h3>
									<span>Web Developer</span>
									<p>Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
								</div>
							</div>
							<div class="item">
								<div class="single-feedback">
									<h3>Maxwel Warner</h3>
									<span>Web Designer</span>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
								</div>
							</div>
							<div class="item">
								<div class="single-feedback">
									<h3>Ross Taylor</h3>
									<span>Patient</span>
									<p>Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
								</div>
							</div>
							<div class="item">
								<div class="single-feedback">
									<h3>James Anderson</h3>
									<span>CEO</span>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
								</div>
							</div>
							<div class="item">
								<div class="single-feedback">
									<h3>Steven Smith</h3>
									<span>Manager</span>
									<p>Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
								</div>
							</div>
							<div class="item">
								<div class="single-feedback">
									<h3>Steven Lucy</h3>
									<span>Patient</span>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
								</div>
							</div>
							<div class="item">
								<div class="single-feedback">
									<h3>John Terry</h3>
									<span>Patient</span>
									<p>Risus commodo viverra maecenas accumsan lacus vel facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
								</div>
							</div>
                        </div>
                        <button class="prev-arrow slick-arrow">
                            <i class='flaticon-left-arrow'></i>
                        </button>
                        <button class="next-arrow slick-arrow">
                            <i class='flaticon-arrow-pointing-to-right'></i>
                        </button>
					</div>
				</div>
            </div>
        </section>
        <!-- End Feedback Area -->
        <!-- Start FAQ Area -->
        <section class="faq-area">
            <div class="container-fluid p-0">
                <div class="row m-0">
                    <div class="col-lg-6 col-md-12 p-0">
                        <div class="faq-image">
                            <img src="doctors/img/approach-img1.jpg" alt="image">
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 p-0">
                        <div class="faq-accordion">
                            <span class="sub-title">Frequently Asked Questions</span>
                            <h2>Get Every Single Answers There if you want</h2>
                            <ul class="accordion">
                                <li class="accordion-item">
                                    <a class="accordion-title active" href="javascript:void(0)">
                                        <i class="fas fa-plus"></i>
                                        My physician is a faculty member—what does that mean?
                                    </a>
                                    <p class="accordion-content show">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan.</p>
                                </li>
                                <li class="accordion-item">
                                    <a class="accordion-title" href="javascript:void(0)">
                                        <i class="fas fa-plus"></i>
                                        What is an academic medical center?
                                    </a>
                                    <p class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan.</p>
                                </li>
                                <li class="accordion-item">
                                    <a class="accordion-title" href="javascript:void(0)">
                                        <i class="fas fa-plus"></i>
                                        What doctor will I see?
                                    </a>
                                    <p class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan.</p>
                                </li>
                                <li class="accordion-item">
                                    <a class="accordion-title" href="javascript:void(0)">
                                        <i class="fas fa-plus"></i>
                                        What is a medical student?
                                    </a>
                                    <p class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan.</p>
                                </li>
                                <li class="accordion-item">
                                    <a class="accordion-title" href="javascript:void(0)">
                                        <i class="fas fa-plus"></i>
                                        How are residents supervised?
                                    </a>
                                    <p class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan.</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>*/ ?>
        <!-- End FAQ Area -->
        <!-- Start Partner Area -->

<?   $prodprams = array("business" => $_GET['id'] , "order" => 1);
        $references = $core -> getbusiness_references($prodprams); if($references != null){ ?>
       <br /><br /> <section class="partner-area ptb-100 bg-f4f9fd">
            <div class="container">
                <div class="section-title">
                    <h2>Our Hospitals</h2>
 
                </div>
                <div class="customers-partner-list  doctor-slides owl-carousel owl-theme" style="direction: ltr;">
<?

$count = count($references);
$travelint = 0;

        while ($travelint < $count){?>

                    <div class="partner-item" style="max-width: 100% !important; ">
                        <a href="" <? if($references[$travelint]['link'] != null){ ?>target="_blank"<?}?> title="">
                            <img src="images/" alt="">
                        </a>
                    </div>
                   <?

        $travelint = $travelint + 1;
        } ?>


                </div>
            </div>
        </section>

<? } ?>


<? if($_GET['id'] != 11542){ if($_GET['id'] == 11542){ 

?>


<?
     $prodprams = array("business" => $_GET['id'] , "level" => 9666666);

        $services = $core -> getbusiness_services_category($prodprams);


?>

   <section class="main-services-area ptb-100">
            <div class="container">
                <div class="section-title">   <br /><br />
                    <h1>Our Hospitals</h1>   <br /><br />
                    <h3 style="font-size: 20px;">
Partners with more than 100 medical facilities in Egypt and India</h3>
                </div>
                <div class="row">


  <?

$count = count($services);
$travelint = 0;

        while ($travelint < $count){?>
                    <div class="col-lg-6 col-md-6 col-sm-6" >
                        <div class="main-services-box" style="height: 451px;">
                                      <a href="companydetials5.php?id=1&page=services&services_category="   title=""><img src="images/" style="width: 100%; height: 350px;" alt=""></a>
                            <h3 style="margin-top: 15px;"><a href="companydetials5.php?id=1&page=services&services_category=" style="color: #000;" title=""></a></h3>

 <?

if($services[$travelint]['price'] > 0){
                $pricetotal = 0;
                if($services[$travelint]['price_after_discount'] == 0){
                $pricetotal = $services[$travelint]['price'];
if($pricetotal > 0){
                ?>

                                        <span  class="new-price"> جنية مصرى</p>

<?
}                }else {

$pricetotal = $services[$travelint]['price'] - (($services[$travelint]['price'] / 100 ) * $services[$travelint]['price_after_discount']);
if($pricetotal > 0){
                  ?>
                                            <span class="old-price"> </span> <span  class="new-price"> جنية مصرى</span>

                  <?
}                }
                if($pricetotal > 0){
                ?>
              <? }  }?>


 <div style="height: 99px;

overflow: hidden;   color:  !important;">

		         </div>
                        </div>
                    </div>
                  
<?
 $travelint = $travelint + 1;
} ?>
                </div>
            </div>
            <div class="shape2"><img src="doctors/img/shape/2.png" alt=""></div>
        </section>


<? }} ?>


<?  if($_GET['id'] != 11542){ $prodprams = array("business" => $_GET['id'] , "order" => 0);
        $references = $core -> getbusiness_references($prodprams); if($references != null){ ?>
        <section class="partner-area ptb-100 bg-f4f9fd" style="padding-top: 0;
padding-bottom: 0;">
            <div class="container">
                <div class="section-title">

<? if($_GET['id'] == 11522){ ?>
                    <h2>Business Field</h2>
 <? }else{ ?>

<? if($_GET['id'] == 11542){ ?>
<h2>Our Hospitals In Egypt</h2>

              <? }else{ ?>       <h2>Our Clients</h2><? } ?>


<? } ?>
                </div>
                <div class="customers-partner-list  doctor-slides owl-carousel owl-theme" style="direction: ltr;">
<?

$count = count($references);
$travelint = 0;

        while ($travelint < $count){?>

                    <div class="partner-item" style="max-width: 100% !important; ">
                        <a href="" <? if($references[$travelint]['link'] != null){ ?>target="_blank"<?}?> title="">
                            <img src="images/" alt="">
                        </a>
                    </div>
                   <?

        $travelint = $travelint + 1;
        } ?>


                </div>
            </div>
        </section>

<? } } ?>


<? if($_GET['id'] != 11542){  if($_GET['id'] == 11542){  $prodprams = array("business" => $_GET['id'] , "order" => 2);
        $references = $core -> getbusiness_references($prodprams); if($references != null){ ?>
        <section class="partner-area ptb-100 bg-f4f9fd" style="padding-top: 0;
padding-bottom: 0;">
            <div class="container">
                <div class="section-title">

<? if($_GET['id'] == 11522){ ?>
                    <h2>Business Field</h2>
 <? }else{ ?>

<? if($_GET['id'] == 11542){ ?>
<h2>Our Hospitals In India</h2>

              <? }else{ ?>       <h2>Our Clients</h2><? } ?>


<? } ?>
                </div>
                <div class="customers-partner-list  doctor-slides owl-carousel owl-theme" style="direction: ltr;">
<?

$count = count($references);
$travelint = 0;

        while ($travelint < $count){?>

                    <div class="partner-item" style="max-width: 100% !important; ">
                        <a href="" <? if($references[$travelint]['link'] != null){ ?>target="_blank"<?}?> title="">
                            <img src="images/" alt="">
                        </a>
                    </div>
                   <?

        $travelint = $travelint + 1;
        } ?>


                </div>
            </div>
        </section>

<? }}} ?>


        <!-- End Partner Area -->
        <!-- Start Blog Area -->

<? if($blogs != null){ ?>
        <section class="blog-area ptb-100">
            <div class="container">
                <div class="section-title">

                    <h2></h2>

                </div>
                <div class="row">


  <?

$count = count($blogs);
$travelint = 0;

        while ($travelint < $count){?>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-blog-post">
                            <div class="post-image">
                                <a href="companydetials5.php?id=1&page=news&newid=" title=""><img src="images/" style="    height: 200px;
    width: 100%;" alt=""></a>
                            </div>
                            <div class="post-content" style="min-height: 194px;">
                                <div class="post-meta">
                                    <ul>
                                        <li>By: <a ></a></li>

<? if($_GET['id'] != 11478){ ?>
                                        <li> <span ><? echo $times[2] ; ?></span> <? echo $months[$times[1]] . " " . $times[0]; ?></li>
<? } ?>
                                    </ul>
                                </div>
                                <h3><a href="companydetials5.php?id=1&page=news&newid=" title=""></a></h3>

                            </div>
                        </div>
                    </div>
              <?
 $travelint = $travelint + 1;} ?>
                  
                </div>
            </div>
        </section>
<? } ?>


<? if($offers != null){ ?>
        <section class="blog-area ptb-100" >
            <div class="container">
                <div class="section-title">

                    <h2>Offers</h2>

                </div>
                <div class="row">


  <?

$count = count($offers);
$travelint = 0;

        while ($travelint < $count){?>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-blog-post">
                            <div class="post-image">
                                <a href="companydetials5.php?id=1&page=offers&offerid=" title=""><img src="images/" style="height: auto;

width: 100%;" alt=""></a>
                            </div>
                            <div class="post-content" style="min-height: 131px;">
                                <div class="post-meta">
                                    <ul>
                                        <li>By : <a ></a></li>
                                        <li> Until to :<span ><? echo $times[2] ; ?></span> <? echo $months[$times[1]] . " " . $times[0]; ?></li>
                                    </ul>
                                </div>
                                <h3><a href="companydetials5.php?id=1&page=offers&offerid=" title=""></a></h3>

                            </div>
                        </div>
                    </div>
              <?
 $travelint = $travelint + 1;} ?>
                  
                </div>
            </div>
        </section>
<? } ?>


<?
/*
if($_GET['id'] == 11542){
?>


  <section class="appointment-area ptb-100 jarallax" <? if($fixedadv[$travelints]['image'] != null){ ?>style="background-image: url(images/);"<? } ?> data-jarallax='{"speed": 0.3}'>
            <div class="container" style="overflow-x: hidden;">
                <div class="appointment-content" style="width: 100%; margin-left: auto;
margin-right: auto; max-width: 100%;">

                    <h2>Evaluation form</h2>

                    <form id="responseform" method="post" name="responseform" action="" enctype="multipart/form-data">
                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="flaticon-user"></i>
                                    </div>
                                    <label> Patient name</label>
                                    <input type="text" class="form-control" placeholder="Enter Patient name" id="patient_name" name="patient_name" required="required">
                                </div>
                            </div>

  <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="fa  fa-calendar"></i>
                                    </div>
                                    <label>The date of arrival of the patient</label>
                                    <input type="date" class="form-control" placeholder="The date of arrival of the patient" id="text" name="day" required="required">
                                </div>
                            </div>


   <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="flaticon-user"></i>
                                    </div>
                                    <label> therapist hospital</label>
                                    <input type="text" class="form-control" placeholder="therapist hospital" id="hospital_name" name="hospital_name" required="required">
                                </div>
                            </div>

 
      <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="flaticon-support"></i>
                                    </div>
                                    <label>Your impression about the treatment service in the hospital</label>
                                    <select name="impression_about_treatment" required="required">
          <option value="good">good</option>

                <option value="bad">bad</option>


                          </select>
                                </div>
                            </div>

 
      <div class="col-lg-6 col-md-6">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="flaticon-support"></i>
                                    </div>
                                    <label>Your feedback about the care team's performance</label>
                                    <select name="notes_about_medical_service" required="required">
             <option value="good">good</option>

                <option value="bad">bad</option>
                          </select>
                                </div>
                            </div>


   <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <div class="icon">
                                        <i class="flaticon-user"></i>
                                    </div>
                                    <label> Your feedback on the performance of the care services team</label>
                                    <input type="text" class="form-control" placeholder="Your feedback on the performance of the care services team" id="notes" name="notes" required="required">
                                </div>
                            </div>


                            <div class="col-lg-12 col-md-12">
                                <div class="submit-btn">
<div class="col-md-6 mb-0">
<div id="example2" ></div>
</div>
<br />

                                    <button class="btn btn-primary" style="background: #0f8d85;" id="doSubmit" >Register an evaluation <i class="flaticon-left-chevron"></i></button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </section>


<? } */ ?>


<?  if($_GET['id'] == 11542){  $prodprams = array("business" => $_GET['id'] , "order" => 3);
        $references = $core -> getbusiness_references($prodprams); if($references != null){ ?>
        <section class="partner-area ptb-100 bg-f4f9fd" style="padding-top: 0;
padding-bottom: 0;">
            <div class="container">
                <div class="section-title">

<? if($_GET['id'] == 11522){ ?>
                    <h2>Business Field</h2>
 <? }else{ ?>

<? if($_GET['id'] == 11542){ ?>
<h2>Our Clients</h2>

              <? }else{ ?>       <h2>Our Clients</h2><? } ?>


<? } ?>
                </div>
                <div class="customers-partner-list  doctor-slides owl-carousel owl-theme" style="direction: ltr;">
<?

$count = count($references);
$travelint = 0;

        while ($travelint < $count){?>

                    <div class="partner-item" style="max-width: 100% !important; ">
                        <a href="" <? if($references[$travelint]['link'] != null){ ?>target="_blank"<?}?> title="">
                            <img src="images/" alt="">
                        </a>
                    </div>
                   <?

        $travelint = $travelint + 1;
        } ?>


                </div>
            </div>
        </section>

<? }} ?>


<? if($_GET['id'] == 11542){ $background_color = "#10948be0"; ?>


<? } ?>
        <!-- End Blog Area -->
        <!-- Start Footer Area -->
<?
if($_GET['id'] != 11542){
?>
        <section class="footer-area" style="  background:  !important; ">
            <div class="container">

<?
if($_GET['id'] != 11542){
?>
                <div class="subscribe-area">


                    <div class="row align-items-center">
                        <div class="col-lg-6 col-md-12">
                            <div class="newsletter-content">
<?
if($_GET['id'] == 11542){
?>
                                <h2>Rate the service</h2>
<?}else{ ?>
                                <h2>Join Our Newsletter</h2>
<? } ?>

                                <p></p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12">
                            <form class="newsletter-form" method="post" data-toggle="validator">
                                <input type="email" class="input-newsletter" placeholder="Enter your email" name="sendemail" required autocomplete="off">
                                <button style="backgrounr: #000;" type="submit">Subscribe <i class="fas fa-paper-plane"></i></button>
                                <div id="validator-newsletter" class="form-result"></div>
                            </form>
                        </div>
                    </div>
                </div><? } ?>
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="single-footer-widget">

                            <div class="logo">
                                    <a href=""><img src="images/" style="margin-top: 33px;
max-width: 149px;"  alt="" ></a>

                            </div>
                            <ul class="social">
                                <? if($businessdetials[0]['facebook'] != null){?>
                                             <li><a href=""  target="_blank" title="facebook"><i class="fab fa-facebook"></i></a></li>
<? } ?>
               <? if($businessdetials[0]['whatsapp_number'] != null){?>
                                             <li><a href="https://wa.me/"  target="_blank" title="whatsapp"><i class="fab fa-whatsapp"></i></a></li>
<? } ?>

               <? if($businessdetials[0]['instagram'] != null){?>
                                             <li><a href=""  target="_blank" title="instagram"><i class="fab fa-instagram"></i></a></li>
<? } ?>

 <? if($businessdetials[0]['twitter'] != null){?>
                                             <li><a href=""  target="_blank" title="twitter"><i class="fab fa-twitter"></i></a></li>
<? } ?>

 <? if($businessdetials[0]['linkedin'] != null){?>
                                             <li><a href=""  target="_blank" title="linkedin"><i class="fab fa-linkedin"></i></a></li>
<? } ?>

       <? if($businessdetials[0]['admin_link'] != null){?>

    		         <li> <a  href=""  target="_blank" title="youtube"><i class="fab fa-youtube"></i></a></li>
               <? } ?>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="single-footer-widget pl-5">
                            <h3>Links</h3>
                            <ul class="departments-list">
                                     <li class="menu-item-has-children current-menu-item">
                                                        <a href="business_index5.php?id=1">Home </a>

                                                    </li>
        <? if($aboutus != null){?>

<? if($_GET['id'] == 10722){ $wordd ="Medisca"; }else{ $wordd ="About"; } ?>
                                                    <li >
                                                        <a href="companydetials5.php?id=1&page=about" title=""></a>
                                                    </li>
<? } ?>     


  <? if($product != null){?>
                                                    <li >
                                                        <a href="companydetials5.php?id=1&page=products" class="<? if(array_key_exists('page', $_GET) && ($_GET['page'] == 'products')){?>active<? } ?>" title="<? if($mainn != 8){ ?>Products<? }else{ ?>Donation cases<? } ?>" ><? if($mainn != 8){ ?><? if($productnamepage == null){ ?>Products<? }else{ ?><? } ?><? }else{ ?>Donation cases<? } ?></a>

 
                                                    </li>
    <? } ?>


   <? /* if($services_category != null){?>
                                                    <li <? if(array_key_exists('page', $_GET) && ($_GET['page'] == 'services')){?>class="current-menu-item"<? } ?>>
                                                        <a href="#" class=" <? if(array_key_exists('page', $_GET) && ($_GET['page'] == 'services')){?>active<? } ?>"><? if($servicenamepage == null){ ?>Services<? }else{ ?><? } ?></a>

 
                                                    </li>
    <? }*/ ?>

  <? if($offers != null){?>
                                                    <li >
                                                        <a href="companydetials5.php?id=1&page=offers" title="Offers">Offers</a>

                                                    </li>
 
    <? } ?>
   <? if($blogs != null){?>
                                                    <li >
                                                        <a href="companydetials5.php?id=1&page=news" title="<? if($newsnamepage == null){ ?>News<? }else{ ?><? } ?>"><? if($newsnamepage == null){ ?>News<? }else{ ?><? } ?> </a>
                                                    </li>
<? } ?>
  
     
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="single-footer-widget pl-5">
                            <h3>Links</h3>
                            <ul class="links-list">
  <? if($gallery != null){ if($_GET['id'] != 11232){$pagen = "Photo Gallery";}else{ $pagen = "our industry"; }  ?>
                                                    <li>
                                                        <a href="companydetials5.php?id=1&page=gallery" title=""></a>
                                                    </li>
<? } ?>

    
  <? if($videoscategories != null){?>
                                                    <li >
                                                        <a  href="companydetials5.php?id=1&page=videos" title="videos">videos </a>

                                                    </li>
    <? } ?>


     <? if($_GET['id'] == 11542){?>
                                                    <li>
                                                        <a href="partners.php?id=1" title="Our Hospitals">Our Hospitals</a>

                                                    </li>

  <li >
                                                        <a href="evaluation_form.php?id=1" title="Evaluation form">Evaluation form</a>

                                                    </li>


<? } ?>


                                <? if($classifed != null){?>
                                                    <li >
                                                        <a href="companydetials5.php?id=1&page=classified" title="Classified">Classified</a>

                                                    </li>
<? } ?>


      <? if($team != null){?>
                                                    <li >
                                                        <a href="companydetials5.php?id=1&page=team" title="Our Team ">Our Team</a>

                                                    </li>
    <? } ?>
     <? if($branches != null){?>
                                                    <li >
                                                        <a href="companydetials5.php?id=1&page=branches" title="Branches">Branches</a>

                                                    </li>
    <? } ?>
  
    <? if($clients != null){?>
        <li >
                                                        <a href="companydetials5.php?id=1&page=clients" title="Clients">Clients</a>

                                                    </li>
<? } ?>


 <?  $prodprams = array("business" => $_GET['id']);

       $files = $core -> getbusiness_files($prodprams); if($files != null){?>
        <li >
                                                        <a href="companydetials5.php?id=1&page=files" title="Downloads">Downloads</a>

                                                    </li>
<? } ?>

                                                    <li >
                                                        <a href="companydetials5.php?id=1&page=contact" title="Contact us">Contact us</a>

                                                    </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="single-footer-widget">
                            <h3>Contact us</h3>
                            <ul class="opening-hours">
                              <ul style="margin: 0;
padding: 0;">

<? if($_GET['id'] != 11542){ 

?>
	  						<li>
	  							<i class="fa fa-map-marker"></i>
	  							<em>Location :</em>
	  							<a  style="color: #fff !important;"  <? if($businessdetials[0]['location'] != null){?>href="" target="_blank"<? } ?>>
                                                
</a>
	  						</li>
<? } ?>
	  						<li>
	  							<i class="fa fa-envelope"></i>
	  							<em>Email Address :</em>


                            <a style="color: #fff !important;"  href="mailto:"></a>
                                        

	  						</li>
	  						<li>
	  							<i class="fa fa-phone"></i>
	  							<em>Phone Number :</em>
<?
$prodprams = array("id" => $_GET['id']);
$businessdetials = $core -> getbusiness($prodprams);
?>
<?
$prodprams = array("business" => $businessdetials[0]['id']);
$phones = $core -> getbusiness_phones($prodprams);

if($phones != null){
?>
                                               <a style="color: #fff !important;"  <? $useragent=$_SERVER['HTTP_USER_AGENT'];

if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4))){?> href="tel:" <? }else{ ?> href="business_indexarabic.php?id=&contact=1" title="" href="tel:" <? } ?>> </a>
                                   <? } ?>
                                  

<? if($businessdetials[0]['mobile'] != null){ ?>
<a style="color: #fff !important;"  <? $useragent=$_SERVER['HTTP_USER_AGENT'];

if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4))){?> href="tel:" <? }else{ ?> title="" href="tel:" <? } ?> title="Call"> </a>


<? } ?> - 
	<?
	$pizza  = $businessdetials[0]['about_arabic'];
$phones = explode(" - ", $pizza);
$travelisntss = 0;
while ($travelisntss < count($phones)){
if($phones[$travelisntss] != null){
?><a style="color: #fff !important;"  <? $useragent=$_SERVER['HTTP_USER_AGENT'];

if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4))){?> href="tel:" <? }else{ ?> href="business_index5.php?id=&contact=1" title="" href="tel:" <? } ?> title="Call"> </a> <? } $travelisntss= $travelisntss + 1 ; } ?>
	  						</li>
	  					</ul>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="copyright-area">
                    <p>Copyright <i class="far fa-copyright"></i> Powered By   © 2023</p>
                </div>
            </div>
        </section><? } ?>
        <!-- End Footer Area -->
        <div class="go-top"><i class="fas fa-chevron-up"></i></div>
        <!-- jQuery Min JS -->

        <script src="doctors/js/jquery.min.js"></script>
        <!-- Popper Min JS -->
        <script src="doctors/js/popper.min.js"></script>
        <!-- Bootstrap Min JS -->
        <script src="doctors/js/bootstrap.min.js"></script>
        <!-- Owl Carousel Min JS -->
        <script src="doctors/js/owl.carousel.min.js"></script>
        <!-- Slick Min JS -->
        <script src="doctors/js/slick.min.js"></script>
        <!-- Mean Menu JS -->
        <script src="doctors/js/jquery.meanmenu.js"></script>
		<!-- Appear Min JS -->
		<script src="doctors/js/jquery.appear.min.js"></script>
		<!-- Odometer Min JS -->
        <script src="doctors/js/odometer.min.js"></script>
        <!-- Parallax Min JS -->
        <script src="doctors/js/parallax.min.js"></script>
        <!-- Magnific Popup Min JS -->
        <script src="doctors/js/jquery.magnific-popup.min.js"></script>
        <!-- Nice Select Min JS -->
        <script src="doctors/js/jquery.nice-select.min.js"></script>
        <!-- WOW Min JS -->
        <script src="doctors/js/wow.min.js"></script>
        <!-- AjaxChimp Min JS -->
        <script src="doctors/js/jquery.ajaxchimp.min.js"></script>
        <!-- Form Validator Min JS -->

        <!-- Main JS -->
        <script src="doctors/js/main.js"></script>


<script>
function myFunction0() {
$(".main-services-box0").css({'height':'444px'});
}
</script>
<script>
function myFunction1() {
$(".main-services-box1").css({'height':'444px'});
}
</script>
<script>
function myFunction2() {
$(".main-services-box2").css({'height':'444px'});
}
</script>
<script>
function myFunction3() {
$(".main-services-box3").css({'height':'444px'});
}
</script>
<script>
function myFunction4() {
$(".main-services-box4").css({'height':'444px'});
}
</script>
<script>
function myFunction5() {
$(".main-services-box5").css({'height':'444px'});
}
</script>
<script>
function myFunction6() {
$(".main-services-box6").css({'height':'444px'});
}
</script>
<script>
function myFunction7() {
$(".main-services-box7").css({'height':'444px'});
}
</script>
<script>
function myFunction8() {
$(".main-services-box8").css({'height':'444px'});
}
</script>
<script>
function myFunction9() {
$(".main-services-box9").css({'height':'444px'});
}
</script>
<script>
function myFunction10() {
$(".main-services-box10").css({'height':'444px'});
}
</script>
<script>
function myFunction11() {
$(".main-services-box11").css({'height':'444px'});
}
</script>
<script>
function myFunction12() {
$(".main-services-box12").css({'height':'444px'});
}
</script>
<script>
function myFunction13() {
$(".main-services-box13").css({'height':'444px'});
}
</script>
<script>
function myFunction14() {
$(".main-services-box14").css({'height':'444px'});
}
</script>
<script>
function myFunction15() {
$(".main-services-box15").css({'height':'444px'});
}
</script>


<script type="text/javascript">
 

   $("#doSubmit").on("click",function (){


      var res = grecaptcha.getResponse(widgetId1);
       if(res){


if(sendform.fname.value == '') error_msg=error_msg+' الاسم الاول ,';
if(sendform.lname.value == '') error_msg=error_msg+' الاسم الاخير ,';
if(sendform.email.value == '') error_msg=error_msg+' البريد الالكتروني ,';
if(sendform.phone.value == '') error_msg=error_msg+' رقم الهاتف .';

if(sendform.fname.value !='' && sendform.lname.value !='' && sendform.email.value !='' && sendform.phone.value !='') done=1;
else alert('يرجي ادخال :\n'+error_msg);

if(done==1){
         $("#responseform").submit();
}else{

}
       }else{
  alert("Please check I`m not a robot");
      }
   return false;
    });
   var verifyCallback = function(response) {
    //     $("#responseform").submit();
      };
      var widgetId1;
      var onloadCallback = function() {
        // Renders the HTML element with id 'example1' as a reCAPTCHA widget.
        // The id of the reCAPTCHA widget is assigned to 'widgetId1'.
        widgetId1 = grecaptcha.render(document.getElementById('example2'), {
          'sitekey' : '6Le4dQoeAAAAACWTxX3VXYdlz4rRhwVDxTB_vePD',
          'theme' : 'light',
          'callback' : verifyCallback,

        });
      };
</script>
<script src='https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit' async defer></script>
      </body>
</html>