Merge pull request 'Fix Offer Page Design' (#93) from feb06vicky into main

Reviewed-on: Pozomind/pozo-retail-app#93
This commit is contained in:
karthikalakshmi 2026-02-06 15:44:27 +05:30
commit b0bd77cfe9
4 changed files with 1633 additions and 1211 deletions

View File

@ -8,6 +8,12 @@
padding-bottom: 5rem !important; padding-bottom: 5rem !important;
border-radius: 12px; border-radius: 12px;
height: 85vh; height: 85vh;
.ant-table-thead .ant-table-cell {
background-color: #2c88ee !important;
&:hover {
background-color: #2c88ee !important;
}
}
@media (max-width: 768px) { @media (max-width: 768px) {
margin: 10px 0 0 0; margin: 10px 0 0 0;
@ -60,7 +66,7 @@
font-size: 13px; font-size: 13px;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
@media (max-width: 600px) { @media (max-width: 600px) {
padding: 8px 12px; padding: 8px 12px;
@ -104,7 +110,7 @@
font-size: 24px; font-size: 24px;
font-weight: 500; font-weight: 500;
color: #000000; color: #000000;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
line-height: 1.2; line-height: 1.2;
letter-spacing: -0.5px; letter-spacing: -0.5px;
} }
@ -114,7 +120,7 @@
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #6c6c6c; color: #6c6c6c;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
line-height: 1.4; line-height: 1.4;
letter-spacing: -0.5px; letter-spacing: -0.5px;
margin-top: 2px; margin-top: 2px;
@ -177,14 +183,14 @@
font-weight: 500; font-weight: 500;
color: #6c6c6c; // Gray text for inactive state color: #6c6c6c; // Gray text for inactive state
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
@ -209,14 +215,14 @@
font-size: 20px; font-size: 20px;
font-weight: 600; font-weight: 600;
color: #1f2937; color: #1f2937;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
p { p {
// margin: 0 0 16px 0; // margin: 0 0 16px 0;
font-size: 13px; font-size: 13px;
color: #000000; color: #000000;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
line-height: 1.5; line-height: 1.5;
} }
@ -228,14 +234,14 @@
font-size: 14px; font-size: 14px;
color: #6c6c6c; color: #6c6c6c;
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
line-height: 1.6; line-height: 1.6;
margin-bottom: 8px; margin-bottom: 8px;
@ -291,7 +297,7 @@
padding: 4px 4px !important; padding: 4px 4px !important;
font-size: 12.5px; font-size: 12.5px;
font-weight: 500; font-weight: 500;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.ant-select { .ant-select {
@ -327,7 +333,7 @@
border: none; border: none;
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
transition: all 0.2s ease; transition: all 0.2s ease;
flex-shrink: 0; flex-shrink: 0;
font-size: 24px; font-size: 24px;
@ -365,7 +371,7 @@
font-size: 13px; font-size: 13px;
letter-spacing: -0.3px; letter-spacing: -0.3px;
color: #000000; color: #000000;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
} }
@ -379,14 +385,14 @@
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
&:hover { &:hover {
@ -401,7 +407,7 @@
border-radius: 6px; border-radius: 6px;
font-size: 14px; font-size: 14px;
color: #374151; color: #374151;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
width: 190px; width: 190px;
&:focus { &:focus {
@ -436,7 +442,7 @@
background-color: #2563ea !important; background-color: #2563ea !important;
height: 42px !important; height: 42px !important;
padding: 10px !important; padding: 10px !important;
font-family: 'Poppins', sans-serif !important; font-family: "Poppins", sans-serif !important;
} }
button:nth-child(1) { button:nth-child(1) {
@ -455,7 +461,7 @@
cursor: pointer; cursor: pointer;
border-radius: 8px; border-radius: 8px;
font-size: 14px; font-size: 14px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
@ -476,10 +482,13 @@
width: max-content; width: max-content;
.offercount { .offercount {
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 14px; font-size: 14px;
color: #878787; color: #878787;
} }
.ant-input {
padding: 2px 14px 6px 11px !important;
}
} }
// Table Styles // Table Styles
@ -487,8 +496,6 @@
margin-top: 10px; margin-top: 10px;
grid-column: 1 / -1; grid-column: 1 / -1;
background-color: #fff; background-color: #fff;
border: 1px solid #bbbbbb80;
padding: 10px 10px;
border-radius: 10px; border-radius: 10px;
width: 100%; width: 100%;
.ant-table-thead { .ant-table-thead {
@ -512,7 +519,7 @@
cursor: pointer; cursor: pointer;
font-size: 11px; font-size: 11px;
font-weight: 400; font-weight: 400;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
transition: all 0.2s ease; transition: all 0.2s ease;
&:hover { &:hover {
@ -583,14 +590,14 @@
color: #374151; color: #374151;
border-bottom: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0;
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
} }
@ -600,14 +607,14 @@
color: #374151; color: #374151;
border-bottom: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0;
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
} }
@ -709,7 +716,7 @@
border: 1px solid #565656 !important; border: 1px solid #565656 !important;
border-radius: 8px; border-radius: 8px;
font-size: 13px; font-size: 13px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
&:focus { &:focus {
outline: none; outline: none;
@ -731,7 +738,7 @@
border: 1px solid #565656 !important; border: 1px solid #565656 !important;
border-radius: 8px; border-radius: 8px;
font-size: 13px; font-size: 13px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
&:focus { &:focus {
outline: none; outline: none;
@ -752,7 +759,7 @@
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 13px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
svg { svg {
width: 16px; width: 16px;
@ -777,7 +784,7 @@
border-radius: 10px; border-radius: 10px;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
.chip-remove { .chip-remove {
background: none; background: none;
@ -801,7 +808,7 @@
color: #6b7280; color: #6b7280;
margin-top: 6px; margin-top: 6px;
margin-bottom: 0; margin-bottom: 0;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.modal-button-group { .modal-button-group {
@ -818,7 +825,7 @@
color: #6b7280; color: #6b7280;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.modal-submit-button { .modal-submit-button {
@ -829,7 +836,7 @@
font-size: 13px; font-size: 13px;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.modal-title { .modal-title {
@ -838,7 +845,7 @@
color: #1f2937; color: #1f2937;
margin: 0 0 8px 0; margin: 0 0 8px 0;
-webkit-text-stroke-width: 0.1px; -webkit-text-stroke-width: 0.1px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.modal-label { .modal-label {
@ -847,7 +854,7 @@
font-weight: 500; font-weight: 500;
color: #374151; color: #374151;
margin-bottom: 8px; margin-bottom: 8px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.modal-input-row { .modal-input-row {
@ -887,7 +894,7 @@
font-weight: 500; font-weight: 500;
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.radio-options { .radio-options {
@ -906,14 +913,14 @@
gap: 10px; gap: 10px;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
background-color: #2563ea1a; background-color: #2563ea1a;
border: 1px solid #2563ea40; border: 1px solid #2563ea40;
padding: 4px 8px; padding: 4px 8px;
border-radius: 6px; border-radius: 6px;
color: #000000; color: #000000;
font-weight: 400; font-weight: 400;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
// -webkit-text-stroke-width: 0.2px; // -webkit-text-stroke-width: 0.2px;
} }
@ -930,10 +937,10 @@
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
color: #374151; color: #374151;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.radio-option input[type='radio'] { .radio-option input[type="radio"] {
width: 16px; width: 16px;
height: 16px; height: 16px;
accent-color: #2563ea; accent-color: #2563ea;
@ -948,7 +955,7 @@
font-weight: 500; font-weight: 500;
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
// Days Section Styles // Days Section Styles
@ -966,14 +973,14 @@
font-weight: 500; font-weight: 500;
color: #374151; color: #374151;
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
} }
@ -987,14 +994,14 @@
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
&:hover { &:hover {
@ -1024,17 +1031,17 @@
font-size: 14px; font-size: 14px;
color: #374151; color: #374151;
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
input[type='checkbox'] { input[type="checkbox"] {
width: 16px; width: 16px;
height: 16px; height: 16px;
accent-color: #3b82f6; accent-color: #3b82f6;
@ -1056,14 +1063,14 @@
font-size: 12px; font-size: 12px;
color: #6b7280; color: #6b7280;
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
} }
} }
@ -1076,14 +1083,14 @@
color: #374151; color: #374151;
background: #ffffff; background: #ffffff;
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
&:focus { &:focus {
@ -1101,14 +1108,14 @@
font-weight: 500; font-weight: 500;
color: #2563ea; color: #2563ea;
font-family: font-family:
'Poppins', "Poppins",
-apple-system, -apple-system,
BlinkMacSystemFont, BlinkMacSystemFont,
'Segoe UI', "Segoe UI",
'Roboto', "Roboto",
'Oxygen', "Oxygen",
'Ubuntu', "Ubuntu",
'Cantarell', "Cantarell",
sans-serif; sans-serif;
margin-top: 8px; margin-top: 8px;
} }
@ -1116,11 +1123,11 @@
.days-selected { .days-selected {
font-size: 14px; font-size: 14px;
color: #6b7280; color: #6b7280;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
background-color: rgba(37, 99, 234, 0.1019607843); background-color: rgba(37, 99, 234, 0.1019607843);
padding: 8px 8px; padding: 8px 8px;
color: #2563ea; color: #2563ea;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
border-radius: 8px; border-radius: 8px;
line-height: 1.5; line-height: 1.5;
border: rgba(37, 99, 234, 0.4431372549) 1px solid; border: rgba(37, 99, 234, 0.4431372549) 1px solid;
@ -1157,7 +1164,7 @@
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
-webkit-text-stroke-width: 0.2px; -webkit-text-stroke-width: 0.2px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
position: relative; position: relative;
bottom: 6px; bottom: 6px;
} }
@ -1173,7 +1180,7 @@
background: rgba(37, 99, 234, 0.1019607843); background: rgba(37, 99, 234, 0.1019607843);
border: rgba(37, 99, 234, 0.4431372549) 1px solid; border: rgba(37, 99, 234, 0.4431372549) 1px solid;
border-radius: 6px; border-radius: 6px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.applied-label { .applied-label {
@ -1265,7 +1272,7 @@
color: #000000; color: #000000;
-webkit-text-stroke-width: 0.2px; -webkit-text-stroke-width: 0.2px;
margin-bottom: 0; margin-bottom: 0;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 4px; gap: 4px;
@ -1294,7 +1301,7 @@
padding: 4px 4px !important; padding: 4px 4px !important;
font-size: 12.5px; font-size: 12.5px;
font-weight: 500; font-weight: 500;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
} }
@ -1302,7 +1309,7 @@
font-size: 14px; font-size: 14px;
color: #6b7280; color: #6b7280;
margin: 0; margin: 0;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.mapping-label { .mapping-label {
@ -1310,7 +1317,7 @@
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
color: #374151; color: #374151;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.product-list { .product-list {
@ -1327,7 +1334,7 @@
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 14px;
color: #374151; color: #374151;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -1386,7 +1393,7 @@
font-weight: 400; font-weight: 400;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
&:hover { &:hover {
background: #1d4ed8; background: #1d4ed8;
@ -1431,7 +1438,7 @@
background: #f3f4f6; background: #f3f4f6;
padding: 2px 8px; padding: 2px 8px;
border-radius: 12px; border-radius: 12px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.OfferBreadcrumbs { .OfferBreadcrumbs {
@ -1450,7 +1457,7 @@
gap: 2px; gap: 2px;
font-size: 10px; font-size: 10px;
font-weight: 400; font-weight: 400;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
cursor: pointer; cursor: pointer;
color: #676767; color: #676767;
@ -1480,7 +1487,7 @@
font-weight: 400; font-weight: 400;
// -webkit-text-stroke-width: 0.1px; // -webkit-text-stroke-width: 0.1px;
transition: all 0.2s ease; transition: all 0.2s ease;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
&.active { &.active {
background: #2563ea; background: #2563ea;
@ -1539,7 +1546,7 @@
color: #1e1e1e; color: #1e1e1e;
margin: 17px 6px; margin: 17px 6px;
font-weight: 500; font-weight: 500;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
-webkit-text-stroke-width: 0.1px; -webkit-text-stroke-width: 0.1px;
} }
@ -1645,7 +1652,7 @@
cursor: pointer; cursor: pointer;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
} }
@ -1665,7 +1672,7 @@
border-radius: 6px; border-radius: 6px;
transition: all 0.2s ease; transition: all 0.2s ease;
input[type='checkbox'] { input[type="checkbox"] {
width: 16px; width: 16px;
height: 16px; height: 16px;
accent-color: #2563ea; accent-color: #2563ea;
@ -1695,7 +1702,7 @@
font-size: 12px; font-size: 12px;
-webkit-text-stroke-width: 0.1px; -webkit-text-stroke-width: 0.1px;
font-weight: 500; font-weight: 500;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.edit-days-button { .edit-days-button {
@ -1724,7 +1731,7 @@
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
-webkit-text-stroke-width: 0.2px; -webkit-text-stroke-width: 0.2px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
position: relative; position: relative;
bottom: 6px; bottom: 6px;
} }
@ -1739,7 +1746,7 @@
gap: 8px; gap: 8px;
cursor: pointer; cursor: pointer;
input[type='radio'] { input[type="radio"] {
width: 16px; width: 16px;
height: 16px; height: 16px;
accent-color: #2563ea; accent-color: #2563ea;
@ -1749,7 +1756,7 @@
font-size: 12px; font-size: 12px;
color: #000000; color: #000000;
font-weight: 500; font-weight: 500;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
} }
} }
@ -1773,11 +1780,11 @@
.date-picker { .date-picker {
width: 100%; width: 100%;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
.ant-picker-input { .ant-picker-input {
font-size: 14px; font-size: 14px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
&:focus { &:focus {
outline: none; outline: none;
@ -1792,11 +1799,11 @@
// Override Ant Design default styles // Override Ant Design default styles
.ant-picker { .ant-picker {
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.ant-picker-input > input { .ant-picker-input > input {
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
} }
} }

View File

@ -484,8 +484,6 @@
margin-top: 10px; margin-top: 10px;
grid-column: 1 / -1; grid-column: 1 / -1;
background-color: #fff; background-color: #fff;
border: 1px solid #bbbbbb80;
padding: 10px 10px;
border-radius: 10px; border-radius: 10px;
width: 100%; width: 100%;
.ant-table-thead { .ant-table-thead {

File diff suppressed because it is too large Load Diff

View File

@ -200,7 +200,7 @@
// width: 550px; // width: 550px;
} }
.content-section { .contentsection {
h2 { h2 {
margin: 0 0 16px 0; margin: 0 0 16px 0;
font-size: 20px; font-size: 20px;
@ -484,8 +484,6 @@
margin-top: 10px; margin-top: 10px;
grid-column: 1 / -1; grid-column: 1 / -1;
background-color: #fff; background-color: #fff;
border: 1px solid #bbbbbb80;
padding: 10px 10px;
border-radius: 10px; border-radius: 10px;
width: 100%; width: 100%;
@ -1578,7 +1576,6 @@
/* elegant dark gray text */ /* elegant dark gray text */
transition: all 0.25s ease; transition: all 0.25s ease;
/* smooth hover effect */ /* smooth hover effect */
} }
// Limit Usage section // Limit Usage section