/*-----------------component-----------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px !important;
    font-weight: 400 !important;
}

b,
strong {
    font-family: 'Optima-Bold' !important;
    font-weight: 400 !important;
}

a {
    color: #332e20;
}

a:hover {
    color: #000000;
}

.price ins {
    margin-left: 4px !important;
    text-decoration: none !important;
}

.price del {
    text-decoration: none !important;
    opacity: 1 !important;
}

.price del .amount {
    color: #71767B !important;
    font-family: 'Lato-Regular' !important;
    font-weight: 600 !important;
}

.price del bdi {
    text-decoration: line-through !important;
}

.price ins .woocommerce-Price-amount.amount {
    color: #CF2826 !important;
    font-weight: 400 !important;
}

.price del .woocommerce-Price-amount.amount {
    font-size: 14px !important;
}

input[type=text]:focus,
.select2 .select2-selection__rendered:focus {
    border-color: #E2E2E3 !important;
    background-color: #978B8733 !important;
}

input[type=text],
.select2 .select2-selection__rendered {
    padding: 12px 16px;
    line-height: 24px !important;
}

.select2 .select2-selection__arrow {
    height: 50px !important;
}

.select2 .select2-selection__arrow b {
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="15" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.1596 6L8.45463 10.705L3.74963 6L4.45463 5.295L8.45463 9.295L12.4546 5.295L13.1596 6Z" fill="%2358575E"/%3E%3C/svg%3E');
    width: 16px !important;
    height: 15px !important;
    border: 0px !important;
    top: 50% !important;
    bottom: initial;
    -webkit-transform: translate(0%, -50%) !important;
    transform: translate(0%, -50%) !important;
}

.select2-container--default .select2-results__option[data-selected=true].select2-results__option--highlighted,
.select2-container--default .select2-results__option.select2-results__option--highlighted {
    color: #ffffff !important;
}

.form-row.form-row-first,
.form-row.form-row-last {
    width: 50% !important;
}

.form-row.form-row-first {
    padding-right: 8px !important;
}

.form-row.form-row-last {
    padding-left: 8px !important;
}

.form-row.form-row-last>label:not(.woocommerce-form-login__rememberme) {
    left: 23px !important;
}

.form-row,
.contact-form-01 .elementor-field-group {
    position: relative;
    padding: 8px 0px !important;
}

.form-row:not(.coupon-col) input:not([type=checkbox]):not([type=radio]):not([name=coupon_code]),
.form-row .select2-selection__rendered:not(#select2-calc_shipping_state-container),
.contact-form-01 .elementor-field-group input:not([type=checkbox]):not([type=radio]):not([type=file]),
.contact-form-01 select {
    height: 50px !important;
    padding: 20px 16px 3px!important;
    border-radius: 6px !important;
}

.form-row .select2-selection__rendered:not(#select2-calc_shipping_state-container) {
    padding: 22px 16px 3px!important;
}

.form-row .select2-selection__rendered,
.contact-form-01 select {
    height: 50px !important;
}

.form-row textarea,
.contact-form-01 textarea {
    height: 80px !important;
    padding: 20px 16px 3px!important;
    border-radius: 6px !important;
    font-size: 14px !important;
}

.form-row>label:not(.woocommerce-form-login__rememberme),
.contact-form-01 .elementor-field-group:not(.elementor-field-type-radio):not(.elementor-field-type-checkbox):not(.elementor-field-type-upload):not(.elementor-field-type-acceptance)>label {
    font-weight: normal;
    font-size: 13px !important;
    position: absolute;
    top: 14px !important;
    left: 16px !important;
    margin-left: 1px;
    margin-bottom: 0;
    line-height: 1.1;
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    padding: 0px;
    color: #332e20 !important;
    margin-bottom: 0px !important;
    line-height: 16px !important;
}

.contact-form-01 .elementor-field-group:not(.elementor-field-type-radio):not(.elementor-field-type-checkbox):not(.elementor-field-type-upload)>label {
    top: 18px !important;
}

.form-row input::placeholder,
.form-row textarea::placeholder,
.contact-form-01 input::placeholder,
.contact-form-01 textarea::placeholder {
    font-size: 13px !important;
}

.form-row .screen-reader-text {
    clip: auto !important;
    width: auto;
    height: auto;
    margin: 0px !important;
    clip-path: initial !important;
}

label.checkbox input[type=checkbox],
label.woocommerce-form__label-for-checkbox input[type=checkbox] {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    margin-right: 8px !important;
    position: relative;
    top: 1px;
}

label.checkbox input[type=checkbox]:checked,
label.woocommerce-form__label-for-checkbox input[type=checkbox]:checked {
    height: 0px;
}

label.checkbox,
label.woocommerce-form__label-for-checkbox {
    position: relative;
    padding-left: 0px !important;
}

label.checkbox input[type=checkbox]+span,
label.woocommerce-form__label-for-checkbox input[type=checkbox]+span {
    position: initial;
    padding-left: 24px;
}

label.checkbox input[type=checkbox],
label.woocommerce-form__label-for-checkbox input[type=checkbox] {
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(0%, -50%);
}

label.checkbox input[type=checkbox]:checked+span:before,
label.woocommerce-form__label-for-checkbox input[type=checkbox]:checked+span:before {
    content: "";
    background-image: url('data:image/svg+xml,%3Csvg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.98616 3.29309C1.59564 2.90256 0.96247 2.90256 0.571946 3.29309C0.181422 3.68361 0.181422 4.31678 0.571946 4.7073L1.98616 3.29309ZM3.67905 6.4002L2.97195 7.1073C3.36247 7.49783 3.99564 7.49783 4.38616 7.1073L3.67905 6.4002ZM9.58616 1.9073C9.97668 1.51678 9.97668 0.883613 9.58616 0.493089C9.19564 0.102564 8.56247 0.102564 8.17195 0.493088L9.58616 1.9073ZM0.571946 4.7073L2.97195 7.1073L4.38616 5.69309L1.98616 3.29309L0.571946 4.7073ZM4.38616 7.1073L9.58616 1.9073L8.17195 0.493088L2.97195 5.69309L4.38616 7.1073Z" fill="%23978B87"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px;
    border-radius: 3px;
    border: 1px solid #7A8398;
    background-position: center;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(0%, -50%);
    background-color: #FFFFFF;
}

button:focus {
    outline: 0 !important;
}

.woocommerce-message,
.woocommerce-info {
    border-color: #978B87 !important;
    background-color: #ffffff !important;
    font-family: "Lato-Regular" !important;
    margin-bottom: 0px;
}

.woocommerce-message .button,
.woocommerce-info .button {
    background-color: #fff !important;
    border: 1px solid #000 !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 8px 16px !important;
    font-weight: 400 !important;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover {
    background-color: #978B87 !important;
    border: 1px solid #978B87 !important;
    color: #fff !important;
}

.woocommerce-message .wp-element-button {
    color: #ffffff !important;
    background-color: #000000 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    border-radius: 0px !important;
    padding: 8px 24px 8px 24px !important;
    font-weight: 500 !important;
}

.woocommerce-message .wp-element-button:hover {
    color: #FFFFFF !important;
    background-color: #978B87 !important;
}

.woocommerce-message:before,
.woocommerce-info::before {
    color: #978B87 !important;
}

.swiper-pagination {
    z-index: 1 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #C5BBB6;
    margin: 0px 8px !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #978B87;
}

.swiper-container .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0px 8px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #978B87;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 0px;
    padding: 6px 16px;
    font-weight: 400;
    line-height: 24px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
 :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
    border-color: #978B87;
    background-color: #978B87;
    color: #fff;
    padding: 6px 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .form-row.form-row-first,
    .form-row.form-row-last {
        width: 100% !important;
    }
    .form-row.form-row-first {
        padding-right: 0px !important;
    }
    .form-row.form-row-last {
        padding-left: 0px !important;
    }
    .form-row.form-row-last>label:not(.woocommerce-form-login__rememberme) {
        left: 20px !important;
    }
}