/* =========================================================
   Susmatex typography — matched to milacron.com/in
   Main titles ONLY: alternate-gothic-no-1-d
   Everything else: segoe-ui, sans-serif
   ========================================================= */

@font-face {
    font-family: "alternate-gothic-no-1-d";
    src: url("https://use.typekit.net/af/cdf652/00000000000000007735d6b9/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
         url("https://use.typekit.net/af/cdf652/00000000000000007735d6b9/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "segoe-ui";
    src: url("https://use.typekit.net/af/4041b5/0000000000000000775ab401/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
         url("https://use.typekit.net/af/4041b5/0000000000000000775ab401/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "segoe-ui";
    src: url("https://use.typekit.net/af/936003/0000000000000000775ab3ff/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
         url("https://use.typekit.net/af/936003/0000000000000000775ab3ff/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

:root {
    --font-title: "alternate-gothic-no-1-d", sans-serif;
    --font-all: "segoe-ui", "Segoe UI", sans-serif;
}

/* ALL text (except main titles) = Segoe UI */
html,
body,
body#bg,
#bg,
.main-wrapper,
p,
span,
li,
a,
label,
input,
textarea,
button,
.btn,
.form-control,
.alt-font,
.main-font,
.menu_area,
.menu_area.alt-font,
.navbar-nav,
.navbar-nav > li > a,
.navbar-nav li a,
.attr-nav,
.btn-style1,
.btn-style1 span,
.top-bar,
.top-bar-info,
.top-social-icon,
h3, h4, h5, h6,
.h3, .h4, .h5, .h6,
.display-15, .display-20, .display-25, .display-28, .display-30,
.milacron-subtitle,
.sub-title,
.section-title-01 > span,
.section-title-01 span,
.card-style01,
.card-style05,
.accordion-style,
footer,
.footer {
    font-family: segoe-ui, sans-serif !important;
}

/* Main titles ONLY = Alternate Gothic No. 1 D */
h1, h2,
.h1, .h2,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.display-7, .display-8, .display-9, .display-10,
.section-title-01 h2,
.page-title-section h1,
.banner-style01 h1,
.banner-style01 .display-3,
.full-screen h1,
.about-style-02 h2 {
    font-family: "alternate-gothic-no-1-d", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

/* All section titles = 3rem */
h2.display-5,
.section-title-01 h2,
.about-style-02 h2,
.mb-8 h2.display-5,
.mb-2-1 h2.display-5 {
    font-size: 3rem !important;
}

@media (max-width: 767px) {
    h2.display-5,
    .section-title-01 h2,
    .about-style-02 h2,
    .mb-8 h2.display-5,
    .mb-2-1 h2.display-5 {
        font-size: 2rem !important;
    }
}

.navbar-nav > li > a {
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

/* ========== Better Breadcrumb ========== */
.page-title-section,
.page-banner,
.dz-bnr-inr {
    text-align: left !important;
}

.page-title-section .container,
.page-banner .container,
.dz-bnr-inr .container {
    text-align: left !important;
}

.page-title-section h1,
.page-banner-entry h1,
.dz-bnr-inr-entry h1 {
    text-align: left !important;
    margin-bottom: 12px !important;
}

/* Unified breadcrumb — all banner types */
.breadcrumb-row,
.page-title-section > .container > ul {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.breadcrumb-row ul,
.page-title-section > .container > ul {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.breadcrumb-row ul li,
.page-title-section > .container > ul li {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    font-family: segoe-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.5 !important;
    text-transform: none !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.breadcrumb-row ul li a,
.page-title-section > .container > ul li a {
    color: rgba(255, 255, 255, 0.9) !important;
    opacity: 1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.breadcrumb-row ul li a:hover,
.page-title-section > .container > ul li a:hover {
    color: #ffffff !important;
}

.breadcrumb-row ul li a i,
.page-title-section > .container > ul li a i {
    margin-right: 5px;
    font-size: 13px;
}

/* Separator: clean slash */
.breadcrumb-row ul li:after,
.page-title-section > .container > ul li:after {
    content: "/" !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 10px !important;
    color: rgba(255, 255, 255, 0.45) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.breadcrumb-row ul li:last-child:after,
.page-title-section > .container > ul li:last-child:after {
    content: none !important;
    display: none !important;
    margin: 0 !important;
}

.breadcrumb-row ul li:last-child,
.breadcrumb-row ul li:last-child a,
.breadcrumb-row ul li:last-child span,
.page-title-section > .container > ul li:last-child,
.page-title-section > .container > ul li:last-child a,
.page-title-section > .container > ul li:last-child span {
    color: rgba(255, 255, 255, 0.7) !important;
    opacity: 1 !important;
    font-size: inherit !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
    .page-title-section {
        padding: 50px 0 28px !important;
    }

    .page-title-section h1,
    .page-banner-entry h1,
    .dz-bnr-inr-entry h1 {
        font-size: 22px !important;
        line-height: 1.25 !important;
        margin-bottom: 10px !important;
        word-break: break-word;
    }

    .breadcrumb-row ul li,
    .breadcrumb-row ul li a,
    .page-title-section > .container > ul li,
    .page-title-section > .container > ul li a {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .breadcrumb-row ul li:after,
    .page-title-section > .container > ul li:after {
        margin: 0 7px !important;
        font-size: 11px !important;
    }
}