  <?php
	$res1 = mysqli_query($con, "SELECT * FROM system_configuration");
	$lang1 = mysqli_fetch_array($res1);
	$theme_color = $lang1['theme_color'];
	$system_name = $lang1['system_name'];
  ?>
  
  <meta charset="utf-8">
  <title><?php echo $system_name;?></title>
  <meta name="description" content="<?php echo $system_name;?>">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
    
   <!-- ======= All CSS Plugins here ======== -->
  <link rel="stylesheet" href="css/swiper-bundle.min.css">
  <link rel="stylesheet" href="css/glightbox.min.css">
  <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&amp;family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&amp;display=swap" rel="stylesheet">
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <!-- Custom Style CSS -->
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/custom.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/css/toastr.css" rel="stylesheet"/>
  
  
  
  <style>
	:root {
		--primary-color: #121a25;
		--secondary-color: <?php echo $theme_color; ?> !important;
	}
	.header__topbar,.breadcrumb__bg {
		background:<?php echo $theme_color; ?> !important;
	}
	.header__menu--items:hover .header__menu--link {
		color:<?php echo $theme_color; ?> !important;
	}
	
	@media screen and (max-width: 680px) {
    	.phne-field {
    	    width:208% !important;
    	}
	}
  </style>