#contactLocationTabs {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

#contactLocationTabs .contact-location-tab {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,.5);
    background: transparent;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

#contactLocationTabs .contact-location-tab:hover {
    background: rgba(255,255,255,.12);
}

#contactLocationTabs .contact-location-tab.active {
    background: #fff;
    color: #222;
    border-color: #fff;
}

/* Tab panes */
.contact-location-pane {
    display: none !important;
}

.contact-location-pane.active {
    display: block !important;
}

/* Don't let theme pseudo elements cover the controls */
.form-info::before,
.form-info::after,
.contact-2::before,
.contact-2::after {
    pointer-events: none !important;
}

/* =========================================================
   CONTACT US — LTR/RTL fixes
   ========================================================= */

/* Page-title heading */
html[dir="ltr"] .page-title h1.title,
html[dir="ltr"] .page-title h1.title span {
    direction: ltr !important;
    text-align: center !important;
}

/* Breadcrumb */
html[dir="ltr"] .breadcrumb {
    direction: ltr !important;
}

/* Contact main form block */
html[dir="ltr"] .contact-main,
html[dir="ltr"] .contact-main h2,
html[dir="ltr"] .contact-main h2 span,
html[dir="ltr"] .contact-main .form-group,
html[dir="ltr"] .contact-main input,
html[dir="ltr"] .contact-main textarea {
    direction: ltr !important;
    text-align: left !important;
}

/* Form info / tabs panel */
html[dir="ltr"] .form-info,
html[dir="ltr"] .form-info h2,
html[dir="ltr"] .form-info h2 span,
html[dir="ltr"] .form-info .contact-info li,
html[dir="ltr"] .form-info .contact-info li span,
html[dir="ltr"] .form-info .contact-info li p,
html[dir="ltr"] .form-info .contact-info li a {
    direction: ltr !important;
    text-align: left !important;
}

/* Flip contact-info icon placement for LTR */
html[dir="ltr"] .contact-info li {
    padding-right: 0;
    padding-left: 50px;
}

html[dir="ltr"] .contact-info li i {
    right: auto;
    left: 0;
}

/* Force Latin digits for phone numbers in English mode */
html[dir="ltr"] .contact-info li a,
html[dir="ltr"] .contact-info li a bdi {
    font-family: Arial, Helvetica, sans-serif !important;
    font-variant-numeric: lining-nums !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

/* =========================================================
   HEADINGS — flip BOTH decorative underline bars to the left
   Yellow bar + grey bar. Both are drawn via ::before / ::after
   on the h2.title (and its parent .section-title). Anchor
   both to the left in English mode, cancel any transform.
   ========================================================= */

html[dir="ltr"] .contact-main .title::before,
html[dir="ltr"] .contact-main .title::after,
html[dir="ltr"] .form-info .title::before,
html[dir="ltr"] .form-info .title::after,
html[dir="ltr"] .contact-main h2.title::before,
html[dir="ltr"] .contact-main h2.title::after,
html[dir="ltr"] .form-info h2.title::before,
html[dir="ltr"] .form-info h2.title::after,
html[dir="ltr"] .contact-main .section-title::before,
html[dir="ltr"] .contact-main .section-title::after,
html[dir="ltr"] .form-info .section-title::before,
html[dir="ltr"] .form-info .section-title::after {
    left: 0 !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    background-position: left center !important;
}

/* =========================================================
   BREADCRUMB — white pill, orange current page, correct order
   ========================================================= */

/* Wrapper */
.page-title .page-breadcrumb,
.page-title nav.page-breadcrumb,
.page-title nav[aria-label="breadcrumb"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* The white pill */
.page-title .page-breadcrumb .breadcrumb,
.page-title nav[aria-label="breadcrumb"] .breadcrumb {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: 100% !important;
    background: #ffffff !important;
    margin: 0 auto !important;
    padding: 8px 18px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
    gap: 0 !important;
    list-style: none !important;
}

/* Every crumb item */
.page-title .page-breadcrumb .breadcrumb-item,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    color: #171a1d !important;
}

/* Non-active links (home) */
.page-title .page-breadcrumb .breadcrumb-item:not(.active) a,
.page-title .page-breadcrumb .breadcrumb-item:not(.active) a:visited,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item:not(.active) a,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item:not(.active) a:visited {
    display: inline-flex !important;
    align-items: center !important;
    color: #171a1d !important;
    text-decoration: none !important;
}

.page-title .page-breadcrumb .breadcrumb-item:not(.active) a:hover,
.page-title .page-breadcrumb .breadcrumb-item:not(.active) a:focus,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item:not(.active) a:hover,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item:not(.active) a:focus {
    color: #f9a305 !important;
    text-decoration: none !important;
}

/* Current page — ORANGE */
.page-title .page-breadcrumb .breadcrumb-item.active,
.page-title .page-breadcrumb .breadcrumb-item.active a,
.page-title .page-breadcrumb .breadcrumb-item.active a:visited,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item.active,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item.active a,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item.active a:visited {
    color: #f9a305 !important;
    text-decoration: none !important;
    transition: color .2s ease;
}

.page-title .page-breadcrumb .breadcrumb-item.active a:hover,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item.active a:hover {
    color: #e58d00 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Separator "/" */
.page-title .page-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item::before {
    content: "/" !important;
    display: inline-block !important;
    padding: 0 8px !important;
    color: #999999 !important;
    font-size: inherit !important;
}

/* Home icon inherits link color */
.page-title .page-breadcrumb .breadcrumb-item i,
.page-title nav[aria-label="breadcrumb"] .breadcrumb-item i {
    color: inherit !important;
}

/* Direction — force order */
html[dir="ltr"] .page-title .page-breadcrumb .breadcrumb,
html[dir="ltr"] .page-title nav[aria-label="breadcrumb"] .breadcrumb {
    direction: ltr !important;
    flex-direction: row !important;
}

html[dir="rtl"] .page-title .page-breadcrumb .breadcrumb,
html[dir="rtl"] .page-title nav[aria-label="breadcrumb"] .breadcrumb {
    direction: rtl !important;
    flex-direction: row !important;
}

html[dir="ltr"] .page-title .page-breadcrumb .breadcrumb-item,
html[dir="rtl"] .page-title .page-breadcrumb .breadcrumb-item,
html[dir="ltr"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item,
html[dir="rtl"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item {
    order: initial !important;
}

/* Mobile */
@media (max-width: 767.98px) {
    .page-title .page-breadcrumb .breadcrumb,
    .page-title nav[aria-label="breadcrumb"] .breadcrumb { padding: 6px 14px !important; }

    .page-title .page-breadcrumb .breadcrumb-item,
    .page-title .page-breadcrumb .breadcrumb-item a,
    .page-title .page-breadcrumb .breadcrumb-item.active,
    .page-title .page-breadcrumb .breadcrumb-item i,
    .page-title .page-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .page-title nav[aria-label="breadcrumb"] .breadcrumb-item,
    .page-title nav[aria-label="breadcrumb"] .breadcrumb-item a,
    .page-title nav[aria-label="breadcrumb"] .breadcrumb-item.active,
    .page-title nav[aria-label="breadcrumb"] .breadcrumb-item i,
    .page-title nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item::before {
        font-size: 12px !important;
    }

    .page-title .page-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .page-title nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item::before {
        padding: 0 6px !important;
    }
    
    html[dir="ltr"] .contact-2 .contact-main button,
    html[dir="ltr"] .contact-2 .contact-main input[type="submit"],
    html[dir="ltr"] .contact-2 .contact-main .btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        line-height: 1 !important;
    }

    html[dir="ltr"] .contact-2 .contact-main button span,
    html[dir="ltr"] .contact-2 .contact-main input[type="submit"] span,
    html[dir="ltr"] .contact-2 .contact-main .btn span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        top:10px !important;
        margin: 0 !important;
        padding-top: 4px !important;
        line-height: 1 !important;
        transform: none !important;
    }
}

/* =========================================================
   ENGLISH — LATIN DIGITS ON BREADCRUMB
   ========================================================= */

html[dir="ltr"] .page-title .page-breadcrumb .breadcrumb,
html[dir="ltr"] .page-title .page-breadcrumb .breadcrumb-item,
html[dir="ltr"] .page-title .page-breadcrumb .breadcrumb-item a,
html[dir="ltr"] .page-title .page-breadcrumb .breadcrumb-item.active,
html[dir="ltr"] .page-title .page-breadcrumb .breadcrumb-item + .breadcrumb-item::before,
html[dir="ltr"] .page-title nav[aria-label="breadcrumb"] .breadcrumb,
html[dir="ltr"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item,
html[dir="ltr"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item a,
html[dir="ltr"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item.active,
html[dir="ltr"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item::before {
    font-family: Arial, Helvetica, sans-serif !important;
    font-variant-numeric: lining-nums !important;
    font-feature-settings: "lnum" 1, "tnum" 0 !important;
    unicode-bidi: isolate !important;
}

/* Restore Font Awesome icon font on the home icon */
html[dir="ltr"] .page-title .page-breadcrumb .breadcrumb-item i.fas,
html[dir="ltr"] .page-title .page-breadcrumb .breadcrumb-item i.fas::before,
html[dir="ltr"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item i.fas,
html[dir="ltr"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item i.fas::before {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", "FontAwesome5Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

/* Persian stays on Vazirmatn */
html[dir="rtl"] .page-title .page-breadcrumb .breadcrumb,
html[dir="rtl"] .page-title .page-breadcrumb .breadcrumb-item,
html[dir="rtl"] .page-title .page-breadcrumb .breadcrumb-item a,
html[dir="rtl"] .page-title .page-breadcrumb .breadcrumb-item.active,
html[dir="rtl"] .page-title nav[aria-label="breadcrumb"] .breadcrumb,
html[dir="rtl"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item,
html[dir="rtl"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item a,
html[dir="rtl"] .page-title nav[aria-label="breadcrumb"] .breadcrumb-item.active {
    font-family: 'Vazirmatn RD FD', Tahoma, Arial, sans-serif !important;
}

@media (min-width: 992px) {

    /* -----------------------------------------------------
       YELLOW INFO PANEL
       Original panel is positioned on the right.
       Move it to the left.
       ----------------------------------------------------- */
    html[dir="ltr"] .contact-2 .form-info {
        left: 0 !important;
        right: auto !important;
    }

    /* -----------------------------------------------------
       WHITE CONTACT FORM
       The original .col-lg-8 is on the left.
       Move the whole column to the right.
       ----------------------------------------------------- */
    html[dir="ltr"] .contact-2 .row > .col-lg-8 {
        margin-left: auto !important;
        margin-right: 0 !important;
        transform: translateX(60px) !important;
    }

    html[dir="ltr"] .contact-2 .contact-main {
        padding-left: 40px !important;
    }
    
    html[dir="ltr"] .contact-2 .contact-main button,
    html[dir="ltr"] .contact-2 .contact-main input[type="submit"],
    html[dir="ltr"] .contact-2 .contact-main .btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        line-height: 1 !important;
    }

    html[dir="ltr"] .contact-2 .contact-main button span,
    html[dir="ltr"] .contact-2 .contact-main input[type="submit"] span,
    html[dir="ltr"] .contact-2 .contact-main .btn span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        top:10px !important;
        margin: 0 !important;
        padding-top: 4px !important;
        line-height: 1 !important;
        transform: none !important;
    }
}

/* =========================================================
   HEADING UNDERLINE BARS — English LTR
   Two bars stacked side by side: grey underneath (longer),
   yellow on top (shorter). Offset from the left edge.
   ========================================================= */

html[dir="ltr"] .contact-main .title,
html[dir="ltr"] .form-info .title {
    position: relative !important;
    text-align: left !important;
    direction: ltr !important;
    padding-bottom: 15px !important;   /* room for the bars below */
}

/* Grey/background bar (::before) — the longer one */
html[dir="ltr"] .contact-main .title::before,
html[dir="ltr"] .form-info .title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    width: 50px !important;
    height: 3px !important;
    background: #cccccc !important;
    margin: 0 !important;
    transform: none !important;
    display: block !important;
}

/* Yellow bar (::after) — the shorter one, sits over the grey one */
html[dir="ltr"] .contact-main .title::after,
html[dir="ltr"] .form-info .title::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    width: 25px !important;
    height: 3px !important;
    background: #f9a305 !important;
    margin: 0 !important;
    transform: none !important;
    display: block !important;
    z-index: 2 !important;
}

/* Black bar for .form-info title in English */
html[dir="ltr"] .form-info .title::after {
    background: #000000 !important;
}
/* Black bar for .form-info title in English */
html[dir="ltr"] .form-info .title::before {
    background: #FFFFFF !important;
}