diff --git a/app/Views/login.php b/app/Views/login.php
index 4434f46..80a76cb 100755
--- a/app/Views/login.php
+++ b/app/Views/login.php
@@ -8,86 +8,138 @@
     <meta content="A fully featured CRM" name="description" />
     <meta content="Venba info tech" name="author" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    
+
     <!-- App favicon -->
-    <link rel="shortcut icon" href="<?= base_url()."public"; ?>/assets/images/Nhance_Favi.svg">
+    <link rel="shortcut icon" href="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.svg">
 
     <!-- App css -->
-    <link href="<?= base_url()."public"; ?>/assets/css/bootstrap-material.min.css" rel="stylesheet" type="text/css"
+    <link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-material.min.css" rel="stylesheet" type="text/css"
         id="bs-default-stylesheet" />
-    <link href="<?= base_url()."public"; ?>/assets/css/app-material.min.css" rel="stylesheet" type="text/css"
+    <link href="<?= base_url() . "public"; ?>/assets/css/app-material.min.css" rel="stylesheet" type="text/css"
         id="app-default-stylesheet" />
 
-    <link href="<?= base_url()."public"; ?>/assets/css/bootstrap-material-dark.min.css" rel="stylesheet" type="text/css"
+    <link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-material-dark.min.css" rel="stylesheet" type="text/css"
         id="bs-dark-stylesheet" />
-    <link href="<?= base_url()."public"; ?>/assets/css/app-material-dark.min.css" rel="stylesheet" type="text/css"
+    <link href="<?= base_url() . "public"; ?>/assets/css/app-material-dark.min.css" rel="stylesheet" type="text/css"
         id="app-dark-stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap" rel="stylesheet">
+
 
     <!-- icons -->
-    <link href="<?= base_url()."public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
+    <link href="<?= base_url() . "public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
 
     <style>
-    a:hover {
-        cursor: pointer;
-    }
+        a:hover {
+            cursor: pointer;
+        }
 
 
-    .auth-fluid {
-        position: relative;
-        display: flex;
-        min-height: 100vh;
-        flex-direction: row;
-        background: url("<?= base_url('public/assets/images/login_bg.jpg') ?>") center center !important;
-        background-size: cover !important;
-    }
+        .background_theme {
+            background: url("<?= base_url('public/assets/images/background_theme.jpg') ?>");
+            background-size: contain;
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            padding: 0;
+            margin: 0;
+
+        }
+
+        .bg_image{
+            background : url("<?= base_url('public/assets/images/bg_image.png') ?>");
+            background-size : contain;
+            background-repeat : no-repeat;
+            background-size : 100% 100%;
+            padding : 0;
+            margin  : 0;
+        }
+
+        .bg_login{
+            background-color: #024C4F;
+        }
+
+        .outer_card{
+            margin-top:7%;
+            margin-bottom:5%;
+            margin-left:10%;
+            margin-right:10%;
+
+        }
+
+
+        .inner-card {
+            height: 70vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
 
-    
     </style>
 
 </head>
 
-<body class="loading auth-fluid-pages pb-0">
+<body class="background_theme ">
+    <div class="outer_card" >
+      <div class="inner_card" style="border-radius: 25px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);">
 
-    <div class="row">
-        <div class="col-lg-8 auth-fluid">
-            <!-- Auth fluid right content -->
-            <div class="auth-fluid-right bg-transparent">
-                <img src="<?= base_url()."public"; ?>/assets/images/Nhance-Logo-Final.png" width="200">
+            <div class="row " >
+                <div class="col-lg-6 bg_image">
+                    <img
+                    style="margin-top:40px;margin-left:40px;"
+                    src="<?= base_url() . "public"; ?>/assets/images/Nhance-Logo-Final.png" width="150" >
+                </div>
+                <div class="col-lg-6 bg_login inner-card ">
+                    <div class="content-box text-center">
+                        
+                    <br><br><br><br>
+                            <!-- nhance favicon -->
+                            <img  src="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.png" height="70" width="auto" >
+                            <br>
+
+                            <!-- Text section -->
+
+                            <h1 style="color:white; font-family: 'Poppins', sans-serif; font-weight: 600;">
+                                Welcome To Nhance
+                            </h1>
+
+                            <h4 style="color:white; font-family: 'Poppins', sans-serif;">Sign in with your Google Account to continue</h4>
+
+                            <br><br>
+                            <!-- google button -->
+                            <a href="<?= base_url('auth/google'); ?>" >
+                                <img style="border-radius:50px;"
+                                src="<?= base_url() . "public"; ?>/assets/images/googleButton.svg" width="200">
+                            </a>
+                            <?php if (session()->getFlashdata('error')) : ?>
+                                <span class="widget-simple text-center">
+                                    <div class="media-body align-self-center font-24 avatar-title">
+                                        <p style="color:red; font-family: 'Poppins', sans-serif;" class="mt-0" style><?= session('error') ?></p>
+                                    </div>
+                                </span>
+                            <?php endif; ?>
+
+                            <!-- space  -->
+                             <br><br><br><br><br><br>
+
+                            <!-- data privacy indication -->
+                             <h6 style="color:white; font-family: 'Poppins', sans-serif;">We respect your privacy and your data is safe with us</h6>
+
+                            <!-- bottom line -->
+
+                    </div>
+                </div>
             </div>
-            <!-- end Auth fluid right content -->
-        </div>
-        <div class="col-lg-4 align-items-center d-flex">
-
-            <!--Auth fluid left content -->
-            <div class="auth-fluid-form-box" style="margin-left: 10%;">
-                <div class="h-100">
-                    <div class="card-body">
-                        <div class="form-group mb-0 text-center">
-
-                            <a href="<?= base_url('auth/google'); ?>"><img
-                                    src="<?= base_url()."public"; ?>/assets/images/googleButton.svg" width="300"></a>
-                        </div>
-
-                        <?php if (session()->getFlashdata('error')) : ?>
-                        <span class="widget-simple text-center">
-                            <div class="media-body align-self-center font-24 avatar-title">
-                                <p style="color: #f1556c!important;" class="mt-0" style><?= session('error') ?></p>
-                            </div>
-                        </span>
-                        <?php endif; ?>
-
-                    </div> <!-- end .card-body -->
-                </div> <!-- end .align-items-center.d-flex.h-100-->
-            </div>
-            <!-- end auth-fluid-form-box-->
         </div>
     </div>
+
     <!-- end auth-fluid-->
 
+
+
+
     <!-- Vendor js -->
-    <script src="<?= base_url()."public"; ?>/assets/js/vendor.min.js"></script>
+    <script src="<?= base_url() . "public"; ?>/assets/js/vendor.min.js"></script>
     <!-- App js -->
-    <script src="<?= base_url()."public"; ?>/assets/js/app.min.js"></script>
+    <script src="<?= base_url() . "public"; ?>/assets/js/app.min.js"></script>
 
 </body>
 
diff --git a/app/Views/login_old.php b/app/Views/login_old.php
new file mode 100644
index 0000000..4434f46
--- /dev/null
+++ b/app/Views/login_old.php
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <title>NHANCE</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta content="A fully featured CRM" name="description" />
+    <meta content="Venba info tech" name="author" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    
+    <!-- App favicon -->
+    <link rel="shortcut icon" href="<?= base_url()."public"; ?>/assets/images/Nhance_Favi.svg">
+
+    <!-- App css -->
+    <link href="<?= base_url()."public"; ?>/assets/css/bootstrap-material.min.css" rel="stylesheet" type="text/css"
+        id="bs-default-stylesheet" />
+    <link href="<?= base_url()."public"; ?>/assets/css/app-material.min.css" rel="stylesheet" type="text/css"
+        id="app-default-stylesheet" />
+
+    <link href="<?= base_url()."public"; ?>/assets/css/bootstrap-material-dark.min.css" rel="stylesheet" type="text/css"
+        id="bs-dark-stylesheet" />
+    <link href="<?= base_url()."public"; ?>/assets/css/app-material-dark.min.css" rel="stylesheet" type="text/css"
+        id="app-dark-stylesheet" />
+
+    <!-- icons -->
+    <link href="<?= base_url()."public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
+
+    <style>
+    a:hover {
+        cursor: pointer;
+    }
+
+
+    .auth-fluid {
+        position: relative;
+        display: flex;
+        min-height: 100vh;
+        flex-direction: row;
+        background: url("<?= base_url('public/assets/images/login_bg.jpg') ?>") center center !important;
+        background-size: cover !important;
+    }
+
+    
+    </style>
+
+</head>
+
+<body class="loading auth-fluid-pages pb-0">
+
+    <div class="row">
+        <div class="col-lg-8 auth-fluid">
+            <!-- Auth fluid right content -->
+            <div class="auth-fluid-right bg-transparent">
+                <img src="<?= base_url()."public"; ?>/assets/images/Nhance-Logo-Final.png" width="200">
+            </div>
+            <!-- end Auth fluid right content -->
+        </div>
+        <div class="col-lg-4 align-items-center d-flex">
+
+            <!--Auth fluid left content -->
+            <div class="auth-fluid-form-box" style="margin-left: 10%;">
+                <div class="h-100">
+                    <div class="card-body">
+                        <div class="form-group mb-0 text-center">
+
+                            <a href="<?= base_url('auth/google'); ?>"><img
+                                    src="<?= base_url()."public"; ?>/assets/images/googleButton.svg" width="300"></a>
+                        </div>
+
+                        <?php if (session()->getFlashdata('error')) : ?>
+                        <span class="widget-simple text-center">
+                            <div class="media-body align-self-center font-24 avatar-title">
+                                <p style="color: #f1556c!important;" class="mt-0" style><?= session('error') ?></p>
+                            </div>
+                        </span>
+                        <?php endif; ?>
+
+                    </div> <!-- end .card-body -->
+                </div> <!-- end .align-items-center.d-flex.h-100-->
+            </div>
+            <!-- end auth-fluid-form-box-->
+        </div>
+    </div>
+    <!-- end auth-fluid-->
+
+    <!-- Vendor js -->
+    <script src="<?= base_url()."public"; ?>/assets/js/vendor.min.js"></script>
+    <!-- App js -->
+    <script src="<?= base_url()."public"; ?>/assets/js/app.min.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/assets/images/background_theme.jpg b/public/assets/images/background_theme.jpg
new file mode 100644
index 0000000..b225b4b
Binary files /dev/null and b/public/assets/images/background_theme.jpg differ
diff --git a/public/assets/images/bg_image.png b/public/assets/images/bg_image.png
new file mode 100644
index 0000000..0588d07
Binary files /dev/null and b/public/assets/images/bg_image.png differ
