/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 17 2026 | 16:07:08 */
/* ============================================================
   TABLE OF CONTENTS
   ============================================================
   1) Design Tokens / Globals
   2) Gravity Forms – Base Layout / Page Wrappers
   3) Inputs / Selects / Textareas
   4) Buttons / Navigation
   5) Required / Validation / Headings
   6) Radios / Checkboxes (non-image choice)
   7) Image Choice Fields
   8) Choice Details Accordion (inside image choices)
   9) Checkbox Grid (Desktop)
   10) BMI Calculator Styles
   11) Height/Weight Units
   12) Mobile Layout Tweaks
   13) HTML Field Content
   14) Map Styles (US Map)
   15) Chart Styles
   16) Utility / Misc
   17) Choice “Category Tags” (inside .grrx-choice-details)
   ============================================================ */

/************************************************************
 * 1) Design Tokens / Globals
 ************************************************************/
body {
    --borderRadius: 10px;
	--box-shadow: 2.8px 2.8px 6.04px 0 rgba(0 0 0 / 25%);
    --darkBlue: #1B2E3A;
    --darkGray: #686868;
    --gold: #C77B01;
    --lightBlue: #98d6fc;
    --lightGray: #f3f3f3;

    --inputShadow: inset 2.8px 2.8px 6.04px 0 rgba(0 0 0 / 25%);

    --font-family: "Proxima Nova", sans-serif;
    --font-weight: 400;
}

/* Enforce site font inside GF */
.gform_wrapper.gravity-theme * {
    font-family: var(--font-family);
}

/* Optional global font set (disabled in your original)
html body.page {
    font-family: var(--font-family)!important;
    font-weight: var(--font-weight);
}
*/


/************************************************************
 * 2) Gravity Forms – Base Layout / Page Wrappers
 ************************************************************/
.gform_wrapper.gravity-theme form {
    height: 100%;
    overflow: visible;
	padding: 1rem;
}

.gform_wrapper.gravity-theme .gf_progressbar_title {
	display: none;
}

/* .gform_wrapper.gravity-theme form .gform-body {
    margin-bottom: 3rem;
} */

.gform_wrapper.gravity-theme .gform_page {
    background-color: var(--lightGray);
    border-radius: var(--borderRadius);
    box-shadow: var(--box-shadow);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5% 3%;
    margin: 0;
}

.gform_page_footer {
    align-items: center;
    display: flex;
    flex-direction: row;
}

/* Allow expanded content (accordion) to overflow without clipping */
#gform_wrapper_44 .swiper,
#gform_wrapper_44 .swiper-wrapper,
#gform_wrapper_44 .swiper-slide,
#gform_wrapper_44 .gform_page {
    overflow: visible !important;
}


/************************************************************
 * 3) Inputs / Selects / Textareas
 ************************************************************/
.gform_wrapper.gravity-theme input:not(.gform_next_button, .gform_previous_button, .gform_button.button, [type="checkbox"], [type="radio"]),
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    appearance: none;
    background-color: #fff !important;
    border: 1px solid #f3f3f3;
    border-radius: var(--borderRadius);
    box-shadow: var(--inputShadow);
    font-size: 1rem;
    line-height: 1.5;
    padding: 12px !important;
}

.gform_wrapper.gravity-theme input:not(.gform_next_button, .gform_previous_button, .gform_button.button),
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    border: 1px solid var(--lightGray);
    outline-color: var(--gold);
}

/* NOTE: you had typos in the class list (nexrt / previoius) in your original.
   Preserving behavior = leaving as-is but this selector is effectively just "input" rules. */
.gform_wrapper.gravity-theme input:not(.gform_nexrt_button, .gform_previoius_button, .gform_button.button),
.gform_wrapper.gravity-theme select {
    text-align: center;
}

.gform_wrapper.gravity-theme input {
    text-align: center !important;
}

.gform_wrapper.gravity-theme input:not([type="radio"], [type="checkbox"], [type="image"], [type="file"]) {
    line-height: 1 !important;
}

.gform_wrapper.gravity-theme .ginput_container_password > span > span {
    box-shadow: var(--inputShadow);
}

/* Remove number spinners */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Select caret */
.gform_wrapper.gravity-theme .ginput_container_select {
    position: relative;
    z-index: 1;
}
.gform_wrapper.gravity-theme .ginput_container_select::after {
    content: "";
	background: url('/wp-content/uploads/2026/03/caret-down-solid-full.svg');
	height: 30px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    z-index: 0;
}


/************************************************************
 * 4) Buttons / Navigation
 ************************************************************/
/* Hide “Next” (you’re driving next via JS/swiper) */
.gform_wrapper .gform_next_button,
.gform_wrapper [data-js="gform-page-button-next"] {
    visibility: hidden;
}

.gform_wrapper.gravity-theme input.gform_next_button.button,
.gform_wrapper.gravity-theme input.gform_previous_button.button,
.gform_wrapper.gravity-theme input.gform_button.button,
.gform_wrapper.gravity-theme button.gform_button_select_files {
    background-color: var(--gold);
    border: 2px solid var(--gold);
    border-radius: var(--borderRadius);
    box-shadow: var(--box-shadow);
    color: #fff;
    position: relative;
    transition: all .2s ease-in-out;
}

.gform_wrapper.gravity-theme input.gform_previous_button.button {
    background-color: var(--darkBlue);
    border-color: var(--darkBlue);
}

.gform_wrapper.gravity-theme input.gform_next_button.button,
.gform_wrapper.gravity-theme input.gform_button.button {
    font-size: 1.25rem;
    font-weight: 600;
    height: 46px;
    padding: 0 60px;
}

/* Previous button as icon */
input.gform_previous_button {
    color: transparent !important;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width="26px" height="27px" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14.4264 0.594312C14.7937 0.974964 15 1.49117 15 2.02941C15 2.56766 14.7937 3.08386 14.4264 3.46451L4.72885 13.5123L14.4264 23.56C14.7833 23.9428 14.9807 24.4556 14.9763 24.9878C14.9718 25.52 14.7658 26.0291 14.4025 26.4055C14.0393 26.7818 13.5479 26.9953 13.0343 26.9999C12.5206 27.0045 12.0257 26.7999 11.6562 26.4302L0.573598 14.9474C0.206324 14.5667 -1.0661e-07 14.0505 -1.0661e-07 13.5123C-1.0661e-07 12.974 0.206324 12.4578 0.573598 12.0772L11.6562 0.594312C12.0236 0.213774 12.5218 0 13.0413 0C13.5608 0 14.059 0.213774 14.4264 0.594312Z" fill="white"/%3E%3Cpath d="M25.4264 0.594312C25.7937 0.974964 26 1.49117 26 2.02941C26 2.56766 25.7937 3.08386 25.4264 3.46451L15.7289 13.5123L25.4264 23.56C25.7833 23.9428 25.9807 24.4556 25.9763 24.9878C25.9718 25.52 25.7658 26.0291 25.4025 26.4055C25.0393 26.7818 24.5479 26.9953 24.0343 26.9999C23.5206 27.0045 23.0257 26.7999 22.6562 26.4302L11.5736 14.9474C11.2063 14.5667 11 14.0505 11 13.5123C11 12.974 11.2063 12.4578 11.5736 12.0772L22.6562 0.594312C23.0236 0.213774 23.5218 0 24.0413 0C24.5608 0 25.059 0.213774 25.4264 0.594312Z" fill="white"/%3E%3C/svg%3E');
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 48px;
    width: 80px;
}

.gform_wrapper.gravity-theme input.gform_next_button.button,
.gform_wrapper.gravity-theme input.gform_button.button.button,
.gform_wrapper.gravity-theme button.gform_button_select_files {
    background-color: var(--gold);
}

.gform_wrapper.gravity-theme input.gform_previous_button.button:focus,
.gform_wrapper.gravity-theme input.gform_previous_button.button:hover {
    background-color: var(--gold);
    border-color: var(--gold);
}

.gform_wrapper.gravity-theme input.gform_next_button:focus,
.gform_wrapper.gravity-theme input.gform_next_button:hover,
.gform_wrapper.gravity-theme input.gform_button.button:focus,
.gform_wrapper.gravity-theme input.gform_button.button:hover,
.gform_wrapper.gravity-theme button.gform_button_select_files:focus,
.gform_wrapper.gravity-theme button.gform_button_select_files:hover {
    background-color: var(--darkBlue);
    border-color: var(--darkBlue);
}

.gform_previous_button_container {
    margin-bottom: 0 !important;
    margin-right: 1rem;
}

.gform_previous_button_container,
.gform_next_button_container {
    background-color: #fff;
    transition: all .2s ease-in-out;
}

.gform_submit_button_container {
    position: relative;
}

.gform_next_button_container,
.gform_previous_button_container,
.gform_button.button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--borderRadius);
    box-shadow: var(--inputShadow);
    display: flex;
    justify-content: center;
}

/* Page 1 footer special case */
#gform_page_44_1 .gform-page-footer {
    padding: 0;
}
#gform_page_44_1 .gform-page-footer .gform_next_button.button {
    height: 1px;
    overflow: hidden;
    width: 1px;
}

/* Page 5 next button special case */
#gform_page_44_5 .gform_next_button.button {
	display: none!important;
}

/************************************************************
 * 5) Typography
 ************************************************************/
.gform_wrapper.gravity-theme span.gfield_required {
    display: none;
}

.gform_wrapper.gravity-theme .validation_message {
    border-radius: var(--border-radius);
}

.gform_wrapper.gravity-theme p.heading,
.gform_wrapper.gravity-theme h2.heading {
    font-size: 18px;
}

.gform_wrapper.gravity-theme .grrx-acc-panel p {
	font-size: 14px;
	margin-bottom: .5rem;
}

.gform_wrapper.gravity-theme .grrx-acc-panel p.heading {
	font-size: 20px;
	margin-bottom: .375rem;
}

.gform_wrapper.gravity-theme p.notice {
	font-size: 12px;
}

@media (768px <= width) {
    .gform_wrapper.gravity-theme p.heading,
    .gform_wrapper.gravity-theme h2.heading {
        color: var(--darkBlue);
        font-size: 24px;
    }
}

#input_44_18 {
    font-size: 18px;
}


/************************************************************
 * 6) Radios / Checkboxes (non-image choice)
 ************************************************************/
.gform_wrapper.gravity-theme .gfield_checkbox {
	gap: 8px!important;
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
	grid-column: span 12!important;
}

.gform_wrapper.gravity-theme .gfield-choice-input {
    height: 1px;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 1px;
}

.gfield_radio .gchoice {
    align-items: stretch;
    display: flex;
    position: relative;
}

.gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
    position: relative;
}

.gform_wrapper.gravity-theme .ginput_container_radio .gchoice:not(:last-child),
.gform_wrapper.gravity-theme .ginput_container_checkbox .gchoice:not(:last-child) {
    margin-bottom: .5rem;
}

.gform_wrapper.gravity-theme .ginput_container_checkbox .gfield-choice-input + label,
.gform_wrapper.gravity-theme .ginput_container_radio:not(.ginput_container_image_choice) .gfield-choice-input + label {
    align-items: center;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: var(--borderRadius);
    box-shadow: var(--inputShadow);
    display: flex !important;
    max-width: unset !important;
    padding: 1rem 2rem 1rem 3rem;
    transition: all .2s ease-in-out;
    width: 100%;
    z-index: 10;
}

/* Checkbox faux box */
.gform_wrapper.gravity-theme .ginput_container_checkbox .gfield-choice-input + label::before {
    align-items: center;
    background-color: #fff;
    border: 2px solid var(--darkBlue);
    border-radius: 0;
    content: "";
    display: inline-flex;
    height: 20px;
    justify-content: center;
    left: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    z-index: 1;
}

/* Radio faux circle */
.gform_wrapper.gravity-theme .ginput_container_radio:not(.ginput_container_image_choice) .gfield-choice-input + label::before {
    background-color: #fff;
    border: 2px solid var(--darkBlue);
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    z-index: 1;
}

/* Checked / hover */
.gform_wrapper.gravity-theme .ginput_container_checkbox .gfield-choice-input:checked + label,
.gform_wrapper.gravity-theme .ginput_container_checkbox .gfield-choice-input + label:hover,
.gform_wrapper.gravity-theme .ginput_container_radio:not(.ginput_container_image_choice) .gfield-choice-input:checked + label,
.gform_wrapper.gravity-theme .ginput_container_radio:not(.ginput_container_image_choice) .gfield-choice-input + label:hover {
    background-color: var(--darkBlue);
    color: #fff !important;
    cursor: pointer;
}

.gform_wrapper.gravity-theme .ginput_container_radio:not(.ginput_container_image_choice) .gfield-choice-input:checked + label::before {
    background: radial-gradient(var(--gold) 0, var(--gold) 50%, transparent 50%);
    border-color: var(--gold);
}

.gform_wrapper.gravity-theme .ginput_container_checkbox .gfield-choice-input:checked + label::before {
    border-color: var(--gold);
    content: "\f00c";
    color: var(--gold);
    font: var(--fa-font-solid);
    font-weight: 900;
}


/************************************************************
 * 7) Image Choice Fields
 ************************************************************/
/* Image sizing for most image-choice radios (excluding #input_44_33) */
.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield_radio:not(#input_44_33) .gfield-choice-image {
    object-fit: contain;
}

/* Hide actual inputs inside image choice */
.gfield-image-choice-wrapper-inner input {
    position: absolute;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
    width: 1px;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield_radio:not(#input_44_33) .gfield-image-choice-wrapper-inner {
    display: flex;
    justify-content: center;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-image-choice-wrapper-outer {
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice {
    transition: all .3s ease-in-out;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice {
    padding: 1rem;
}

/* Gender field layout (#input_44_15) */
.gform_wrapper.gravity-theme .ginput_container_image_choice #input_44_15 {
    justify-content: space-around;
}
.gform_wrapper.gravity-theme .ginput_container_image_choice #input_44_15 .gchoice {
    inline-size: 100%;
    max-inline-size: 47%;
    min-inline-size: unset;
}

/* Product field layout (#input_44_33) */
.gform_wrapper.gravity-theme .ginput_container_image_choice #input_44_33 .gchoice {
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: unset;
}
.gform_wrapper.gravity-theme .ginput_container_image_choice #input_44_33 .gchoice .gfield-image-choice-wrapper-outer {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.gform_wrapper.gravity-theme .ginput_container_image_choice #input_44_33 .gchoice .gfield-choice-image-wrapper {
    aspect-ratio: unset;
    max-width: 100px;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice #input_44_33 .gchoice .gfield-choice-image-wrapper::before,
.gform_wrapper.gravity-theme .ginput_container_image_choice #input_44_33 .gchoice .gfield-choice-image-wrapper img {
	border-radius: 15px;
}

/* Choice card styling */
.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice::after {
    background-color: #fff;
    border-radius: 15px;
    border: 3px solid #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 0;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice::before {
    background-color: transparent;
    border-color: var(--darkBlue);
    border-radius: 15px;
    box-shadow: var(--inputShadow);
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:hover::after,
.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:has(input:checked))::after {
    border-color: var(--darkBlue);
    opacity: 1;
}

/* Force image choice widths (your selector is unusual; preserved) */
.gform_wrapper.gravity-theme .ginput_container_image_choice [class^='ghoice gchoice_44_33'] {
    width: 100%;
}


/************************************************************
 * 8) Choice Details Accordion (inside image choices)
 ************************************************************/
.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details {
    margin-top: 1.5rem;
    position: relative;
    z-index: 10;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details p,
.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details ul {
    text-align: left;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details button.grrx-acc-toggle {
    border-color: #f3f3f3;
    border-style: solid;
    border-width: 0 0 3px;
    color: var(--darkBlue);
    display: flex;
    justify-content: space-between;
    transition: all .3s ease-in-out;
    width: 100%;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details button.grrx-acc-toggle:hover,
.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details button.grrx-acc-toggle:focus,
.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details .grrx-acc-item.active button.grrx-acc-toggle {
    border: 0 0 3px 0 solid #f3f3f3;
    background-color: var(--darkBlue);
    color: #fff;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details button.grrx-acc-toggle .icon {
    transform: rotate(-45deg);
    transition: all .3s ease-in-out;
    width: 30px;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details button.grrx-acc-toggle .icon path {
    fill: var(--darkBlue);
    transition: all .3s ease-in-out;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details .grrx-acc-item.active button.grrx-acc-toggle .icon {
    transform: rotate(0deg);
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details button.grrx-acc-toggle:hover .icon path,
.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details button.grrx-acc-toggle:focus .icon path,
.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice .grrx-choice-details .grrx-acc-item.active button.grrx-acc-toggle .icon path {
    fill: #fff;
}

.gform_wrapper.gravity-theme .grrx-acc-panel {
    margin-top: .5rem;
}


/************************************************************
 * 9) Checkbox Grid (Desktop)
 ************************************************************/
@media (768px <= width) {
    .gform_wrapper.gravity-theme .gfield.gfield--type-choice .gfield_checkbox {
        align-items: stretch;
        display: grid;
        gap: 3%;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: 1fr;
        margin-bottom: 1.5rem;
    }

    .gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
        align-items: stretch;
        grid-column: span 6;
        display: flex;
    }

    .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:not(:last-child) {
        margin-bottom: 0;
    }

    .gform_wrapper.gravity-theme .gfield_checkbox .gchoice label {
        align-items: center;
        display: flex;
    }
}


/************************************************************
 * 10) BMI Calculator Styles
 ************************************************************/
.bmi-heading {
    font-weight: 600;
    font-size: 1.25rem;
    text-align: center;
}

.bmi-label {
    font-weight: 400;
}

.bmi-bar {
    background: linear-gradient(to right, var(--darkBlue), var(--darkBlue) 30%, var(--darkGray) 100%);
    border-radius: var(--borderRadius);
    height: 20px;
    margin: 1.25rem 0;
    position: relative;
    width: 100%;
}

.bmi-marker {
    background-color: var(--gold);
    border: 2px solid #1B2E3A;
    border-radius: 50%;
    height: 24px;
    left: 0;
    top: -2px;
    transition: all .3s ease-in-out;
    width: 24px;
    position: absolute;
}

.bmi-calc > div {
    text-align: center;
}

#bmi-result-total {
    font-weight: bold;
    font-size: 24px;
}


/************************************************************
 * 11) Height/Weight Units
 ************************************************************/
.height-feet .gfield_description,
.height-inches .gfield_description {
    display: none;
}

.height-feet .ginput_container,
.height-inches .ginput_container,
.weight .ginput_container {
    position: relative;
}

.height-feet .ginput_container::before,
.height-inches .ginput_container::before,
.weight .ginput_container::before {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}

.height-feet .ginput_container::before { content: 'ft'; }
.height-inches .ginput_container::before { content: 'in'; }
.weight .ginput_container::before { content: 'lbs'; }


/************************************************************
 * 12) Mobile Layout Tweaks
 ************************************************************/
@media (width <= 640px) {
    #gform_fields_44_2 {
        grid-column-gap: 8px;
    }

    #gform_fields_44_2 .height-feet,
    #gform_fields_44_2 .height-inches {
        grid-column: span 6;
    }
}


/************************************************************
 * 13) HTML Field Content
 ************************************************************/
.gform_wrapper.gravity-theme .gfield--type-html img {
    display: inline-block;
    margin: 1.5rem 0;
}

.gform_wrapper.gravity-theme .pregnancy-notice p {
	text-align: center;
}

.gform_wrapper.gravity-theme .pregnancy-notice svg {
	display: block;
	margin: 0 auto;
	max-width: 175px;
}

.gform_wrapper.gravity-theme .pregnancy-notice path {
	fill: darkorange;
}


/************************************************************
 * 14) Map Styles (US Map)
 ************************************************************/
.states {
    fill: none;
    position: relative;
    stroke: var(--e-global-color-text);
    stroke-linejoin: round;
}

.states path {
    transition: all .2s ease;
    z-index: 0;
}

[data-id] {
    fill: #fff;
    stroke-width: 0.97063118000000004;
    transition: all .2s ease;
}

.selected {
    box-shadow: 8px 8px 8px rgba(0 0 0 / 25%);
    fill: var(--e-global-color-primary);
    stroke: var(--e-global-color-primary);
}


/************************************************************
 * 15) Chart Styles
 ************************************************************/
svg.loss-estimate__chart {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: var(--inputShadow);
}


/************************************************************
 * 16) Utility / Misc
 ************************************************************/
.gform_wrapper [style*="height"] {
    transition-timing-function: linear !important;
}

.gform_wrapper.gravity-theme .rounded {
    border-radius: 25px !important;
}


/************************************************************
 * 17) Choice “Category Tags” (inside .grrx-choice-details)
 ************************************************************/
.grrx-choice-details .categories {
    align-items: flex-start;
    display: flex;
    gap: 4px;
    justify-content: flex-start;
    margin-bottom: 1rem;
}

.grrx-choice-details .categories span {
    border: 1px solid transparent;
    border-radius: 25px;
    font-size: 10px;
    padding: 4px 8px;
}

.grrx-choice-details .categories .in-stock {
    background-color: lightgreen;
    border-color: green;
    color: green;
}

.grrx-choice-details .categories .type {
    background-color: var(--lightBlue);
    border-color: var(--darkBlue);
    color: var(--darkBlue);
}

.grrx-choice-details .categories .rx,
.grrx-choice-details .categories .fsa {
    background-color: var(--darkBlue);
    border-color: var(--darkBlue);
    color: #fff;
}

/************************************************************
 * 18) Individual Page Styling
 ************************************************************/
#gform_page_44_5 {
	background-color: #faeff1ff;
}