.bg-primary{
    background-color: #0F6B3C !important;
}

.text-primary{
    color: #0F6B3C !important;
}

.bg-primary-alt{
    background-color: #40EB94 !important;
}

.text-primary-alt{
    color: #40EB94 !important;
}

.btn-primary:hover{
    background-color: #40EB94 !important;
    color: #0F6B3C !important;
    border-color: #40EB94;
}

.text-justify{
    text-align: justify;
}

.fs-0-7x{
    font-size: .7rem;
}

.fs-3x{
    font-size: 3rem;
}

.fs-2x{
    font-size: 2rem;
}

.fs-1-5x{
    font-size: 1.5rem;
}

.landing-input::placeholder {
    color: #fff !important;  /* Replace with your desired color */
    font-size: .9rem;
}

/* Black background and white text for select dropdown */
.landing-select {
    background-color: black !important; /* Set the background color to black */
    color: white !important; /* Set the text color to white */
    border: 2px solid #40EB94 !important; /* Set border color to white */
    font-weight: bold; /* Make the text bold */
    font-size: 14px; /* Adjust font size */
}

select {
    -webkit-appearance: none;  /* Remove default styling in Safari/Chrome */
    -moz-appearance: none;     /* Remove default styling in Firefox */
    appearance: none;          /* Remove default styling */
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M1%204l7%204l7-4%22%3E%3C/path%3E%3C/svg%3E') !important; /* Custom SVG arrow */
    background-repeat: no-repeat;
    background-position: right 10px center; /* Position the arrow */
    background-size: 10px 10px; /* Adjust the size of the arrow */
}

select option {
    color: black; /* Ensure options have black text color */
    background-color: white; /* Ensure options have white background */
}

select:focus {
    border-color: #007bff; /* Optional: Change border color on focus */
    outline: none; /* Remove the default focus outline */
}

.landing-input{
    border: 2px solid #40EB94 !important;
    border-radius: 6px !important;
}

/* Style the search input using the name attribute */
input[name="search_terms"] {
    background-color: #fff !important;  /* Green background for the search input */
    color: black !important;  /* White text for the search input */
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Ensure the placeholder text is white */
input[name="search_terms"]::placeholder {
    color: white !important;  /* White placeholder text */
}

/* Customize the text content */
.swal2-html-container{
    color: #000000 !important; /* Red color */
    font-weight: bold; /* Make the text bold */
    font-size: 15px; /* Adjust font size */
}

/* If you want to style the title (optional) */
.error-title, .info-title, .success-title {
    font-weight: bold;
    font-size: 15px;
}

.info-title{
    color: #46DBFF; /* Black color */
}
.error-title{
    color: #ff0000; /* Black color */
}
.success-title{
    color: #0F6B3C; /* Black color */
}

.slip-item{
    font-size: .9rem !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: bolder;
}

.slip-item-val{
    font-size: .6rem !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #0F6B3C;
    font-weight: bolder;
}

/* Font Sizes: .fs-1 to .fs-50 (in px) */
.fs-1  { font-size: 1px !important; }
.fs-2  { font-size: 2px !important; }
.fs-3  { font-size: 3px !important; }
.fs-4  { font-size: 4px !important; }
.fs-5  { font-size: 5px !important; }
.fs-6  { font-size: 6px !important; }
.fs-7  { font-size: 7px !important; }
.fs-8  { font-size: 8px !important; }
.fs-9  { font-size: 9px !important; }
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-23 { font-size: 23px !important; }
.fs-24 { font-size: 24px !important; }
.fs-25 { font-size: 25px !important; }
.fs-26 { font-size: 26px !important; }
.fs-27 { font-size: 27px !important; }
.fs-28 { font-size: 28px !important; }
.fs-29 { font-size: 29px !important; }
.fs-30 { font-size: 30px !important; }
.fs-31 { font-size: 31px !important; }
.fs-32 { font-size: 32px !important; }
.fs-33 { font-size: 33px !important; }
.fs-34 { font-size: 34px !important; }
.fs-35 { font-size: 35px !important; }
.fs-36 { font-size: 36px !important; }
.fs-37 { font-size: 37px !important; }
.fs-38 { font-size: 38px !important; }
.fs-39 { font-size: 39px !important; }
.fs-40 { font-size: 40px !important; }
.fs-41 { font-size: 41px !important; }
.fs-42 { font-size: 42px !important; }
.fs-43 { font-size: 43px !important; }
.fs-44 { font-size: 44px !important; }
.fs-45 { font-size: 45px !important; }
.fs-46 { font-size: 46px !important; }
.fs-47 { font-size: 47px !important; }
.fs-48 { font-size: 48px !important; }
.fs-49 { font-size: 49px !important; }
.fs-50 { font-size: 50px !important; }

/* Word break utilities */
.break-word   { word-break: break-word; }
.break-all    { word-break: break-all; }
.no-break     { white-space: nowrap; }

/* Text overflow utilities */
.text-truncate-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Text transform */
.text-capitalize-first::first-letter {
    text-transform: capitalize;
}

/* Shadow Utilities */
.shadow-none       { box-shadow: none !important; }
.shadow-sm-soft    { box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.shadow-md-soft    { box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.shadow-lg-soft    { box-shadow: 0 10px 15px rgba(0,0,0,0.15); }

/* Scrollbar hiding */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Rotation utilities */
.rotate-45   { transform: rotate(45deg); }
.rotate-90   { transform: rotate(90deg); }
.rotate-180  { transform: rotate(180deg); }
.rotate-270  { transform: rotate(270deg); }

/* Z-index helpers */
.z--1  { z-index: -1 !important; }
.z-1   { z-index: 1 !important; }
.z-10  { z-index: 10 !important; }
.z-100 { z-index: 100 !important; }

/* Custom border radius */
.radius-0     { border-radius: 0 !important; }
.radius-10    { border-radius: 10px !important; }
.radius-pill  { border-radius: 50rem !important; }
.radius-circle { border-radius: 50% !important; }

/* Cursor helpers */
.cursor-pointer { cursor: pointer !important; }
.cursor-not-allowed { cursor: not-allowed !important; }

/* Opacity helpers (percent based) */
.opacity-0   { opacity: 0 !important; }
.opacity-25  { opacity: 0.25 !important; }
.opacity-50  { opacity: 0.5 !important; }
.opacity-75  { opacity: 0.75 !important; }
.opacity-100 { opacity: 1 !important; }

.scale-text-110 { font-size: 1.10em !important; }
.scale-text-120 { font-size: 1.20em !important; }
.scale-text-130 { font-size: 1.30em !important; }
.scale-text-140 { font-size: 1.40em !important; }
.scale-text-150 { font-size: 1.50em !important; }
.scale-text-175 { font-size: 1.75em !important; }
.scale-text-200 { font-size: 2.00em !important; }
.scale-text-100 { font-size: 1em !important; }
.scale-text-95  { font-size: 0.95em !important; }
.scale-text-90  { font-size: 0.90em !important; }
.scale-text-85  { font-size: 0.85em !important; }
.scale-text-80  { font-size: 0.80em !important; }
.scale-text-75  { font-size: 0.75em !important; }
.scale-text-70  { font-size: 0.70em !important; }
.scale-text-65  { font-size: 0.65em !important; }
.scale-text-60  { font-size: 0.60em !important; }
.scale-text-50  { font-size: 0.50em !important; }
.scale-text-40  { font-size: 0.40em !important; }
.scale-text-30  { font-size: 0.30em !important; }

.scale-105 { transform: scale(1.05); }
.scale-110 { transform: scale(1.10); }
.scale-115 { transform: scale(1.15); }
.scale-120 { transform: scale(1.20); }
.scale-125 { transform: scale(1.25); }
.scale-130 { transform: scale(1.30); }
.scale-140 { transform: scale(1.40); }
.scale-150 { transform: scale(1.50); }
.scale-175 { transform: scale(1.75); }
.scale-200 { transform: scale(2.00); }

/* Hover variants */
.hover-scale-105:hover { transform: scale(1.05); }
.hover-scale-110:hover { transform: scale(1.10); }
.hover-scale-115:hover { transform: scale(1.15); }
.hover-scale-120:hover { transform: scale(1.20); }
.hover-scale-125:hover { transform: scale(1.25); }
.hover-scale-130:hover { transform: scale(1.30); }
.hover-scale-140:hover { transform: scale(1.40); }
.hover-scale-150:hover { transform: scale(1.50); }
.hover-scale-175:hover { transform: scale(1.75); }
.hover-scale-200:hover { transform: scale(2.00); }

/* Smooth transitions */
.scale-transition {
    transition: transform 0.3s ease-in-out;
}

/* Helpman AI 2026 refresh */
:root { --ha-ink:#101927; --ha-ink-soft:#1b293d; --ha-slate:#7d91a5; --ha-mist:#eef2f5; --ha-paper:#f9fbfc; --ha-premetra:#6c63ff; }
html { scroll-behavior:smooth; }
.helpman-page { background:var(--ha-paper); color:var(--ha-ink); font-family:"Manrope", sans-serif; }
.ha-header { position:absolute; inset:0 0 auto; z-index:5; color:#fff; }
.ha-brand img { width:170px; filter:brightness(0) invert(1); }
.ha-nav { gap:2rem; font-size:.87rem; font-weight:700; }
.ha-nav a { color:rgba(255,255,255,.78); text-decoration:none; }
.ha-nav a:hover { color:#fff; }
.ha-header-contact { color:#fff; text-decoration:none; font-size:.86rem; font-weight:700; border-bottom:1px solid rgba(255,255,255,.45); padding-bottom:.35rem; }
.ha-hero { min-height:740px; position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 78% 46%,#344762 0, #1b2b41 26%, transparent 48%), linear-gradient(135deg,#0d1522 5%,#17283f 100%); }
.ha-grid { position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(183,203,221,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(183,203,221,.18) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(to bottom,black,transparent); }
.ha-eyebrow,.ha-section-kicker,.ha-product-tag,.ha-card-label { font-family:"DM Mono",monospace; letter-spacing:.12em; font-size:.71rem; font-weight:500; }
.ha-eyebrow { display:inline-flex; align-items:center; gap:.6rem; color:#b8c8d7; }
.ha-eyebrow span { width:9px; height:9px; border-radius:50%; background:#99b7d1; box-shadow:0 0 0 5px rgba(153,183,209,.13); }
.ha-hero h1 { max-width:850px; font-size:clamp(3.1rem,7vw,6.4rem); line-height:.98; letter-spacing:-.065em; font-weight:800; margin:1.6rem 0; }
.ha-hero h1 em { font-style:normal; color:#a5bad0; }
.ha-lead { max-width:600px; color:#cbd6df; font-size:1.12rem; line-height:1.75; }
.ha-btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:.75rem 1.3rem; text-decoration:none; border-radius:2px; font-size:.9rem; font-weight:800; transition:transform .2s ease,background .2s ease; }
.ha-btn:hover { transform:translateY(-2px); }
.ha-btn-primary { background:#a5bad0; color:#132137; }.ha-btn-primary:hover{background:#c9d8e6;color:#132137}.ha-btn-quiet { color:#fff; border:1px solid rgba(255,255,255,.35); }
.ha-signal-card { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(12px); padding:1.6rem; min-height:370px; border-radius:4px; }.ha-signal-card p{color:#d6e0e9;font-size:.93rem;line-height:1.65}.ha-signal-card i{font-size:1.2rem;color:#a5bad0}
.ha-signal-orbit { margin:auto auto 2rem; width:158px; aspect-ratio:1; border:1px solid rgba(255,255,255,.35); border-radius:50%; display:grid; place-items:center; position:relative; }.ha-signal-orbit:after,.ha-signal-orbit:before{content:"";position:absolute;border:1px solid rgba(165,186,208,.35);border-radius:50%;}.ha-signal-orbit:before{inset:18px}.ha-signal-orbit:after{inset:37px}.ha-orbit-core{position:relative;z-index:1;width:55px;height:55px;display:grid;place-items:center;background:#a5bad0;color:#132137;border-radius:50%;font-weight:800}
.ha-intro,.ha-products { padding:7.5rem 0; }.ha-section-kicker{color:#6b7e91;display:block;margin-bottom:1rem}.ha-intro h2,.ha-products h2,.ha-contact h2{font-size:clamp(2.3rem,4.5vw,4.25rem);line-height:1.02;letter-spacing:-.055em;font-weight:800;margin:0}.ha-intro>.container>.row>div:last-child p{font-size:1.08rem;line-height:1.75;color:#536477;margin:0}.ha-pill-card{height:100%;border:1px solid #dce4ea;padding:1.65rem;background:#fff}.ha-pill-card i{font-size:1.45rem;color:#607d99}.ha-pill-card h3{font-size:1.2rem;margin:2.6rem 0 .6rem;font-weight:800}.ha-pill-card p{margin:0;color:#617285;line-height:1.65;font-size:.94rem}
.ha-products{background:#e9eff3}.ha-max-copy{max-width:320px;color:#536477;line-height:1.65}.ha-product-card{position:relative;overflow:hidden;padding:clamp(1.8rem,5vw,4.5rem);background:linear-gradient(118deg,#6c63ff,#5144e6);color:#fff;min-height:440px;border-radius:5px}.ha-product-word{position:absolute;right:-.06em;bottom:-.46em;color:rgba(255,255,255,.1);font-size:34rem;font-weight:800;line-height:1}.ha-product-tag{display:inline-block;background:rgba(255,255,255,.14);padding:.5rem .65rem}.ha-product-card h3{font-size:clamp(3.2rem,7vw,6rem);font-weight:800;line-height:1;letter-spacing:-.065em;margin:1.4rem 0}.ha-product-summary{font-size:1.12rem;line-height:1.7;max-width:580px}.ha-rebrand{font-family:"DM Mono",monospace;color:#dedbff;font-size:.78rem;margin-top:1.8rem}.ha-product-data{display:grid;gap:1rem;margin-bottom:2rem}.ha-product-data>div{padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.3)}.ha-product-data small{display:block;font-family:"DM Mono",monospace;font-size:.65rem;letter-spacing:.1em;opacity:.72;margin-bottom:.3rem}.ha-product-data strong{font-size:.95rem}.ha-product-link{color:#fff;text-decoration:none;font-weight:800;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:.45rem}
.ha-contact{background:var(--ha-ink);color:#fff;padding:7.5rem 0}.ha-contact h2{margin-bottom:1.3rem}.ha-contact p{color:#b7c5d0;max-width:570px;font-size:1.05rem;line-height:1.7}.ha-contact-email{font-size:clamp(1.35rem,2.5vw,2rem);color:#b9cce0;font-weight:700;text-decoration:none;border-bottom:1px solid #43566d;padding-bottom:.9rem;margin-bottom:1.2rem}.ha-contact-phone{color:#fff;text-decoration:none;font-size:1.1rem;line-height:1.85}.ha-footer{background:#0b111b;color:#9baab8;padding:2.7rem 0;font-size:.82rem}.ha-footer-logo{filter:brightness(0) invert(1);width:120px;margin-bottom:.75rem}.ha-footer p{color:#8e9dad}
@media(max-width:767px){.ha-header-contact{font-size:.75rem}.ha-brand img{width:135px}.ha-hero{min-height:700px}.ha-intro,.ha-products,.ha-contact{padding:5rem 0}.ha-product-card{min-height:0}.ha-product-word{font-size:21rem}.ha-product-summary{font-size:1rem}}
