.header_area {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        transition: all 0.3s ease;
    }
    .header_area .main_menu,
    .header_area .navbar,
    .header_area.navbar_fixed .main_menu,
    .header_area.navbar_fixed .navbar {
        width: 100%;
    }
    .header_area .navbar {
        transition: all 0.3s ease;
    }
    .header_area .navbar .nav .nav-item > .nav-link {
        color: #fff !important;
        font-weight: 600;
        letter-spacing: 0.2px;
        transition: color 0.25s ease;
    }
    .header_area.navbar_fixed {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background: rgba(20, 39, 78, 0.82) !important;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
        animation: headerSlideDown 0.35s ease;
    }
    .header_area.navbar_fixed .main_menu .navbar .nav .nav-item > .nav-link {
        color: #fff !important;
    }
    .header_area .navbar .nav .nav-item:hover > .nav-link,
    .header_area .navbar .nav .nav-item.active > .nav-link,
    .header_area .navbar .nav .nav-item.submenu.open > .nav-link,
    .header_area.navbar_fixed .main_menu .navbar .nav .nav-item:hover > .nav-link,
    .header_area.navbar_fixed .main_menu .navbar .nav .nav-item.active > .nav-link,
    .header_area.navbar_fixed .main_menu .navbar .nav .nav-item.submenu.open > .nav-link {
        color: #8db4d6 !important;
    }
    .header_area .navbar .nav .nav-item.submenu .dropdown-menu {
        border: 1px solid rgba(217, 226, 236, 0.95);
        border-radius: 14px;
        padding: 10px 0;
        background: rgba(255, 255, 255, 0.95);
        box-shadow: 0 18px 40px rgba(36, 56, 77, 0.14);
        overflow: hidden;
    }
    .header_area .navbar .nav .nav-item.submenu ul li a,
    .header_area .navbar .nav .nav-item.submenu ul li .nav-link,
    .header_area .navbar .nav .nav-item.submenu .dropdown-item {
        color: var(--text-main) !important;
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
        padding: 10px 20px;
        transition: all 0.2s ease;
    }
    .header_area .navbar .nav .nav-item.submenu ul li a:hover,
    .header_area .navbar .nav .nav-item.submenu ul li .nav-link:hover,
    .header_area .navbar .nav .nav-item.submenu .dropdown-item:hover {
        color: var(--primary) !important;
        background: var(--accent-soft) !important;
    }
    .dropdown-menu .dropdown-item-text {
        display: block;
        color: #7a8796;
        font-weight: 700;
        font-size: 12px;
        letter-spacing: 1px;
        padding: 12px 20px 8px;
        white-space: nowrap;
    }
    .dropdown-divider {
        margin: 8px 0;
        border-top: 1px solid var(--line);
    }
    .pl-4 { padding-left: 30px !important; }
    .nowrap { white-space: nowrap; }

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

    .banner_area { position: relative; }
    .banner_area .banner_inner { min-height: 400px; }
    .banner_area .head-title {
        color: #fff;
        font-size: 36px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -0.3px;
        text-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
    }

    .portfolio_details_area {
        background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    }

    h1.section-title {
        text-align: center;
        font-size: 38px;
        font-weight: 800;
        color: var(--primary-dark);
        margin-bottom: 12px;
        letter-spacing: -0.6px;
    }

    hr.title-line {
        border: none;
        height: 4px;
        width: 56px;
        margin: 18px auto 28px;
        background: linear-gradient(90deg, var(--primary), var(--accent));
        border-radius: var(--radius-pill);
        opacity: 1;
    }