@tattvafoundation/upyog-css 1.0.17 → 1.0.19

package/dist/index.css

@@ -893,14 +893,14 @@ body {
   margin-left: 16px; }
 
 .link-label {
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #d1b03f;
+  color: rgba(209, 176, 63, var(--text-opacity));
   margin-bottom: 16px;
   margin-left: 16px;
   cursor: pointer; }
   .link-label:hover {
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #d1b03f;
+    color: rgba(209, 176, 63, var(--text-opacity)); }
 
 .back-btn, .link-label {
   display: block;
@@ -1343,8 +1343,8 @@ body {
     line-height: 24px; }
   .card .card-text-button, .card-emp .card-text-button {
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #d1b03f;
+    color: rgba(209, 176, 63, var(--text-opacity)); }
   .card .card-label, .card-emp .card-label {
     font-size: 19px;
     line-height: 23px;
@@ -1372,8 +1372,8 @@ body {
     display: block;
     text-align: center;
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity));
+    color: #d1b03f;
+    color: rgba(209, 176, 63, var(--text-opacity));
     margin-top: 16px;
     cursor: pointer; }
 
@@ -1457,8 +1457,8 @@ body {
     line-height: 24px; }
   .employeeCard .card-text-button {
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #d1b03f;
+    color: rgba(209, 176, 63, var(--text-opacity)); }
   .employeeCard .card-label {
     font-size: 19px;
     line-height: 23px;
@@ -1535,8 +1535,8 @@ body {
 .submit-bar, .submit-bar-disabled {
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #d1b03f;
+  background-color: rgba(209, 176, 63, var(--bg-opacity));
   text-align: center;
   width: 100%;
   outline: 2px solid transparent;
@@ -1890,8 +1890,8 @@ body {
     position: relative; }
     .radio-wrap .radio-btn-wrap:hover .radio-btn-checkmark {
       --border-opacity:1;
-      border-color: #a82227;
-      border-color: rgba(168, 34, 39, var(--border-opacity)); }
+      border-color: #d1b03f;
+      border-color: rgba(209, 176, 63, var(--border-opacity)); }
   .radio-wrap .radio-btn {
     opacity: 0;
     position: absolute;
@@ -1918,13 +1918,13 @@ body {
   .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark, .radio-wrap .radio-btn-wrap .checkbox-wrap .input-emp:checked ~ .radio-btn-checkmark, .checkbox-wrap .radio-wrap .radio-btn-wrap .input-emp:checked ~ .radio-btn-checkmark {
     border-width: 1px;
     --border-opacity:1;
-    border-color: #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border-color: #d1b03f;
+    border-color: rgba(209, 176, 63, var(--border-opacity)); }
   .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark:after, .radio-wrap .radio-btn-wrap .checkbox-wrap .input-emp:checked ~ .radio-btn-checkmark:after, .checkbox-wrap .radio-wrap .radio-btn-wrap .input-emp:checked ~ .radio-btn-checkmark:after {
     display: block;
     --bg-opacity:1;
-    background-color: #a82227;
-    background-color: rgba(168, 34, 39, var(--bg-opacity));
+    background-color: #d1b03f;
+    background-color: rgba(209, 176, 63, var(--bg-opacity));
     height: 1.25rem;
     width: 1.25rem;
     border-radius: 9999px;
@@ -2001,8 +2001,8 @@ body {
     width: 100%;
     height: 2.5rem;
     --border-opacity:1;
-    border: 1px solid #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity));
+    border: 1px solid #d1b03f;
+    border-color: rgba(209, 176, 63, var(--border-opacity));
     height: 2 rem !important;
     border: 1px solid #000;
     background-color: #fff; }
@@ -2129,8 +2129,8 @@ body {
     width: 100%;
     height: 2.5rem;
     --border-opacity:1;
-    border: 1px solid #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border: 1px solid #d1b03f;
+    border-color: rgba(209, 176, 63, var(--border-opacity)); }
     .select-wrap .select-active input[type=text], .select-wrap .select-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select-active .input-emp[type=text] {
       width: calc(100% - 32px);
       background-color: initial;
@@ -2632,13 +2632,13 @@ body {
     height: 24px;
     border-radius: 50%;
     --border-opacity:1;
-    border-color: #a82227;
+    border-color: #d1b03f;
     border-bottom: 1px;
-    border-color: rgba(168, 34, 39, var(--border-opacity));
+    border-color: rgba(209, 176, 63, var(--border-opacity));
     border-style: solid;
     --bg-opacity:1;
-    background-color: #a82227;
-    background-color: rgba(168, 34, 39, var(--bg-opacity)); }
+    background-color: #d1b03f;
+    background-color: rgba(209, 176, 63, var(--bg-opacity)); }
   .checkpoint-done header {
     margin-left: 16px; }
     .checkpoint-done header p {
@@ -2741,8 +2741,8 @@ body {
   .checkbox-wrap input:checked ~ .custom-checkbox, .checkbox-wrap .input-emp:checked ~ .custom-checkbox, .checkbox-wrap input:checked ~ .custom-checkbox-emp, .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap input:hover ~ .custom-checkbox, .checkbox-wrap .input-emp:hover ~ .custom-checkbox, .checkbox-wrap input:hover ~ .custom-checkbox-emp, .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp {
     border-width: 1px;
     --border-opacity:1;
-    border-color: #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border-color: #d1b03f;
+    border-color: rgba(209, 176, 63, var(--border-opacity)); }
   .checkbox-wrap input:checked ~ .custom-checkbox img, .checkbox-wrap .input-emp:checked ~ .custom-checkbox img, .checkbox-wrap input:checked ~ .custom-checkbox-emp img, .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp img, .checkbox-wrap input:checked ~ .custom-checkbox svg, .checkbox-wrap .input-emp:checked ~ .custom-checkbox svg, .checkbox-wrap input:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp svg {
     opacity: 1; }
   .checkbox-wrap .label {
@@ -3550,8 +3550,8 @@ body {
   .telephone img, .telephone svg {
     height: 22px;
     width: 20px;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity));
+    color: #d1b03f;
+    color: rgba(209, 176, 63, var(--text-opacity));
     margin-left: 8px;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -3579,8 +3579,8 @@ body {
 
 .action-link {
   --text-opacity:1!important;
-  color: #a82227 !important;
-  color: rgba(168, 34, 39, var(--text-opacity)) !important;
+  color: #d1b03f !important;
+  color: rgba(209, 176, 63, var(--text-opacity)) !important;
   font-size: 16px !important;
   line-height: 24px !important;
   margin-right: 24px !important; }
@@ -3683,8 +3683,8 @@ body {
     -ms-flex-direction: row;
     flex-direction: row;
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #d1b03f;
+    color: rgba(209, 176, 63, var(--text-opacity)); }
     .searchBox .searchAction .searchText {
       margin-left: 8px; }
 
@@ -3906,8 +3906,8 @@ video::-webkit-media-controls-panel {
   padding-left: 8px;
   padding-right: 8px;
   --border-opacity:1;
-  border: 1px solid #a82227;
-  border-color: rgba(168, 34, 39, var(--border-opacity));
+  border: 1px solid #d1b03f;
+  border-color: rgba(209, 176, 63, var(--border-opacity));
   margin: 0 4.65% 0 0;
   height: 30px;
   line-height: 30px; }
@@ -3917,8 +3917,8 @@ video::-webkit-media-controls-panel {
   --text-opacity:1; }
 
 .customBtn-selected {
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #d1b03f;
+  background-color: rgba(209, 176, 63, var(--bg-opacity));
   color: #fff;
   color: rgba(255, 255, 255, var(--text-opacity));
   font-weight: 500; }
@@ -4029,8 +4029,8 @@ video::-webkit-media-controls-panel {
       border-color: rgba(70, 70, 70, var(--border-opacity)); }
       .filters-wrapper .switch-wrapper label:hover {
         --border-opacity:1;
-        border: 1px solid #a82227;
-        border-color: rgba(168, 34, 39, var(--border-opacity)); }
+        border: 1px solid #d1b03f;
+        border-color: rgba(209, 176, 63, var(--border-opacity)); }
 
 .pickerShadow {
   -webkit-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);
@@ -4518,13 +4518,13 @@ video::-webkit-media-controls-panel {
         width: 1.5rem; }
     .multi-select-dropdown-wrap .master:hover, .multi-select-dropdown-wrap .master-active:hover {
       --border-opacity:1;
-      border: 1px solid #a82227;
-      border-color: rgba(168, 34, 39, var(--border-opacity)); }
+      border: 1px solid #d1b03f;
+      border-color: rgba(209, 176, 63, var(--border-opacity)); }
   .multi-select-dropdown-wrap .master-active {
     border-width: 1px;
     --border-opacity:1;
-    border-color: #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border-color: #d1b03f;
+    border-color: rgba(209, 176, 63, var(--border-opacity)); }
     .multi-select-dropdown-wrap .master-active input[type=text], .multi-select-dropdown-wrap .master-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .multi-select-dropdown-wrap .master-active .input-emp[type=text] {
       opacity: 1; }
     .multi-select-dropdown-wrap .master-active .label {
@@ -4575,8 +4575,8 @@ video::-webkit-media-controls-panel {
       .multi-select-dropdown-wrap .server div input:checked ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap input:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div input:checked ~ .custom-checkbox-emp, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp, .multi-select-dropdown-wrap .server div input:hover ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap input:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div input:hover ~ .custom-checkbox-emp, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox-emp {
         border-width: 1px;
         --border-opacity:1;
-        border-color: #a82227;
-        border-color: rgba(168, 34, 39, var(--border-opacity)); }
+        border-color: #d1b03f;
+        border-color: rgba(209, 176, 63, var(--border-opacity)); }
       .multi-select-dropdown-wrap .server div input:checked ~ .custom-checkbox svg, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox svg, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox svg, .multi-select-dropdown-wrap .server div .checkbox-wrap input:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-select-dropdown-wrap .server div input:checked ~ .custom-checkbox-emp svg, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp svg {
         opacity: 1; }
 
@@ -4639,8 +4639,8 @@ video::-webkit-media-controls-panel {
     font-size: 16px;
     line-height: 24px;
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity));
+    color: #d1b03f;
+    color: rgba(209, 176, 63, var(--text-opacity));
     color: #d2b03a !important; }
     .CitizenHomeCard .links a {
       display: inline-block;
@@ -4782,8 +4782,8 @@ video::-webkit-media-controls-panel {
         font-size: 16px;
         line-height: 24px;
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #d1b03f;
+        color: rgba(209, 176, 63, var(--text-opacity));
         width: 25%;
         display: inline-block; }
   .search-form-wrapper .submit {
@@ -4801,8 +4801,8 @@ video::-webkit-media-controls-panel {
       font-size: 16px;
       line-height: 24px;
       --text-opacity:1;
-      color: #a82227;
-      color: rgba(168, 34, 39, var(--text-opacity));
+      color: #d1b03f;
+      color: rgba(209, 176, 63, var(--text-opacity));
       width: 100%;
       display: inline-block; }
   .search-form-wrapper .pt-property-search {
@@ -4999,8 +4999,8 @@ video::-webkit-media-controls-panel {
       line-height: 24px;
       --text-opacity:1; }
     .CardBasedOptions .headContent p {
-      color: #a82227;
-      color: rgba(168, 34, 39, var(--text-opacity));
+      color: #d1b03f;
+      color: rgba(209, 176, 63, var(--text-opacity));
       font-weight: 500;
       cursor: pointer; }
   .CardBasedOptions .mainContent {
@@ -5085,10 +5085,10 @@ video::-webkit-media-controls-panel {
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   --border-opacity:1;
-  border-color: #a82227;
+  border-color: #d1b03f;
   border-left: 4px;
   border-style: solid;
-  border-color: rgba(168, 34, 39, var(--border-opacity));
+  border-color: rgba(209, 176, 63, var(--border-opacity));
   padding: 8px; }
   .WhatsNewCard h2 {
     font-size: 16px;
@@ -5108,8 +5108,8 @@ video::-webkit-media-controls-panel {
     margin-bottom: 8px; }
   .WhatsNewCard a {
     display: block;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #d1b03f;
+    color: rgba(209, 176, 63, var(--text-opacity)); }
 
 .SearchOnRadioButton svg {
   fill: #505a5f;
@@ -5121,8 +5121,8 @@ video::-webkit-media-controls-panel {
 
 .EventCalendarView .MonthViewInEventCalendar {
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #d1b03f;
+  background-color: rgba(209, 176, 63, var(--bg-opacity));
   font-size: 19px;
   line-height: 23px;
   --text-opacity:1;
@@ -5141,8 +5141,8 @@ video::-webkit-media-controls-panel {
   line-height: 32px;
   font-weight: 700;
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #d1b03f;
+  color: rgba(209, 176, 63, var(--text-opacity));
   text-align: center;
   padding-top: 16px;
   padding-bottom: 16px; }
@@ -6702,8 +6702,8 @@ video::-webkit-media-controls-panel {
       width: 56px;
       height: 56px;
       --bg-opacity:1;
-      background-color: #a82227;
-      background-color: rgba(168, 34, 39, var(--bg-opacity));
+      background-color: #d1b03f;
+      background-color: rgba(209, 176, 63, var(--bg-opacity));
       padding: 12px;
       border-radius: 4px; }
       .complaint-links-container .header .logo svg {
@@ -6730,8 +6730,8 @@ video::-webkit-media-controls-panel {
     .complaint-links-container .body .link {
       padding: 8px;
       --text-opacity:1;
-      color: #a82227;
-      color: rgba(168, 34, 39, var(--text-opacity));
+      color: #d1b03f;
+      color: rgba(209, 176, 63, var(--text-opacity));
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
@@ -6750,8 +6750,8 @@ video::-webkit-media-controls-panel {
       width: 2rem;
       height: 2rem;
       --bg-opacity:1;
-      background-color: #a82227;
-      background-color: rgba(168, 34, 39, var(--bg-opacity));
+      background-color: #d1b03f;
+      background-color: rgba(209, 176, 63, var(--bg-opacity));
       border-radius: 9999px;
       margin-left: 4px;
       background-color: #a82227 !important; }
@@ -6785,8 +6785,8 @@ video::-webkit-media-controls-panel {
 
 .filter-button {
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity)); }
+  color: #d1b03f;
+  color: rgba(209, 176, 63, var(--text-opacity)); }
   .filter-button:hover {
     --text-opacity:1;
     color: #c8602b;
@@ -6915,8 +6915,8 @@ video::-webkit-media-controls-panel {
       flex-direction: column; }
       .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #d1b03f;
+        color: rgba(209, 176, 63, var(--text-opacity));
         display: none; }
         .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
           color: #003078;
@@ -6927,16 +6927,16 @@ video::-webkit-media-controls-panel {
 
 .clear-search, .clear-search .link-label {
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #d1b03f;
+  color: rgba(209, 176, 63, var(--text-opacity));
   display: block;
   cursor: pointer; }
   .clear-search:hover, .clear-search .link-label:hover {
     color: #000; }
 
 .button-clear {
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity)); }
+  color: #d1b03f;
+  color: rgba(209, 176, 63, var(--text-opacity)); }
 
 .button-clear, .inbox-count {
   --text-opacity:1;
@@ -6948,8 +6948,8 @@ video::-webkit-media-controls-panel {
   margin-left: 8px;
   padding: 8px;
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #d1b03f;
+  background-color: rgba(209, 176, 63, var(--bg-opacity));
   border-radius: 9999px;
   color: #fff;
   color: rgba(255, 255, 255, var(--text-opacity));
@@ -6975,8 +6975,8 @@ video::-webkit-media-controls-panel {
       border-color: rgba(214, 213, 212, var(--border-opacity)); }
       .complaint-links-container .header .logo {
         --bg-opacity:1;
-        background-color: #a82227;
-        background-color: rgba(168, 34, 39, var(--bg-opacity));
+        background-color: #d1b03f;
+        background-color: rgba(209, 176, 63, var(--bg-opacity));
         padding: 12px;
         border-radius: 4px; }
       .complaint-links-container .header .text {
@@ -7001,8 +7001,8 @@ video::-webkit-media-controls-panel {
         color: #a82227 !important;
         padding: 8px;
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity)); }
+        color: #d1b03f;
+        color: rgba(209, 176, 63, var(--text-opacity)); }
   .inboxLinks {
     margin: 0 !important;
     padding: 0 !important; }
@@ -7128,8 +7128,8 @@ video::-webkit-media-controls-panel {
             flex-direction: column; }
             .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
               --text-opacity:1;
-              color: #a82227;
-              color: rgba(168, 34, 39, var(--text-opacity));
+              color: #d1b03f;
+              color: rgba(209, 176, 63, var(--text-opacity));
               display: block;
               cursor: pointer; }
               .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
@@ -7871,8 +7871,8 @@ body {
         line-height: 24px;
         --text-opacity:1; }
       .HomePageWrapper .WhatsNewSection .headSection p {
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #d1b03f;
+        color: rgba(209, 176, 63, var(--text-opacity));
         font-weight: 500;
         cursor: pointer; }
     @media (min-width: 780px) {
@@ -7882,7 +7882,6 @@ body {
         padding-right: 15px;
         padding-top: 0; } }
   .HomePageWrapper .WhatsAppBanner {
-    padding: 0 20px;
     margin: auto;
     cursor: pointer;
     clear: both; }
@@ -8010,8 +8009,8 @@ body {
         margin-bottom: 8px; }
       .eventAddressAndDirection span div .direction {
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #d1b03f;
+        color: rgba(209, 176, 63, var(--text-opacity));
         cursor: pointer; }
 
 .eventTimeRange {
@@ -9631,6 +9630,8 @@ body {
 .bmc-modal .popup-module {
   width: 650px;
   text-align: center;
+  -ms-flex-line-pack: center;
+  align-content: center;
   padding-bottom: 1rem;
   border-radius: 10px;
   --bg-opacity:1;
@@ -9767,6 +9768,194 @@ body {
   width: 100%;
   height: auto; }
 
+@media screen and (max-width: 768px) {
+  .multi-column-dropdown-wrap .server {
+    max-width: 200px;
+    overflow: scroll; } }
+
+.bmc-modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  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;
+  z-index: 9999; }
+
+.bmc-modal-content {
+  background: #fff;
+  width: 90%;
+  max-width: 500px;
+  border-radius: 10px;
+  padding: 16px;
+  position: relative;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.bmc-modal-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-size: 18px;
+  padding-bottom: 16px; }
+
+.bmc-modal-title {
+  font-size: 18px;
+  font-weight: 700; }
+
+.close-btn {
+  cursor: pointer;
+  background-color: #ccc;
+  padding: 10px;
+  border-radius: 8px; }
+
+.bmc-modal-body {
+  padding-bottom: 16px; }
+
+.bmc-modal-footer {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  grid-gap: 10px;
+  gap: 10px;
+  margin-top: 16px; }
+
+@media screen and (max-width: 600px) {
+  .bmc-modal-content {
+    width: 95%;
+    max-width: none;
+    padding: 10px; }
+  .bmc-modal-header {
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start; }
+  .bmc-modal-title {
+    font-size: 16px;
+    margin-bottom: 10px; }
+  .bmc-modal-footer {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: 8px;
+    gap: 8px; }
+  .close-btn {
+    padding: 8px; } }
+
+@media screen and (min-width: 601px) and (max-width: 1024px) {
+  .bmc-modal-content {
+    width: 80%;
+    padding: 14px; }
+  .bmc-modal-header {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+  .bmc-modal-footer {
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between; } }
+
+@media screen and (min-width: 1025px) {
+  .bmc-modal-content {
+    width: 50%;
+    padding: 20px; } }
+
+.bmc-pagination2 {
+  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;
+  grid-gap: 1rem;
+  gap: 1rem;
+  margin-top: 1rem;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 0 1rem; }
+
+.bmc-pagination2-button {
+  padding: .5rem 1rem;
+  font-size: 1rem;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  background-color: #f4f4f4;
+  cursor: pointer;
+  -webkit-transition: background-color .3s;
+  transition: background-color .3s; }
+
+.bmc-pagination2-button.disabled {
+  opacity: .5;
+  cursor: not-allowed; }
+
+.bmc-pagination2-info {
+  font-size: 1rem; }
+
+@media (max-width: 768px) {
+  .bmc-pagination2 {
+    grid-gap: .5rem;
+    gap: .5rem; }
+  .bmc-pagination2-button {
+    padding: .5rem;
+    font-size: .9rem; }
+  .bmc-pagination2-info {
+    font-size: .9rem; } }
+
+@media (max-width: 480px) {
+  .bmc-pagination2 {
+    grid-gap: .25rem;
+    gap: .25rem; }
+  .bmc-pagination2-button {
+    padding: .4rem .8rem;
+    font-size: .8rem; }
+  .bmc-pagination2-info {
+    font-size: .8rem; } }
+
+.WhatsAppBanner img {
+  width: 100%; }
+
+@media (max-width: 320px) {
+  .WhatsAppBanner img {
+    content: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/banner2forsmallscreen.png); } }
+
+@media (max-width: 576px) {
+  .WhatsAppBanner img {
+    content: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/banner2forsmallscreen.png); } }
+
+@media (max-width: 650px) {
+  .WhatsAppBanner img {
+    content: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/banner2forsmallscreen.png); } }
+
+@media (max-width: 768px) {
+  .WhatsAppBanner img {
+    content: url(https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/banner2forsmallscreen.png); } }
+
 @media (max-width: 768px) {
   .deonar-security {
     display: -webkit-box;