/* -----Get in touch form----- */
#input_5_4 {
    appearance: none !important;
    padding-right: 40px !important;
}

.ginput_container_select {
    position: relative;
}

.ginput_container_select::after {
    content: "\f078"; 
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: white;
}

#field_5_6 input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    display: inline-block !important;
    vertical-align: bottom;
}

#field_5_6 input[type="checkbox"]:checked {
    background: transparent !important;
}

#field_5_6 input[type="checkbox"]:checked::after {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 5px;
    line-height: 16px;
}

#field_5_6 .gfield_consent_label {
    padding-left: 20px;
}

#gform_fields_5 input[type="text"],
#gform_fields_5 input[type="email"],
#gform_fields_5 select,
#gform_fields_5 textarea {
    color: #ffffff !important;
}

.get-in-touch-field.subject-dropdown select {
    color: #fff;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}


/* -----About us page----- */
.support-row .image{
    height: 480px;
}
.support-row .gws-button.bg-text\#000000.border-only a:hover{
    color: white;
}
/* .container-col.about-us-banner-content-wrapper > div {
    max-width: 530px;
} */


/* -----Footer----- */
.social-icons-wrapper{
    padding-top: 15px;
}

/* -----Header----- */
.iconic-mega-menu-social{
    height: 326px;
}

/* -----Homepage----- */
.home-brand-products-inner-wrapper{
    gap:20px;
}
.media-content-button-wrapper .media-content{
    max-width: 429px;
}

/**
* ================================================================================================================================================
*/

/* LOGIN & REGISTRATION FORM  */

.iconic-form-outer-wrapper {
    max-width: 552px;
    height: 100%;
    margin: 0 auto;
    padding: 216px 0 208px 0;
}

.iconic-form-outer-wrapper.register {
    padding: 216px 0 141px 0;
}

.iconic-form-inner-wrapper {
    background-color: #fff;
    padding: 48px 51px;
    min-height: 536px;
}

form.woocommerce-form.woocommerce-form-login.login,
form.woocommerce-form.woocommerce-form-register.register {
    height: 100%;
}

.iconic-inner-wrapper-form {
    height: 100%;
}

.iconic-register-form-heading h2 {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.iconic-field-outer-wrapper {
    padding: 47px 0;
}


.woocommerce-form-row.form-row-wide.iconic-input-field.login label,
.woocommerce-form-row.form-row-wide.iconic-input-field.register label,
.woocommerce-billing-fields__field-wrapper .form-row label {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5;
}

.iconic-input-wrapper {
    padding: 16px 0;
    width: 100%;
}

.woocommerce-input-wrapper {
    display: block;
    padding: 16px 0;
    width: 100%;
}

.iconic-input-wrapper.password {
    position: relative;
}

.iconic-input-wrapper input,
.woocommerce-input-wrapper input,
.woocommerce-input-wrapper textarea {
    width: 100%;
    border: unset;
    border-bottom: 1px solid var(--Dark-Grey, #6C6C6C);
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5;
}

.iconic-input-wrapper input:focus,
.coupon.cart-custom-coupon input:focus,
.woocommerce-input-wrapper input:focus,
.woocommerce-input-wrapper textarea:focus {
    border-bottom: 1px solid #04B29D;
    transition: 0.3s ease-out;
}

.iconic-input-wrapper input::placeholder,
.woocommerce-input-wrapper input::placeholder,
.woocommerce-input-wrapper textarea::placeholder {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}

button.toggle-password {
    position: absolute;
    right: 10px;
    background: unset;
    border: unset;
    bottom: 18px;
    padding: unset;
}

button.toggle-password i {
    color: #04B29D;
    font-size: 20px;
}

.woocommerce-form-row.form-row-wide.iconic-input-field.forgot-pass a {
    color: var(--Iconic-Turquoise, #04B29D);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.login-button-wrapper,
.register-button-wrapper {
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: color-mix(in srgb, var(--Iconic-Turquoise, #04B29D) 50%, transparent);
}

.login-button-wrapper  button.woocommerce-button.button.woocommerce-form-login__submit,
.register-button-wrapper  button.woocommerce-button.button.woocommerce-form-register__submit {
    color: var(--White, #FFF);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: unset;
    border: unset;
    padding: unset;
}

.login-button-wrapper:hover,
.register-button-wrapper:hover {
    background: var(--Iconic-Turquoise, #04B29D);
    transition: 0.3s ease-out;
}

.form-row.iconic-input-field.login-submit-wrapper {
    display: flex;
    justify-content: flex-end;
}

.woocommerce-form-row.form-row-wide.iconic-input-field.create-account {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    padding-top: 100px;
}

.iconic-field-outer-wrapper {
    height: 100%;
}

.woocommerce-form-row.form-row-wide.iconic-input-field.create-account p {
    color: #000;
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.woocommerce-form-row.form-row-wide.iconic-input-field.create-account a {
    color: var(--Iconic-Turquoise, #04B29D);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: underline !important;
}


.iconic-form-inner-wrapper.register {
    min-height: 718px;
}

.iconic-field-inner-wrapper {
    display: flex;
    flex-direction: row;
    gap: 26px;
    width: 100%;
    flex-wrap: nowrap;
}

.iconic-field-inner-wrapper .iconic-input-field {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
}

span.consent-text {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

span.consent-text a {
    color: var(--Iconic-Turquoise, #04B29D);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.woocommerce-form-row.form-row-wide.iconic-input-field.register-consent {
    position: relative;
    padding-top: 10px;
}

.woocommerce-form-row.form-row-wide.iconic-input-field.register-consent label:before {
    border: 1px solid #04B29D;
    background-color: transparent;
    position: absolute;
    cursor: pointer;
    height: 24px;
    content: '';
    width: 24px;
    bottom: 0;
    left: 0px;
    border-radius: 4px;
}

.woocommerce-form-row.form-row-wide.iconic-input-field.register-consent label:has(input:checked)::after {
    border: solid #04B29D;
    position: absolute;
    display: block;
    bottom: 5px;
    height: 16px;
    content: '';
    width: 8px;
    left: 8px;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    cursor: pointer;
}

.woocommerce-form-row.form-row-wide.iconic-input-field.register-consent input {
    width: unset;
    display: none;
}

.woocommerce-form-row.form-row-wide.iconic-input-field.register-consent span.consent-text {
    margin-left: 35px;
}

.form-row.iconic-input-field.login-submit-wrapper.register {
    padding-top: 10px;
}

.form-row.iconic-input-field.login-submit-wrapper {
    padding-top: 10px;
}

.iconic-woocommerce-error ul.woocommerce-error {
    background-color: #04B29D;
    padding: 8px;
    list-style-type: none;
    margin: unset;
    margin-bottom: 20px;
}

.iconic-woocommerce-error ul.woocommerce-error li {
    color: #fff;
    font-family: "Google Sans Flex 120pt";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.iconic-woocommerce-error ul.woocommerce-error li strong {
    font-weight: 900;
}

.iconic-woocommerce-error ul.woocommerce-error li a {
    color: #fff;
    font-size: 16px;
}

.iconic-woocommerce-error ul.woocommerce-error li a:hover {
    text-decoration: underline !important;
    transition: 0.3s ease-out;
}


/* MY ACCOUNT EDIT ACCOUNT  */

.iconic-my-account-banner-wrapper {
    height: 418px;
}

.iconic-my-account-inner-banner-wrapper {
    /* // change bakcground image url to general so it works on live also */
    background-image: url('https://staging.iconic.mu/wp-content/uploads/2026/09/iconic-banner-img.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    background-position-y: center;
}

.iconic-my-account-content-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    gap: 120px;
}

.iconic-personal-information-content-wrapper {
    width: 50%;
}

.iconic-password-change-content-wrapper {
    width: 50%;
}

.iconic-my-account-content-wrapper-outer {
    padding: 76px 0 216px 0;
}

.iconic-personal-information-content-outer-wrapper,
.iconic-password-change-content-outer-wrapper {
    padding-top: 36px;
}

button.show-password-input {
    display: none;
}

.form-row.iconic-input-field.login-submit-wrapper.edit-account {
    justify-content: flex-start;
}

.register-button-wrapper.edit-account button {
    color: var(--White, #FFF);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: unset;
    border: unset;
    padding: unset;
}


/* =========================================
 * CUSTOM SWITCHES
 * ========================================= */

.newsletter-switch-wrapper .iconic-input-wrapper,
.order-updates-switch-wrapper .iconic-input-wrapper,
.iconic-billing-switch-wrapper .iconic-input-wrapper {
    position: relative;
    width: 55px;
    height: 28px;
    flex-shrink: 0;
}

/* Native checkbox */
.newsletter-switch-wrapper input[type="checkbox"],
.order-updates-switch-wrapper input[type="checkbox"],
.iconic-billing-switch-wrapper input[type="checkbox"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

/* Track */
.newsletter-switch-wrapper .iconic-input-wrapper::before,
.order-updates-switch-wrapper .iconic-input-wrapper::before,
.iconic-billing-switch-wrapper .iconic-input-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #ECECEC;
    border-radius: 100px;
    transition: background 0.3s ease;
}

/* Knob */
.newsletter-switch-wrapper .iconic-input-wrapper::after,
.order-updates-switch-wrapper .iconic-input-wrapper::after,
.iconic-billing-switch-wrapper .iconic-input-wrapper::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    top: 3px;
    right: 28px;
    background: #FFFFFF;
    border-radius: 50%;
    transition: transform 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

/* Checked */
.newsletter-switch-wrapper .iconic-input-wrapper:has(input:checked)::before,
.order-updates-switch-wrapper .iconic-input-wrapper:has(input:checked)::before,
.iconic-billing-switch-wrapper .iconic-input-wrapper:has(input:checked)::before {
    background: #04B29D;
}

.newsletter-switch-wrapper .iconic-input-wrapper:has(input:checked)::after,
.order-updates-switch-wrapper .iconic-input-wrapper:has(input:checked)::after,
.iconic-billing-switch-wrapper .iconic-input-wrapper:has(input:checked)::after {
    transform: translateX(22px);
}

.iconic-billing-switch-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

.iconic-input-wrapper.switch {
    padding: unset;
}

.form-row.iconic-input-field.register.switch-wrapper {
    display: flex;
    flex-flow: row-reverse;
    justify-content: flex-end;
    gap: 25px;
    padding-bottom: 25px;
}

.form-row.iconic-input-field.register.newsletter-switch-wrapper.switch-wrapper {
    padding-top: 46px;
}

.register-button-wrapper.edit-account {
    background-color: #04B29D;
}

.iconic-input-wrapper .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    width: 100%;
}

.iconic-my-account-inner-banner-wrapper .iconic-widthcontainer {
    height: 100%;
}

.iconic-my-account-heading-inner-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

h1.iconic-my-account-heading {
    color: var(--White, #FFF);
    font-family: "Google Sans Flex";
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.iconic-my-account-heading-info h2 {
    color: var(--White, #FFF);
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 10px;
}

.iconic-my-account-heading-info p {
    color: var(--White, #FFF);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.iconic-my-account-heading-info {
    padding-top: 18px;
}


.iconic-my-account-tab-menu-wrapper nav ul {
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 67px 0 33px 0;
}

.iconic-my-account-tab-menu-wrapper nav ul li {
    position: relative;
    padding: 0 18px;
}

.iconic-my-account-tab-menu-wrapper nav ul li a {
    color: var(--White, #FFF);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Underline */
.iconic-my-account-tab-menu-wrapper nav ul li:not(.woocommerce-MyAccount-navigation-link--customer-logout) a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 2px;
    background: var(--White, #FFF);

    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}

/* Hover */
.iconic-my-account-tab-menu-wrapper nav ul li:not(.woocommerce-MyAccount-navigation-link--logout) a:hover::after {
    transform: scaleX(1);
}

/* Active menu item */
.iconic-my-account-tab-menu-wrapper nav ul li.is-active:not(.woocommerce-MyAccount-navigation-link--customer-logout) a::after,
.iconic-my-account-tab-menu-wrapper nav ul li.is-active:not(.woocommerce-MyAccount-navigation-link--customer-logout) a:hover::after {
    transform: scaleX(1);
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-left: auto;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a {
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid var(--White, #FFF);
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: var(--White, #FFF);
    color: var(--Iconic-Turquoise, #04B29D);
    transition: 0.3s ease-out;
}

.iconic-my-account-content-wrapper.address {
    display: block;
}

.iconic-address-content-outer-wrapper .iconic-addresses-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    gap: 120px;
    flex-direction: row-reverse;
}

.iconic-address-card.billing {
    width: 50%;
}

.iconic-address-card.shipping {
    width: 50%;
}

.iconic-address-card-header h3 {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.iconic-address-card-header {
    padding-bottom: 36px;
}

.iconic-billing-switch-wrapper {
    display: flex;
    flex-direction: row-reverse;
    max-width: 50%;
    justify-content: flex-end;
    padding-top: 36px;
}

.iconic-billing-switch-wrapper.checkout {
    max-width: 100%;
}

.iconic-billing-switch-wrapper .iconic-input-wrapper.switch {
    width: 17%;
}

.iconic-billing-switch-wrapper label.iconic-billing-switch {
    width: 83%;
}

.iconic-address-save-wrapper {
    margin-top: 86px;
    background-color: #04B29D;
}

.iconic-address-save-wrapper.register-button-wrapper button {
    background: url();
    border: unset;
    padding: unset;
    color: var(--White, #FFF);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.iconic-address-save-wrapper.register-button-wrapper:hover,
.wc-proceed-to-checkout.custom-cart.button a:hover {
    background-color: #000;
    transition: 0.3s ease-out;
}

.register-button-wrapper.edit-account:hover {
    background-color: #000;
    transition: 0.3s ease-out;
}

.iconic-billing-switch-wrapper label {
    color: #000;
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

div#billing-address-fields {
    padding-top: 20px;
}



/* MY ACCOUNT ORDERS  */


.iconic-orders-content-wrapper {
    width: 100%;
}

.iconic-my-orders-filter-inner-tab-wrapper {
    display: flex;
    padding-top: 40px;
}

.iconic-my-orders-filter-tab-wrapper {
    max-width: 75%;
}

.iconic-my-orders-tabs-filter {
    padding: unset;
    margin: unset;
    list-style-type: none;
    display: flex;
    gap: 38px;
}

.iconic-my-orders-select-filter {
    margin-left: auto;
}

.iconic-my-orders-select-filter select {
    background-color: unset;
    border: unset;
    width: 170px;
}

li.iconic-my-orders-tab {
    position: relative;
    padding: 0 18px;
}

li.iconic-my-orders-tab a {
    position: relative;
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Underline - hidden by default */
li.iconic-my-orders-tab a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 2px;
    background: #000;

    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}

/* Hover - expand from center */
li.iconic-my-orders-tab a:hover::after {
    transform: scaleX(1);
}

/* Active - always visible */
li.iconic-my-orders-tab.is-active a::after {
    transform: scaleX(1);
}


.iconic-my-orders-select {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.iconic-orders-table-outer-wrapper {
    max-width: 75%;
    margin-top: 70px;
    /* border: 1px solid #ECECEC; */
}


.iconic-orders-table-inner-wrapper {
    /* padding: 16px 22px 27px 22px; */
    border: 1px solid #ECECEC;
    border-bottom: unset;
}

.iconic-orders-table-inner-wrapper:last-child {
    border-bottom: 1px solid #ECECEC;
}

.iconic-orders-table-header {
    display: flex;
    flex-direction: row;
    gap: 50px;
    padding: 16px 22px;
    align-items: center;
}

.order-header-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.order-view-single-wrapper.order-header-item {
    margin-left: auto;
}

.order-product-content-wrapper {
    display: flex;
    gap: 22px;
    align-items: center;
    padding: 0 22px;
}

.order-date-delivered-wrapper {
    padding: 20px 22px 16px 22px;
}


.order-header-label {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.iconic-order-table-product-content {
    border-top: 1px solid #ECECEC;
    padding-bottom: 40px;
}


.order-header-value {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.order-product-title a {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.order-product-variation-label {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.order-product-price span {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.order-date-delivered-wrapper {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.order-view-single-wrapper.order-header-item {
    background-color: #04B29D;
    border-radius: 100px;
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.order-view-single-wrapper.order-header-item a {
    color: var(--White, #FFF);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.order-view-single-wrapper.order-header-item:hover {
    background-color: #000;
    transition: 0.3s ease-out;
}

.order-product-price {
    padding-top: 20px;
}

.order-product-variation {
    padding-top: 6px;
}

.iconic-orders-content-wrapper .woocommerce-pagination.woocommerce-Pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 90px;
}

.iconic-orders-content-wrapper .woocommerce-pagination.woocommerce-Pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 38px;
    padding: 0 10px;
    color: #646665;
    text-decoration: none;
    transition: all 0.2s ease;
}

.iconic-orders-content-wrapper .woocommerce-pagination.woocommerce-Pagination a.current-page,
.iconic-orders-content-wrapper .woocommerce-pagination.woocommerce-Pagination a:hover {
    color: #000;
}


.iconic-orders-content-wrapper .woocommerce-pagination.woocommerce-Pagination a.woocommerce-button.woocommerce-button--next.button {
    color: #000 !important;
}



/* CART CHECKOUT STEPS  */

.iconic-my-account-heading-inner-wrapper.cart-heading {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 38px;
    padding: 30px 0 58px 0;
    box-sizing: border-box;
}

/* Heading */
.cart-heading-wrapper h1 {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Google Sans Flex";
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Steps layout */
.cart-checkout-steps-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}

/* Each step */
.cart-checkout-steps-item {
    position: relative;
    flex: 1;
    min-width: 0;
    display: flex;
    justify-content: center;
    text-align: center;
}

/* Connecting lines */
.cart-checkout-steps-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 20px;
    left: calc(50% + 125px);
    width: 37px;
    height: 1px;
    background: rgba(255, 255, 255, 1.0);
}

/* Number and label */
.cart-checkout-item-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

/* Number circle */
.cart-checkout-item-content h3 {
    width: 34px;
    height: 34px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    box-sizing: border-box;
}

/* Step label */
.cart-checkout-item-content span {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Google Sans Flex";
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Active step: Cart */
.cart-checkout-steps-item .cart-checkout-item-content.is-active h3 {
    background: #fff;
    color: #111;
}

.iconic-my-account-inner-content-wrapper.cart-inner-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.cart-table-wrapper {
    width: 70%;
}

.cart-collaterals.cart-totals {
    width: 30%;
}

tr.woocommerce-cart-form__cart-item.cart-form-custom.cart_item {
    border: 1px solid #ECECEC;
    display: flex;
    flex-direction: row;
    gap: 28px;
    padding: 20px;
    margin-top: 20px;
}

.cart-form-custom td.product-thumbnail a img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

tr.woocommerce-cart-form__cart-item.cart-form-custom.cart_item td.product-thumbnail {
    width: 20%;
}

tr.woocommerce-cart-form__cart-item.cart-form-custom.cart_item td.product-name {
    width: 80%;
}

.cart-product-title a {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cart-product-title a {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.product-quantity .quantity {
    max-width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid var(--Black, #000);
    flex-direction: row;
    padding: 6px 24px;
    gap: 20px;
}

.product-quantity .quantity button {
    background: unset;
    border: unset;
    color: #6C6C6C;
    font-size: 20px;
    padding: unset;
    margin: unset;
}

.product-quantity .quantity input {
    border: unset;
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: unset;
    text-align: center;
}

.cart-product-quantity-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    padding-top: 24px;
}

.product-remove a {
    color: #6C6C6C;
    font-weight: 800;
    font-size: 20px;   
}

.cart-product-price {
    padding-top: 18px;
}

.cart-product-price span {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.continue-shopping-btn-wrapper {
    position: relative;
    margin-top: 200px;
}

.continue-shopping-btn-wrapper a {
    position: relative;
    display: inline-block;
    color: var(--Black, #000);
    text-align: center;
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Underline - hidden by default */
.continue-shopping-btn-wrapper a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 2px;
    background: #000;
    transform: scaleX(1);
    transform-origin: center;
    transition: transform 0.3s ease;
}

.continue-shopping-btn-wrapper a {
    position: relative;
    display: inline-block;
    padding-right: 24px;
}

.continue-shopping-btn-wrapper a::before {
    content: '\2192';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    line-height: 1;
}


.cart-totals-inner-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cart-totals-product-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    flex-wrap: nowrap;
}

.cart-collaterals.cart-totals {
    border: 1px solid #ECECEC;
    padding: 20px;
    margin-top: 20px;
}

.cart-totals-product-image img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.cart_totals h2,
.custom-review-order h3 {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 43px;
}

.cart-totals-product-price {
    margin-left: auto;
}

.cart-totals-product-name span {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cart-totals-product-quantity span {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

hr.seperator-cart {
    margin-top: 55px;
    padding: unset;
    color: #ECECEC;
}

hr.seperator-cart.totals {
    margin-top: 28px;
}

hr.seperator-cart.review-order {
    margin-top: 30px;
}

.cart-coupon-inner-wrapper {
    position: relative;
}

.coupon.cart-custom-coupon button {
    position: absolute;
    right: 0;
    display: inline-flex;
    padding: 8px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: unset;
    border-radius: 100px;
    border: 1px solid var(--bo-black, #191817);
    color: var(--bo-black, #191817);
    text-align: center;
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    bottom: 14px;
}

.coupon.cart-custom-coupon input {
    width: 100%;
    border: unset;
    border-bottom: 1px solid var(--Dark-Grey, #6C6C6C);
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5;
    padding: 2px 0 20px 0;
}

.coupon.cart-custom-coupon input::placeholder {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}

.cart-coupon-outer-wrapper {
    margin-top: 27px;
}

.cart-subtotal-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-subtotal-wrapper h3,
.order-total h3,
.cart-discount h4 {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

span.subtotal-value,
.order-total span {
    color: var(--Dark-Grey, #6C6C6C);
    text-align: right;
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cart-totals-content-outer-wrapper {
    padding-top: 43px;
}

.cart-shipping-wrapper {
    padding-top: 23px;
}

.coupon.cart-custom-coupon button:hover {
    background: var(--Iconic-Turquoise, #04B29D);
    transition: 0.3s ease-out;
    color: #fff;
    border: 1px solid #04B29D;
}

.shipping-options-wrapper .woocommerce-shipping-methods,
.woocommerce-checkout-payment.review-order ul {
    list-style-type: none;
    padding: unset;
    margin: unset;
}

.shipping-options-wrapper .woocommerce-shipping-methods li,
.woocommerce-checkout-payment.review-order ul li {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    padding-bottom: 20px;
}

.shipping-options-wrapper .woocommerce-shipping-methods li input[type="radio"],
.woocommerce-checkout-payment.review-order ul li input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    border: 1px solid #04B29D;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
}

/* Selected radio button */
.shipping-options-wrapper .woocommerce-shipping-methods li input[type="radio"]:checked,
.woocommerce-checkout-payment.review-order ul li input[type="radio"]:checked {
    border-color: #04B29D;
}

/* Inner circle */
.shipping-options-wrapper .woocommerce-shipping-methods li input[type="radio"]:checked::after,
.woocommerce-checkout-payment.review-order ul li input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 5px;
    left: 5px;
    border-radius: 50%;
    background-color: #04B29D;
}

.shipping-options-wrapper .woocommerce-shipping-methods li label {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    margin: 0;
}

.order-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding-top: 20px;
}

.wc-proceed-to-checkout.custom-cart.button {
    margin-top: 52px;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.wc-proceed-to-checkout.custom-cart.button a {
    color: var(--White, #FFF);
    font-family: "Google Sans Flex 120pt";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    height: 100%;
    background-color: #04B29D;
    padding: 12px 24px;
    border-radius: 100px;
    background: var(--Iconic-Turquoise, #04B29D);
}

span.product-price {
    color: var(--Dark-Grey, #6C6C6C);
    text-align: right;
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.cart-coupon-discount {
    padding-top: 20px;
}

.cart-discount {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-discount span.discount-value a {
    color: #04B29D;
}

.cart-discount span.discount-value a:hover {
    transition: 0.3s ease-out;
    color: #000;
}

.cart-notice-wrapper .woocommerce-notices-wrapper {
    display: block;
}

.cart-notice-wrapper .woocommerce-notices-wrapper ul {
    background-color: #04B29D;
    list-style-type: none;
    padding: 10px;
    margin: unset;
    border-color: #04B29D;
}

.cart-notice-wrapper .woocommerce-notices-wrapper ul li,
.cart-notice-wrapper .woocommerce-notices-wrapper .woocommerce-message {
    color: #fff;
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cart-notice-wrapper .woocommerce-notices-wrapper {
    margin: 0 auto !important;
    max-width: 85%;
}

.cart-notice-wrapper .woocommerce-notices-wrapper .woocommerce-message {
    background-color: #04B29D;
    padding: 10px;
    margin: unset;
    border-color: #04B29D;
}


.iconic-empty-cart-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 24px;
    width: 100%;
}

.iconic-empty-cart-inner {
    width: 100%;
    max-width: 720px;
    text-align: center;
    padding: 48px 32px;
    background: #fff;
}

.iconic-empty-cart-inner .empty-cart-icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    border-radius: 50%;
    background: #f1faf8;
    color: #04B29D;
    font-size: 42px;
}

.iconic-empty-cart-inner h2 {
    margin: 0 0 12px;
    font-size: 28px;
    font-weight: 600;
    color: #111;
}

.iconic-empty-cart-inner p {
    margin: 0 0 28px;
    color: #666;
    font-size: 15px;
    line-height: 1.7;
}

.iconic-empty-cart-inner a.iconic-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 26px;
    border: 1px solid #04B29D;
    border-radius: 5px;
    background: #04B29D;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.iconic-empty-cart-inner a.iconic-btn:hover {
    background: #038f7e;
    border-color: #038f7e;
    color: #fff;
}

.wc-empty-cart-message {
    display: none;
}

.cart-notice-wrapper .woocommerce-notices-wrapper .woocommerce-message a {
    color: #000;
}


/* Checkout form step 2 - Contact Information  */

.checkout-inner-wrapper{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.form-checkout-wrapper {
    width: 100%;
}

.form-checkout-wrapper form .iconic-checkout-card-outer-wrapper {
    width: 70%;
}

.form-checkout-wrapper form .custom-review-order {
    width: 30%;
}

.iconic-checkout-card-inner-wrapper .billing-details-custom,
.iconic-checkout-card-inner-wrapper .shipping-details-custom {
    width: 100%;
}

.woocommerce-form-login-toggle {
    display: none;
}

.woocommerce-form-coupon-toggle {
    display: none;
}

.shipping-hide {
    display: none;
}

.custom-review-order .custom-review-order-wrapper {
    border: 1px solid var(--Light-Grey, #ECECEC);
    padding: 23px 23px 28px 23px;
}

.cart-subtotal-wrapper.review-order h3 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.cart-totals-content-outer-wrapper.checkout-review-totals {
    padding-top: unset;
}

.cart-totals-wrapper.review-order .order-total h3 {
    padding-bottom: unset;
}

.woocommerce-checkout-payment.review-order ul {
    list-style-type: none;
    padding: unset;
    margin: unset;
    display: flex;
    flex-direction: column-reverse;
}

.woocommerce-checkout-payment.review-order ul li .payment_box {
    display: none !important;
}

.cart-totals-wrapper.review-order .order-total {
    padding-bottom: 30px;
}

.cart-totals-wrapper.review-order .order-total h3 {
    text-transform: uppercase;
}

.billing-card-heading h3,
.shipping-card-heading h3,
.checkout-account-card-heading h3 {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 21px;
}

.iconic-billing-switch-wrapper.checkout .iconic-billing-switch {
    width: 88%;
}

.iconic-billing-switch-wrapper.checkout .iconic-input-wrapper.switch {
    width: 12%;
}

.custom-place-order-btn-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
}

.custom-place-order-btn-wrapper button {
    border-radius: 100px;
    background: var(--Iconic-Turquoise, #04B29D);
    color: var(--White, #FFF);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 12px 24px;
}

.custom-place-order-btn-wrapper button:hover {
    background-color: #000;
    transition: 0.3s ease-out;
}

.billing-name-wrapper,
.shipping-name-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 26px;
}

.billing-name-wrapper .iconic-input-field,
.shipping-name-wrapper .iconic-input-field {
    width: 100%;
}

.billing-shipping-outer-wrapper,
.iconic-personal-information-content-outer-wrapper.checkout-account {
    max-width: 500px;
}

.woocommerce-billing-fields__field-wrapper.custom-billing-fields p.address-field select,
.woocommerce-shipping-fields__field-wrapper.custom-shipping-fields p.address-field select{
    width: 100%;
    border: unset;
}

.iconic-personal-information-content-outer-wrapper.checkout-account {
    padding-top: unset;
}

.checkout-account-card-heading {
    padding-bottom: 50px;
}

.shipping-content-wrapper,
.billing-content-wrapper {
    padding-top: 29px;
}

.shipping-details-custom.shipping-outer-wrapper {
    padding-top: 76px;
}

.place-order-button-wrapper {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    padding-top: 52px;
}

.place-order-button-wrapper button {
    border-radius: 100px;
    background: var(--Iconic-Turquoise, #04B29D);
    color: #fff;
    padding: 12px 24px;
}

.iconic-my-orders-filter-inner-tab-wrapper.back-orders a {
    color: var(--Black, #000);
    text-align: center;
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.iconic-my-orders-filter-inner-tab-wrapper.back-orders i {
    font-weight: 600;
    padding-right: 6px;
}

.continue-shopping-btn-wrapper.back-cart {
    margin-top: 120px;
    text-align: center;
}

.billing-name-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.billing-name-wrapper .form-row {
    width: 100%;
    margin: 0;
}

.shipping-name-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.shipping-name-wrapper .iconic-input-field {
    min-width: 0;
}

.iconic-my-account-heading-inner-wrapper.order-received {
    justify-content: center;
    align-items: center;
}

h1.iconic-my-account-heading.order-received {
    text-align: center;
}

.order-details-custom-wrapper-outer {
    padding-top: 76px;
}

.order-details-custom-wrapper-inner ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex;
    width: 100%;
    list-style-type: none;
    margin: unset;
    padding: unset;
    flex-direction: row;
    gap: 50px;
}

.order-details-custom-wrapper-inner ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.order-details-custom-wrapper-outer.order-details-payment-method {
    padding-top: 40px;
    padding-bottom: 120px;
}

.order-details-table-wrapper {
    padding-top: 30px;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong {
    color: var(--Black, #000);
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.order-details-table-wrapper h2,
.order-customer-details-wrapper h2,
section.woocommerce-bacs-bank-details h2 {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.order-details-table-wrapper table {
    margin-top: 20px;
}

.iconic-orders-table-outer-wrapper.order-details {
    margin-top: 30px;
}

.iconic-order-table-product-content.order-details {
    padding: 20px 0;
}

.order-product-price.order-details {
    color: #6C6C6C;
}

.order-customer-details-wrapper {
    border: 1px solid #ECECEC;
    border-top: unset;
    max-width: 75%;
}

.order-customer-details-wrapper section {
    padding: 23px;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.order-customer-details-wrapper section .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {
    width: 50%;
}

.order-customer-details-wrapper section .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
    width: 50%;
}

.btn-wrapper.back-to-hompeage {
    text-align: center;
    margin-top: 30px;
}

.btn-wrapper.back-to-hompeage a {
    display: inline-flex;
    padding: 12px 24px;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 100px;
    background: var(--Iconic-Turquoise, #04B29D);
    color: #fff;
}

.order-customer-details-wrapper section.woocommerce-customer-details h2 {
    padding-bottom: 10px;
}

.background-image-wrapper {
    background-image: url('../images/iconic-banner-img.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.iconic-form-inner-wrapper form.woocommerce-ResetPassword.lost_reset_password {
    height: 100%;
}

div.iconic-input-field.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.iconic-input-field.woocommerce-form-row .label label {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5;
}

.iconic-input-field.iconic-btn-wrapper.woocommerce-form-row.form-row {
    text-align: center;
}

.iconic-input-field.iconic-btn-wrapper.woocommerce-form-row.form-row button {
    background-color: #04B29D;
    color: #fff;
    border-radius: 100px;
    border: unset;
    padding: 12px 24px;
}

.iconic-form-inner-wrapper.lost-password {
    min-height: 360px;
}


.iconic-input-wrapper div#password_strength,
.iconic-input-wrapper.password #password_strength {
    text-align: left !important;
}

p.custom-lost-password-confirmation-text {
    padding-top: 20px;
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.5;
}

.iconic-woocommerce-error.edit-account .woocommerce-info {
    text-align: left;
    padding-bottom: 10px;
}


/* Hide default WooCommerce notices on the cart page */
body.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-lost-password .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-lost-password.page-id-9 .woocommerce > .woocommerce-message,
body.woocommerce-edit-account .woocommerce-notices-wrapper > ul.woocommerce-error {
    display: none !important;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-error {
    background-color: #04B29D;
    list-style-type: none;
    margin: 20px 0;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-error li a {
    color: #fff;
}

h3.wc-bacs-bank-details-account-name {
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

ul.wc-bacs-bank-details.order_details.bacs_details {
    padding-top: 15px;
}

ul.order_details.custom-order-details {
    list-style-type: none;
    margin: unset;
    padding: unset;
    display: inline-flex;
    flex-direction: row;
    gap: 30px;
    border: 1px solid #ECECEC;
    padding: 16px 22px;
}

ul.order_details.custom-order-details li {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--Dark-Grey, #6C6C6C);
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.order-details-checkout-wrapper {
    padding: 40px 0 0 0;
}

ul.order_details.custom-order-details li strong {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.mips-checkout-outer-wrapper {
    padding-top: 40px;
}

a[href*="add-to-cart"],
.final-price a {
    transition: color 0.3s ease, color 0.3s ease;
}

a[href*="add-to-cart"]:hover i,
.final-price a:hover i {
    color: #04B29D;
}

.gfield .ginput_container input,
.gfield .ginput_container textarea {
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.8;
}


.gform_confirmation_message {
    color: var(--White, #FFF);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.archive-our-brands-container.candy .brand-categories-wrapper,
.archive-our-brands-container.sony .brand-categories-wrapper {
    justify-content: flex-start;
}

.banner-button a i {
    margin-left: 10px;
}

.gws-button.bg.bg-text-hover.add-arrow a i {
    margin-left: 10px;
}

.media-button a i {
    margin-left: 10px;
}

.info-box-inner-content-wrapper .button-wrapper a:hover {
    background-color: #000;
    border-color: #000 !important;
    transition: 0.3s ease-out;
    color: #fff!important;
}

.brand-banner-wrapper .banner-content-wrapper .banner-button a:hover,
.brand-media-wrapper .media-content-wrapper .media-button a:hover {
    background-color: #000;
    border-color: #000 !important;
    transition: 0.3s ease-out;
    color: #fff!important;
}

.brand-banner-wrapper .banner-content-wrapper .banner-button a:hover i,
.brand-media-wrapper .media-content-wrapper .media-button a:hover i {
    color: #fff;
}

.brand-media-wrapper.black-bg .media-content-wrapper .media-button a:hover {
    background-color: #fff;
    border-color: #fff !important;
    color: #000!important;
}

.brand-media-wrapper.black-bg .media-content-wrapper .media-button a:hover i {
    color: #000;
}

.learn-more-btn a:hover {
    background-color: #000;
    border-color: #000 !important;
    transition: 0.3s ease-out;
}