@pmidc/upyog-css 1.1.10 → 1.1.12

package/dist/index.css

@@ -905,35 +905,58 @@ body {
   margin-bottom: 16px;
   margin-left: 16px; }
 
+.app-container {
+  padding: 10px; }
+
 .link-label {
-  color: #2947a3;
-  color: rgba(41, 71, 163, var(--text-opacity));
-  margin-bottom: 16px;
-  margin-left: 16px;
-  cursor: pointer; }
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  height: 40px;
+  background: linear-gradient(135deg, #2563eb, #1e40af);
+  color: #fff !important;
+  text-align: center;
+  outline: none;
+  width: 175px;
+  border-radius: 8px;
+  border: none;
+  font-weight: 700;
+  font-size: 13px;
+  cursor: pointer;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  -webkit-box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
+  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
+  margin: 0;
+  text-decoration: none; }
   .link-label:hover {
-    color: #2947a3;
-    color: rgba(41, 71, 163, var(--text-opacity)); }
-
-.back-btn, .link-label {
-  display: block;
-  font-size: 16px;
-  line-height: 24px;
-  --text-opacity:1;
-  --text-opacity:1; }
+    -webkit-transform: translateY(-2px);
+    transform: translateY(-2px);
+    -webkit-box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
+    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
+    color: #fff !important; }
+  .link-label:focus {
+    outline: none; }
 
 .back-btn {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
+  display: block;
   --border-opacity:1;
   border-color: #0d43a7;
   border-bottom: 1px;
   border-color: rgba(13, 67, 167, var(--border-opacity));
   border-style: solid;
   font-family: Roboto Condensed,sans-serif;
+  --text-opacity:1;
   color: #0d43a7;
   color: rgba(13, 67, 167, var(--text-opacity));
+  font-size: 16px;
+  line-height: 24px;
   margin-left: 8px;
   margin-top: 16px; }
   .back-btn label {
@@ -969,6 +992,7 @@ body {
   width: -moz-fit-content;
   width: fit-content;
   color: #000;
+  margin-top: 3rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -995,7 +1019,7 @@ body {
     width: 100%; }
   .app-container {
     width: 100%;
-    padding: 2rem; }
+    padding: 3rem; }
     .app-container form .card {
       max-width: 960px; }
       .app-container form .card .field-container {
@@ -1049,13 +1073,13 @@ body {
 .citizen-and-architect-photo-clickable {
   cursor: pointer; }
 
-.clu-summary-page {
+.bpa-summary-page {
   padding: 2rem;
   background-color: #f9f9f9;
   font-family: Segoe UI,Tahoma,Geneva,Verdana,sans-serif;
   color: #333; }
 
-.clu-summary-heading {
+.bpa-summary-heading {
   font-size: 1.5rem;
   border-bottom: 2px solid #ccc;
   padding-bottom: .3rem;
@@ -1063,7 +1087,7 @@ body {
   margin-top: 2rem;
   margin-bottom: 1rem; }
 
-.clu-summary-section {
+.bpa-summary-section {
   background-color: #fff;
   padding: 1rem 1.5rem;
   border-radius: 8px;
@@ -1071,7 +1095,7 @@ body {
   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
 
-.clu-summary-label-field-pair {
+.bpa-summary-label-field-pair {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1082,7 +1106,7 @@ body {
   padding: .5rem 0;
   color: #333; }
 
-.clu-summary-bold-label {
+.bpa-summary-bold-label {
   font-weight: 700;
   color: #555; }
 
@@ -1126,6 +1150,117 @@ body {
   -ms-flex-align: center;
   align-items: center; }
 
+.bpa-stepper-form-container {
+  padding: 16px;
+  background: #f8fafc;
+  min-height: calc(100vh - 120px); }
+
+.bpa-stepper-form-section {
+  background: #fff;
+  border-radius: 12px;
+  padding: 20px 24px;
+  margin-bottom: 20px;
+  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  border: 1px solid #e5e7eb; }
+
+.bpa-section-header {
+  font-size: 18px !important;
+  font-weight: 600 !important;
+  margin-bottom: 16px !important;
+  padding-bottom: 12px !important;
+  border-bottom: 2px solid #e5e7eb !important; }
+
+.bpa-block-section {
+  background: #f8fafc;
+  border-radius: 8px;
+  padding: 16px;
+  margin-top: 16px;
+  border: 1px solid #e5e7eb; }
+
+.bpa-block-header {
+  font-size: 16px !important;
+  font-weight: 600 !important;
+  color: #374151 !important;
+  margin-bottom: 12px !important; }
+
+.bpa-table-container {
+  margin-top: 16px;
+  overflow-x: auto;
+  border-radius: 8px;
+  border: 1px solid #e5e7eb; }
+
+.bpa-stepper-form-section .status-table-container, .bpa-stepper-form-section .status-table-container .status-table {
+  margin: 0; }
+
+.bpa-stepper-form-section .row {
+  padding: 12px 0;
+  border-bottom: 1px dashed #e5e7eb; }
+
+.bpa-stepper-form-section .row:last-child {
+  border-bottom: none; }
+
+.bpa-stepper-form-section .row .key {
+  font-weight: 500;
+  color: #6b7280;
+  font-size: 14px; }
+
+.bpa-stepper-form-section .row .value {
+  font-weight: 600;
+  color: #1f2937;
+  font-size: 14px; }
+
+@media screen and (max-width: 768px) {
+  .bpa-stepper-form-container {
+    padding: 12px; }
+  .bpa-stepper-form-section {
+    padding: 16px;
+    margin-bottom: 16px;
+    border-radius: 10px; }
+  .bpa-section-header {
+    font-size: 16px !important;
+    margin-bottom: 12px !important;
+    padding-bottom: 10px !important; }
+  .bpa-block-section {
+    padding: 12px;
+    margin-top: 12px; }
+  .bpa-block-header {
+    font-size: 14px !important;
+    margin-bottom: 10px !important; }
+  .bpa-stepper-form-section .row {
+    padding: 10px 0; }
+  .bpa-stepper-form-section .row .key, .bpa-stepper-form-section .row .value {
+    font-size: 13px; } }
+
+@media screen and (max-width: 480px) {
+  .bpa-stepper-form-container {
+    padding: 8px; }
+  .bpa-stepper-form-section {
+    padding: 12px;
+    margin-bottom: 12px;
+    border-radius: 8px; }
+  .bpa-section-header {
+    font-size: 15px !important;
+    margin-bottom: 10px !important;
+    padding-bottom: 8px !important; }
+  .bpa-block-section {
+    padding: 10px;
+    margin-top: 10px; }
+  .bpa-block-header {
+    font-size: 13px !important; }
+  .bpa-stepper-form-section .row {
+    padding: 8px 0;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: 4px;
+    gap: 4px; }
+  .bpa-stepper-form-section .row .key, .bpa-stepper-form-section .row .value {
+    font-size: 12px; }
+  .bpa-table-container {
+    margin-top: 12px; } }
+
 .navbar {
   --bg-opacity:1;
   background-color: #22394d;
@@ -1487,19 +1622,17 @@ body {
   width: 100%; }
 
 .card {
-  background: linear-gradient(135deg, #fff, #f8fafb);
-  margin: 8px;
   padding: 20px 24px 28px;
   max-width: 95vw;
   width: 100%;
   border-radius: 14px;
-  border: 1px solid #e1e8f0;
   -webkit-box-shadow: 0 12px 32px rgba(30, 58, 138, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
   box-shadow: 0 12px 32px rgba(30, 58, 138, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
   -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
-  overflow: visible; }
+  overflow: visible;
+  margin-bottom: 15px; }
   .card .card-header {
     font-size: 20px;
     font-weight: 800;
@@ -1522,6 +1655,7 @@ body {
     color: #1e293b;
     text-align: left;
     margin-bottom: 8px;
+    margin-top: 20px;
     text-transform: uppercase;
     letter-spacing: .4px; }
   .card .card-caption {
@@ -1545,12 +1679,14 @@ body {
     font-size: 13px;
     font-weight: 700; }
   .card .card-label {
-    font-size: 12px;
+    font-size: 16px;
     color: #0f172a;
     margin-bottom: 8px;
+    margin-top: 8px;
     font-weight: 700;
     text-transform: uppercase;
-    letter-spacing: .5px; }
+    letter-spacing: .5px;
+    width: 100%; }
   .card .card-label-error {
     display: block;
     font-size: 12px;
@@ -1558,29 +1694,14 @@ body {
     margin-bottom: 16px;
     font-weight: 600; }
   .card .card-label-desc {
+    font-weight: 700;
     color: #475569;
+    font-size: 13px;
     margin-bottom: 16px;
     text-transform: uppercase;
     letter-spacing: .3px; }
-  .card .card-label-desc, .card .card-link {
-    font-weight: 700;
-    font-size: 13px; }
-  .card .card-link {
-    display: inline-block;
-    text-align: center;
-    color: #2563eb;
-    margin-top: 16px;
-    cursor: pointer;
-    padding: 8px 16px;
-    border-radius: 8px;
-    background: rgba(37, 99, 235, 0.08);
-    -webkit-transition: all .2s ease;
-    transition: all .2s ease;
-    text-decoration: none; }
-    .card .card-link:hover {
-      background: rgba(37, 99, 235, 0.16);
-      -webkit-transform: translateX(2px);
-      transform: translateX(2px); }
+    .card .card-label-desc.descStyle {
+      font-size: 16px !important; }
 
 .validation-error {
   display: block;
@@ -1655,7 +1776,7 @@ body {
     font-size: 13px;
     font-weight: 700; }
   .employeeCard .card-label {
-    font-size: 12px;
+    font-size: 16px;
     color: #0f172a;
     margin-bottom: 8px;
     font-weight: 700;
@@ -1668,29 +1789,12 @@ body {
     margin-bottom: 16px;
     font-weight: 600; }
   .employeeCard .card-label-desc {
+    font-weight: 700;
     color: #475569;
+    font-size: 13px;
     margin-bottom: 16px;
     text-transform: uppercase;
     letter-spacing: .3px; }
-  .employeeCard .card-label-desc, .employeeCard .card-link {
-    font-weight: 700;
-    font-size: 13px; }
-  .employeeCard .card-link {
-    display: inline-block;
-    text-align: left;
-    color: #2563eb;
-    margin-top: 12px;
-    cursor: pointer;
-    padding: 8px 12px;
-    border-radius: 8px;
-    background: rgba(37, 99, 235, 0.08);
-    -webkit-transition: all .2s ease;
-    transition: all .2s ease;
-    text-decoration: none; }
-    .employeeCard .card-link:hover {
-      background: rgba(37, 99, 235, 0.16);
-      -webkit-transform: translateX(2px);
-      transform: translateX(2px); }
   .employeeCard .card-search-heading {
     margin-right: 0 !important;
     margin-left: 0 !important;
@@ -1720,7 +1824,36 @@ body {
   border-radius: 14px;
   border: 1px solid #e1e8f0; }
 
-.submit-bar {
+.card-link {
+  height: 40px;
+  background: linear-gradient(135deg, #2563eb, #1e40af);
+  color: #fff;
+  text-align: center;
+  outline: none;
+  width: 175px;
+  border-radius: 8px;
+  border: none;
+  font-weight: 700;
+  font-size: 13px;
+  cursor: pointer;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  -webkit-box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
+  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24); }
+  .card-link:hover {
+    -webkit-transform: translateY(-2px);
+    transform: translateY(-2px);
+    -webkit-box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
+    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32); }
+  .card-link:focus {
+    outline: none; }
+  .card-link header {
+    font-weight: 600;
+    font-size: 12px;
+    color: #fff;
+    line-height: 40px; }
+
+.bpa-owner-submit-back, .submit-bar {
   height: 40px;
   background: linear-gradient(135deg, #2563eb, #1e40af);
   color: #fff;
@@ -1736,14 +1869,14 @@ body {
   transition: all .2s ease;
   -webkit-box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
   box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24); }
-  .submit-bar:hover {
+  .bpa-owner-submit-back:hover, .submit-bar:hover {
     -webkit-transform: translateY(-2px);
     transform: translateY(-2px);
     -webkit-box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
     box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32); }
-  .submit-bar:focus {
+  .bpa-owner-submit-back:focus, .submit-bar:focus {
     outline: none; }
-  .submit-bar header {
+  .bpa-owner-submit-back header, .submit-bar header {
     font-weight: 600;
     font-size: 12px;
     color: #fff;
@@ -1782,6 +1915,44 @@ body {
     -webkit-box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important;
     box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important; }
 
+.card-link.submit-bar, button.card-link.submit-bar {
+  height: 40px !important;
+  background: linear-gradient(135deg, #2563eb, #1e40af) !important;
+  color: #fff !important;
+  text-align: center !important;
+  outline: none !important;
+  width: 175px !important;
+  border-radius: 8px !important;
+  border: none !important;
+  font-weight: 700 !important;
+  font-size: 13px !important;
+  cursor: pointer !important;
+  -webkit-transition: all 0.2s ease !important;
+  transition: all 0.2s ease !important;
+  -webkit-box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24) !important;
+  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24) !important;
+  display: -webkit-inline-box !important;
+  display: -ms-inline-flexbox !important;
+  display: inline-flex !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  -webkit-box-pack: center !important;
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+  padding: 0 16px !important;
+  margin: 0 !important;
+  text-decoration: none !important; }
+  .card-link.submit-bar:hover, button.card-link.submit-bar:hover {
+    -webkit-transform: translateY(-2px) !important;
+    transform: translateY(-2px) !important;
+    -webkit-box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32) !important;
+    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32) !important;
+    background: linear-gradient(135deg, #2563eb, #1e40af) !important;
+    color: #fff !important; }
+  .card-link.submit-bar:focus, button.card-link.submit-bar:focus {
+    outline: none !important; }
+
 @media (min-width: 1024px) {
   .submit-bar, .submit-bar-disabled {
     width: 175px;
@@ -1803,8 +1974,6 @@ body {
       font-size: 14px; }
     .card .card-text, .card .card-text-primary {
       font-size: 16px; }
-    .card .card-link {
-      text-align: left; }
   .employeeCard {
     margin-bottom: 16px !important;
     margin-left: 16px !important;
@@ -1836,8 +2005,6 @@ body {
       font-size: 14px; }
     .employeeCard .card-text, .employeeCard .card-text-primary {
       font-size: 16px; }
-    .employeeCard .card-link {
-      text-align: left; }
     .employeeCard .label-field-pair {
       display: -webkit-box;
       display: -ms-flexbox;
@@ -1958,19 +2125,58 @@ body {
   width: 100%;
   margin: 0; }
 
-.selector-button-primary:hover {
-  background-color: #1e3a8a !important;
-  opacity: .9; }
+.selector-button, .selector-button-primary, .selector-button-secondary {
+  color: #fff !important;
+  border: none !important;
+  border-radius: .375rem;
+  padding: .5rem 1rem;
+  font-family: Noto Sans,sans-serif;
+  font-weight: 500;
+  font-size: .875rem;
+  line-height: 1.25rem;
+  cursor: pointer;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  white-space: normal;
+  word-break: break-word;
+  word-wrap: break-word;
+  text-align: center;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  min-height: 40px;
+  max-height: 40px;
+  width: 30%;
+  margin: 0; }
+  .selector-button:hover, .selector-button-primary:hover, .selector-button-secondary:hover {
+    opacity: .9; }
+  .selector-button h2, .selector-button-primary h2, .selector-button-secondary h2 {
+    color: #fff !important;
+    font-size: 0.875rem !important;
+    line-height: 1.25rem !important;
+    font-weight: 500 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    width: 100%; }
+
+.selector-button-primary {
+  background-color: #2947a3 !important; }
+  .selector-button-primary:hover {
+    background-color: #1e3a8a !important; }
 
-.selector-button-primary h2 {
-  font-size: 0.875rem !important;
-  line-height: 1.25rem !important;
-  font-weight: 500 !important;
-  margin: 0 !important;
-  padding: 0 !important;
-  width: 100%; }
+.selector-button-secondary {
+  background-color: #fff !important;
+  color: #2947a3 !important; }
+  .selector-button-secondary h2 {
+    color: #2947a3 !important; }
 
-.selector-button-border, .selector-button-primary {
+.selector-button-border {
   background-color: #2947a3 !important;
   color: #fff !important;
   border: none !important;
@@ -2000,21 +2206,19 @@ body {
   min-height: 40px;
   width: 30%;
   max-height: 40px;
-  margin: 0;
-  color: #fff !important;
-  border: none !important; }
-
-.selector-button-border:hover {
-  background-color: #1e3a8a !important;
-  opacity: .9; }
-
-.selector-button-border h2 {
-  font-size: 0.875rem !important;
-  line-height: 1.25rem !important;
-  font-weight: 500 !important;
-  margin: 0 !important;
-  padding: 0 !important;
-  width: 100%; }
+  margin: 0; }
+  .selector-button-border:hover {
+    background-color: #1e3a8a !important;
+    opacity: .9; }
+  .selector-button-border h2 {
+    color: #fff !important;
+    font-size: 0.875rem !important;
+    line-height: 1.25rem !important;
+    font-weight: 500 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    border: none !important;
+    width: 100%; }
 
 .input-mirror-selector-button {
   height: 4rem !important;
@@ -2112,9 +2316,6 @@ body {
     border-radius: 9999px;
     display: block; }
   .radio-wrap label {
-    --text-opacity:1;
-    color: #0d43a7;
-    color: rgba(13, 67, 167, var(--text-opacity));
     font-size: 16px;
     line-height: 20px;
     margin-left: 16px; }
@@ -2323,12 +2524,13 @@ body {
       height: 100%;
       outline: 2px solid transparent;
       outline-offset: 2px;
-      padding-left: 8px; }
-    .select-wrap .select input[type=text], .select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select .input-emp[type=text], .select-wrap .select p {
       font-size: 16px;
-      line-height: 20px; }
+      line-height: 20px;
+      padding-left: 8px; }
     .select-wrap .select p {
       padding-top: 9px;
+      font-size: 16px;
+      line-height: 20px;
       --text-opacity:1;
       color: #0d43a7;
       color: rgba(13, 67, 167, var(--text-opacity));
@@ -2551,7 +2753,9 @@ body {
   align-items: center;
   background: #eee;
   border-right: 0;
-  padding-right: 5px; }
+  padding-right: 5px;
+  position: relative;
+  z-index: 0 !important; }
 
 .employee-card-input-error {
   padding-left: 8px;
@@ -2560,6 +2764,9 @@ body {
   border: 1px solid #d4351c;
   border-color: rgba(212, 53, 28, var(--border-opacity));
   line-height: 2.5rem;
+  --text-opacity:1;
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   border-radius: 8px; }
 
 .card-textarea, .employee-card-input-error, .employee-card-textarea {
@@ -2572,10 +2779,7 @@ body {
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   font-size: 16px;
-  line-height: 20px;
-  --text-opacity:1;
-  color: #0d43a7;
-  color: rgba(13, 67, 167, var(--text-opacity)); }
+  line-height: 20px; }
 
 .card-textarea, .employee-card-textarea {
   --border-opacity:1;
@@ -2908,7 +3112,9 @@ body {
   overflow: hidden;
   width: 100%;
   border-collapse: collapse;
-  padding-bottom: 0; }
+  padding-bottom: 0;
+  margin-top: 15px;
+  margin-bottom: 15px; }
 
 .employee-data-table .row {
   display: -webkit-box;
@@ -3398,7 +3604,10 @@ body {
     bottom: 45px;
     -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px, rgba(0, 0, 0, 0.12) 0 3px 14px 2px, rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
     box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
-    width: calc(100% - 16px);
+    width: auto;
+    min-width: 200px;
+    max-width: calc(100% - 16px);
+    padding: 2px;
     right: 8px; }
     .action-bar-wrap .menu-wrap div {
       height: 3rem;
@@ -3520,13 +3729,19 @@ body {
   align-items: center;
   margin-left: 10px; }
 
-.table {
-  background: linear-gradient(135deg, #fff, #f8fafb);
+.table, .table-container {
+  max-width: 95vw;
   width: 100%;
-  table-layout: fixed;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  margin-bottom: 15px; }
+
+.table {
+  background: linear-gradient(135deg, #fff, #f8fafb);
+  table-layout: auto;
   border-radius: 12px;
   border: 1px solid #e1e8f0;
-  overflow: hidden;
+  display: block;
   -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
   box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
   border-collapse: initial;
@@ -3537,6 +3752,11 @@ body {
   transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
   transition: box-shadow .3s ease,-webkit-box-shadow .3s ease; }
 
+@media (min-width: 1024px) {
+  .table {
+    display: table;
+    overflow: hidden; } }
+
 .table:hover {
   -webkit-box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
   box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06); }
@@ -4439,7 +4659,7 @@ body {
   column-gap: 8px; }
 
 .topbar .employee-select-wrap, .topbar .select-wrap {
-  margin-bottom: 0; }
+  margin-bottom: 15px; }
 
 .topbar .employee-select-wrap .profile-dropdown--item span, .topbar .select-wrap .profile-dropdown--item span {
   white-space: pre; }
@@ -5002,10 +5222,7 @@ video::-webkit-media-controls-panel {
 .multilink-link-button {
   margin: 0;
   font-size: 16px;
-  line-height: 24px;
-  --text-opacity:1;
-  color: #f18f5e;
-  color: rgba(241, 143, 94, var(--text-opacity)); }
+  line-height: 24px; }
 
 .multilink-optionWrap {
   right: 0;
@@ -5860,6 +6077,7 @@ video::-webkit-media-controls-panel {
       font-weight: 500;
       cursor: pointer; }
   .CardBasedOptions .mainContent {
+    margin: 15px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -5999,7 +6217,7 @@ video::-webkit-media-controls-panel {
   border-radius: 12px;
   padding: 24px;
   margin: 8px;
-  min-width: 200px;
+  min-width: 220px;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 calc(25% - 16px);
   flex: 1 1 calc(25% - 16px);
@@ -7217,7 +7435,8 @@ video::-webkit-media-controls-panel {
 
 .employee-login-card {
   padding: 20px;
-  width: 650px;
+  width: 100%;
+  max-width: 650px;
   overflow: visible;
   position: relative;
   z-index: 1; }
@@ -7358,6 +7577,7 @@ video::-webkit-media-controls-panel {
 .employee .ground-container {
   margin-bottom: 56px;
   margin-left: 0;
+  margin-top: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7409,7 +7629,13 @@ video::-webkit-media-controls-panel {
       font-weight: 700; }
 
 .employee .main {
-  padding-top: 88px; }
+  padding: 10px;
+  margin-top: 3rem; }
+
+@media (min-width: 640px) {
+  .employee .main {
+    margin-top: 0;
+    padding: 0; } }
 
 .employee .submit-bar header {
   height: 2rem !important;
@@ -7519,11 +7745,14 @@ video::-webkit-media-controls-panel {
   font-size: 1.5rem; }
 
 .citizen .main {
-  padding-top: 82px;
+  padding-top: 56px;
   min-height: calc(100vh - 48px);
   display: -webkit-box !important;
   display: -ms-flexbox !important;
-  display: flex !important; }
+  display: flex !important;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
 
 .citizen .sidebar, .employee .sidebar {
   position: fixed;
@@ -7831,7 +8060,7 @@ video::-webkit-media-controls-panel {
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
-    padding-top: 80px;
+    padding-top: 56px;
     margin-left: 64px;
     width: calc(100% - 83px); }
   .employee .citizen-home-container, .employee .main {
@@ -7850,13 +8079,17 @@ video::-webkit-media-controls-panel {
     content: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/employee-login.png); }
   .citizen .main {
     width: 100%;
-    padding-top: 80px;
+    padding-top: 56px;
     min-height: calc(100vh - 48px);
     margin-bottom: 18px !important;
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important; } }
 
+@media only screen and (max-width: 639px) {
+  .employee .ground-container {
+    margin-top: 36px; } }
+
 @media only screen and (max-width: 950px) {
   #main-img {
     content: url(https://i.postimg.cc/9Q7jT6Dd/Banner-Image-2.png); }
@@ -7927,17 +8160,15 @@ video::-webkit-media-controls-panel {
 .pageCard {
   width: 100%;
   height: 100%;
-  padding: 48px;
-  grid-gap: 48px;
-  gap: 48px;
-  border-radius: 24px;
+  border-radius: 24px; }
+
+.ndcFormCard, .pageCard {
+  padding: 20px;
   background: #fff; }
 
 .ndcFormCard {
   max-width: 1200px;
   margin: auto;
-  padding: 20px;
-  background: #fff;
   border-radius: 10px;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
@@ -8543,94 +8774,92 @@ video::-webkit-media-controls-panel {
             line-height: 24px; }
       .inbox-container .filters-container .citizen-filter {
         margin-top: unset; }
-    .inbox-container .search-container {
-      width: 874px; }
-      .inbox-container .search-container .search-complaint-container {
-        margin: auto;
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        -webkit-box-align: start;
-        -ms-flex-align: start;
-        align-items: flex-start;
-        margin-bottom: 16px;
-        --bg-opacity:1;
-        background-color: #fff;
-        background-color: rgba(255, 255, 255, var(--bg-opacity));
-        padding: 16px; }
-        .inbox-container .search-container .search-complaint-container .complaint-header {
-          -webkit-box-pack: justify;
-          -ms-flex-pack: justify;
-          justify-content: space-between;
-          width: 100%;
-          margin-bottom: 20px; }
-        .inbox-container .search-container .search-complaint-container .complaint-input-container {
-          display: grid !important;
-          grid-template-columns: 33.33% 33.33% 33.33%; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search {
-            grid-template-columns: 25% 25% 25% 25%; }
-            .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .input-fields:nth-child(3n) {
-              margin-right: 16px !important; }
-            .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .input-fields:nth-child(4n) {
-              margin-right: 0 !important; }
-            .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .search-submit-wrapper {
-              grid-column: 4/5;
-              max-width: unset;
-              margin-left: unset; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container .search-submit-wrapper {
-            margin-left: 50%;
-            max-width: 50%;
-            grid-column: 3/4;
-            -webkit-box-orient: vertical;
-            -webkit-box-direction: normal;
-            -ms-flex-direction: column;
-            flex-direction: column;
-            -webkit-box-pack: center;
-            -ms-flex-pack: center;
-            justify-content: center;
-            text-align: center; }
-            .inbox-container .search-container .search-complaint-container .complaint-input-container .search-submit-wrapper .submit-bar-search {
-              margin-top: unset;
-              margin-bottom: 20px;
-              margin-left: unset;
-              max-width: 100%;
-              width: 100%; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields {
-            display: inline-block !important;
+    .inbox-container .search-container .search-complaint-container {
+      margin: auto;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-align: start;
+      -ms-flex-align: start;
+      align-items: flex-start;
+      margin-bottom: 16px;
+      --bg-opacity:1;
+      background-color: #fff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+      padding: 16px; }
+      .inbox-container .search-container .search-complaint-container .complaint-header {
+        -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+        justify-content: space-between;
+        width: 100%;
+        margin-bottom: 20px; }
+      .inbox-container .search-container .search-complaint-container .complaint-input-container {
+        display: grid !important;
+        grid-template-columns: 33.33% 33.33% 33.33%; }
+        .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search {
+          grid-template-columns: 25% 25% 25% 25%; }
+          .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .input-fields:nth-child(3n) {
             margin-right: 16px !important; }
-            .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields .inbox-search-form-error {
-              padding-top: 0;
-              margin-top: 0;
-              position: absolute; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields:nth-child(3n) {
+          .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .input-fields:nth-child(4n) {
             margin-right: 0 !important; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input {
-            -webkit-box-orient: vertical;
-            -webkit-box-direction: normal;
-            -ms-flex-direction: column;
-            flex-direction: column; }
-            .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
-              --text-opacity:1;
-              color: #1359c8;
-              color: rgba(19, 89, 200, var(--text-opacity));
-              display: block;
-              cursor: pointer; }
-              .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
-                color: #003078;
-                cursor: pointer; }
-          .inbox-container .search-container .search-complaint-container .complaint-input-container .mobile-input {
-            margin-left: 8px; }
-        .inbox-container .search-container .search-complaint-container .search-action-wrapper {
-          width: 33%;
-          margin-top: 28px;
-          display: inline-block;
-          vertical-align: middle;
+          .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search .search-submit-wrapper {
+            grid-column: 4/5;
+            max-width: unset;
+            margin-left: unset; }
+        .inbox-container .search-container .search-complaint-container .complaint-input-container .search-submit-wrapper {
+          margin-left: 50%;
+          max-width: 50%;
+          grid-column: 3/4;
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          justify-content: center;
           text-align: center; }
-          .inbox-container .search-container .search-complaint-container .search-action-wrapper button {
-            margin: 0;
-            width: 100%;
-            max-width: 300px !important; } }
+          .inbox-container .search-container .search-complaint-container .complaint-input-container .search-submit-wrapper .submit-bar-search {
+            margin-top: unset;
+            margin-bottom: 20px;
+            margin-left: unset;
+            max-width: 100%;
+            width: 100%; }
+        .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields {
+          display: inline-block !important;
+          margin-right: 16px !important; }
+          .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields .inbox-search-form-error {
+            padding-top: 0;
+            margin-top: 0;
+            position: absolute; }
+        .inbox-container .search-container .search-complaint-container .complaint-input-container .input-fields:nth-child(3n) {
+          margin-right: 0 !important; }
+        .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input {
+          -webkit-box-orient: vertical;
+          -webkit-box-direction: normal;
+          -ms-flex-direction: column;
+          flex-direction: column; }
+          .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
+            --text-opacity:1;
+            color: #1359c8;
+            color: rgba(19, 89, 200, var(--text-opacity));
+            display: block;
+            cursor: pointer; }
+            .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
+              color: #003078;
+              cursor: pointer; }
+        .inbox-container .search-container .search-complaint-container .complaint-input-container .mobile-input {
+          margin-left: 8px; }
+      .inbox-container .search-container .search-complaint-container .search-action-wrapper {
+        width: 33%;
+        margin-top: 28px;
+        display: inline-block;
+        vertical-align: middle;
+        text-align: center; }
+        .inbox-container .search-container .search-complaint-container .search-action-wrapper button {
+          margin: 0;
+          width: 100%;
+          max-width: 300px !important; } }
 
 .document-clear-all {
   grid-area: 2/2;
@@ -11450,7 +11679,8 @@ body {
 
 .HomePageContainer {
   width: 100%;
-  padding: 0; }
+  padding: 0;
+  margin-top: 3rem; }
   @media (min-width: 780px) {
     .HomePageContainer {
       display: -webkit-box;
@@ -12141,6 +12371,11 @@ body {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical; }
 
+.no-width {
+  max-width: none;
+  min-width: 0;
+  width: auto; }
+
 .surveyListclockDiv {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -12256,7 +12491,7 @@ body {
     grid-gap: 1rem;
     gap: 1rem; }
   .surveydetailsform-wrapper .employee-card-input, .surveydetailsform-wrapper .employee-select-wrap {
-    margin-bottom: 0; }
+    margin-bottom: 30px; }
 
 .newSurveyForm_wrapper {
   display: grid;
@@ -13473,7 +13708,9 @@ body {
 .swach {
   width: 60vw !important; }
   .swach .card .employee-card-input--front {
-    background-color: #fff; }
+    background-color: #fff;
+    position: relative;
+    z-index: 0 !important; }
   .swach .card input[name=mobileNumber], .swach .card .checkbox-wrap .input-emp[name=mobileNumber], .checkbox-wrap .swach .card .input-emp[name=mobileNumber] {
     max-width: 490px; }
   .swach .mandatory-asterisk {
@@ -13653,23 +13890,23 @@ body {
   color: red !important; }
 
 .login-page-cover {
-  height: 90vh;
-  background: linear-gradient(135deg, #667eea, #764ba2);
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
-  justify-content: center; }
+  justify-content: center;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
 
 .login-container, .login-page-cover {
   width: 100%;
+  min-height: calc(100vh - 56px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex; }
 
 .login-container {
-  height: 100vh;
   max-width: 100%;
   background-color: #fff;
   overflow: hidden; }
@@ -13786,23 +14023,6 @@ body {
   font-weight: 500;
   text-align: center; }
 
-.login-form-panel {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  background-color: #f5f5f5;
-  overflow-y: auto;
-  padding: 20px; }
-
 .login-wrapper {
   width: 100%;
   max-width: 480px;
@@ -13813,9 +14033,7 @@ body {
   box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); }
 
 .login-form-header {
-  margin-bottom: 30px; }
-
-.login-form-header, .register-login-wrapper {
+  margin-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -13832,15 +14050,6 @@ body {
   border-radius: 4px;
   position: relative; }
 
-.register-login-wrapper {
-  margin: 8px;
-  padding: 2rem;
-  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
-  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
-  width: 35%;
-  max-width: 100vw;
-  height: 900px; }
-
 .login-title {
   font-size: 2rem;
   font-weight: 700;
@@ -13864,7 +14073,6 @@ body {
   color: #ff1515; }
 
 .input-wrapper, .language-wrapper, .location-wrapper {
-  margin-bottom: 24px;
   width: 100%; }
 
 .location-wrapper .select {
@@ -13934,7 +14142,27 @@ body {
   padding: 40px;
   border-radius: 12px;
   -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
-  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); }
+  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
+  max-height: calc(100vh - 100px);
+  overflow-y: auto; }
+
+.login-form-panel {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  background-color: #f5f5f5;
+  overflow-y: auto;
+  padding: 20px;
+  min-height: calc(100vh - 56px); }
 
 @media (max-width: 1024px) {
   .login-hero-panel {
@@ -13963,8 +14191,6 @@ body {
     font-size: 1.5rem; }
   .login-form-header {
     margin-bottom: 24px; }
-  .input-wrapper, .language-wrapper, .location-wrapper {
-    margin-bottom: 20px; }
   .account-link, .label {
     font-size: 14px; }
   .lag-loc-wrapper {
@@ -13975,7 +14201,7 @@ body {
     grid-gap: 0;
     gap: 0; }
   .login-wrapper, .register-login-wrapper {
-    width: 60%; } }
+    width: 100%; } }
 
 @media (min-width: 769px) and (max-width: 1024px) {
   .lag-loc-wrapper {
@@ -14075,7 +14301,9 @@ body {
 
 .loader-message {
   overflow: hidden;
-  position: relative;
+  position: fixed;
+  top: 0;
+  left: 0;
   height: 100vh;
   width: 100vw;
   display: -webkit-box;
@@ -14093,12 +14321,12 @@ body {
   flex-direction: column;
   font-weight: 600;
   font-size: 14px;
-  color: #000; }
+  color: #000;
+  background: linear-gradient(135deg, #f0f4ff, #e0e7ff 50%, #dbeafe);
+  z-index: 9999; }
 
 .loader-message .body {
-  position: absolute;
-  left: 44%;
-  top: 50%;
+  position: relative;
   -webkit-animation: speeder .4s linear infinite;
   animation: speeder .4s linear infinite; }
 
@@ -14116,7 +14344,7 @@ body {
   width: 0;
   height: 0;
   border-top: 6px solid transparent;
-  border-right: 100px solid #000;
+  border-right: 100px solid #1e3a5f;
   border-bottom: 6px solid transparent; }
 
 .loader-message .base span:before {
@@ -14135,7 +14363,7 @@ body {
   width: 0;
   height: 0;
   border-top: 0 solid transparent;
-  border-right: 55px solid #000;
+  border-right: 55px solid #1e3a5f;
   border-bottom: 16px solid transparent;
   top: -16px;
   right: -98px; }
@@ -14324,13 +14552,17 @@ body {
 .loader-message .longfazers {
   position: absolute;
   width: 100%;
-  height: 100%; }
+  height: 100%;
+  top: 0;
+  left: 0;
+  pointer-events: none; }
 
 .loader-message .longfazers span {
   position: absolute;
   height: 2px;
   width: 20%;
-  background: #0d43a7; }
+  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#0d43a7), to(transparent));
+  background: linear-gradient(90deg, transparent, #0d43a7, transparent); }
 
 .loader-message .longfazers span:first-child {
   top: 20%;
@@ -14360,13 +14592,18 @@ body {
 
 .loader-message .message {
   position: absolute;
-  font-family: Open Sans,sans-serif;
+  font-family: Roboto,Open Sans,sans-serif;
   font-weight: 600;
-  font-size: 12px;
+  font-size: 16px;
   text-transform: uppercase;
-  left: 44%;
-  top: 58%;
-  margin-left: -20px; }
+  letter-spacing: 2px;
+  bottom: 35%;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+  color: #0d43a7;
+  text-align: center;
+  white-space: nowrap; }
 
 @-webkit-keyframes lf {
   0% {
@@ -14424,6 +14661,37 @@ body {
     left: -100%;
     opacity: 0; } }
 
+@media screen and (max-width: 768px) {
+  .loader-message .body {
+    -webkit-transform: scale(0.85);
+    transform: scale(0.85); }
+  .loader-message .message {
+    font-size: 14px;
+    letter-spacing: 1.5px; }
+  .loader-message .longfazers span {
+    height: 1.5px; } }
+
+@media screen and (max-width: 480px) {
+  .loader-message .body {
+    -webkit-transform: scale(0.7);
+    transform: scale(0.7); }
+  .loader-message .message {
+    font-size: 12px;
+    letter-spacing: 1px;
+    bottom: 38%; }
+  .loader-message .longfazers span {
+    height: 1px;
+    width: 25%; } }
+
+@media screen and (max-width: 320px) {
+  .loader-message .body {
+    -webkit-transform: scale(0.6);
+    transform: scale(0.6); }
+  .loader-message .message {
+    font-size: 10px;
+    letter-spacing: .5px;
+    bottom: 40%; } }
+
 .DS-citizen-form-container {
   padding: 0 10px 10px; }
   .DS-citizen-form-container .card-label-smaller {
@@ -14966,13 +15234,6 @@ body {
 .summary-page-scroll {
   overflow: scroll; }
 
-.bpa-newbuilding-bpa-section {
-  background-color: #fff;
-  border-radius: 8px;
-  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-  padding-bottom: 50px; }
-
 .bpa-newbuilding-label-field-pair {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -15024,16 +15285,18 @@ body {
   margin-top: "4px"; }
 
 .bpa-owner-error-message {
-  color: red;
+  color: #dc2626;
   font-size: 12px;
-  margin-top: 4px; }
+  margin-top: 6px;
+  font-weight: 500; }
 
 .bpa-owner-delete-icon {
   position: relative;
-  bottom: 5px; }
+  bottom: 0; }
 
 .bpa-owner-link-delete-button {
-  width: 50px;
+  width: 40px;
+  height: 40px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -15043,97 +15306,126 @@ body {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background: #000;
-  float: right; }
-
-.bpa-owner-owner-card {
-  border-radius: 5px;
-  padding: 20px 10px 10px;
-  margin-top: 10px;
-  border: 1px solid #f3f3f3;
-  background: #fafafa; }
+  background: #fee2e2;
+  border-radius: 8px;
+  float: right;
+  margin-top: -10px;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease; }
+  .bpa-owner-link-delete-button:hover {
+    background: #fecaca; }
 
 .bpa-owner-cardlabel-negative-margin {
-  margin-bottom: -15px; }
+  margin-bottom: 8px; }
 
 .bpa-owner-mobile-row {
-  margin-top: 30px; }
-
-.bpa-owner-country-prefix {
-  margin-bottom: 24px;
-  padding: 3px 2px;
-  border: 1px solid #b4b4b4;
-  border-radius: 8px 0 0 8px;
-  display: inline-block; }
+  margin-top: 8px;
+  margin-bottom: 16px; }
 
-.bpa-owner-phone-input {
-  background: #fafafa;
-  padding: 0 4px;
-  border-radius: 0 8px 8px 0;
-  width: 96%; }
+.bpa-owner-field-container {
+  position: relative;
+  width: 100%;
+  max-width: 400px; }
+  .bpa-owner-field-container .field-container {
+    margin-bottom: 0; }
+  .bpa-owner-field-container .text-input input, .bpa-owner-field-container .text-input .checkbox-wrap .input-emp, .checkbox-wrap .bpa-owner-field-container .text-input .input-emp {
+    padding-right: 44px !important; }
 
 .bpa-owner-search-icon-container {
-  position: relative;
-  z-index: 100;
-  right: 44px;
-  margin-top: -24px;
-  margin-right: -20px;
-  cursor: pointer; }
+  position: absolute;
+  right: 12px;
+  top: 36%;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 2; }
+  .bpa-owner-search-icon-container svg {
+    width: 20px;
+    height: 20px;
+    fill: #2563eb; }
+  .bpa-owner-search-icon-container:hover svg {
+    fill: #1e40af; }
 
 .bpa-owner-cardlabel-margin-top {
-  margin-top: 30px; }
+  margin-top: 20px; }
 
 .bpa-owner-upload-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  grid-gap: 15px;
-  gap: 15px;
+  grid-gap: 16px;
+  gap: 16px;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
-  flex-direction: row; }
+  flex-direction: row;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start; }
 
 @media (max-width: 768px) {
-  .upload-row {
+  .bpa-owner-upload-row {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
-    flex-direction: column; } }
+    flex-direction: column; }
+  .bpa-owner-field-container {
+    max-width: 100%; } }
 
 .bpa-owner-input-bg-fa {
-  background: #fafafa; }
+  background: #fafafa;
+  border-radius: 8px; }
 
 .bpa-owner-owner-textarea {
   background: #fafafa;
   width: 100%;
   min-height: 80px;
-  padding: 8px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  resize: vertical; }
+  padding: 12px;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  resize: vertical;
+  font-size: 14px; }
+  .bpa-owner-owner-textarea:focus {
+    outline: none;
+    border-color: #2563eb;
+    -webkit-box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
+    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1); }
 
 .bpa-owner-checkbox-top {
-  padding-top: 10px; }
+  padding-top: 16px; }
 
 .bpa-owner-add-owner-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  padding-bottom: 15px;
-  color: #ff8c00; }
+  padding: 16px 0; }
 
 .bpa-owner-add-owner-button {
-  padding-top: 10px;
+  padding: 10px 20px;
   background: transparent;
-  border: none;
-  color: inherit; }
+  border: 2px dashed #2563eb;
+  border-radius: 8px;
+  color: #2563eb;
+  font-weight: 600;
+  font-size: 14px;
+  cursor: pointer;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease; }
+  .bpa-owner-add-owner-button:hover {
+    background: rgba(37, 99, 235, 0.05);
+    border-style: solid; }
 
 .bpa-owner-submit-back {
-  border: 1px solid;
-  background: transparent;
-  color: #2947a3;
-  margin-right: 5px; }
+  margin-right: 12px; }
 
 .bpa-owner-label-field-pair {
   display: -webkit-box;
@@ -15142,18 +15434,19 @@ body {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
-  border-bottom: 1px dashed #e0e0e0;
-  padding: .5rem 0;
-  color: #333; }
+  border-bottom: 1px dashed #e5e7eb;
+  padding: 12px 0;
+  color: #374151; }
 
 .bpa-owner-bold-label {
-  font-weight: 700;
-  color: #555; }
+  font-weight: 600;
+  color: #4b5563; }
 
 .bpa-owner-newbuilding-error-message {
-  color: red;
-  margin-top: 4px;
-  font-size: .9rem; }
+  color: #dc2626;
+  margin-top: 6px;
+  font-size: 12px;
+  font-weight: 500; }
 
 .employee-header-bannerHeader {
   width: 100%;
@@ -16275,6 +16568,205 @@ body {
   font-size: 24px;
   margin-top: 30px; }
 
+.survey-modal-wrapper {
+  padding: 0;
+  background-color: #f9fafb; }
+
+.survey-modal-loader {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 300px; }
+
+.survey-cards-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  grid-gap: 20px;
+  gap: 20px;
+  padding: 24px;
+  background: linear-gradient(135deg, #f9fafb, #f3f4f6); }
+
+.survey-card {
+  background: #fff;
+  border-radius: 12px;
+  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  height: 100%;
+  border: 1px solid #e5e7eb; }
+
+.survey-card:hover {
+  -webkit-box-shadow: 0 12px 24px rgba(37, 99, 235, 0.15);
+  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.15);
+  -webkit-transform: translateY(-4px);
+  transform: translateY(-4px);
+  border-color: #2563eb; }
+
+.survey-card-header {
+  background: linear-gradient(135deg, #2563eb, #1d4ed8);
+  padding: 16px 20px;
+  color: #fff;
+  border-bottom: 3px solid #1d4ed8; }
+
+.survey-card-title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+  word-break: break-word; }
+
+.survey-card-content {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  padding: 20px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.survey-card-content, .survey-card-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column; }
+
+.survey-card-item {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 6px;
+  gap: 6px; }
+
+.survey-card-label {
+  font-size: 12px;
+  font-weight: 600;
+  color: #6b7280;
+  text-transform: uppercase;
+  letter-spacing: .5px; }
+
+.survey-card-value {
+  font-size: 14px;
+  color: #1f2937;
+  line-height: 1.5;
+  word-break: break-word; }
+
+.survey-card-footer {
+  padding: 16px 20px;
+  border-top: 1px solid #e5e7eb;
+  background-color: #f9fafb; }
+
+.survey-card-footer button {
+  width: 100%; }
+
+.survey-modal-empty-state {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  min-height: 300px;
+  padding: 40px 20px;
+  background: linear-gradient(135deg, #f9fafb, #f3f4f6); }
+
+.survey-modal-empty-state-text {
+  margin: 0;
+  text-align: center;
+  color: #6b7280;
+  line-height: 1.6; }
+
+.survey-modal-empty-state-text:first-child {
+  font-size: 16px;
+  font-weight: 500;
+  color: #374151;
+  margin-bottom: 8px; }
+
+@media (max-width: 768px) {
+  .survey-cards-container {
+    grid-template-columns: 1fr;
+    grid-gap: 16px;
+    gap: 16px;
+    padding: 16px; }
+  .survey-card {
+    border-radius: 8px; }
+  .survey-card-title {
+    font-size: 15px; }
+  .survey-card-content {
+    padding: 16px;
+    grid-gap: 12px;
+    gap: 12px; }
+  .survey-card-footer {
+    padding: 12px 16px; }
+  .survey-card-label {
+    font-size: 11px; }
+  .survey-card-value {
+    font-size: 13px; } }
+
+@media (max-width: 480px) {
+  .survey-cards-container {
+    padding: 12px;
+    grid-gap: 12px;
+    gap: 12px; }
+  .survey-card-content, .survey-card-header {
+    padding: 12px 16px; }
+  .survey-card-footer {
+    padding: 10px 16px; } }
+
+@-webkit-keyframes slideIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px); }
+  to {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0); } }
+
+@keyframes slideIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px); }
+  to {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0); } }
+
+.survey-card {
+  -webkit-animation: slideIn .3s ease-out;
+  animation: slideIn .3s ease-out; }
+
+.survey-modal-loader {
+  background: linear-gradient(135deg, #f9fafb, #f3f4f6); }
+
 .ads-view-cart {
   margin-left: 12px;
   padding: 8px 16px;
@@ -16858,6 +17350,9 @@ body {
 .w-fullwidth {
   width: 100%; }
 
+.stepper {
+  padding: 10px; }
+
 .margin-unset {
   margin: unset !important; }
 
@@ -16912,6 +17407,9 @@ body {
   margin-top: 32;
   margin-left: auto; }
 
+.ws-citizen-wrapper {
+  padding: "15px"; }
+
 .application-details-link-button {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -17179,7 +17677,6 @@ body {
     text-indent: 2px; }
 
 .text-input {
-  position: relative;
   width: 100%; }
   .text-input input:hover, .text-input .checkbox-wrap .input-emp:hover, .checkbox-wrap .text-input .input-emp:hover {
     --border-opacity:1;
@@ -17190,7 +17687,8 @@ body {
   max-width: 540px; }
 
 .text-mobile-input-width {
-  max-width: 500px; }
+  max-width: 540px;
+  width: 100%; }
 
 .custom-time-picker {
   width: 100%;
@@ -17217,13 +17715,11 @@ body {
   -ms-flex-align: center;
   align-items: center; }
 
-.card-label-smaller {
-  width: 33.333333%;
+.card-label-APK, .card-label-smaller {
   margin-bottom: revert; }
 
 .card-label-APK {
   width: 33.333333%;
-  margin-bottom: revert;
   width: 100%; }
 
 .underline {
@@ -17301,6 +17797,10 @@ body {
       color: #fff;
       cursor: pointer; }
 
+.tl-citizen {
+  width: 100%;
+  padding: 10px; }
+
 .error-boundary details, .error-boundary summary {
   width: 300px;
   background-color: #da6464;
@@ -17348,6 +17848,72 @@ body {
     padding-left: 16px;
     padding-right: 16px; } }
 
+@media only screen and (max-width: 768px) {
+  .citizen-form-wrapper {
+    width: 100% !important;
+    padding: 0 !important;
+    margin: 0 !important; }
+  .citizen-form-wrapper .AppContainer {
+    width: 100% !important;
+    padding: 12px !important;
+    margin: 0 !important; }
+  .citizen-form-wrapper .card {
+    width: 100% !important;
+    max-width: 100% !important;
+    margin: 0 !important;
+    padding: 16px !important;
+    border-radius: 8px !important;
+    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; }
+  .citizen-form-wrapper .card-header {
+    font-size: 20px !important;
+    margin-bottom: 8px !important; }
+  .citizen-form-wrapper .card-text {
+    font-size: 14px !important;
+    margin-bottom: 16px !important; }
+  .citizen-form-wrapper .field-container {
+    -webkit-box-orient: horizontal !important;
+    -webkit-box-direction: normal !important;
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+    width: 100% !important; }
+  .citizen-form-wrapper .citizen-card-input {
+    width: 100% !important;
+    font-size: 16px !important;
+    padding: 12px !important;
+    height: auto !important;
+    min-height: 44px !important; }
+  .citizen-form-wrapper .citizen-card-input--front {
+    padding: 12px 8px !important;
+    font-size: 16px !important;
+    min-height: 44px !important;
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -webkit-box-align: center !important;
+    -ms-flex-align: center !important;
+    align-items: center !important;
+    background-color: #f3f4f6 !important;
+    border: 1px solid #464646 !important;
+    border-right: none !important; }
+  .citizen-form-wrapper .submit-bar {
+    width: 100% !important;
+    margin-top: 16px !important; }
+  .citizen-form-wrapper .submit-bar button {
+    width: 100% !important;
+    padding: 14px !important;
+    font-size: 16px !important;
+    min-height: 48px !important; }
+  .citizen-form-wrapper .back-btn {
+    margin-bottom: 12px !important; }
+  .citizen-form-wrapper .form-field {
+    margin-bottom: 16px !important; }
+  .citizen-form-wrapper .link-btn, .citizen-form-wrapper .link-button {
+    font-size: 14px !important;
+    text-align: center !important;
+    display: block !important;
+    margin-top: 12px !important; } }
+
 @media (min-width: 780px) {
   .citizen-card-container {
     padding-left: 15px;
@@ -17356,7 +17922,7 @@ body {
 
 @media (min-width: 780px) {
   .bill-citizen, .bills-citizen-wrapper, .citizen-all-services-wrapper, .citizen-obps-wrapper, .engagement-citizen-wrapper, .fsm-citizen-wrapper, .mcollect-citizen, .payer-bills-citizen-wrapper, .pgr-citizen-wrapper, .pt-citizen, .selection-card-wrapper, .tl-citizen, .ws-citizen-wrapper {
-    width: calc(100% - 219px);
+    width: 90%;
     padding-left: 16px;
     padding-right: 16px;
     margin-top: 3rem; } }
@@ -17550,7 +18116,7 @@ body {
   .stepper {
     display: grid !important; }
   .action-bar-wrap {
-    padding: 10px 0;
+    padding: 10px;
     text-align: center; }
   .submit-bar {
     font-size: 11px; } }
@@ -17705,3 +18271,261 @@ body {
 .timeline-subheader {
   font-size: 22px !important;
   font-weight: 500 !important; }
+
+.user-profile {
+  margin-top: 3rem;
+  width: 70%; }
+
+.user-profile-section-wrapper {
+  margin: 8px;
+  position: relative; }
+  .user-profile-section-wrapper.employee {
+    margin: 24px; }
+
+.user-profile-main-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  margin: 8px;
+  grid-gap: 0;
+  gap: 0;
+  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+  background: #fff;
+  border-radius: 12px;
+  max-width: 1200px;
+  overflow: hidden; }
+  @media (min-width: 768px) {
+    .user-profile-main-container {
+      margin-left: 16px;
+      margin-bottom: 16px;
+      margin-right: 16px;
+      margin-top: 16px;
+      grid-gap: 24px;
+      gap: 24px;
+      max-width: none; } }
+
+.user-profile-image-section {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  max-width: 100%;
+  min-height: 280px;
+  border-radius: 12px 12px 0 0;
+  background: linear-gradient(135deg, #4f65d8, #00157a);
+  padding: 32px 16px; }
+  @media (min-width: 768px) {
+    .user-profile-image-section {
+      -webkit-box-flex: 0;
+      -ms-flex: 0;
+      flex: 0;
+      border-radius: 0; } }
+  .user-profile-image-section.employee {
+    border-radius: 0; }
+
+.user-profile-image-wrapper {
+  height: 160px;
+  width: 160px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.user-profile-image {
+  height: 100%;
+  width: 100%;
+  border-radius: 50%;
+  border: 6px solid #fff;
+  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
+  -o-object-fit: cover;
+  object-fit: cover; }
+
+.user-profile-camera-button {
+  position: absolute;
+  bottom: -20px;
+  background: linear-gradient(135deg, #667eea, #764ba2);
+  border: 4px solid #fff;
+  border-radius: 50%;
+  width: 56px;
+  height: 56px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  cursor: pointer;
+  -webkit-box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
+  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.4);
+  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  color: #fff; }
+  .user-profile-camera-button:hover {
+    -webkit-transform: translateY(-2px);
+    transform: translateY(-2px);
+    -webkit-box-shadow: 0 12px 28px rgba(102, 126, 234, 0.5);
+    box-shadow: 0 12px 28px rgba(102, 126, 234, 0.5); }
+  .user-profile-camera-button svg {
+    width: 24px;
+    height: 24px; }
+
+.user-profile-form-section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  width: 100%;
+  background: #fafbfc;
+  padding: 32px;
+  grid-gap: 24px;
+  gap: 24px; }
+
+.user-profile-form-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-gap: 24px;
+  gap: 24px; }
+  @media (min-width: 768px) {
+    .user-profile-form-grid {
+      grid-template-columns: 1fr 1fr; } }
+
+.user-profile-field-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 6px;
+  gap: 6px; }
+
+.user-profile-label {
+  font-size: 14px;
+  font-weight: 600;
+  color: #1a202c;
+  margin-bottom: 4px; }
+
+.user-profile-input {
+  width: 100%; }
+
+.user-profile-error-text {
+  margin: 4px 0 0;
+  padding: 0;
+  color: #d32f2f;
+  font-size: 12px;
+  font-weight: 500; }
+
+.user-profile-div-margin {
+  margin-top: 12px;
+  padding: 16px;
+  background-color: #e8f1ff;
+  border-radius: 8px;
+  border-left: 4px solid #667eea; }
+
+.user-profile-change-password-link {
+  color: #667eea;
+  cursor: pointer;
+  position: relative;
+  text-decoration: underline;
+  font-weight: 600;
+  font-size: 14px;
+  -webkit-transition: color .2s ease;
+  transition: color .2s ease; }
+  .user-profile-change-password-link:hover {
+    color: #764ba2; }
+
+.user-profile-save-section-employee {
+  height: 88px;
+  background-color: #fff;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  margin-top: 0;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
+  padding: 16px 32px;
+  width: 100%; }
+  @media (max-width: 767px) {
+    .user-profile-save-section-employee {
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center; } }
+
+.user-profile-toast-style {
+  max-width: 670px; }
+
+.user-profile-button-padding {
+  padding-bottom: 12px;
+  padding-top: 12px; }
+
+.user-profile-label-field-pair-flex {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 12px;
+  gap: 12px; }
+
+.user-profile-label-style-employee {
+  font-size: 14px;
+  font-weight: 600;
+  color: #1a202c; }
+
+.user-profile-full-width {
+  width: 100%; }
+
+@media only screen and (max-width: 768px) {
+  .card-header, .employee-upyog-title, .header-title, .heading, .landing-card-header, .page-header, .section-header, .survey-card-header, h1, h2, h3, header {
+    font-size: 18px !important; }
+  .card-sub-header, .sub-header, h4 {
+    font-size: 16px !important; }
+  .card-section-header, h5, h6 {
+    font-size: 15px !important; }
+  .card-caption, .card-text, p {
+    font-size: 14px !important; } }