.home-page{.section-one{position:relative;display:flex;gap:8px;padding:18px 38px;border-top-left-radius:56px;border-top-right-radius:56px;background:linear-gradient(354.05deg,#fff 50.14%,#579fe8 331.92%);flex-grow:1;background-color:#fff;margin-top:122px;.frame-one{display:flex;flex:1;gap:22px;flex-direction:column;margin-top:200px;position:relative;width:100%;.content{position:absolute;top:-292px;left:0;right:0;margin:0 auto;height:150px;max-width:1200px;border-radius:20px;background:url(/assets/Home-new-banner.png);background-repeat:no-repeat;background-size:contain;background-position:50%;z-index:1}.recent-transaction{display:flex;flex-direction:column;gap:8px;margin-top:-100px;.heading{font-weight:500;font-size:1rem;line-height:100%;letter-spacing:0;color:#124481}.transactions-content{display:grid;-moz-column-gap:16px;column-gap:16px;grid-template-columns:repeat(4,1fr);.transaction-card{border-radius:12px;gap:4px;padding:8px 16px 8px 8px;border-bottom-width:1px;background:#fff;display:flex;.cards-content{display:flex;flex:1!important;justify-content:space-between;.grade-content{display:flex;gap:5px;.grade-info{display:flex;flex-direction:column;.manufacturer{font-weight:500;font-size:14px;line-height:150%;vertical-align:middle;color:#2f4174}.grade-name{vertical-align:middle;color:#6c757d}.grade-name,.location{font-weight:400;font-size:12px;line-height:150%}.location{display:flex;align-items:center;border-radius:4px;gap:2px;padding-top:2px;padding-bottom:2px}}}}.amount-content{font-weight:600;font-size:20px;line-height:100%;vertical-align:middle;color:#198754;display:flex;flex-direction:column;align-items:end;justify-content:center;.rate-unit{font-size:10px;letter-spacing:0}.quantity,.rate-unit{font-weight:400;line-height:150%;color:#6c757d}.quantity{font-size:12px}}}}}.offers-demands{display:flex;gap:22px;.trending-offers{flex:1;display:flex;flex-direction:column;border-radius:8px;gap:10px;padding:16px 12px 10px;background:#fff;box-shadow:0 4px 4px 0 #ededed;.view-all-button{max-width:-moz-fit-content!important;max-width:fit-content!important;margin-left:auto!important;margin-top:auto!important;padding:2px 10px!important;font-size:.875rem!important;border:0!important;color:var(--bs-primary)!important}.header,.view-all-button{display:flex;align-items:center;gap:8px}.header{padding-right:6px;padding-left:6px;.heading{flex:1;color:#124481;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0}}}.popular-demands{flex:1}}}}th{background-color:#eef7ff!important;color:#123cba!important;vertical-align:middle;font-weight:400!important;padding:8px}th:first-child{padding-left:16px}th .sub-heading{color:var(--bs-gray-600)}table thead{border-radius:6px;margin-bottom:8px}tbody{display:block;border-bottom:none!important}tbody tr{margin-bottom:8px}tbody td{font-size:.875rem;font-weight:500;padding:0 8px}tbody tr .row-div{display:flex;width:100%;border-radius:6px;align-items:center;padding-left:0;padding-right:0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #dee2e6;cursor:pointer;-ms-overflow-style:none}tbody tr .row-div::-webkit-scrollbar{display:none}.header-grade-name-and-description{display:flex;flex-direction:column;text-align:left!important}.header-grade-name-and-description .header-grade-name{font-size:16px;font-weight:400;color:#123cba!important}.header-grade-name-and-description .header-description{font-size:14px;font-weight:400;color:var(--bs-custom-secondary)}.accessor-manufacturer-name-and-description{display:flex;flex-direction:column}.accessor-manufacturer-name-and-description .accessor-manufacturer-name{font-weight:400;font-size:14px;color:#6c757d}.accessor-manufacturer-name-and-description .accessor-grade-name{font-weight:500;font-size:14px;color:#0e2a70;display:flex;gap:4px;align-items:center}.accessor-manufacturer-name-and-description .accessor-grade-name .favorite{color:var(--bs-yellow-200)}.location{display:flex;align-items:center;gap:2px}.location .location-text{color:#0e2a70;padding:4px;font-weight:500;font-size:14px;border-radius:4px}.location .location-favorite-icon{color:var(--bs-yellow-200)}.rate_section.unlocked{display:flex;align-items:center;color:var(--bs-base-green-300);font-weight:600;justify-content:end;transition:filter .3s ease}.rate_section.locked{filter:blur(3px)}.rate_section .rate_unit{color:var(--bs-child_gray_600);font-weight:400!important;text-transform:lowercase}.rate_section svg{color:var(--bs-base-green-300);filter:blur(0)}.lock-icon{color:#000!important;filter:blur(0)}.ring-container{position:relative;display:flex;justify-content:center;align-items:center;height:10px;width:10px}.circle{width:5px;height:5px;border-radius:50%;position:absolute}.ringring{border:3px solid var(--bs-child-green-300);border-radius:50%;height:10px;width:10px;position:absolute;animation:pulsate 1s ease-out infinite;opacity:0}.position-relative{position:relative}.position-absolute{position:absolute}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.gap-custom-8{gap:8px}.col-3{width:25%}.text-capitalize{text-transform:capitalize}.text-neutral_800{color:var(--bs-neutral_800)}.fw-medium{font-weight:500}.text-custom-xs{font-size:.75rem}.rounded-custom-48{border-radius:48px}.p-custom-8{padding:8px}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}.loading-container{min-height:200px}.loading-card{display:flex;align-items:center;justify-content:center;min-height:70px;background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading-pulse 1.5s infinite;border-radius:12px}.no-data-message{grid-column:span 4;text-align:center;padding:20px;color:var(--bs-gray-600);font-style:italic}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}}.skeleton-container{width:100%;padding:16px 0}.skeleton-header{margin-bottom:16px}.skeleton-body{display:flex;flex-direction:column;gap:20px}.skeleton-row{display:flex;gap:16px;align-items:center}.skeleton-cell{height:24px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-transaction{background-color:#fff}.skeleton-avatar{width:52px;height:52px;border-radius:8px}.skeleton-avatar,.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{border-radius:4px}.skeleton-manufacturer{width:80px;height:14px;margin-bottom:8px}.skeleton-grade{width:120px;height:12px;margin-bottom:8px}.skeleton-location{width:140px;height:12px}.skeleton-amount{width:70px;height:18px;margin-bottom:4px}.skeleton-quantity{width:50px;height:12px;margin-left:auto}.trending-offers-table{width:100%;border-collapse:collapse;font-size:14px}.trending-offers-table thead th{padding:8px;text-align:left;color:#6c757d;font-weight:500;border-bottom:1px solid #e9ecef}.trending-offers-table tbody tr{border-bottom:1px solid #e9ecef}.trending-offers-table td{padding:12px 8px;vertical-align:middle}.grade-cell{display:flex;align-items:center;gap:10px}.grade-logo-container{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.grade-logo{width:100%;height:100%;border-radius:50%}.grade-logo.borouge{background-color:#f8d7da}.grade-logo.haldia{background-color:#fff3cd}.grade-logo.lotrene{background-color:#d1ecf1}.grade-info{display:flex;flex-direction:column}.grade-name{font-weight:500;color:#124481}.grade-spec{font-size:12px;color:#6c757d}.validity-badge{background-color:#e9f0ff;border-radius:4px;padding:2px 8px;display:inline-block;color:#124481;font-size:12px}.rate-cell{display:flex;align-items:center;justify-content:space-between}.rate{color:#198754;font-weight:500}.lock-icon{color:#6c757d;font-size:12px}.promotional-cards{display:flex;gap:20px;margin-top:30px}.promo-card{position:relative;height:180px;border-radius:16px;color:#fff;background-repeat:no-repeat;background-size:100%;background-position:50%;flex:1}.international-card{background-image:url("/assets/Small banner 1.svg")}.bidding-card{background-image:url(/assets/home-bidding-card.svg)}.home-page-validity{display:inline-flex;height:22px;border-radius:48px;padding:2px 12px;gap:2px;background-color:#e6eeff;.mfi{font-weight:400;font-size:12px;line-height:150%;letter-spacing:0;color:#384461}}.rate_section_placeholder{display:flex;align-items:center;color:var(--bs-gray-600);font-weight:600;justify-content:end;transition:filter .3s ease;filter:blur(3px)}.offer-tab-small{border-bottom:none}.offer-tab-small .nav-link{padding:4px 12px;font-size:.85rem;color:#666;border:none;border-radius:4px}.offer-tab-small .nav-link.active{background-color:#447aee;color:#fff!important;font-weight:500}.home-page .notifier-class{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 16px;border:1px dashed var(--bs-blue-200);border-radius:8px;.content-home{display:flex;align-items:center;gap:16px;flex-direction:column;.no-offer-demand-title{font-weight:500;font-size:1rem;line-height:150%;letter-spacing:0;color:var(--bs-neutral-900)}.inbox-icon{width:32px;height:20px;color:var(--bs-primary)}.create-demand{display:flex;gap:4px;color:var(--bs-primary);align-items:center;font-size:1rem;font-weight:400;&:hover{text-decoration:underline!important}}.para{font-size:.875rem;color:#8b96b5;font-weight:400}}}