@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 100 900;
    src: url(https://themazine.com/cf-fonts/v/outfit/5.0.11/latin-ext/wght/normal.woff2);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: Outfit;
    font-style: normal;
    font-weight: 100 900;
    src: url(https://themazine.com/cf-fonts/v/outfit/5.0.11/latin/wght/normal.woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 100 1000;
    src: url(https://themazine.com/cf-fonts/v/dm-sans/5.0.18/latin-ext/opsz/normal.woff2);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 100 1000;
    src: url(https://themazine.com/cf-fonts/v/dm-sans/5.0.18/latin/opsz/normal.woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: DM Sans;
    font-style: italic;
    font-weight: 100 1000;
    src: url(https://themazine.com/cf-fonts/v/dm-sans/5.0.18/latin-ext/opsz/italic.woff2);
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: DM Sans;
    font-style: italic;
    font-weight: 100 1000;
    src: url(https://themazine.com/cf-fonts/v/dm-sans/5.0.18/latin/opsz/italic.woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

/* Hero overlay for better title readability (no layout change) */
.page-title {
    position: relative;
    background-size: cover;
    background-position: center;
}

.page-title::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
}

.page-title .auto-container {
    position: relative;
    z-index: 1;
}

.page-title h2,
.page-title .bread-crumb li,
.page-title .bread-crumb a {
    color: #fff;
}

/* Section background and spacing */
.project-detail {
    padding: 56px 0;
    background: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
}

.inner-container {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    padding: 24px;
}

/* Ensure navbar has no border-radius on this page */
.main-header .inner-container {
    border-radius: 0;
    box-shadow: none;
    padding: 0 18px;
    background: transparent;
}

/* Primary image block: compact visual without changing layout */
.project-detail_image {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}

.project-detail_image img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 991px) {
    .project-detail_image img {
        height: 280px;
    }
}

@media (max-width: 575px) {
    .project-detail_image img {
        height: 220px;
    }
}

/* Typography enhancements */
.project-detail_title {
    font-weight: 800;
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.project-detail_subtitle,
.project-detail_subtitle-two {
    font-weight: 700;
    margin: 18px 0 8px;
}

.project-detail_list {
    margin-top: 8px;
}

/* Two-column nested block spacing */
.two-column .project-detail_image {
    margin-top: 8px;
}

/* Right info column cards */
.project-detail_info {
    background: #f7f7f9;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 14px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}

.project-detail_info-list li {
    display: flex;
    justify-content: space-between;
    padding: 8px 6px;
    border-bottom: 1px dashed #e6e6e9;
}

.project-detail_info-list li:last-child {
    border-bottom: none;
}

.project-detail_info-list span:first-child {
    color: #777;
    font-weight: 600;
}

.project-detail_info-list span:last-child {
    color: #222;
    font-weight: 600;
}

/* Consult banner: soften and add spacing */
.project-detail_consult {
    margin-top: 16px;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.project-detail_consult::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
}

.project-detail_consult h5,
.project-detail_consult-button {
    position: relative;
    z-index: 1;
}

.project-detail_consult h5 {
    color: #fff;
    margin: 0;
    padding: 16px 16px 8px;
}

.project-detail_consult-button {
    padding: 0 16px 16px;
}

/* Rows spacing without layout change */
.row.clearfix>