/* Start custom CSS for shortcode, class: .elementor-element-5a828715 */.hostbee.hostbee-dp { --hostbee-accent: #0CBB7B; --hostbee-ink: #0B1A14; --hostbee-muted: #6B7470; --hostbee-line: #EEF2F0; --hostbee-soft: #F3F6F4; font-family: Inter, sans-serif !important; }
.hostbee-dp .hostbee-dp-highlights { gap: 16px !important; margin-bottom: 24px !important; }
.hostbee-dp .hostbee-dp-highlight { background: #F3F6F4 !important; border: 0 !important; border-radius: 20px !important; padding: 24px !important; transition: background .2s; }
.hostbee-dp .hostbee-dp-highlight:hover { background: #DDF2E7 !important; }
.hostbee-dp .hostbee-dp-hl-tld { font-family: Lufga, sans-serif !important; font-weight: 500 !important; font-size: 30px !important; color: #0B1A14 !important; letter-spacing: -0.01em; }
.hostbee-dp .hostbee-dp-hl-label { font-family: Lufga, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; color: #6B7470 !important; letter-spacing: 0.04em; }
.hostbee-dp .hostbee-dp-hl-price { font-family: Lufga, sans-serif !important; font-weight: 500 !important; font-size: 26px !important; color: #0A8F5E !important; }
.hostbee-dp .hostbee-dp-hl-price span { font-family: Inter, sans-serif !important; font-size: 14px !important; color: #6B7470 !important; font-weight: 400 !important; }
.hostbee-dp .hostbee-dp-hl-renew { font-size: 13px !important; color: #6B7470 !important; }
.hostbee-dp .hostbee-dp-card { border: 0 !important; border-radius: 24px !important; box-shadow: 0 24px 60px rgba(11, 26, 20, 0.07) !important; overflow: hidden; }
.hostbee-dp .hostbee-dp-toolbar { padding: 20px 24px !important; gap: 16px !important; border-bottom: 1px solid #EEF2F0 !important; }
.hostbee-dp .hostbee-dp-tab { font-family: Lufga, sans-serif !important; font-weight: 500 !important; font-size: 14px !important; border: 0 !important; border-radius: 999px !important; padding: 9px 16px !important; box-shadow: none !important; transition: background .2s, color .2s; }
.hostbee.hostbee-dp button.hostbee-dp-tab { background: #F3F6F4 !important; color: #1D1D1D !important; }
.hostbee.hostbee-dp button.hostbee-dp-tab:hover { background: #DDF2E7 !important; color: #0A8F5E !important; }
.hostbee.hostbee-dp button.hostbee-dp-tab.is-active, .hostbee.hostbee-dp button.hostbee-dp-tab.is-active:hover, .hostbee.hostbee-dp button.hostbee-dp-tab.is-active:focus { background: #0CBB7B !important; color: #FFFFFF !important; }
.hostbee-dp .hostbee-dp-tab-count { font-family: Inter, sans-serif !important; font-size: 11px !important; background: rgba(11, 26, 20, 0.06) !important; color: inherit !important; border-radius: 999px !important; padding: 2px 7px !important; }
.hostbee.hostbee-dp .hostbee-dp-tab.is-active .hostbee-dp-tab-count { background: rgba(255, 255, 255, 0.22) !important; color: #FFFFFF !important; }
.hostbee.hostbee-dp .hostbee-dp-tabs { scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 2px; }
.hostbee.hostbee-dp .hostbee-dp-tabs::-webkit-scrollbar { display: none; }
.hostbee-dp .hostbee-dp-search { background: #F3F6F4 !important; border: 0 !important; border-radius: 12px !important; }
.hostbee-dp .hostbee-dp-search input { background: transparent !important; border: 0 !important; box-shadow: none !important; font-family: Inter, sans-serif !important; font-size: 15px !important; color: #0B1A14 !important; }
.hostbee-dp .hostbee-dp-search svg { color: #6B7470 !important; }
.hostbee-dp .hostbee-dp-sort { background-color: #F3F6F4 !important; border: 0 !important; border-radius: 12px !important; font-family: Lufga, sans-serif !important; font-weight: 500 !important; font-size: 14px !important; color: #1D1D1D !important; }
.hostbee-dp .hostbee-dp-head { background: #FFFFFF !important; color: #6B7470 !important; font-family: Lufga, sans-serif !important; font-weight: 500 !important; font-size: 12px !important; letter-spacing: 0.05em; padding: 16px 24px !important; border-bottom: 1px solid #EEF2F0 !important; }
.hostbee-dp li.hostbee-dp-row { padding: 18px 24px !important; border-bottom: 1px solid #EEF2F0 !important; transition: background .15s; }
.hostbee-dp li.hostbee-dp-row:hover { background: #F7FAF8 !important; }
.hostbee-dp .hostbee-dp-name-text { font-family: Lufga, sans-serif !important; font-weight: 500 !important; color: #0B1A14 !important; }
.hostbee-dp .hostbee-dp-mark { background: #F3F6F4 !important; color: #6B7470 !important; border-radius: 10px !important; }
.hostbee-dp .hostbee-dp-mark.is-popular { background: #DDF2E7 !important; color: #0A8F5E !important; }
.hostbee-dp .hostbee-dp-cell.is-strong .hostbee-dp-cell-value { font-family: Lufga, sans-serif !important; font-weight: 500 !important; font-size: 17px !important; color: #0B1A14 !important; }
.hostbee-dp .hostbee-dp-cell-value { color: #4B5551 !important; }
.hostbee-dp .hostbee-dp-footer { padding: 18px 24px !important; }
.hostbee-dp .hostbee-dp-count { color: #6B7470 !important; font-size: 14px !important; }
.hostbee-dp .hostbee-dp-page { font-family: Lufga, sans-serif !important; font-weight: 500 !important; border-radius: 10px !important; border: 0 !important; }
.hostbee.hostbee-dp button.hostbee-dp-page { background: #F3F6F4 !important; color: #1D1D1D !important; }
.hostbee.hostbee-dp button.hostbee-dp-page.is-active, .hostbee.hostbee-dp button.hostbee-dp-page.is-active:hover { background: #0CBB7B !important; color: #FFFFFF !important; }
.hostbee-dp .hostbee-dp-note { color: #6B7470 !important; font-size: 13px !important; text-align: center; margin-top: 20px !important; }
.hostbee-dp [class*='popular']:not(.hostbee-dp-mark):not(.hostbee-dp-tab) { background: #FFF3E8 !important; color: #B5652A !important; }/* End custom CSS */