diff --git a/app/Views/client_policy.php b/app/Views/client_policy.php
index 4d2e70e9..080c1e87 100755
--- a/app/Views/client_policy.php
+++ b/app/Views/client_policy.php
@@ -46,33 +46,40 @@
     height: 0;
     }
 
-.slider {
-  position: relative;
-  width: 50px;
-  height: 25px;
-  background-color: #fff;
-  border-radius: 25px;
-  box-shadow: 0 0 5px rgba(0,0,0,0.2);
-  transition: 0.3s;
+.slider,
+.slider_blue {
+position: relative;
+width: 50px;
+height: 25px;
+background-color: #fff;
+border-radius: 25px;
+box-shadow: 0 0 5px rgba(0,0,0,0.2);
+transition: 0.3s;
 }
 
-.slider::before {
-  content: "";
-  position: absolute;
-  height: 19px;
-  width: 19px;
-  left: 3px;
-  top: 3px;
-  background-color: #ccc;
-  border-radius: 50%;
-  transition: 0.3s;
+.slider::before ,
+.slider_blue::before {
+content: "";
+position: absolute;
+height: 19px;
+width: 19px;
+left: 3px;
+top: 3px;
+background-color: #ccc;
+border-radius: 50%;
+transition: 0.3s;
 }
 
 input:checked + .slider {
   background-color: #ff4d4d; /* red when ON */
 }
 
-input:checked + .slider::before {
+input:checked + .slider_blue {
+  background-color: #268ef5ff; /* blue when ON */
+}
+
+input:checked + .slider::before ,
+input:checked + .slider_blue::before {
   transform: translateX(25px);
   background-color: #fff;
 }
@@ -269,23 +276,18 @@ input:checked + .slider::before {
                                 <textarea class="form-control" placeholder="Enter Disclaimer" name="disclaimer" id="disclaimer" ></textarea>
                             </div>
                                                         
-                            <div class="form-group col-md-4 EB">
-                                <label class="switch" style="position: relative;top: 43px;left: 20px;">
+                            <div class="form-group col-md-12 EB mt-3 ">                                
+                                <label class="switch-label">
                                     <input id="policy_visibility" type="checkbox" name="enrolment_visibility" checked>
-                                    <span class="slider round" style="height: 27px;"></span>
+                                    <span class="slider_blue"></span>
+                                    <span class="switch-text">Policy Visibilty in Employee App</span>
                                 </label>
-
-                                <!-- <label for="policy_visibility" style="position: relative;bottom: 5px;left: 85px;">Policy Visibilty in Enrollment App</label> -->
-                                 <label for="policy_visibility" style="position: relative;bottom: 5px;left: 85px;">Policy Visibilty in Employee App</label>
-                            </div>
-                            
-                            <div class="form-group col-md-4 EB">
-                                <label class="switch" style="position: relative;top: 43px;left: 20px;">
+       
+                                <label class="switch-label" >
                                     <input id="is_lgbtq" type="checkbox" name="is_lgbtq">
-                                    <span class="slider round" style="height: 27px;"></span>
+                                    <span class="slider_blue"></span>
+                                    <span class="switch-text">Is LGBTQ Enable</span>
                                 </label>
-
-                                <label for="is_lgbtq" style="position: relative;bottom: 5px;left: 85px;"> Is LGBTQ Enable</label>
                             </div>
                         </div>