/* Add here all your css styles (customizations) */
/*------------------------------------
  Variables
------------------------------------*/
:root{
    --primary: #72c02c;
    --secondary: #fafafa;
    --secondaryRGB: 250, 250, 250;
    --tertiary: #fd9233;
    --tertiaryRGB: 253, 146, 51;
}

/*-----------------------------------------------------------------------------------------
  Main Styles
------------------------------------------------------------------------------------------*/

/*------------------------------------
  Colors
------------------------------------*/

/* Gray Colors */
.g-color-gray-light-v6 {
    color: #bac9c9 !important;
}

.g-color-gray-light-v6--hover:hover, .g-color-gray-light-v6--focus:focus, .g-color-gray-light-v6--disabled:disabled,
.g-color-gray-light-v6--active.active, .g-color-gray-light-v6--opened[aria-expanded="true"] {
    color: #bac9c9 !important;
}

input[type="checkbox"]:checked + .g-color-gray-light-v6--checked,
input[type="checkbox"]:checked + * + .g-color-gray-light-v6--checked {
    color: #bac9c9 !important;
}

.g-parent:hover .g-color-gray-light-v6--parent-hover {
    color: #bac9c9 !important;
}

.g-parent.active .g-color-gray-light-v6--parent-active {
    color: #bac9c9 !important;
}

.u-sibling.opened + .g-color-gray-light-v6--sibling-opened {
    color: #bac9c9 !important;
}

/* Light Blue Colors */
.g-color-lightblue-v9 {
    color: #22bfdd !important;
}

.g-color-lightblue-v9--hover:hover, .g-color-lightblue-v9--focus:focus, .g-color-lightblue-v9--disabled:disabled, .g-color-lightblue-v9--active.active, .g-color-lightblue-v9--opened[aria-expanded="true"] {
    color: #22bfdd !important;
}

input[type="checkbox"]:checked + .g-color-lightblue-v9--checked,
input[type="checkbox"]:checked + * + .g-color-lightblue-v9--checked {
    color: #22bfdd !important;
}

.g-parent:hover .g-color-lightblue-v9--parent-hover {
    color: #22bfdd !important;
}

.g-parent.active .g-color-lightblue-v9--parent-active {
    color: #22bfdd !important;
}

.u-sibling.opened + .g-color-lightblue-v9--sibling-opened {
    color: #22bfdd !important;
}


/*------------------------------------
  Background Colors
------------------------------------*/
.g-bg-bluegreen-opacity-0_9::after {
    background-color: rgba(0, 28, 48, 0.9) ;
}
.g-bg-antiquewhite{
    background-color: antiquewhite !important;
}

/* Gray Colors */
.g-bg-gray-light-v6 {
    background-color: #bac9c9 !important;
}

.g-bg-gray-light-v7 {
    background-color: #e1eaea !important;
}

.g-bg-gray-light-v8 {
    background-color: #f5f9f9 !important;
}

.g-bg-gray-light-v8--hover:hover {
    background-color: #f5f9f9 !important;
}

.g-bg-gray-light-v8--active.active {
    background-color: #f5f9f9 !important;
}

.g-bg-gray-light-v8--disabled:disabled {
    background-color: #f5f9f9 !important;
}


/*------------------------------------
  Contain Image Size
------------------------------------*/
.g-bg-img-hero-contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


/*------------------------------------
  Cursors
------------------------------------*/
.g-cursor-auto {
  cursor: auto;
}


/*------------------------------------
  Background Gradient Colors
------------------------------------*/


/*------------------------------------
  Borders
------------------------------------*/
.g-transparent-brd-bottom input{
    background-color: transparent !important;
    border: none;
    border-bottom: solid 2px whitesmoke;
}
.g-transparent-brd-bottom input:hover{
    border-bottom: solid 2px whitesmoke !important;
}


/*------------------------------------
  Border Colors
------------------------------------*/

/* Gray Colors */

.g-brd-gray-light-v6 {
    border-color: #bac9c9 !important;
}

.g-brd-gray-light-v7 {
    border-color: #e1eaea !important;
}

.g-brd-gray-light-v7--before::before {
    border-color: #e1eaea !important;
}

.g-brd-gray-light-v8 {
    border-color: #f5f9f9 !important;
}

.g-brd-gray-light-v9 {
    border-color: #d4dade !important;
}


/*------------------------------------
  Typography Font Size
------------------------------------*/
.g-font-size-95 {
    font-size: 6.78571rem!important;
}

@media (min-width: 768px) {
    .g-font-size-15--md {
        font-size: 1.07143rem !important;
    }

    .g-font-size-17--md {
        font-size: 1.21429rem !important;
    }

    .g-font-size-22--md {
        font-size: 1.57143rem !important;
    }

    .g-font-size-95--md {
        font-size: 6.78571rem!important;
    }
}


/*------------------------------------
  Positions
------------------------------------*/
/* Top */
@media (min-width: 768px) {
    .g-top-0--md {
        top: 0 !important;
    }
}

/* Top Minus */
.g-top-minus-60 {
    top: -4.28571rem;
}

/* Bottom */
.g-bottom-95 {
    bottom: 6.7857rem;
}

/* Top */
@media (min-width: 768px) {
    .g-bottom-95--md {
        bottom: 6.7857rem;
    }
}

/*------------------------------------
  Widths
------------------------------------*/
@media (min-width: 768px) {
    .g-max-width-300--md {
        max-width: 300px;
    }

    .g-max-width-500--md {
        max-width: 500px;
    }
}

/*------------------------------------
  Heights
------------------------------------*/
.g-height-85 {
    height: 85px !important;
}
.g-height-900{
    height: 900px !important;
}
.g-height-700{
    height: 700px !important;
}
/* Min Height */

.g-min-height-700 {
    min-height: 700px;
}


/*------------------------------------
  Margin Spaces
------------------------------------*/


/*------------------------------------
  Padding Spaces
------------------------------------*/



/*-----------------------------------------------------------------------------------------
  Components
------------------------------------------------------------------------------------------*/

/*------------------------------------
  Buttons
------------------------------------*/
.u-btn-cyan{
    background-color: #00BFBF!important;
}
.u-btn-cyan:hover {
    background-color: #54E5E2!important;
}

/*------------------------------------
  Heading
------------------------------------*/
.u-heading-v3__title{
    border-bottom: 2px solid #00BFBF!important;
}

/*------------------------------------
  Selects
------------------------------------*/
/*------------------------------------
  Select v3
------------------------------------*/
.u-select--v3 {
    position: relative;
    border: 1px solid;
}

.u-select--v3-select .dropdown-divider {
    border-top: 1px solid #e1eaea;
}

.u-select--v3-select .dropdown-toggle {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0.71429rem 2.85714rem 0.71429rem 1.42857rem;
}

.u-select--v3-select .dropdown-toggle::after {
    content: "";
    display: none;
}

.u-select--v3-select .dropdown-toggle:hover, .u-select--v3-select .dropdown-toggle:active, .u-select--v3-select .dropdown-toggle:focus {
    outline: 0 none !important;
}

.u-select--v3-select .filter-option {
    color: inherit;
}

.u-select--v3-select .filter-option i {
    display: none;
}

.u-select--v3-select .check-mark {
    display: none !important;
}

.u-select--v3-select .bs-searchbox {
    position: relative;
    padding: 1.57143rem 1.14286rem 0.57143rem;
}

.u-select--v3-select .bs-searchbox::before {
    content: "\ea0f";
    position: absolute;
    top: 32px;
    left: 32px;
    font-size: 16px;
    font-family: "hs-admin-icons", sans-serif;
    color: #bfcece;
}

.u-select--v3-select .bs-searchbox input {
    color: #53585e;
    border: 1px solid #e1eaea;
    border-radius: 4px;
    padding: 10px 20px 10px 50px;
}

.u-select--v3-select .bs-searchbox input:focus {
    border-color: #22bfdd;
}

.u-select--v3-select .dropdown-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    color: #acbdbd;
    min-height: 3.42857rem;
    padding: 0 1.42857rem;
}

.u-select--v3-select .dropdown-menu[role="combobox"] {
    min-width: calc(100% + 2px) !important;
    border: none;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
    margin-top: 0.71429rem;
    margin-left: -1px;
}

.u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] li.hidden {
    display: none;
}

.u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #53585e;
    white-space: nowrap;
    min-height: 3.42857rem;
    padding: 0 1.42857rem !important;
}

.u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] a i {
    color: #bfcece;
}

.u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] li:hover a,
.u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] li.active a {
    text-decoration: none;
    background-color: #f5f9f9;
    color: #000;
}

.u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] li:hover a i,
.u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] li.active a i {
    color: #bfcece;
}

.u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] .text {
    display: block;
    width: 100%;
}

.u-select--v3-select.dropup .dropdown-menu[role="combobox"] {
    margin-top: 0;
    margin-bottom: 0.71429rem;
}

.u-select-dropdown--blue-theme .dropdown-menu[role="listbox"] li:hover a,
.u-select-dropdown--blue-theme .dropdown-menu[role="listbox"] li.active a {
    color: #22bfdd;
}

.u-select-dropdown--blue-theme .dropdown-menu[role="listbox"] li:hover a i,
.u-select-dropdown--blue-theme .dropdown-menu[role="listbox"] li.active a i {
    color: #22bfdd;
}

.u-select-dropdown--width-auto .dropdown-menu[role="combobox"] {
    min-width: calc(220px - 2px);
}

.u-select-dropdown--right .dropdown-menu[role="combobox"] {
    left: auto !important;
    right: 0;
    margin-left: 0;
    margin-right: -1px;
}

.u-select-dropdown--search-rounded .bs-searchbox input {
    border-radius: 25px;
}

.u-select-dropdown--search-line .bs-searchbox input {
    border-radius: 0;
    border-width: 0 0 1px 0;
    padding-left: 0 !important;
}

.u-select-dropdown--search-right .bs-searchbox::before {
    left: auto;
    right: 32px;
}

.u-select-dropdown--search-right .bs-searchbox input {
    padding: 10px 50px 10px 20px;
}

.u-select-dropdown--visible-result-icon .filter-option i {
    display: block;
}


/*------------------------------------
  Quantity v2
------------------------------------*/
.u-quantity--v2 {
    overflow: hidden;
    border: 1px solid;
}

.u-quantity--v2 .input-group-addon {
    min-width: auto;
    text-align: center;
    border: none;
}

.u-quantity--v2 input {
    background-color: #fff !important;
    text-align: center;
    border: none;
}


/*------------------------------------
  Custom
------------------------------------*/
.tag {
    background-color: #00BFBF!important;
}



/*-----------------------------------------------------------------------------------------
  Secondary and Tertiary Classes
------------------------------------------------------------------------------------------*/


/*------------------------------------
  Secondary Background Color
------------------------------------*/

.g-bg-secondary,
.g-bg-secondary--hover:hover,
.g-parent:hover .g-bg-secondary--parent-hover,
.g-bg-secondary--active.active,
.active .g-bg-secondary--active,
.g-parent.active .g-bg-secondary--parent-active {
    background-color: rgba(var(--secondaryRGB), 1) !important;
}

.g-bg-secondary--before::before,
.g-bg-secondary--after::after {
    background-color: rgba(var(--secondaryRGB), 1) !important;
}

.g-bg-secondary-opacity-0_1 {
    background-color: rgba(var(--secondaryRGB), .1) !important;
}

.g-bg-secondary-opacity-0_2,
.g-bg-secondary-opacity-0_2--hover:hover,
.g-bg-secondary-opacity-0_2--hover--after:hover::after,
.g-bg-secondary-opacity-0_2--before::before,
.g-bg-secondary-opacity-0_2--after::after {
    background-color: rgba(var(--secondaryRGB), .2) !important;
}

.active .g-bg-secondary-opacity-0_2--active {
    background-color: rgba(var(--secondaryRGB), .2) !important;
}

.g-bg-secondary-opacity-0_4,
.g-bg-secondary-opacity-0_4--hover:hover,
.g-bg-secondary-opacity-0_4--hover--after:hover::after,
.g-bg-secondary-opacity-0_4--after::after {
    background-color: rgba(var(--secondaryRGB), .4) !important;
}

.g-bg-secondary-opacity-0_6,
.g-bg-secondary-opacity-0_6--hover:hover,
.g-bg-secondary-opacity-0_6--hover--after:hover::after,
.g-bg-secondary-opacity-0_6--after::after {
    background-color: rgba(var(--secondaryRGB), .6) !important;
}

.g-bg-secondary-opacity-0_8,
.g-bg-secondary-opacity-0_8--hover:hover,
.g-bg-secondary-opacity-0_8--hover--after:hover::after,
.g-bg-secondary-opacity-0_8--before::after,
.g-bg-secondary-opacity-0_8--after::after,
.g-bg-secondary-opacity-0_8--before--hover:hover::after,
.g-bg-secondary-opacity-0_8--after--hover:hover::after {
    background-color: rgba(var(--secondaryRGB), .8) !important;
}

.g-bg-secondary-opacity-0_9,
.g-bg-secondary-opacity-0_9--hover:hover,
.g-bg-secondary-opacity-0_9--hover--after:hover::after,
.g-bg-secondary-opacity-0_9--before::after,
.g-bg-secondary-opacity-0_9--after::after,
.g-bg-secondary-opacity-0_9--before--hover:hover::after,
.g-bg-secondary-opacity-0_9--after--hover:hover::after {
    background-color: rgba(var(--secondaryRGB), .9) !important;
}


/*------------------------------------
  Secondary Border
------------------------------------*/

.g-brd-secondary,
.g-brd-secondary--before::before,
.g-brd-secondary--before--active.active::before,
.slick-active .g-brd-secondary--before--active::before,
.g-brd-secondary--hover:hover,
.g-brd-secondary--active.active,
.g-brd-secondary--active.cbp-filter-item-active,
.slick-active .g-brd-secondary--active,
*:hover > .g-brd-secondary--hover-parent {
    border-color: rgba(var(--secondaryRGB), 1) !important;
}

.g-brd-secondary-opacity-0_3,
.g-brd-secondary-opacity-0_3--hover:hover,
.g-brd-secondary-opacity-0_3--active.active,
.g-brd-secondary-opacity-0_3--active.cbp-filter-item-active,
*:hover > .g-brd-secondary-opacity-0_3--hover-parent {
    border-color: rgba(var(--secondaryRGB), .3) !important;
}

.g-brd-secondary-top,
.g-brd-secondary-top--before::before,
.g-brd-secondary-top--hover:hover,
.g-brd-secondary-top--hover:hover::after,
.g-brd-secondary-top--active.active,
.g-brd-secondary-top--active.active::after {
    border-top-color: rgba(var(--secondaryRGB), 1) !important;
}

.g-brd-secondary-bottom,
.g-brd-secondary-bottom--before::before,
.g-brd-secondary-bottom--hover:hover,
.g-brd-secondary-bottom--hover:hover::after,
.g-brd-secondary-bottom--active.active,
.g-brd-secondary-bottom--active.active::after {
    border-bottom-color: rgba(var(--secondaryRGB), 1) !important;
}

.g-brd-secondary-left,
.g-brd-secondary-left--before::before {
    border-left-color: rgba(var(--secondaryRGB), 1) !important;
}

.g-brd-secondary-right,
.g-brd-secondary-right--before::before {
    border-right-color: rgba(var(--secondaryRGB), 1) !important;
}

.g-brd-secondary-opacity-0_3-top {
    border-top-color: rgba(var(--secondaryRGB), .3) !important;
}

.g-brd-secondary-opacity-0_3-bottom {
    border-bottom-color: rgba(var(--secondaryRGB), .3) !important;
}

.g-brd-secondary-opacity-0_3-left {
    border-left-color: rgba(var(--secondaryRGB), .3) !important;
}

.g-brd-secondary-opacity-0_3-right {
    border-right-color: rgba(var(--secondaryRGB), .3) !important;
}

/*------------------------------------
  Secondary Fill colors
------------------------------------*/

.g-fill-secondary,
.g-fill-secondary path,
.g-fill-secondary polygon,
.g-fill-secondary--hover:hover path,
.g-fill-secondary--hover:hover polygon,
*:hover > * > .g-fill-secondary--hover-parent svg path,
*:hover > * > .g-fill-secondary--hover-parent svg polygon {
    fill: rgba(var(--secondaryRGB), 1) !important;
}


/*------------------------------------
  Secondary Highlight Color
------------------------------------*/

.g-bg-secondary ::-moz-selection {
    color: rgba(var(--secondaryRGB), 1);
}

.g-bg-secondary ::selection {
    color: rgba(var(--secondaryRGB), 1);
}

/*------------------------------------
  Secondary Colors
------------------------------------*/

.g-color-secondary,
.g-color-secondary--hover:hover,
.g-color-secondary--active.cbp-filter-item-active {
    color: rgba(var(--secondaryRGB), 1) !important;
}

.g-color-secondary-opacity-0_3 {
    color: rgba(var(--secondaryRGB), .3) !important;
}

.g-color-secondary-opacity-0_4 {
    color: rgba(var(--secondaryRGB), .4) !important;
}

.g-color-secondary--before::before,
.g-color-secondary--after::after {
    color: rgba(var(--secondaryRGB), 1);
}


/*------------------------------------
  Tertiary Background Color
------------------------------------*/

.g-bg-tertiary,
.g-bg-tertiary--hover:hover,
.g-parent:hover .g-bg-tertiary--parent-hover,
.g-bg-tertiary--active.active,
.active .g-bg-tertiary--active,
.g-parent.active .g-bg-tertiary--parent-active {
    background-color: rgba(var(--tertiaryRGB), 1) !important;
}

.g-bg-tertiary--before::before,
.g-bg-tertiary--after::after {
    background-color: rgba(var(--tertiaryRGB), 1) !important;
}

.g-bg-tertiary-opacity-0_1 {
    background-color: rgba(var(--tertiaryRGB), .1) !important;
}

.g-bg-tertiary-opacity-0_2,
.g-bg-tertiary-opacity-0_2--hover:hover,
.g-bg-tertiary-opacity-0_2--hover--after:hover::after,
.g-bg-tertiary-opacity-0_2--before::before,
.g-bg-tertiary-opacity-0_2--after::after {
    background-color: rgba(var(--tertiaryRGB), .2) !important;
}

.active .g-bg-tertiary-opacity-0_2--active {
    background-color: rgba(var(--tertiaryRGB), .2) !important;
}

.g-bg-tertiary-opacity-0_4,
.g-bg-tertiary-opacity-0_4--hover:hover,
.g-bg-tertiary-opacity-0_4--hover--after:hover::after,
.g-bg-tertiary-opacity-0_4--after::after {
    background-color: rgba(var(--tertiaryRGB), .4) !important;
}

.g-bg-tertiary-opacity-0_6,
.g-bg-tertiary-opacity-0_6--hover:hover,
.g-bg-tertiary-opacity-0_6--hover--after:hover::after,
.g-bg-tertiary-opacity-0_6--after::after {
    background-color: rgba(var(--tertiaryRGB), .6) !important;
}

.g-bg-tertiary-opacity-0_8,
.g-bg-tertiary-opacity-0_8--hover:hover,
.g-bg-tertiary-opacity-0_8--hover--after:hover::after,
.g-bg-tertiary-opacity-0_8--before::after,
.g-bg-tertiary-opacity-0_8--after::after,
.g-bg-tertiary-opacity-0_8--before--hover:hover::after,
.g-bg-tertiary-opacity-0_8--after--hover:hover::after {
    background-color: rgba(var(--tertiaryRGB), .8) !important;
}

.g-bg-tertiary-opacity-0_9,
.g-bg-tertiary-opacity-0_9--hover:hover,
.g-bg-tertiary-opacity-0_9--hover--after:hover::after,
.g-bg-tertiary-opacity-0_9--before::after,
.g-bg-tertiary-opacity-0_9--after::after,
.g-bg-tertiary-opacity-0_9--before--hover:hover::after,
.g-bg-tertiary-opacity-0_9--after--hover:hover::after {
    background-color: rgba(var(--tertiaryRGB), .9) !important;
}

/*------------------------------------
  Tertiary Border
------------------------------------*/

.g-brd-tertiary,
.g-brd-tertiary--before::before,
.g-brd-tertiary--before--active.active::before,
.slick-active .g-brd-tertiary--before--active::before,
.g-brd-tertiary--hover:hover,
.g-brd-tertiary--active.active,
.g-brd-tertiary--active.cbp-filter-item-active,
.slick-active .g-brd-tertiary--active,
*:hover > .g-brd-tertiary--hover-parent {
    border-color: rgba(var(--tertiaryRGB), 1) !important;
}

.g-brd-tertiary-opacity-0_3,
.g-brd-tertiary-opacity-0_3--hover:hover,
.g-brd-tertiary-opacity-0_3--active.active,
.g-brd-tertiary-opacity-0_3--active.cbp-filter-item-active,
*:hover > .g-brd-tertiary-opacity-0_3--hover-parent {
    border-color: rgba(var(--tertiaryRGB), .3) !important;
}

.g-brd-tertiary-top,
.g-brd-tertiary-top--before::before,
.g-brd-tertiary-top--hover:hover,
.g-brd-tertiary-top--hover:hover::after,
.g-brd-tertiary-top--active.active,
.g-brd-tertiary-top--active.active::after {
    border-top-color: rgba(var(--tertiaryRGB), 1) !important;
}

.g-brd-tertiary-bottom,
.g-brd-tertiary-bottom--before::before,
.g-brd-tertiary-bottom--hover:hover,
.g-brd-tertiary-bottom--hover:hover::after,
.g-brd-tertiary-bottom--active.active,
.g-brd-tertiary-bottom--active.active::after {
    border-bottom-color: rgba(var(--tertiaryRGB), 1) !important;
}

.g-brd-tertiary-left,
.g-brd-tertiary-left--before::before {
    border-left-color: rgba(var(--tertiaryRGB), 1) !important;
}

.g-brd-tertiary-right,
.g-brd-tertiary-right--before::before {
    border-right-color: rgba(var(--tertiaryRGB), 1) !important;
}

.g-brd-tertiary-opacity-0_3-top {
    border-top-color: rgba(var(--tertiaryRGB), .3) !important;
}

.g-brd-tertiary-opacity-0_3-bottom {
    border-bottom-color: rgba(var(--tertiaryRGB), .3) !important;
}

.g-brd-tertiary-opacity-0_3-left {
    border-left-color: rgba(var(--tertiaryRGB), .3) !important;
}

.g-brd-tertiary-opacity-0_3-right {
    border-right-color: rgba(var(--tertiaryRGB), .3) !important;
}

/*------------------------------------
  Tertiary Fill colors
------------------------------------*/

.g-fill-tertiary,
.g-fill-tertiary path,
.g-fill-tertiary polygon,
.g-fill-tertiary--hover:hover path,
.g-fill-tertiary--hover:hover polygon,
*:hover > * > .g-fill-tertiary--hover-parent svg path,
*:hover > * > .g-fill-tertiary--hover-parent svg polygon {
    fill: rgba(var(--tertiaryRGB), 1) !important;
}


/*------------------------------------
  Tertiary Highlight Color
------------------------------------*/

.g-bg-tertiary ::-moz-selection {
    color: rgba(var(--tertiaryRGB), 1);
}

.g-bg-tertiary ::selection {
    color: rgba(var(--tertiaryRGB), 1);
}

/*------------------------------------
  Tertiary Colors
------------------------------------*/

.g-color-tertiary,
.g-color-tertiary--hover:hover,
.g-color-tertiary--active.cbp-filter-item-active {
    color: rgba(var(--tertiaryRGB), 1) !important;
}

.g-color-tertiary-opacity-0_3 {
    color: rgba(var(--tertiaryRGB), .3) !important;
}

.g-color-tertiary-opacity-0_4 {
    color: rgba(var(--tertiaryRGB), .4) !important;
}

.g-color-tertiary--before::before,
.g-color-tertiary--after::after {
    color: rgba(var(--tertiaryRGB), 1);
}