@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-lime-500: oklch(76.8% 0.233 130.85);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-inter-tight: "Inter Tight", sans-serif;
    --color-primary-50: #f7fee7;
--color-primary-100: #ecfccb;
--color-primary-200: #d9f99d;
--color-primary-300: #bef264;
--color-primary-400: #a3e635;
--color-primary-500: #84cc16;
--color-primary-600: #65a30d;
--color-primary-700: #4d7c0f;
--color-primary-800: #3f6212;
--color-primary-900: #14532d;
    --color-secondary: #1a1a1c;
    --color-accent: #fcfcfc;
}
}
.btn-primary {
    color: var(--color-secondary);
}
.btn-primary:hover {
    color: var(--color-white);
}
.btn-white:hover {
    
    color: var(--color-secondary);
}
.hp-slider-organizations .bg-white.inline-flex.w-full.logos-item-wrap {
    justify-content: center;
}

.hp-user-marquee-wrapper .hp-user-item {
    display: flex;
    align-items: center;
    gap: 12px; 
}
.hp-user-marquee-wrapper .hp-user-avatar {
    width: 56px;
    height: 56px;
    border-radius: 300px;
    overflow: hidden;
    margin: 0;
}
.hp-user-marquee-wrapper .hp-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hp-user-marquee-wrapper .hp-user-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.3;
}
.hp-user-marquee-wrapper .hp-user-name {
    font-size: 16px; 
    color: #0d0d0d;
    margin-bottom: 2px;
}
.hp-user-marquee-wrapper .hp-user-status {
    display: inline-flex;
    align-items: center;
    gap: 6px; 
    font-size: 11px;
    font-weight: 500;
}
.hp-user-marquee-wrapper .hp-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}
.hp-user-marquee-wrapper .status-available {
    color: #166534; 
}
.hp-user-marquee-wrapper .status-available .hp-status-dot {
    background-color: #166534;
}
.hp-user-marquee-wrapper .status-pending {
    color: #9a3412; 
}
.hp-user-marquee-wrapper .status-pending .hp-status-dot {
    background-color: #9a3412;
}
.hp-user-marquee-wrapper .status-unavailable {
    color: #991b1b; 
    font-weight: bold; 
}
.hp-user-marquee-wrapper .status-unavailable .hp-status-dot {
    background-color: #991b1b;
}

.price_table-page p.plan-description,
.price_table-page a.pricing-button {
    display: none;
}

.price_table-page .pricing-sidebar > div:first-child {
    height: 90px !important;
}

article.details-body h2.wp-block-heading {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 50px;
}
.text_page h2 {
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight: 500;
}
.text_page ul {
    list-style: disc;
    margin-bottom: 10px;
    padding-left: 24px;
}
.text_page p {
    margin-bottom: 10px;
}
.text_page h3 {
    font-size: 26px;
}
.text_page a {
    text-decoration: underline;
}
.text_page table td {
    border-bottom: 1px solid;
    padding: 10px;
}





@media (max-width: 767px) {
    article.details-body h2.wp-block-heading {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 30px;
}
}