.screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important;
}

.hidden-fields-container {
    display: none;
}

span.wpcf7-list-item {
    display: inline-block;
    margin-inline-end: 20px
}

.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
    content: " "
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-form p {
    margin-block-end: 15px
}

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpex-select-wrap {
    margin-block-start: 3px
}

.wpcf7-not-valid-tip {
    color: var(--wpex-red-error);
    font-size: 1em;
    font-weight: normal;
    display: block;
    margin-block-start: 5px
}

.wpcf7-quiz-label {
    display: block
}

.wpcf7 form p:last-of-type {
    margin: 0
}

.wpcf7 .wpcf7-response-output {
    padding: 10px 20px;
    color: var(--wpex-alert-color);
    background: var(--wpex-alert-bg);
    border-width: 0 0 0 4px;
    border-style: solid;
    border-color: currentColor
}

.wpcf7 .field-error {
    display:block;
    float:left;
    width:100%;
    margin:5px 0px;
    padding: 10px 20px;
    color: darkred;
    background: var(--wpex-alert-bg);
    border-width: 0 0 0 4px;
    border-style: solid;
    border-color: red
}
.wpcf7 .msg-success {
    display: block;
    float: left;
    width: 100%;
    margin: 5px 0px;
    padding: 10px 20px;
    color: forestgreen;
    background: var(--wpex-success-bg);
    border-width: 0 0 0 4px;
    border-style: solid;
    border-color: green
}

.wpcf7 .wpcf7-response-output {
    background-color: var(--wpex-success-bg);
    border-inline-start-color: var(--wpex-green-success)
}

.wpcf7 .wpcf7-response-output, .wpcf7 .wpcf7-response-output {
    background-color: var(--wpex-error-bg);
    border-inline-start-color: var(--wpex-red-error)
}

.wpcf7 .wpcf7-response-output, .wpcf7 .wpcf7-response-output, .wpcf7 .wpcf7-response-output {
    color: var(--wpex-alert-color);
    background-color: var(--wpex-warning-bg);
    border-color: var(--wpex-yellow-warning)
}

.wpcf7 .wpcf7-not-valid {
    border-color: var(--wpex-red-error)
}

.wpcf7 :where(.one-half,.col) :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=url],input[type=name]) {
    width: 100%
}

.wpcf7 .one-half:where(:not(.first)) {
    padding-inline-start: 20px
}

.wpcf7 .full-width input {
    width: 100%
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
    content: " ";
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d; /* Dark Gray 800 */
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
}

form.submitting .wpcf7-spinner {
    visibility: visible;
}

.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc; /* Light Gray 100 */
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
    .wpcf7-spinner::before {
        animation-name: blink;
        animation-duration: 2000ms;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes blink {
    from {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.wpcf7 [inert] {
    opacity: 0.5;
}

.wpcf7 input[type="file"] {
    cursor: pointer;
}

    .wpcf7 input[type="file"]:disabled {
        cursor: default;
    }

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    direction: ltr;
}

.wpcf7-reflection > output {
    display: list-item;
    list-style: none;
}

    .wpcf7-reflection > output[hidden] {
        display: none;
    }
ul.products .ywctm-custom-button-container {
    text-align: center;
    display: flex;
    flex: 1 1 100%;
    justify-content: center
}

.ywctm-custom-button-container .ywctm-custom-button {
    border-width: 1px;
    border-style: solid;
    cursor: default;
    display: flex !important;
    text-align: start;
    box-sizing: content-box;
    line-height: 24px;
    font-size: 16px;
    width: auto;
    flex: 1
}

.ywctm-custom-button-container a.ywctm-custom-button {
    cursor: pointer;
    text-decoration: none
}

.ywctm-custom-button-container span.custom-icon, .ywctm-custom-button-container span.ywctm-icon-form, .ywctm-custom-button-container span.ywctm-icon-form:before, .ywctm-custom-button-container span.ywctm-inquiry-title {
    display: inline-block;
    flex: 1
}

.ywctm-custom-button-container span.ywctm-icon-form {
    margin: 0 .4em;
    flex: 0 1
}

.ywctm-custom-button-container span.custom-icon {
    margin: 0 .4em;
    flex: 1 1;
    max-width: 40px;
    font-size: 0
}

    .ywctm-custom-button-container span.custom-icon img {
        width: 100%
    }

.ywctm-custom-button.ywctm-hover-effect {
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

    .ywctm-custom-button.ywctm-hover-effect:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

    .ywctm-custom-button.ywctm-hover-effect:before {
        content: '';
        position: absolute;
        z-index: -2;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

    .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-top {
        overflow: hidden
    }

        .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-top:after {
            width: 100%;
            height: 0;
            top: 0;
            left: 0
        }

        .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-top:before {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

        .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-top:active:after, .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-top:hover:after {
            height: 100%
        }

    .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-left {
        overflow: hidden
    }

        .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-left:after {
            width: 0;
            height: 100%;
            top: 0;
            left: 0
        }

        .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-left:before {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

        .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-left:active:after, .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-left:hover:after {
            width: 100%
        }

    .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-float {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

        .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-float:hover {
            -webkit-transform: translateY(-8px);
            -moz-transform: translateY(-8px);
            -ms-transform: translateY(-8px);
            -o-transform: translateY(-8px);
            transform: translateY(-8px)
        }

    .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-grow-button {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

        .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-grow-button:hover {
            -webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,.6);
            -moz-box-shadow: 0 10px 10px -10px rgba(0,0,0,.6);
            box-shadow: 0 10px 10px -10px rgba(0,0,0,.6);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1)
        }

    .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-push {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale
    }

        .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-push:hover {
            -webkit-animation-name: hover-push-effect;
            animation-name: hover-push-effect;
            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1
        }

@-webkit-keyframes hover-push-effect {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hover-push-effect {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-move-hover-color {
    -moz-transition: all .15s ease-out .15s;
    -o-transition: all .15s ease-out .15s;
    -ms-transition: all .15s ease-out .15s;
    transition: all .15s ease-out .15s;
    -webkit-transition: all .15s ease-out .15s;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

    .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-move-hover-color:before {
        content: '';
        position: absolute;
        top: -7px;
        left: -7px;
        -moz-transition: all .15s ease-out .15s;
        -o-transition: all .15s ease-out .15s;
        -webkit-transition: all .15s ease-out .15s;
        transition: all .15s ease-out .15s;
        -webkit-transition-delay: .15s;
        -moz-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s;
        height: 100%;
        width: 100%
    }

    .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-move-hover-color:hover:before {
        left: 0;
        top: 0
    }

.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-press {
    -moz-box-shadow: 0 8px 20px 1px rgba(0,0,0,.27);
    -webkit-box-shadow: 0 8px 20px 1px rgba(0,0,0,.27);
    box-shadow: 0 8px 20px 1px rgba(0,0,0,.27)
}

    .ywctm-custom-button.ywctm-hover-effect.ywctm-effect-press:hover {
        -webkit-box-shadow: 0 3px 6px 1px rgba(0,0,0,.08);
        -moz-box-shadow: 0 3px 6px 1px rgba(0,0,0,.08);
        box-shadow: 0 3px 6px 1px rgba(0,0,0,.08);
        -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }

.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-shake:hover {
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    animation-name: hover-shake;
    -o-animation-name: hover-shake;
    -ms-animation-name: hover-shake;
    -moz-animation-name: hover-shake;
    -webkit-animation-name: hover-shake;
    animation-duration: 5s;
    -o-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-play-state: running;
    -o-animation-play-state: running;
    -ms-animation-play-state: running;
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running
}

@keyframes hover-shake {
    2% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    4% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    6% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    8% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    10% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    12% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    14% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    16% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    18% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    20% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@-webkit-keyframes hover-shake {
    2% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    4% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    6% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    8% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    10% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    12% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    14% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    16% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    18% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    20% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@-moz-keyframes hover-shake {
    2% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    4% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    6% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    8% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    10% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    12% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    14% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    16% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    18% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    20% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@-o-keyframes hover-shake {
    2% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    4% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    6% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    8% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    10% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    12% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    14% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    16% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    18% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    20% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hover-shake {
    2% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    4% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    6% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    8% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    10% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    12% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    14% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    16% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    18% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    20% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}
.ywctm-inquiry-form-wrapper.has-toggle {
    border: 1px solid #ccc;
    margin: 10px 0
}

    .ywctm-inquiry-form-wrapper.has-toggle .ywctm-toggle-button, .ywctm-inquiry-form-wrapper.has-toggle .ywctm-toggle-content {
        padding: 10px 15px
    }

    .ywctm-inquiry-form-wrapper.has-toggle .ywctm-toggle-content {
        display: none
    }

    .ywctm-inquiry-form-wrapper.has-toggle .ywctm-toggle-button {
        font-weight: 700;
        cursor: pointer
    }

form.cart button.single_add_to_cart_button, form.cart .quantity, .widget.woocommerce.widget_shopping_cart, .woocommerce-variation-price {
    display: none !important
}

.ywctm-inquiry-form-wrapper.has-toggle .ywctm-toggle-button {
    color: rgb(255,255,255);
    background-color: rgb(43,135,189);
}

    .ywctm-inquiry-form-wrapper.has-toggle .ywctm-toggle-button:hover {
        color: rgb(255,255,255);
        background-color: rgb(43,135,189);
    }

.ywctm-button-1014 .ywctm-custom-button {
    color: #4b4b4b;
    background-color: #f9f5f2;
    border-style: solid;
    border-color: #e3bdaf;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px 1px 1px 1px;
    margin: 0 0 0 0;
    padding: 20px 20px 30px 20px;
    max-width: max-content;
}

    .ywctm-button-1014 .ywctm-custom-button:hover {
        color: #4b4b4b;
        background-color: #f9f5f2;
        border-color: #e3bdaf;
    }

.ywctm-button-1013 .ywctm-custom-button {
    color: #247390;
    background-color: #ffffff;
    border-style: solid;
    border-color: #247390;
    border-radius: 50px 50px 50px 50px;
    border-width: 1px 1px 1px 1px;
    margin: 0 0 0 0;
    padding: 5px 10px 5px 10px;
    max-width: 150px;
}

    .ywctm-button-1013 .ywctm-custom-button:hover {
        color: #ffffff;
        background-color: #247390;
        border-color: #247390;
    }

.ywctm-button-1012 .ywctm-custom-button {
    color: #ffffff;
    background-color: #36809a;
    border-style: solid;
    border-color: #36809a;
    border-radius: 50px 50px 50px 50px;
    border-width: 1px 1px 1px 1px;
    margin: 0 0 0 0;
    padding: 5px 10px 5px 10px;
    max-width: 200px;
}

    .ywctm-button-1012 .ywctm-custom-button:hover {
        color: #ffffff;
        background-color: #215d72;
        border-color: #215d72;
    }

.ywctm-button-1011 .ywctm-custom-button {
    color: #ffffff;
    background-color: #e09004;
    border-style: solid;
    border-color: #e09004;
    border-radius: 50px 50px 50px 50px;
    border-width: 1px 1px 1px 1px;
    margin: 0 0 0 0;
    padding: 5px 10px 5px 10px;
    max-width: 200px;
}

    .ywctm-button-1011 .ywctm-custom-button:hover {
        color: #ffffff;
        background-color: #b97600;
        border-color: #b97600;
    }