<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  <title><?php if(isset($title) && !empty($title)){echo $title.' | ';} ?>Chatwala</title>
  <meta content="Chatwala">
  <meta name="keywords" content="Chatwala">

  <!-- Favicons -->
  <link href="<?=base_url('assets/img/favicon.png'); ?>" rel="icon">
  <link href="<?=base_url('assets/img/apple-touch-icon.png');?>" rel="apple-touch-icon">
  <!-- Vendor CSS Files -->
  <link href="<?=base_url('assets/vendor/bootstrap/css/bootstrap.min.css');?>" rel="stylesheet">
  <link href="<?=base_url('assets/vendor/bootstrap-icons/bootstrap-icons.css');?>" rel="stylesheet">
  <link href="<?=base_url('assets/vendor/boxicons/css/boxicons.min.css');?>" rel="stylesheet">
  <link href="<?=base_url('assets/vendor/glightbox/css/glightbox.min.css');?>" rel="stylesheet">
  <link href="<?=base_url('assets/vendor/swiper/swiper-bundle.min.css');?>" rel="stylesheet">

  <!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
  <script type="text/javascript" src="<?=base_url('assets/js/jquery.min.js')?>"></script>
  <script type="text/javascript" src="<?=base_url('assets/js/bootstrap.bundle.min.js')?>"></script>
  <!-- Template Main CSS File -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> -->
  <link href="<?=base_url('assets/css/style.css');?>" rel="stylesheet">
  <link href="<?=base_url('assets/css/custom.css');?>" rel="stylesheet">

  <!-- responsive css -->
  <link href="<?=base_url('assets/css/responsive.css');?>" rel="stylesheet">
  <script src="<?=base_url('assets/js/bootstrap.min.js')?>"></script>
  <script type="text/javascript" src="<?=base_url('assets/js/moment.min.js')?>"></script>

  <link href="<?=base_url('assets/vendor/animate.css/animate.min.css');?>" rel="stylesheet">
  <link href="<?=base_url('assets/vendor/aos/aos.css');?>" rel="stylesheet">

  <!-- country_code links -->
  <link rel="stylesheet" type="text/css" href="<?=base_url('assets/css/intlTelInput.css?1549804213570');?>">
  <script type="text/javascript" src="<?=base_url('assets/js/intlTelInput.js?1549804213570');?>"></script>
  <!-- country_code links -->

  <style type="text/css">
    .iti{
      width: 100%!important;
    }
  </style>     

  <!-- sweet alert -->
  <script src="<?=base_url('assets/js/sweet-alert.min.js')?>"></script>
  <link rel="stylesheet" type="text/css" href="<?=base_url('assets/css/sweet-alert.css')?>">
  <!-- sweet alert -->

  <!-- calendar links -->
  <link rel="stylesheet" href="<?=base_url('assets/css/fullcalendar.min.css')?>" />
  <script src="<?=base_url('assets/js/moment.js')?>"></script>
  <script src="<?=base_url('assets/js/fullcalendar.min.js')?>"></script>
  <script src="<?=base_url('assets/js/locale-all.js')?>"></script>
  <!-- calendar links -->
  <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins"> -->

  <link rel="stylesheet" href="<?=base_url('assets/css/time-picker.css')?>"/>
  <!-- Include the date picker library -->
  <link rel="stylesheet" href="<?=base_url('assets/css/jquery-ui.css')?>">



  <!-- ============================================================================= -->

  <link rel="stylesheet" type="text/css" href="<?=base_url('assets/css/ldld.min.css');?>">
  <script type="text/javascript" charset="utf8" src="<?=base_url('assets/js/ldld.min.js'); ?>"></script>

  <!-- ============================================================================= -->


  <div class="gtranslate_wrapper"></div>
  <script>window.gtranslateSettings = {"default_language":"en","native_language_names":true,"languages":["en","hi","ta","pa","ml","te","gu","kn","mr","bn"],"wrapper_selector":".gtranslate_wrapper","alt_flags":{"en":"usa"}}</script>
  <script src="<?=base_url('assets/js/translator-float.js')?>" defer></script>
 
  <!-- ==========Language Translator Scripts============= -->

  <link href="<?=base_url('assets/css/customColorCode.css');?>" rel="stylesheet">
  <style type="text/css">
    .form-check-input[type=checkbox] {
      border-radius: 11px;
      padding: 16px;
      font-size: 18px;
      border: 2px solid #ffc107;
      margin-right: 30px;
    }
    .form-check-input:checked[type="checkbox"] {
      background-color: var(--main-color-new-theme);
      border-radius: 11px;
      padding: 16px;
      font-size: 18px;
      border: 2px solid #ffc107;
    }
    .form-check-input:checked[type="checkbox"] + .form-check-label::before {
      background-color: var(--main-color-new-theme);
      font-weight: bold;
      font-size: 18px;
    }
    .form-check-input:focus {
      border-color: 2px solid #ffc107;
      outline: 0!important;
      box-shadow: none!important;
    }


    .ui-icon,.ui-widget-content .ui-icon {
      background-image: url("<?=base_url('assets/js/ui-icons_444444_256x240.png'); ?>")!important;
    }
    .ui-widget-header .ui-icon {
      background-image: url("<?=base_url('assets/js/ui-icons_444444_256x240.png'); ?>")!important;
    }
  
    td, li, span {
      font-size: 15px!important;
    }

    .dimmed {
  opacity: 0.3;
  pointer-events: none; /* Optional: to disable interactions */
}
  </style>



  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-T28SDZYV1G"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-T28SDZYV1G');
  </script>
  <!-- Google tag (gtag.js) -->

  <link href='https://fonts.googleapis.com/css?family=Charm' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
    <link href='<?=base_url('assets/css/toast.css')?>' rel='stylesheet' type='text/css'>
    <link href='<?=base_url('assets/css/animated-button2.css')?>' rel='stylesheet' type='text/css'>
</head>
