/* ============================================================
   Anco Steel — Custom Overrides
   Loaded last — highest specificity
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,700&display=swap');

/* ============================================================
   Topbar
   ============================================================ */

.anco-topbar {
    background: #182d54;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10001;
    animation: topbarSlideDown 0.5s ease both;
}

@keyframes topbarSlideDown {
    from { transform: translateY(-100%); opacity: 0; }
    to   { transform: translateY(0);     opacity: 1; }
}

.anco-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

.anco-topbar__left,
.anco-topbar__right {
    display: flex;
    align-items: center;
    gap: 0;
}

.anco-topbar__item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: rgba(255,255,255,0.55);
    text-decoration: none;
    padding: 0 16px;
    height: 40px;
    transition: color 0.25s;
}

a.anco-topbar__item:hover {
    color: var(--base-color);
}

.anco-topbar__item i {
    font-size: 10px;
    color: var(--base-color);
    flex-shrink: 0;
}

.anco-topbar__hours {
    cursor: default;
}

.anco-topbar__sep {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: rgba(255,255,255,0.1);
    flex-shrink: 0;
}

/* Social icons */
.anco-topbar__social {
    display: flex;
    align-items: center;
}

.anco-topbar__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 40px;
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    text-decoration: none;
    transition: color 0.25s;
}

.anco-topbar__social-link:hover {
    color: var(--base-color);
}

/* CTA button */
.anco-topbar__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 12px;
    padding: 0 18px;
    height: 28px;
    font-family: 'Manrope', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #111416;
    background: var(--base-color);
    border: none;
    cursor: pointer;
    transition: background 0.25s;
    flex-shrink: 0;
}

.anco-topbar__cta:hover {
    background: #e0bf6a;
}

.anco-topbar__cta i {
    font-size: 9px;
    transition: transform 0.25s;
}

.anco-topbar__cta:hover i {
    transform: translateX(3px);
}

/* Mobile: hide topbar */
@media (max-width: 575px) {
    .anco-topbar {
        display: none;
    }
}

/* Tablet: simplify */
@media (min-width: 576px) and (max-width: 991px) {
    .anco-topbar__cta {
        display: none;
    }
}

/* ── Header: solid blue — ALL breakpoints ─────────────── */
header nav.navbar,
header nav.navbar.bg-transparent,
header nav.navbar.header-transparent,
header nav.navbar.disable-fixed,
header nav.navbar.border-bottom,
header.sticky .navbar,
header.sticky .navbar.disable-fixed,
header.sticky.sticky-active .header-reverse,
header.sticky.sticky-active .header-reverse.glass-effect,
header.sticky.sticky-appear .header-reverse-back-scroll,
header.sticky.sticky-appear .header-reverse-back-scroll.glass-effect {
    background-color: #203a6b !important;
    background:       #203a6b !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.35) !important;
    transform: none !important;
}

/* ── Header: relative flow — content starts below ─────── */
header .disable-fixed {
    position: relative !important;
    top: 0 !important;
}

/* ── Slider: no extra margin needed, flows naturally ───── */
.ipad-top-space-margin,
.top-space-margin,
.full-screen.top-space-margin,
.full-screen.ipad-top-space-margin {
    margin-top: 0 !important;
    height: 100vh !important;
}

/* ── Slider height on tablet & mobile ─────────────────── */
@media (max-width: 991px) {
    .full-screen.ipad-top-space-margin,
    .full-screen.md-h-600px {
        height: 90vh !important;
        min-height: 320px !important;
    }
}
@media (max-width: 767px) {
    .full-screen.ipad-top-space-margin,
    .full-screen.sm-h-500px {
        height: 75vh !important;
        min-height: 280px !important;
    }
}

/* ── Nav active + hover — gold color + underline indicator */
header .navbar-nav .nav-item.active > .nav-link,
header .navbar-nav .nav-item.current-menu-item > .nav-link,
header .navbar-nav .nav-item.current-menu-ancestor > .nav-link,
header .navbar-nav .nav-link.active,
header .navbar-nav .nav-item:hover > .nav-link {
    color: var(--base-color) !important;
}

/* make sure nav-link has position:relative for the ::after */
header .navbar-nav .nav-link {
    position: relative;
}

header .navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: var(--base-color);
    transition: width 0.25s ease;
}

header .navbar-nav .nav-item.active > .nav-link::after,
header .navbar-nav .nav-item.current-menu-item > .nav-link::after,
header .navbar-nav .nav-item.current-menu-ancestor > .nav-link::after,
header .navbar-nav .nav-link.active::after,
header .navbar-nav .nav-item:hover > .nav-link::after {
    width: 60%;
}

/* ── Navbar toggler icon ───────────────────────────────── */
.anco-mobile-toggler {
    background: none;
    border: none;
    line-height: 1;
}
.anco-toggler-icon {
    font-size: 22px;
    color: var(--base-color);
    display: block;
}

/* ── Language switcher — desktop ───────────────────────── */
.lang-switcher .lang-link {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    transition: color 0.25s;
}
.lang-switcher .lang-link.active,
.lang-switcher .lang-link:hover {
    color: #fff;
}

/* ── AMM inner layout — footer pinned to bottom ────────── */
.amm__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.amm__panels {
    flex: 1;
    overflow-y: auto;
}
.amm__panel {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.amm__panel nav {
    flex: 1;
}
.amm__footer {
    margin-top: auto;
}

/* ── Language switcher — mobile menu ───────────────────── */
.amm__lang {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 16px;
    margin-top: 12px;
    width: 100%;
}
.amm__lang-link {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    padding: 4px 14px;
    transition: color 0.25s;
}
.amm__lang-link.active,
.amm__lang-link:hover {
    color: #fff;
}
.amm__lang-sep {
    color: rgba(255, 255, 255, 0.2);
    font-size: 14px;
}

header .navbar-brand img{
    max-height: 80px;
}

@media(min-width:767px) and (max-width:991px){
    header .navbar-brand img{
    max-height: 60px;
}
}

@media(max-width:766px){
    header .navbar-brand img{
    max-height: 50px;
}
}

/* ── Slider typography — Roboto ────────────────────────── */
.swiper-slide .anco_slider_text span,
.swiper-slide .anco_slider_text div,
.swiper-slide .anco_slider_text a,
.swiper-slide .anco_slider_text h1,
.swiper-slide .anco_slider_text h2{
    font-family: 'Manrope', sans-serif !important;
}

/* ── Slider text overlay ───────────────────────────────── */
.swiper-slide .anco_slider_text::before {
    content: '';
    position: absolute;
    inset: -40px -60px;
    background:rgba(0, 0, 0, 0.6);
    z-index: 0;
    pointer-events: none;
}
.swiper-slide .anco_slider_text.position-relative > * {
    position: relative;
    z-index: 1;
}

.bg-anco-blue{
    background-color:#203a6b;
}

/* ============================================================
   Industrial Specialization Section
   ============================================================ */

.anco-industrial-section {
    background: #203a6b;
    padding: 90px 0 100px;
}

/* Subtle grid texture overlay */
.anco-industrial-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(255,255,255,0.03) 59px, rgba(255,255,255,0.03) 60px),
        repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(255,255,255,0.03) 59px, rgba(255,255,255,0.03) 60px);
    pointer-events: none;
    z-index: 0;
}

/* Left vertical accent line */
.anco-industrial-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, transparent 0%, var(--base-color); 30%, var(--base-color); 70%, transparent 100%);
}

.anco-industrial-section > * {
    position: relative;
    z-index: 1;
}

/* ── Left column label ─────────────────────────────────── */
.anco-ind__label-line {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: var(--base-color);
    margin-right: 12px;
}

.anco-ind__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--base-color);
}

.anco-ind__title {
    color: #ffffff;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -2px;
}

.anco-ind__title span {
    color: var(--base-color);
}

.anco-ind__divider {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--base-color);, transparent);
    margin-bottom: 25px;
}

.anco-ind__body {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.8;
    max-width: 360px;
}

/* ── Slider nav arrows ─────────────────────────────────── */
.anco-ind__nav {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
}

.anco-ind__arrow {
    position: static !important;
    width: 48px;
    height: 48px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s, border-color 0.3s;
    margin: 0 !important;
    border-radius: 0;
}

.anco-ind__arrow--prev {
    background: transparent;
    border: 1px solid rgba(201,168,76,0.4);
}

.anco-ind__arrow--prev:hover {
    background: var(--base-color);
    border-color: var(--base-color);
}

.anco-ind__arrow--prev i {
    font-size: 22px;
    color: var(--base-color);
}

.anco-ind__arrow--prev:hover i {
    color: #111314;
}

.anco-ind__arrow--next {
    background: var(--base-color);
    border: 1px solid var(--base-color);
}

.anco-ind__arrow--next:hover {
    background: transparent;
}

.anco-ind__arrow--next i {
    font-size: 22px;
    color: #111314;
}

/* ── Slide cards ───────────────────────────────────────── */
.anco-ind__card figure {
    aspect-ratio: 3 / 4;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.anco-ind__card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6) contrast(1.1);
    transition: filter 0.5s ease, transform 0.6s ease;
}

.anco-ind__card:hover img {
    filter: brightness(0.8) contrast(1.1);
    transform: scale(1.05);
}

.anco-ind__card figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px 28px;
    z-index: 1;
}

.anco-ind__card-accent {
    width: 30px;
    height: 2px;
    background: var(--base-color);
    margin-bottom: 12px;
}

.anco-ind__card-cat {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--base-color);
    display: block;
    margin-bottom: 6px;
}

.anco-ind__card-title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.anco-ind__card-btn {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: rgba(201,168,76,0.15);
    border: 1px solid rgba(201,168,76,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
    text-decoration: none;
}

.anco-ind__card-btn:hover {
    background: var(--base-color);
}

.anco-ind__card-btn i {
    font-size: 20px;
    color: var(--base-color);
    transition: color 0.3s;
}

.anco-ind__card-btn:hover i {
    color: #111314;
}

.anco-ind__arrow--next:hover i{
    color: var(--base-color);
}


.anco-ind__card-overlay {
    display: none;
}

.anco-ind__card figure::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(5,5,7,1) 0%, rgba(5,5,7,0.85) 15%, rgba(5,5,7,0.2) 35%, transparent 55%);
    z-index: 1;
    pointer-events: none;
}

.anco-ind__card figcaption {
    z-index: 2;
}

/* ── Stats bar ─────────────────────────────────────────── */
.anco-ind__stats {
    border-top: 1px solid rgba(255,255,255,0.08);
    padding-top: 30px;
    margin-top: 60px;
    display: flex;
    align-items: center;
}

.anco-ind__stat {
    flex: 1;
    text-align: center;
    padding: 0 20px;
    border-right: 1px solid rgba(255,255,255,0.08);
}

.anco-ind__stat:last-child {
    border-right: none;
}

.anco-ind__stat-number {
    font-size: 32px;
    font-weight: 700;
    color: var(--base-color);
    letter-spacing: -1px;
    line-height: 1;
}

.anco-ind__stat-label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #666;
    margin-top: 6px;
}

/* ── Watermark text ────────────────────────────────────── */
.anco-ind__watermark {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    text-align: center;
    pointer-events: none;
    z-index: 0;
}

.anco-ind__watermark-text {
    font-size: clamp(100px, 12vw, 170px);
    font-weight: 600;
    letter-spacing: -4px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(201,168,76,0.3);
    user-select: none;
    line-height: 1;
}

@media (max-width: 991px) {
    .anco-ind__body {
        max-width: 100%;
    }
    .anco-ind__watermark {
        bottom: -30px;
    }
}

@media (max-width: 767px) {
    .anco-industrial-section {
        padding: 60px 0 70px;
    }
    .anco-ind__watermark {
        bottom: -20px;
    }
    .anco-ind__stats {
        flex-wrap: wrap;
        gap: 20px;
    }
    .anco-ind__stat {
        flex: 0 0 calc(50% - 10px);
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        padding-bottom: 20px;
    }
    .anco-ind__stat:nth-child(3),
    .anco-ind__stat:last-child {
        border-bottom: none;
    }
}

/* ============================================================
   Applications Section — Industrial Grid
   ============================================================ */

.anco-apps-section {
    background: #f5f5f5;
    padding: 100px 0 110px;
    position: relative;
    overflow: hidden;
}

.anco-apps-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(0,0,0,0.05) 59px, rgba(0,0,0,0.05) 60px),
        repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(0,0,0,0.05) 59px, rgba(0,0,0,0.05) 60px);
    pointer-events: none;
    z-index: 0;
}

.anco-apps-section::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, transparent 0%, var(--base-color); 30%, var(--base-color); 70%, transparent 100%);
}

.anco-apps-section > * {
    position: relative;
    z-index: 1;
}

.anco-apps__label {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #203a6b;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.anco-apps__label::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #203a6b;
    flex-shrink: 0;
}

.anco-apps__title {
    color: #1a1a1a;
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 1.1;
    margin-bottom: 0;
}

.anco-apps__title span {
    color:#203a6b;
}

.anco-apps__subtitle {
    color: #555;
    font-size: 16px;
    line-height: 1.75;
    margin-top: 20px;
    margin-bottom: 0;
}

.anco-apps__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    border: 1px solid rgba(0,0,0,0.08);
    margin-top: 64px;
}

.anco-apps__card {
    background: #fff;
    padding: 40px 36px 36px;
    position: relative;
    overflow: hidden;
    transition: background 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
    cursor: default;
    text-decoration: none;
    display: block;
}

.anco-apps__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--base-color);, transparent);
    opacity: 0;
    transition: opacity 0.35s ease;
}

.anco-apps__card::after {
    content: '';
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 28px;
    height: 28px;
    border-right: 2px solid rgba(201,168,76,0.2);
    border-bottom: 2px solid rgba(201,168,76,0.2);
    transition: border-color 0.35s ease, transform 0.35s ease;
}

.anco-apps__card:hover {
    background: #fafafa;
    box-shadow: 0 12px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-4px);
    z-index: 2;
}

.anco-apps__card:hover::before {
    opacity: 1;
}

.anco-apps__card:hover::after {
    border-color: rgba(201,168,76,0.7);
    transform: translate(3px, 3px);
}

.anco-apps__icon {
    width: 72px;
    height: 72px;
    background: rgba(201,168,76,0.08);
    border: 1px solid rgba(201,168,76,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 28px auto;
    transition: background 0.35s ease, border-color 0.35s ease;
}

.anco-apps__card:hover .anco-apps__icon {
    background: rgba(201,168,76,0.15);
    border-color: rgba(201,168,76,0.5);
}

.anco-apps__icon i {
    font-size: 22px;
    color: var(--base-color);
}

.anco-apps__num {
    position: absolute;
    top: 32px;
    right: 36px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(0,0,0,0.06);
    transition: color 0.35s ease;
}

.anco-apps__card:hover .anco-apps__num {
    color: rgba(201,168,76,0.3);
}

.anco-apps__card-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #1a1a1a;
    margin-bottom: 12px;
    line-height: 1.35;
    transition: color 0.35s ease;
}

.anco-apps__card:hover .anco-apps__card-title {
    color: #1a1a1a;
}

.anco-apps__card-line {
    width: 30px;
    height: 2px;
    background: rgba(201,168,76,0.3);
    margin-bottom: 14px;
    transition: width 0.35s ease, background 0.35s ease;
}

.anco-apps__card:hover .anco-apps__card-line {
    width: 50px;
    background: var(--base-color);
}

.anco-apps__card-text {
    font-size: 16px;
    color: #666;
    line-height: 1.7;
    margin: 0;
    transition: color 0.35s ease;
}

.anco-apps__card:hover .anco-apps__card-text {
    color: #444;
}

.anco-apps__cta {
    margin-top: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
}

.anco-apps__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 32px;
    background: var(--base-color);
    color: #0d0f10;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 0.3s;
}

.anco-apps__cta-btn:hover {
    background: #e0bf6a;
    color: #0d0f10;
}

.anco-apps__cta-btn i {
    font-size: 16px;
    transition: transform 0.3s;
}

.anco-apps__cta-btn:hover i {
    transform: translateX(4px);
}

.anco-apps__cta-link {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #1a1a1a;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 48px;
    border: 1.5px solid #1a1a1a;
    background: #f5f5f5;
    transition: color 0.3s, border-color 0.3s, background 0.3s;
}

.anco-apps__cta-link:hover {
    color: var(--base-color);
    border-color: var(--base-color);
}

.anco-apps__cta-link i {
    transition: transform 0.3s;
}

.anco-apps__cta-link:hover i {
    transform: translateX(4px);
}

@media (max-width: 991px) {
    .anco-apps__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .anco-apps-section {
        padding: 70px 0 80px;
    }
}

@media (max-width: 575px) {
    .anco-apps__grid {
        grid-template-columns: 1fr;
    }
    .anco-apps__card {
        padding: 32px 28px 28px;
    }
    .anco-apps-section {
        padding: 60px 0 70px;
    }
    .anco-apps__cta {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}

.custom-padding {
    padding-left: 5%;
    padding-right: 5%;
}

/* ============================================================
   Projects Swiper Section
   ============================================================ */

.anco-projects-section {
    background: #203a6b;
    padding: 100px 0 110px;
}
.anco-projects-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(255,255,255,0.03) 59px, rgba(255,255,255,0.03) 60px),
        repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(255,255,255,0.03) 59px, rgba(255,255,255,0.03) 60px);
    pointer-events: none;
    z-index: 0;
}

.anco-projects__bg-label {
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%) rotate(90deg);
    font-size: clamp(80px, 10vw, 140px);
    font-weight: 700;
    letter-spacing: -4px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(201,168,76,0.10);
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
    z-index: 0;
}

.anco-projects-section > * {
    position: relative;
    z-index: 1;
}

.anco-projects__label {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--base-color);
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.anco-projects__label-line {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: var(--base-color);
    flex-shrink: 0;
}

.anco-projects__title {
    color: #fff;
    font-size: clamp(30px, 3.5vw, 48px);
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 1.1;
    margin: 0;
}

.anco-projects__title span {
    color: var(--base-color);
}

/* navigation arrows */
.anco-projects__arrow {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.3s, border-color 0.3s;
}

.anco-projects__arrow--prev {
    background: transparent;
    border: 1px solid rgba(201,168,76,0.4);
}

.anco-projects__arrow--prev:hover {
    background: var(--base-color);
    border-color: var(--base-color);
}

.anco-projects__arrow--prev i {
    font-size: 22px;
    color: var(--base-color);
    transition: color 0.3s;
}

.anco-projects__arrow--prev:hover i {
    color: #111314;
}

.anco-projects__arrow--next {
    background: var(--base-color);
    border: 1px solid var(--base-color);
}

.anco-projects__arrow--next:hover {
    background: transparent;
    border-color: rgba(201,168,76,0.4);
}

.anco-projects__arrow--next i {
    font-size: 22px;
    color: #111314;
    transition: color 0.3s;
}

.anco-projects__arrow--next:hover i {
    color: var(--base-color);
}

/* "all projects" CTA below slider */
.anco-projects__cta {
    margin-top: 56px;
    display: flex;
    justify-content: center;
}

.anco-projects__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    border: 1.5px solid rgba(255,255,255,0.25);
    padding: 14px 48px;
    background: #111314;
    transition: border-color 0.3s, color 0.3s;
}

.anco-projects__cta-btn:hover {
    border-color: var(--base-color);
    color: var(--base-color);
}

.anco-projects__cta-btn i {
    transition: transform 0.3s;
}

.anco-projects__cta-btn:hover i {
    transform: translateX(4px);
}

/* slider wrapper — flush left on container, overflow right */
.anco-projects__slider-wrap {
    overflow: hidden;
}

/* cards */
.anco-projects__card {
    position: relative;
}

.anco-projects__card figure {
    aspect-ratio: 3 / 4;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.anco-projects__card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.65) contrast(1.05);
    transition: transform 0.7s ease, filter 0.5s ease;
}

.anco-projects__card:hover img {
    transform: scale(1.06);
    filter: brightness(0.8) contrast(1.05);
}

.anco-projects__card figure::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
        rgba(5,5,7,1) 0%,
        rgba(5,5,7,0.8) 20%,
        rgba(5,5,7,0.15) 40%,
        transparent 60%);
    z-index: 1;
    pointer-events: none;
}

.anco-projects__card figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 28px 26px;
    z-index: 2;
}

.anco-projects__card-cat {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--base-color);
    display: block;
    margin-bottom: 8px;
}

.anco-projects__card-title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 16px;
}

.anco-projects__card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.anco-projects__card-meta > span {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    display: flex;
    align-items: center;
    gap: 5px;
}

.anco-projects__card-meta > span i {
    font-size: 13px;
    color: var(--base-color);
}

.anco-projects__card-btn {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    background: rgba(201,168,76,0.12);
    border: 1px solid rgba(201,168,76,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s, border-color 0.3s;
    text-decoration: none;
}

.anco-projects__card-btn:hover {
    background: var(--base-color);
    border-color: var(--base-color);
}

.anco-projects__card-btn i {
    font-size: 18px;
    color: var(--base-color);
    transition: color 0.3s;
}

.anco-projects__card-btn:hover i {
    color: #111314;
}

/* slide number badge */
.anco-projects__card-num {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(255,255,255,0.2);
    z-index: 3;
}

/* pagination */
.anco-proj-pagination {
    position: static !important;
    margin-top: 36px;
    padding: 0 0 0 max(16px, calc((100vw - 1320px) / 2 + 12px));
    text-align: left;
}

.anco-proj-pagination .swiper-pagination-bullet {
    width: 24px;
    height: 2px;
    border-radius: 0;
    background: rgba(255,255,255,0.2);
    opacity: 1;
    transition: background 0.3s, width 0.3s;
    margin: 0 4px !important;
}

.anco-proj-pagination .swiper-pagination-bullet-active {
    background: var(--base-color);
    width: 48px;
}

/* responsive */
@media (max-width: 991px) {
    .anco-projects-section {
        padding: 70px 0 80px;
    }
    .anco-projects__slider-wrap {
        padding-left: 16px;
    }
    .anco-proj-pagination {
        padding-left: 16px;
    }
}

@media (max-width: 767px) {
    .anco-projects-section {
        padding: 60px 0 70px;
    }
    .anco-projects__title {
        letter-spacing: -1px;
    }
    .anco-projects__card figure {
        aspect-ratio: 2 / 3;
    }
}

/* ============================================================
   Modal Εκδήλωσης Ενδιαφέροντος
   ============================================================ */

.anco-modal {
    background: #fff;
    border: none;
    border-radius: 0;
    overflow: hidden;
}

.anco-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    background: var(--base-color);
    border: 1px solid var(--base-color);
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111416;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.25s, border-color 0.25s;
    padding: 0;
    border-radius: 0;
}

.anco-modal__close:hover {
    background: #e0bf6a;
    border-color: #e0bf6a;
}

/* Left dark panel */
.anco-modal__panel {
    background: #111416;
    padding: 56px 44px;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.anco-modal__panel::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, transparent 0%, var(--base-color); 30%, var(--base-color); 70%, transparent 100%);
}

.anco-modal__panel-inner {
    position: relative;
    z-index: 1;
}

.anco-modal__panel-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--base-color);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.anco-modal__panel-label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 2px;
    background: var(--base-color);
    flex-shrink: 0;
}

.anco-modal__panel-title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.15;
    margin-bottom: 18px;
}

.anco-modal__panel-title span {
    color: var(--base-color);
}

.anco-modal__panel-text {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 32px;
}

.anco-modal__panel-contacts {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.anco-modal__contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #9ca3af;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: color 0.2s;
}

.anco-modal__contact-item:hover {
    color: var(--base-color);
}

.anco-modal__contact-item i {
    color: var(--base-color);
    font-size: 14px;
    width: 16px;
    text-align: center;
}

/* Right form column */
.anco-modal__form-col {
    padding: 56px 48px 48px;
}

.anco-modal__form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.anco-modal__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.anco-modal__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #1a1a1a;
}

.anco-modal__input {
    width: 100%;
    background: #f5f5f5;
    border: 1px solid transparent;
    border-bottom-color: #d1d5db;
    border-radius: 0;
    padding: 11px 14px;
    font-size: 14px;
    color: #1a1a1a;
    outline: none;
    transition: border-color 0.25s, background 0.25s;
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
}

.anco-modal__input:focus {
    border-color: var(--base-color);
    background: #fff;
}

.anco-modal__textarea {
    resize: vertical;
    min-height: 80px;
}

.anco-modal__select {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c9a84c' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
}

.anco-modal__submit {
    margin-top: 6px;
    background: var(--base-color);
    color: #111416;
    border: none;
    padding: 15px 32px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: background 0.3s;
    align-self: flex-start;
}

.anco-modal__submit:hover {
    background: #e0bf6a;
}

.anco-modal__submit i {
    transition: transform 0.3s;
}

.anco-modal__submit:hover i {
    transform: translateX(4px);
}

.anco-modal__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.anco-modal__cancel {
    background: none;
    border: 1.5px solid #d1d5db;
    padding: 14px 24px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #6b7280;
    cursor: pointer;
    transition: border-color 0.25s, color 0.25s;
}

.anco-modal__cancel:hover {
    border-color: #1a1a1a;
    color: #1a1a1a;
}

/* Bootstrap modal sizing & padding */
#ancoInterestModal .modal-dialog {
    padding: 16px;
    max-width: 860px;
}

#ancoInterestModal .modal-content {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

/* Bootstrap modal backdrop tweak */
.modal-backdrop {
    backdrop-filter: blur(4px);
}

@media (max-width: 767px) {
    .anco-modal__form-col {
        padding: 36px 28px 40px;
    }
    #ancoInterestModal .modal-dialog {
        padding: 12px;
    }
}

/* ============================================================
   Blog Preview Section
   ============================================================ */

.anco-blog-section {
    background: #f5f5f5;
    padding: 100px 0 110px;
    position: relative;
    overflow: hidden;
}

.anco-blog-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(0,0,0,0.05) 59px, rgba(0,0,0,0.05) 60px),
        repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(0,0,0,0.05) 59px, rgba(0,0,0,0.05) 60px);
    pointer-events: none;
    z-index: 0;
}

.anco-blog-section > * {
    position: relative;
    z-index: 1;
}

/* Header row */
.anco-blog__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 56px;
    gap: 24px;
}

.anco-blog__label {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    color:  #203a6b;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.anco-blog__label::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #203a6b;
    flex-shrink: 0;
}

.anco-blog__title {
    color: #070707;
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 1.1;
    margin: 0;
}

.anco-blog__title span {
    color: #203a6b;
}

.anco-blog__all-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #1a1a1a;
    text-decoration: none;
    border: 1.5px solid rgba(0,0,0,0.2);
    padding: 13px 28px;
    white-space: nowrap;
    transition: border-color 0.3s, color 0.3s;
    flex-shrink: 0;
    background: #f5f5f5;
}

.anco-blog__all-link:hover {
    border-color: var(--base-color);
    color: var(--base-color);
}

.anco-blog__all-link i {
    transition: transform 0.3s;
}

.anco-blog__all-link:hover i {
    transform: translateX(4px);
}

/* Nav arrows */
.anco-blog__nav {
    display: flex;
    align-items: center;
    gap: 8px;
}

.anco-blog__arrow {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s, border-color 0.3s;
    flex-shrink: 0;
}

.anco-blog__arrow--prev {
    background: transparent;
    border: 1px solid rgba(0,0,0,0.2);
    color: #1a1a1a;
}

.anco-blog__arrow--prev:hover {
    background: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.anco-blog__arrow--next {
    background: #fbd917;
    border: 1px solid #fbd917;
    color: #111416;
}

.anco-blog__arrow--next:hover {
    background: #d4a618;
    border-color: #d4a618;
}

.anco-blog__arrow i {
    font-size: 16px;
}

/* Swiper */
.anco-blog__swiper {
    overflow: visible;
}

/* Card base */
.anco-blog__card {
    background: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.35s, transform 0.35s;
}

.anco-blog__card:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);
    transform: translateY(-4px);
}

.anco-blog__card-img-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    aspect-ratio: 16 / 9;
}

.anco-blog__card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.75);
    transition: transform 0.6s ease, filter 0.4s ease;
}

.anco-blog__card:hover .anco-blog__card-img-wrap img {
    transform: scale(1.04);
    filter: brightness(0.9);
}

.anco-blog__card-cat {
   position: absolute;
    top: 16px;
    left: 16px;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.9);
    background: rgba(0,0,0,0.48);
    padding: 4px 10px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: inline-block;
    z-index: 2;
    pointer-events: auto;
}

/* Card body */
.anco-blog__card-body {
    padding: 32px 36px 36px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
}

.anco-blog__card-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.anco-blog__card-meta span {
    font-size: 12px;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 6px;
}

.anco-blog__card-meta i {
    color: #203a6b;
    font-size: 11px;
}

.anco-blog__card-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.5px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.4em * 2);
}

.anco-blog__card-title a {
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.3s;
}

.anco-blog__card-title a:hover {
    color:#c9a84c;
}

.anco-blog__card-excerpt {
    font-size: 16px;
    color: #6b7280;
    line-height: 1.75;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.anco-blog__card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #203a6b;
    text-decoration: none;
    margin-top: auto;
    transition: gap 0.3s;
}

.anco-blog__card-link:hover {
    gap: 14px;
}

.anco-blog__cta {
    margin-top: 56px;
    display: flex;
    justify-content: center;
}

/* Responsive */
@media (max-width: 991px) {
    .anco-blog-section {
        padding: 70px 0 80px;
    }
}

@media (max-width: 575px) {
    .anco-blog__card-body {
        padding: 24px 24px 28px;
    }
    .anco-blog-section {
        padding: 60px 0 70px;
    }
    .anco-blog__nav {
        gap: 6px;
    }
}

/* ============================================================
   Footer
   ============================================================ */

.anco-footer {
    background: #0d0f10;
    position: relative;
    padding:0;
}

/* CTA Bar */
.anco-footer__cta-bar {
    background: var(--base-color);
    padding: 5px 0;
}

.anco-footer__cta-text {
    font-size: 16px;
    font-weight: 500;
    color: #111416;
    margin: 0;
    line-height: 1.5;
}

.anco-footer__cta-text span {
    font-weight: 700;
}

.anco-footer__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #111416;
    text-decoration: none;
    border: 1.5px solid #111416;
    padding: 5px 20px;
    background: transparent;
    transition: background 0.3s, color 0.3s;
}

.anco-footer__cta-btn:hover {
    background: #111416;
    color: var(--base-color);
}

.anco-footer__cta-btn i {
    transition: transform 0.3s;
}

.anco-footer__cta-btn:hover i {
    transform: translateX(4px);
}

/* Body */
.anco-footer__body {
    padding: 80px 0 60px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.anco-footer__logo {
    display: inline-block;
    margin-bottom: 24px;
}

.anco-footer__logo img {
    max-height: 100px;
 
}

.anco-footer__about {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.75;
    margin-bottom: 28px;
    max-width: 340px;
}

.anco-footer__contact-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.anco-footer__contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.25s;
}

.anco-footer__contact-item:hover {
    color: var(--base-color);
}

.anco-footer__contact-item i {
    color: var(--base-color);
    font-size: 16px;
    width: 16px;
    text-align: center;
    flex-shrink: 0;
}

/* Column titles */
.anco-footer__col-title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: #fff;
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Links */
.anco-footer__links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.anco-footer__links a {
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.25s, padding-left 0.25s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1.4;
}

.anco-footer__links a::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 1px;
    background: var(--base-color);
    transition: width 0.25s;
    flex-shrink: 0;
}

.anco-footer__links a:hover {
    color: var(--base-color);
}

.anco-footer__links a:hover::before {
    width: 12px;
}

/* Newsletter */
.anco-footer__newsletter-text {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.7;
    margin-bottom: 20px;
}

.anco-footer__newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 28px;
}

.anco-footer__newsletter-row {
    display: flex;
    height: 48px;
}

.anco-footer__newsletter-input {
    flex: 1;
    background: #182d54;
    border: 1px solid rgba(255,255,255,0.08);
    border-right: none;
    padding: 0 16px;
    font-size: 14px;
    color: #fff;
    outline: none;
    transition: border-color 0.25s;
    font-family: inherit;
}

.anco-footer__newsletter-input::placeholder {
    color: #4b5563;
}

.anco-footer__newsletter-input:focus {
    border-color: var(--base-color);
}

.anco-footer__newsletter-btn {
    width: 48px;
    flex-shrink: 0;
    background: var(--base-color);
    border: none;
    color: #111416;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.25s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.anco-footer__newsletter-btn:hover {
    background: #e0bf6a;
}

.anco-footer__consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.anco-footer__consent-check {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    margin-top: 2px;
    accent-color: var(--base-color);
    cursor: pointer;
}

.anco-footer__consent-text {
    font-size: 12px;
    color: #ffffff;
    line-height: 1.6;
}

.anco-footer__consent-text a {
    color: var(--base-color);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s;
}

.anco-footer__consent-text a:hover {
    color: #e0bf6a;
}

/* Social */
.anco-footer__social {
    display: flex;
    gap: 10px;
}

.anco-footer__social-link {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.2);
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    transition: border-color 0.25s, color 0.25s, background 0.25s;
}

.anco-footer__social-link:hover {
    border-color: var(--base-color);
    color: var(--base-color);
    background: rgba(201,168,76,0.08);
}

/* Bottom bar */
.anco-footer__bottom {
    padding: 22px 0;
}

.anco-footer__copyright {
    font-size: 16px;
    color: #ffffff;
    margin: 0;
}

.anco-footer__copyright a {
    color: var(--base-color);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.25s;
}

.anco-footer__copyright a:hover {
    color: #e0bf6a;
}

/* Responsive */
@media (max-width: 991px) {
    .anco-footer__body {
        padding: 60px 0 40px;
    }
    .anco-footer__cta-bar .col-lg-4 {
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .anco-footer__about {
        max-width: 100%;
    }
    .anco-footer__cta-text {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .about-rows .row:nth-child(even) {
        flex-direction: row-reverse;
    }
}

/* ============================================================
   Page Hero (replaces breadcrumb)
   ============================================================ */
.anco-page-hero {
    position: relative;
    overflow: hidden;
    /* padding-top: 120px;
    padding-bottom: 10px; */
    background: #0a0c10;
    isolation: isolate;
}

/* Subtle noise texture overlay */
.anco-page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
    opacity: 0.4;
    pointer-events: none;
    z-index: 1;
}

/* Large decorative steel-like diagonal stripe */
.anco-page-hero__bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #0d1018 0%, #12161f 50%, #0a0c10 100%);
    z-index: 0;
}

/* Diagonal accent line */
.anco-page-hero__accent {
    position: absolute;
    top: -40px;
    right: 8%;
    width: 1px;
    height: 130%;
    background: linear-gradient(180deg, transparent 0%, var(--base-color) 40%, var(--base-color) 60%, transparent 100%);
    opacity: 0.25;
    transform: rotate(12deg);
    z-index: 2;
}
.anco-page-hero__accent::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    width: 1px;
    height: 100%;
    background: inherit;
    opacity: 0.4;
}

/* Dotted grid pattern */
.anco-page-hero__grid {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px);
    background-size: 32px 32px;
    z-index: 2;
    mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%);
}

.anco-page-hero__inner {
    position: relative;
    z-index: 3;
}

.anco-page-hero__label {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--base-color);
    margin-bottom: 16px;
    padding-left: 2px;
    position: relative;
}
.anco-page-hero__label::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 1px;
    background: var(--base-color);
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 2px;
}

.anco-page-hero__title {
    font-size: clamp(2.4rem, 5vw, 4.5rem);
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin: 0 0 28px;
    /* Metallic text shimmer */
    background: linear-gradient(135deg, #ffffff 0%, #c8d0e0 40%, #ffffff 60%, #8fa0b8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.anco-page-hero__breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
.anco-page-hero__breadcrumb li {
    font-family:"Manrope", sans-serif;
    font-size: 12px;
    letter-spacing: 0.12em;
    color: rgba(255,255,255,0.35);
}
.anco-page-hero__breadcrumb li a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    transition: color 0.2s;
}
.anco-page-hero__breadcrumb li a:hover {
    color: var(--base-color);
}
.anco-page-hero__breadcrumb li[aria-current="page"] {
    color: var(--base-color);
}
.anco-page-hero__sep {
    color: var(--base-color);
    opacity: 0.5;
    font-size: 10px;
}



@media (max-width: 767px) {
    
    .anco-page-hero__title {
        font-size: 2.2rem;
    }
}


/* ============================================================
   About page — text & image blocks
   ============================================================ */
.about-img-wrap {
    position: relative;
    overflow: hidden;
}
.about-img-wrap img {
    display: block;
    transition: transform 0.6s ease;
}
.about-img-wrap:hover img {
    transform: scale(1.03);
}
/* thin accent bar on the left of image */
.about-img-wrap::before {
    content: "";
    position: absolute;
    top: 12px;
    left: -8px;
    width: 3px;
    height: 60%;
    background: var(--base-color);
    z-index: 1;
    opacity: 0.7;
}

.about-text-block {
    padding: 8px 0;
}

.about-label {
    display: inline-block;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.about-title {
    font-family: 'Manrope', sans-serif;
    font-size: clamp(1.6rem, 2.4vw, 2.2rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #0d1018;
    margin-bottom: 20px;
}
.about-title em {
    font-style: normal;
    font-weight: 700;
}

.about-body {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #5a6070;
    margin: 0;
}

.about-row {
    padding: 40px 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.about-row:last-child {
    border-bottom: none;
}

/* About rows — image fills full row height */
.about-row {
    align-items: stretch !important;
}
.about-row .col-lg-5 {
    padding: 0;
}
.about-img-wrap {
    height: 100%;
    min-height: 380px;
}
.about-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================================================
   Contact Section — Industrial Command Center
   ============================================================ */
.anco-contact-section {
    background: #fff;
    overflow: hidden;
    padding:0
}

/* ── Left dark panel ─────────────────────────────────────── */
.anco-contact-panel {
    position: relative;
    background-image: url('../images/ancosteel/main3.jpg');
    background-size: cover;
    background-position: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.anco-contact-panel__accent-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.15) 50%, transparent 100%);
    z-index: 2;
}

.anco-contact-panel__deco-num {
    position: absolute;
    top: -20px;
    right: -10px;
    font-family: 'Manrope', sans-serif;
    font-size: 12rem;
    font-weight: 200;
    line-height: 1;
    color: rgba(255,255,255,0.04);
    pointer-events: none;
    user-select: none;
    z-index: 0;
}

.anco-contact-panel__inner {
    position: relative;
    z-index: 2;
    margin: 40px;
    padding: 48px 44px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 80px);
    background: rgba(10, 12, 18, 0.45);
    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}

.anco-contact-panel__items {
    display: flex;
    flex-direction: column;
    gap: 44px;
    flex: 1;
}

.anco-contact-panel__item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.anco-contact-panel__icon {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color:var(--base-color);
    font-size: 15px;
}

.anco-contact-panel__label {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--base-color);
    margin-bottom: 6px;
}

.anco-contact-panel__value {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 1.65;
    text-decoration: none;
    display: block;
    margin: 0;
    transition: color 0.2s;
}

a.anco-contact-panel__value:hover {
    color: rgba(255,255,255,0.6);
}

.anco-contact-panel__footer {
    margin-top: 48px;
}

.anco-contact-panel__divider {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.08);
    margin: 0 0 28px;
}

.anco-contact-panel__social {
    display: flex;
    gap: 10px;
}

.anco-contact-panel__social-link {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255,255,255,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
}

.anco-contact-panel__social-link:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.35);
    color: #fff;
}

/* ── Right form panel ────────────────────────────────────── */
.anco-contact-form {
    padding: 64px 60px;
    background: #fff;
    height: 100%;
}

.anco-contact-form__header {
    margin-bottom: 40px;
}

.anco-contact-form__eyebrow {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #0d1018;
    margin-bottom: 14px;
}

.anco-contact-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px 40px;
}

/* ── Custom field / input ────────────────────────────────── */
.anco-cf-field {
    display: flex;
    flex-direction: column;
}

.anco-cf-field--full {
    grid-column: 1 / -1;
}

.anco-cf-label {
    font-family: 'Manrope', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #6b7280;
    margin-bottom: 10px;
}

.anco-cf-input {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #e0e3e8;
    border-radius: 0;
    padding: 14px 0;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    color: #0d1018;
    outline: none;
    transition: border-color 0.2s;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
}

.anco-cf-input:focus {
    border-bottom-color: #0d1018;
}

.anco-cf-input::placeholder {
    color: transparent;
}

.anco-cf-textarea {
    min-height: 130px;
    resize: vertical;
}

.anco-cf-consent-row {
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
}

.anco-cf-checkbox {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    accent-color: #0d1018;
    cursor: pointer;
}

.anco-cf-consent-label {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #6b7280;
    line-height: 1.6;
    cursor: pointer;
    margin: 0;
}

.anco-cf-consent-label a {
    color: #0d1018;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.anco-cf-consent-label a:hover {
    color: #444;
}

.anco-cf-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    background: #0d1018;
    color: #fff;
    border: none;
    padding: 18px 36px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.25s, transform 0.2s;
}

.anco-cf-btn:hover {
    background: #1e2535;
    transform: translateY(-2px);
}

/* ── Map ─────────────────────────────────────────────────── */
.anco-contact-map {
    display: block;
    line-height: 0;
}

.anco-contact-map iframe {
    display: block;
    filter: grayscale(20%) contrast(1.05);
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991px) {
    .anco-contact-panel__inner {
        padding: 48px 36px 44px 44px;
    }
    .anco-contact-panel__deco-num {
        display: none;
    }
    .anco-contact-form {
        padding: 48px 36px;
    }
    .anco-contact-form__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .anco-cf-field--full {
        grid-column: 1;
    }
}

@media (max-width: 767px) {
    .anco-contact-panel__inner {
        padding: 40px 28px 36px 36px;
    }
    .anco-contact-panel__items {
        gap: 32px;
    }
    .anco-contact-form {
        padding: 40px 24px;
    }
    .anco-contact-form__grid {
        gap: 24px;
    }
}

/* ============================================================
   Blog Grid Page
   ============================================================ */
.anco-blog-grid-section {
    padding: 50px 0 50px;
    background: #f8f9fb;
}

.anco-blog-grid__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 48px;
}

@media (max-width: 991px) {
    .anco-blog-grid__filters-wrap {
        position: relative;
    }
    .anco-blog-grid__filters-wrap::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to right, transparent, #f8f9fb);
        pointer-events: none;
        transition: opacity 0.3s;
        z-index: 1;
    }
    .anco-blog-grid__filters-wrap.at-end::after {
        opacity: 0;
    }
    .anco-blog-grid__filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 4px;
    }
    .anco-blog-grid__filters::-webkit-scrollbar {
        display: none;
    }
    .anco-blog-grid__filter {
        flex-shrink: 0;
    }
}

.anco-blog-grid__filter {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #6b7280;
    background: #fff;
    border: 1px solid #e5e7eb;
    padding: 9px 20px;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 0;
}

.anco-blog-grid__filter:hover,
.anco-blog-grid__filter.active {
    background: #0d1018;
    color: #fff;
    border-color: #0d1018;
}

/* Pagination */
.anco-blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 56px;
}

.anco-blog-pagination__pages {
    display: flex;
    align-items: center;
    gap: 6px;
}

.anco-blog-pagination__page,
.anco-blog-pagination__prev,
.anco-blog-pagination__next {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #6b7280;
    text-decoration: none;
    transition: all 0.2s;
}

.anco-blog-pagination__page:hover,
.anco-blog-pagination__prev:hover,
.anco-blog-pagination__next:hover {
    border-color: #0d1018;
    background: #0d1018;
    color: #fff;
}

.anco-blog-pagination__page.active {
    background: #0d1018;
    border-color: #0d1018;
    color: #fff;
}

.anco-blog-pagination__dots {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #9ca3af;
    padding: 0 4px;
}

/* ============================================================
   Blog Single
   ============================================================ */

/* ── Section wrapper ───────────────────────────────────────── */
.bs-section {
    background: #fff;
    padding: 50px 0 50px;
}

/* ── Article header ────────────────────────────────────────── */
.bs-article-header {
    margin-bottom: 36px;
}

.bs-category-badge {
    display: inline-block;
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    background: #203a6b;
    padding: 5px 14px;
    margin-bottom: 20px;
}

.bs-article-title {
    font-family: 'Manrope', sans-serif;
    font-size: clamp(1.75rem, 3.5vw, 2.4rem);
    font-weight: 800;
    color: #0d1018;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 20px;
}

.bs-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.bs-meta__item {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 6px;
}

.bs-meta__item i {
    font-size: 12px;
    color: #9ca3af;
}

.bs-meta__sep {
    color: #d1d5db;
    font-size: 13px;
}

.bs-author-line {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #6b7280;
}

.bs-author-line strong {
    color: #0d1018;
    font-weight: 700;
}

/* ── Featured image ────────────────────────────────────────── */
.bs-featured-image {
    margin-bottom: 40px;
}

.bs-featured-image img {
    display: block;
    width: 100%;
    height: auto;
}

.bs-image-caption {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #9ca3af;
    margin: 10px 0 0;
    font-style: italic;
}

/* ── Article body typography ───────────────────────────────── */
.bs-body {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 1.85;
    color: #374151;
    margin-bottom: 48px;
}

.bs-body p {
    margin: 0 0 24px;
}

.bs-body h2 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0d1018;
    margin: 40px 0 16px;
    font-family: 'Manrope', sans-serif;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.bs-blockquote {
    border-left: 3px solid #0d1018;
    padding: 20px 28px;
    background: #f8f9fb;
    font-size: 1.1rem;
    font-style: italic;
    color: #374151;
    margin: 32px 0;
    font-family: 'Manrope', sans-serif;
    line-height: 1.75;
}

/* ── Tags row ──────────────────────────────────────────────── */
.bs-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 48px;
    padding-top: 8px;
}

.bs-tag-label {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-right: 4px;
}

.bs-tag {
    display: inline-block;
    border: 1px solid #d1d5db;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #374151;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.bs-tag:hover {
    background: #0d1018;
    color: #fff;
    border-color: #0d1018;
}

/* ── Author card ───────────────────────────────────────────── */
.bs-author-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-top: 1px solid #e5e7eb;
    padding-top: 36px;
    margin-bottom: 48px;
}

.bs-author-card__avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: #0d1018;
    flex-shrink: 0;
}

.bs-author-card__name {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #0d1018;
    margin-bottom: 6px;
}

.bs-author-card__bio {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.65;
    margin: 0;
}

/* ── Prev / Next navigation ────────────────────────────────── */
.bs-prevnext {
    display: flex;
    gap: 0;
}

.bs-prevnext__item {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 0 0 50%;
    width: 50%;
    border: 1px solid #e5e7eb;
    padding: 24px;
    text-decoration: none;
    color: #0d1018;
    transition: border-color 0.2s;
    font-family: 'Manrope', sans-serif;
}

.bs-prevnext__item:hover {
    border-color: #0d1018;
    color: #0d1018;
}

.bs-prevnext__item--prev {
    border-right: none;
}

.bs-prevnext__arrow {
    font-size: 20px;
    color: #9ca3af;
    flex-shrink: 0;
    line-height: 1;
    transition: color 0.2s;
}

.bs-prevnext__item:hover .bs-prevnext__arrow {
    color: #0d1018;
}

.bs-prevnext__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
}

.bs-prevnext__item--next .bs-prevnext__content {
    text-align: right;
    margin-left: auto;
}

.bs-prevnext__label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #9ca3af;
}

.bs-prevnext__title {
    font-size: 14px;
    font-weight: 600;
    color: #0d1018;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Sidebar ───────────────────────────────────────────────── */
.bs-sidebar {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 992px) {
    .bs-sidebar {
        position: sticky;
        top: 100px;
    }
}

/* ── Widget base ───────────────────────────────────────────── */
.bs-widget {
    background: #fff;
    border: 1px solid #e5e7eb;
    padding: 28px;
}

.bs-widget__title {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--base-color);
    background-color: #203a6b;
    margin: -28px -28px 22px;
    padding: 14px 28px;
    border-bottom: 1px solid #1a1a1a;
}

/* ── Search widget ─────────────────────────────────────────── */
.bs-search-form__inner {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #0d1018;
}

.bs-search-form__input {
    flex: 1;
    border: none;
    outline: none;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #374151;
    padding: 8px 0;
    background: transparent;
}

.bs-search-form__input::placeholder {
    color: #9ca3af;
}

.bs-search-form__btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px 0 8px 12px;
    color: #0d1018;
    font-size: 14px;
    transition: color 0.2s;
}

.bs-search-form__btn:hover {
    color: #4b5563;
}

/* ── Categories widget ─────────────────────────────────────── */
.bs-cat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bs-cat-list__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f3f4f6;
    padding: 10px 0;
}

.bs-cat-list__item:last-child {
    border-bottom: none;
}

.bs-cat-list__link {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: color 0.2s;
}

.bs-cat-list__link:hover {
    color: #0d1018;
    font-weight: 700;
}

.bs-cat-list__count {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    color: #9ca3af;
    background: #f3f4f6;
    padding: 2px 8px;
    min-width: 28px;
    text-align: center;
}

/* ── Recent posts widget ───────────────────────────────────── */
.bs-recent-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bs-recent-post {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    text-decoration: none;
    color: inherit;
}

.bs-recent-post__thumb {
    width: 60px;
    height: 60px;
    min-width: 60px;
    overflow: hidden;
    flex-shrink: 0;
    background: #e5e7eb;
}

.bs-recent-post__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.bs-recent-post:hover .bs-recent-post__thumb img {
    transform: scale(1.06);
}

.bs-recent-post__info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.bs-recent-post__title {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0d1018;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
}

.bs-recent-post:hover .bs-recent-post__title {
    color: #4b5563;
}

.bs-recent-post__date {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* ── Tags widget ───────────────────────────────────────────── */
.bs-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 767px) {
    .bs-section {
        padding: 56px 0 72px;
    }

    .bs-prevnext {
        flex-direction: column;
    }

    .bs-prevnext__item {
        flex: 0 0 100%;
        width: 100%;
        border-right: 1px solid #e5e7eb !important;
    }

    .bs-prevnext__item--prev {
        border-bottom: none;
    }

    .bs-prevnext__item--next .bs-prevnext__content {
        text-align: left;
        margin-left: 0;
    }
}

/* ============================================================
   Projects Portfolio Grid
   ============================================================ */

.anco-proj-section {
    padding: 60px 0 90px;
    background: #fff;
}

/* ── Filter tabs ─────────────────────────────────────────── */
.anco-proj__filters-wrap {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 48px;
    position: relative;
}

.anco-proj__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.anco-proj__filter {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 14px 20px;
    margin-bottom: -1px;
    color: #9ca3af;
    cursor: pointer;
    transition: color 0.2s, border-bottom-color 0.2s;
    white-space: nowrap;
}

.anco-proj__filter:hover,
.anco-proj__filter.active {
    color: #0d1018;
    border-bottom-color: #0d1018;
}

/* ── Card base ───────────────────────────────────────────── */
.anco-proj__card {
    position: relative;
    overflow: hidden;
    display: block;
}

.anco-proj__card-link {
    display: block;
    text-decoration: none;
    overflow: hidden;
}

.anco-proj__fig {
    position: relative;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    display: block;
}

.anco-proj__fig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

.anco-proj__card-link:hover .anco-proj__fig img {
    transform: scale(1.04);
}

/* ── Caption overlay (two-layer: badge always visible, title slides in) */
/* figcaption covers the full figure and holds both layers */
.anco-proj__caption {
    position: absolute;
    inset: 0;
    background: transparent;
    padding: 0;
    display: block;
    pointer-events: none;
}

/* Top-left badge — always visible */
.anco-proj__cat {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.9);
    background: rgba(0,0,0,0.48);
    padding: 4px 10px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: inline-block;
    z-index: 2;
    pointer-events: auto;
}

/* Bottom title gradient — slides in on hover */
.anco-proj__title-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 28px;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);
    transform: translateY(8px);
    opacity: 0;
    transition: opacity 0.35s ease, transform 0.35s ease;
    z-index: 2;
    pointer-events: auto;
}

.anco-proj__card-link:hover .anco-proj__title-wrap {
    opacity: 1;
    transform: translateY(0);
}

.anco-proj__title {
    font-family: 'Manrope', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.3;
}

/* Products page — square cards, title always visible */
.anco-products-section .anco-proj__fig {
    aspect-ratio: 1 / 1;
}

.anco-products-section .anco-proj__title-wrap {
    opacity: 1;
    transform: translateY(0);
}

.anco-proj__sub {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: rgba(255,255,255,0.9);
    margin: 6px 0 0;
    letter-spacing: 0.03em;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 991px) {
    .anco-proj-section {
        padding: 48px 0 70px;
    }

    /* Show title wrap always on touch devices */
    .anco-proj__title-wrap {
        opacity: 1;
        transform: translateY(0);
    }

    /* Filter tabs: horizontal scroll */
    .anco-proj__filters-wrap {
        position: relative;
    }
    .anco-proj__filters-wrap::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: calc(100% - 1px);
        background: linear-gradient(to right, transparent, #fff);
        pointer-events: none;
        transition: opacity 0.3s;
        z-index: 1;
    }
    .anco-proj__filters-wrap.at-end::after {
        opacity: 0;
    }
    .anco-proj__filters {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 0;
    }
    .anco-proj__filters::-webkit-scrollbar {
        display: none;
    }
    .anco-proj__filter {
        flex-shrink: 0;
    }
}

@media (max-width: 575px) {
    .anco-proj-section {
        padding: 40px 0 60px;
    }
    .anco-proj__title {
        font-size: 17px;
    }
}

/* Projects intro */
.anco-proj__intro {
    padding-bottom: 48px;
    border-bottom: 1px solid #e5e7eb;
}

.project-sec-title{
    margin-bottom: 0;
}

/* ============================================================
   Category Filters Sidebar
   ============================================================ */
.anco-cat-layout {
    align-items: flex-start;
}

.anco-cat-sidebar {
    background: #fff;
    border: 1px solid #e5e7eb;
    padding: 24px;
    position: sticky;
    top: 24px;
}

.anco-cat-sidebar .filter-block + .filter-block {
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid #e5e7eb;
}

.anco-cat-sidebar .filter-block h3 {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0d1018;
    margin-bottom: 16px;
}

.anco-cat-sidebar .filter-block h4 {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0d1018;
    margin: 16px 0 8px;
}

.anco-cat-sidebar .filter-block-inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.anco-cat-sidebar .filter-block-inner li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 0;
}

.anco-cat-sidebar .filter-block-inner a {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #4b5563;
    text-decoration: none;
    transition: color 0.2s;
}

.anco-cat-sidebar .filter-block-inner a:hover {
    color: #0d1018;
}

.anco-cat-sidebar .filter-block-inner a.selected-filter {
    color: #0d1018;
    font-weight: 700;
}

.anco-cat-sidebar .filter-block-inner .count {
    font-size: 12px;
    color: #9ca3af;
    white-space: nowrap;
}

/* Mobile filters toggle button (visible below lg, hidden on desktop) */
.anco-cat-sidebar__toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #e5e7eb;
    padding: 14px 18px;
    margin-bottom: 20px;
    color: #0d1018;
    cursor: pointer;
}

.anco-cat-sidebar__toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.anco-cat-sidebar__toggle i {
    transition: transform 0.2s;
}

@media (max-width: 991px) {
    .anco-cat-sidebar {
        position: static;
        border: none;
        padding: 0;
    }
}

/* ============================================================
   Project Single Page
   ============================================================ */
.ps-section {
    padding: 50px 0 40px;
    background: #fff;
}

.ps-label {
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #0d1018;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ps-label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #0d1018;
}

.ps-title {
    font-family: 'Manrope', sans-serif;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0d1018;
    line-height: 1.15;
    margin-bottom: 24px;
}

.ps-lead {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #374151;
    line-height: 1.7;
    margin-bottom: 20px;
}

.ps-body {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.85;
    margin-bottom: 16px;
}

/* Details card */
.ps-details-card {
    border: 1px solid #e5e7eb;
    padding: 32px;
}

@media (min-width: 992px) {
    .ps-details-card {
        position: sticky;
        top: 100px;
    }
}

.ps-details-card__title {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 800;
    color: var(--base-color);
    background-color: #203a6b;
    letter-spacing: -0.01em;
    margin: -32px -32px 24px;
    padding: 16px 32px;
    border-bottom: 1px solid #1a1a1a;
}

.ps-details-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ps-details-card__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #f3f4f6;
}
.ps-details-card__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.ps-details-card__icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    background: #f8f9fb;
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d1018;
    font-size: 13px;
}

.ps-details-card__label {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #9ca3af;
    margin-bottom: 3px;
}

.ps-details-card__value {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #0d1018;
}

.ps-details-card__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 28px;
    padding: 16px 24px;
    background: #203a6b;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: background 0.25s ease, gap 0.25s ease;
}
.ps-details-card__cta:hover {
    background: #1a1f2e;
    gap: 16px;
}

/* Specs table */
.ps-specs {
    margin-top: 40px;
}
.ps-specs__title {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0d1018;
    margin-bottom: 16px;
}
.ps-specs__table {
    width: 100%;
    border-collapse: collapse;
}
.ps-specs__table tr {
    border-bottom: 1px solid #f0f1f3;
}
.ps-specs__table tr:last-child {
    border-bottom: none;
}
.ps-specs__key {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9ca3af;
    padding: 12px 20px 12px 0;
    width: 40%;
    vertical-align: top;
}
.ps-specs__val {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0d1018;
    padding: 12px 0;
    vertical-align: top;
}

/* Gallery slider */
.ps-gallery {
    margin-top: 80px;
    position: relative;
}

.ps-gallery__swiper {
    overflow: hidden;
}

.ps-gallery__swiper .swiper-slide {
    width: 38%;
}

@media (max-width: 991px) {
    .ps-gallery__swiper .swiper-slide {
        width: 70%;
    }
}
@media (max-width: 575px) {
    .ps-gallery__swiper .swiper-slide {
        width: 88%;
    }
}

.ps-gallery__item {
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
}

/* Product single — inline swiper (right column, square) */
.ps-product-swiper {
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
}
.ps-product-swiper .swiper-slide {
    width: 100%;
}
/* .ps-product-swiper .ps-gallery__item {
    aspect-ratio: 1 / 1;
} */

.ps-prod-swiper__prev,
.ps-prod-swiper__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border: none;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
}
.ps-prod-swiper__prev:hover,
.ps-prod-swiper__next:hover {
    background: rgba(0,0,0,0.8);
}
.ps-prod-swiper__prev { left: 12px; }
.ps-prod-swiper__next { right: 12px; }

/* ============================================================
   Related Products slider
   ============================================================ */
.ps-related {
    padding: 80px 0;
    background: #f8f9fb;
    border-top: 1px solid #e5e7eb;
}
.ps-related__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 36px;
}
.ps-related__title {
    font-family: 'Manrope', sans-serif;
    font-size: clamp(1.4rem, 2.5vw, 2rem);
    font-weight: 800;
    color: #0d1018;
    margin: 8px 0 0;
}
.ps-related__swiper {
    overflow: hidden;
}
.ps-related__swiper .swiper-slide {
    width: 28%;
}
@media (max-width: 991px) {
    .ps-related__swiper .swiper-slide { width: 46%; }
}
@media (max-width: 575px) {
    .ps-related__swiper .swiper-slide { width: 78%; }
}
.ps-related__swiper .anco-proj__title-wrap {
    opacity: 1;
    transform: translateY(0);
}
.ps-related__nav {
    display: flex;
    gap: 10px;
    margin-top: 28px;
}
.ps-related__prev,
.ps-related__next {
    width: 44px;
    height: 44px;
    background: #0d1018;
    border: none;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
}
.ps-related__prev:hover,
.ps-related__next:hover {
    background: #1a1f2e;
}

/* ============================================================
   Services Section
   ============================================================ */
.anco-services-section {
    padding: 50px 0;
    background: #fff;
}

.anco-srv__grid {
    margin-top: 12px;
}

.anco-srv__card {
    background: #f8f9fb;
    border: 1px solid #e5e7eb;
    padding: 40px 36px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.anco-srv__card:hover {
    border-color: #0d1018;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08);
}

.anco-srv__icon {
    width: 52px;
    height: 52px;
    background: #0d1018;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 28px;
    flex-shrink: 0;
}

.anco-srv__title {
    font-family: 'Manrope', sans-serif;
    font-size: 1.1rem;
    font-weight: 800;
    color: #0d1018;
    margin: 0 0 14px;
    line-height: 1.3;
}

.anco-srv__body {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    color: #4b5563;
    line-height: 1.7;
    margin: 0;
    flex: 1;
}

.anco-srv__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 28px;
    padding: 12px 22px;
    background: transparent;
    border: 1px solid #0d1018;
    color: #0d1018;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, gap 0.2s ease;
    align-self: flex-start;
}
.anco-srv__cta:hover {
    background: #0d1018;
    color: #fff;
    gap: 14px;
}

/* ============================================================
   Quality / Certifications Section
   ============================================================ */
/* ============================================================
   Typography / Text Section
   ============================================================ */
.anco-text-section {
    padding: 80px 0;
    background: #fff;
}

.anco-text-h1 {
    font-family: 'Manrope', sans-serif;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 800;
    color: #0d1018;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0 0 24px;
}
.anco-text-h2 {
    font-family: 'Manrope', sans-serif;
    font-size: clamp(1.5rem, 3vw, 2.4rem);
    font-weight: 800;
    color: #0d1018;
    line-height: 1.2;
    letter-spacing: -0.015em;
    margin: 48px 0 20px;
}
.anco-text-h3 {
    font-family: 'Manrope', sans-serif;
    font-size: clamp(1.2rem, 2.2vw, 1.8rem);
    font-weight: 700;
    color: #0d1018;
    line-height: 1.25;
    margin: 40px 0 16px;
}
.anco-text-h4 {
    font-family: 'Manrope', sans-serif;
    font-size: clamp(1rem, 1.6vw, 1.3rem);
    font-weight: 700;
    color: #0d1018;
    line-height: 1.3;
    margin: 36px 0 14px;
}
.anco-text-h5 {
    font-family: 'Manrope', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #0d1018;
    line-height: 1.4;
    letter-spacing: 0.02em;
    margin: 32px 0 12px;
}
.anco-text-h6 {
    font-family: 'Manrope', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    color: #6b7280;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 28px 0 10px;
}
.anco-text-body {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    color: #374151;
    line-height: 1.8;
    margin: 0 0 20px;
}
.anco-text-list {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    color: #374151;
    line-height: 1.8;
    padding-left: 0;
    list-style: none;
    margin: 0 0 32px;
}
.anco-text-list li {
    padding: 8px 0 8px 24px;
    position: relative;
    border-bottom: 1px solid #f3f4f6;
}
.anco-text-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 2px;
    background: #0d1018;
}
.anco-text-blockquote {
    font-family: 'Manrope', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: #0d1018;
    line-height: 1.7;
    border-left: 3px solid #0d1018;
    padding: 4px 0 4px 28px;
    margin: 40px 0;
    font-style: italic;
}
.anco-text-small {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #9ca3af;
    line-height: 1.7;
    margin: 0;
}

.anco-quality-section {
    padding: 80px 0;
    background: #fff;
}

/* Certification cards */
.anco-cert__grid {
    margin-top: 12px;
}

.anco-cert__card {
    background: #f8f9fb;
    border: 1px solid #e5e7eb;
    padding: 36px 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.anco-cert__card:hover {
    border-color: #0d1018;
    box-shadow: 0 8px 32px rgba(0,0,0,0.07);
}

.anco-cert__icon {
    width: 48px;
    height: 48px;
    background: #0d1018;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 24px;
    flex-shrink: 0;
}

.anco-cert__body {
    flex: 1;
}

.anco-cert__title {
    font-family: 'Manrope', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #0d1018;
    margin: 0 0 10px;
}

.anco-cert__text {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #4b5563;
    line-height: 1.7;
    margin: 0;
}

.anco-cert__download {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #0d1018;
    text-decoration: none;
    border-bottom: 1px solid #0d1018;
    padding-bottom: 2px;
    transition: gap 0.2s ease, opacity 0.2s ease;
}
.anco-cert__download:hover {
    gap: 12px;
    opacity: 0.7;
}

/* Quality pillars */
.anco-quality__pillars {
    margin-top: 80px;
    border-top: 1px solid #e5e7eb;
}

.anco-quality__pillar {
    padding: 48px 40px;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    height: 100%;
}
.anco-quality__pillar:last-child {
    border-right: none;
}

.anco-quality__num {
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #9ca3af;
    display: block;
    margin-bottom: 20px;
}

.anco-quality__pillar-title {
    font-family: 'Manrope', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: #0d1018;
    margin: 0 0 12px;
}

.anco-quality__pillar-text {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #4b5563;
    line-height: 1.7;
    margin: 0;
}

@media (max-width: 991px) {
    .anco-quality__pillar {
        border-right: none;
        border-bottom: 1px solid #e5e7eb;
        padding: 36px 28px;
    }
}

.ps-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

.ps-gallery__item:hover img {
    transform: scale(1.04);
}

.ps-gallery__zoom {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0);
    color: #fff;
    font-size: 22px;
    opacity: 0;
    transition: all 0.3s;
}

.ps-gallery__item:hover .ps-gallery__zoom {
    opacity: 1;
    background: rgba(0,0,0,0.3);
}

/* Gallery nav arrows */
.ps-gallery__prev,
.ps-gallery__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    background: #fff;
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    color: #0d1018;
    transition: all 0.2s;
}
.ps-gallery__prev { left: 20px; }
.ps-gallery__next { right: 20px; }
.ps-gallery__prev:hover,
.ps-gallery__next:hover {
    background: #0d1018;
    color: #fff;
    border-color: #0d1018;
}

/* Magnific Popup overrides */
.mfp-bg { background: #0d1018; opacity: 0.92; }
.mfp-arrow-left::before,
.mfp-arrow-right::before { border-right-color: #fff; border-left-color: #fff; }

.mfp-close {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 0 !important;
    right: 0 !important;
    top: 0 !important;
    padding: 0 !important;
    background: var(--base-color) !important;
    color: #111416 !important;
    opacity: 1 !important;
    border-radius: 0 !important;
}


@media (max-width:991px){
    .project-sec-title{
        margin-bottom: 15px;
    }

    .anco-footer__cta-text{
        text-align:center;
    }
}

.anco-topbar__social-link i {
    color:white;
}

.bg-dark-blue{
    background-color:#182d54;
}