.contact-map ul.tab-links {
    display: flex;
    height: 56px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    gap: 2rem;
}

.contact-map .tabs-bg {
    background-color: #555555;
    height: 3.5rem;
    margin-bottom: 3rem;
}

.contact-map ul.tab-links li .nav-link {
    font-size: 0.875rem;
    color: #fff;
    transition: 0.3s;
    position: relative;
}

.contact-map ul.tab-links li .nav-link:hover {
    color: var(--color2);
}

.contact-map ul.tab-links li .nav-link.active::after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent #D3D1C5 transparent;
    transform: rotate(0deg);
    position: absolute;
    bottom: calc(0% - 12px);
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}

.contact-us-base {
    margin-top: 3rem;
}

.websima-map {
    width: 100%;
    height: 100%;
    z-index: 0;
    position: relative;
    min-height: 420px;
}

.mapp-logo {
    width: 93px;
    height: 80px;
    margin-bottom: -0.5rem;
}

.leaflet-marker-icon {
    width: 146px !important;
    height: 54px !important;
}

.contact-dir-button {
    display: flex;
    gap: 0.75rem;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    background-color: rgba(4, 11, 41, 0.06);
    backdrop-filter: blur(12px);
    padding: 0.75rem;
}

.contact-dir-button a {
    border: 1px solid #F5F5F5;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    transition: 0.3s;
}

.contact-dir-button a:hover {
    background-color: var(--color2);
    border: 1px solid var(--color2);
}

.contact-dir-button .contact-dir-desc {
    color: #212121;
    font-size: 0.875rem;
    font-variation-settings: var(--fw-500);
}

.contact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.125rem;
    padding: 2.5rem 0;
}

.contact-info .address,
.contact-info .email,
.contact-info .customer-service,
.contact-info .sales-experts,
.contact-info .phone {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.contact-info .address .info-txt {
    text-align: left;
    width: 70%;
    font-size: 0.875rem;
}

.contact-dir-button .contact-dir-logos {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.contact-info div span.label {
    font-size: 0.875rem;
    color: #7E849B;
}

.contact-info .phone .phone-numbers,
.contact-info .customer-service .customer-service-numbers,
.contact-info .sales-experts .sales-experts-numbers {
    flex-wrap: wrap;
    display: flex;
    align-items: flex-end;
}

.contact-info .phone .phone-numbers a:not(:last-child)::after,
.contact-info .customer-service .customer-service-numbers a:not(:last-child)::after,
.contact-info .sales-experts .sales-experts-numbers a:not(:last-child)::after {
    content: '-';
    color: var(--color1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
}

@media screen and (max-width: 767.99px) {
    .contact-us-base {
        margin-top: 1.5rem;
    }

    .websima-map {
        min-height: 230px;
    }
}

@media screen and (min-width: 48em) {}

/**************************/
/* forms */
/**************************/
.websima-form-wrap.wocommerce-form :is(input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select,
    .select2) {
    margin-bottom: 4rem;
}

.websima-form-wrap :is(input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select,
    .select2) {
    font-family: inherit;
    padding: 1.25rem 1.5rem !important;
    height: 3.5rem;
    background-color: #fff;
    border: 1px solid rgba(153, 123, 182, 0.2);
    transition: 0.3s;
    width: 100%;
    text-overflow: ellipsis;
    position: relative;
    display: block;
}

.websima-form-wrap .acf-error :is(input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select,
    .select2) {
    border: 1px solid #B00020;
}

.websima-form-wrap :is(input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="url"]) {
    direction: ltr;
}

.websima-form-wrap form.submitted :is(input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select,
    .select2):invalid:required {
    border-color: var(--danger);
}

.websima-form-wrap textarea {
    height: 7rem !important;
    padding-top: 1.5rem !important;
}

.websima-form-wrap .af-submit,
.af-field-type-repeater,
.af-field-type-textarea {
    grid-column: 1/-1;
}

.websima-form-wrap .acf-field-recaptcha {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.websima-form-wrap.ab-label .acf-field-recaptcha .acf-label label {
    position: static !important;
    transform: none !important;
    margin-bottom: 1rem !important;
    display: block !important;
}

.websima-form-wrap :is(input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    input[type="url"],
    textarea,
    select,
    .select2):focus-visible {
    border-color: var(--color1);
}

.websima-form-wrap :is(textarea, input)::-webkit-input-placeholder,
.websima-form-wrap :is(textarea, input)::-webkit-input-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input)::-moz-placeholder,
.websima-form-wrap :is(textarea, input)::-moz-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input):-ms-input-placeholder,
.websima-form-wrap :is(textarea, input):-ms-input-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input)::-ms-input-placeholder,
.websima-form-wrap :is(textarea, input)::-ms-input-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input)::-webkit-input-placeholder,
.websima-form-wrap :is(textarea, input)::-webkit-input-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input)::-moz-placeholder,
.websima-form-wrap :is(textarea, input)::-moz-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input):-ms-input-placeholder,
.websima-form-wrap :is(textarea, input):-ms-input-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input)::-ms-input-placeholder,
.websima-form-wrap :is(textarea, input)::-ms-input-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input)::-webkit-input-placeholder,
.websima-form-wrap :is(textarea, input)::-webkit-input-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input)::-moz-placeholder,
.websima-form-wrap :is(textarea, input)::-moz-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input):-ms-input-placeholder,
.websima-form-wrap :is(textarea, input):-ms-input-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input)::-ms-input-placeholder,
.websima-form-wrap :is(textarea, input)::-ms-input-placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap :is(textarea, input)::placeholder,
.websima-form-wrap :is(textarea, input)::placeholder {
    opacity: 0.5;
    font-size: 13px;
    text-align: right;
}

.websima-form-wrap label:not(.error, [for="acf-field_form_success_message"]) {
    line-height: 1;
    display: flex;
    margin: 0;
    align-items: center;
    margin-bottom: 12px !important;
    font-size: 15px;
    line-height: 1px;
    font-weight: unset !important;
}

.websima-form-wrap label.error {
    line-height: 1;
    font-size: 12px;
    color: var(--danger);
    margin-bottom: 1rem;
    display: block;
    background: var(--bg-danger);
    padding: 10px;
}

.websima-form-wrap.ab-label :is(.af-field-type-repeater,
    .af-field-type-checkbox,
    .af-field-type-true-false,
    .af-field-type-radio) label {
    position: static;
    transform: none;
    margin-bottom: 1.5rem !important;
    padding-inline: 0rem;
    background: transparent;
}

.websima-form-wrap .acf-field .acf-label {
    margin: 0;
}

.websima-form-wrap .acf-temp-remove,
.websima-form-wrap .acf-notice.-error {
    background: #fff;
    color: #B00020;
    border-color: rgba(26, 26, 26, 0.12);
    margin: 0;
    z-index: 1;
    line-height: 1;
    padding: 0;
}

.websima-form-wrap .acf-notice p {
    font-size: 10px;
    line-height: 1;
    margin: 0;
    margin-bottom: 0px;
    text-shadow: none;
    color: #B00020;
    position: absolute;
    bottom: -72px;
    right: 1rem;
}

.websima-form-wrap .acf-notice p:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 23.0293C6.07 23.0293 1.25 18.2093 1.25 12.2793C1.25 6.3493 6.07 1.5293 12 1.5293C17.93 1.5293 22.75 6.3493 22.75 12.2793C22.75 18.2093 17.93 23.0293 12 23.0293ZM12 3.0293C6.9 3.0293 2.75 7.1793 2.75 12.2793C2.75 17.3793 6.9 21.5293 12 21.5293C17.1 21.5293 21.25 17.3793 21.25 12.2793C21.25 7.1793 17.1 3.0293 12 3.0293Z' fill='%23B00020'/%3E%3Cpath d='M12 14.0293C11.59 14.0293 11.25 13.6893 11.25 13.2793V8.2793C11.25 7.8693 11.59 7.5293 12 7.5293C12.41 7.5293 12.75 7.8693 12.75 8.2793V13.2793C12.75 13.6893 12.41 14.0293 12 14.0293Z' fill='%23B00020'/%3E%3Cpath d='M12 17.2792C11.87 17.2792 11.74 17.2492 11.62 17.1992C11.5 17.1492 11.39 17.0792 11.29 16.9892C11.2 16.8892 11.13 16.7892 11.08 16.6592C11.03 16.5392 11 16.4092 11 16.2792C11 16.1492 11.03 16.0192 11.08 15.8992C11.13 15.7792 11.2 15.6692 11.29 15.5692C11.39 15.4792 11.5 15.4092 11.62 15.3592C11.86 15.2592 12.14 15.2592 12.38 15.3592C12.5 15.4092 12.61 15.4792 12.71 15.5692C12.8 15.6692 12.87 15.7792 12.92 15.8992C12.97 16.0192 13 16.1492 13 16.2792C13 16.4092 12.97 16.5392 12.92 16.6592C12.87 16.7892 12.8 16.8892 12.71 16.9892C12.61 17.0792 12.5 17.1492 12.38 17.1992C12.26 17.2492 12.13 17.2792 12 17.2792Z' fill='%23B00020'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    right: -19px;
    width: 15px;
    height: 16px;
    top: -3px;
}

.websima-form-wrap .acf-notice.-error {
    display: flex;
    align-items: center;
    gap: 5px;
}

.websima-form-wrap .acf-notice.-dismiss {
    display: none;
}

.acf-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 9px;
}

.acf-form .acf-fields>.acf-field {
    border: none;
    padding: 0;
    margin-bottom: 1rem;
}

.websima-form-wrap .af-submit {
    margin-top: -2rem;
}

.websima-form-wrap .af-field-type-textarea textarea {
    padding-top: 2rem;
}

.af-form.acf-form>.acf-fields {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    row-gap: 2rem;
    margin-bottom: 2.5rem;
}

.item-set.vertical.centered.triggers.left {
    display: none;
}

.acf-notice.-error.acf-error-message.-dismiss {
    display: none;
}

@container (min-width: 32em) {
    .af-form.acf-form>.acf-fields {
        grid-template-columns: 1fr 1fr;
    }
}

@container (max-width: 32em) {
    .af-form.acf-form>.acf-fields {
        grid-template-columns: 1fr;
    }
}

.websima-form-wrap input:-webkit-autofill,
.websima-form-wrap input:-webkit-autofill:active,
.websima-form-wrap input:-webkit-autofill:hover,
.websima-form-wrap input:-webkit-autofill:focus {
    -webkit-animation-name: autofill;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.09) inset !important;
    -webkit-box-shadow: none;
}

.acf-form-submit {
    text-align: center;
    position: relative;
}

.af-field-type-file label {
    line-height: 1;
    position: static;
    margin-bottom: 1rem !important;
}

.websima-form-wrap label:not(.error, [for="acf-field_form_success_message"]) {
    margin-bottom: 0.5rem !important;
    line-height: 16px;
    color: #070B31;
}

.websima-form-wrap .input-cform.left,
.websima-form-wrap .input-cform.right {
    margin-bottom: 2.5rem
}

.websima-form-wrap .updated {
    background-color: var(--success);
    color: #fff;
    padding: 1rem 1.5rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.cuform-button {
    background-color: var(--color1);
    color: #fff;
    border: 1px solid transparent;
    padding: 0.25rem 0.75rem;
    font-size: 1.125rem;
    font-family: var(--main_font);
    transition: 0.3s;
    margin-top: 1.5rem;
}

.cuform-button:hover {
    background-color: transparent;
    border: 1px solid var(--color1);
    color: var(--color1);
}

.contact-content-items {
    padding: 0 0.875rem;
    margin-top: 1.125rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
    margin-bottom: 1.25rem;
}

.contact-item-link .contact-content-title {
    color: var(--color1);
    font-family: var(--medium_font);
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    transition: 0.3s;
}

.contact-item-link .contact-content-desc {
    text-align: justify;
    font-size: clamp(0.75rem, 2vw, 0.875rem);
    color: #898A91;
    transition: 0.3s;
}

.contact-content-items .button {
    font-size: 0.875rem;
    padding: 0;
    border: none;
    color: #6B677A;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    letter-spacing: 2px;
    transition: 0.3s;
    padding: 0 0.875rem;
    border: 1px solid #6B677A;
}

.contact-content-items .button:hover {
    color: var(--color1);
    border: 1px solid var(--color1);
}


@media screen and (max-width: 767.99px) {
    .contact-map ul.tab-links {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        justify-content: flex-start;
    }

    .contact-order {
        order: 2;
    }

    .contact-dir-button {
        left: 1rem;
        bottom: 1rem;
    }

    .contact-info .address,
    .contact-info .email,
    .contact-info .customer-service,
    .contact-info .sales-experts,
    .contact-info .phone {
        flex-direction: column;
        gap: 0.5rem;
        margin-bottom: 1rem;
        align-items: center;
    }

    .contact-info .address .info-txt {
        text-align: center;
    }

    .contact-info {
        margin-top: 2.5rem;
        padding-bottom: 0;
    }
}

@media screen and (min-width: 62em) {

    .websima-form-wrap .input-cform.right {
        float: right;
        width: calc((100% / 2) - 0.75rem);
        clear: none !important;
        padding: 0 !important;
    }

    .websima-form-wrap .input-cform.left {
        float: left;
        width: calc((100% / 2) - 0.75rem);
        clear: none !important;
        padding: 0 !important;
    }

    .websima-form-wrap .acf-notice p {
        font-size: 12px;
        bottom: -75px;
    }

    .websima-form-wrap .acf-notice p:before {
        width: 16px;
        height: 15px;
    }
}