.pvn-glass-header { position: fixed; width: 100%; z-index: 10; top: 0;pointer-events: none; }
.pvn-glass-header section { padding-block: 24px; transition: .3s ease; pointer-events: auto;}
.pvn-glass-header.scrolled section { padding-block: 20px; }

.pvn-glass-header .inner-area { border-radius: 60px; padding: 10px 15px 10px 0; transition: .5s ease; justify-content: space-between; align-items: stretch; display: flex; box-shadow: 0 5px 10px transparent; position: relative; }

.pvn-glass-header .inner-area::before { position: absolute; content: ''; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: transparent; inset: 0; border-radius: 60px; z-index: -1; transition: .5s ease; }
.pvn-glass-header.navscrolled .inner-area::before{background-color: #171717a3;}
.dark-header .pvn-glass-header .inner-area::before{background-color: #171717a3;}

.pvn-glass-header.scrolled .inner-area { background-color: #101010a8; }

.pvn-glass-header .main-logo { max-width: 225px; height: auto; transition: opacity 0.2s ease; }

.pvn-glass-header .nav-item>a,
.pvn-glass-header .navigate-listing .nav-item {
    display: flex;align-self: stretch;height: auto;
}

.pvn-glass-header .navigate-listing { display: flex; }
.pvn-glass-header .navigate-listing div { display: flex; align-items: center; gap: 2.5em; }
.pvn-glass-header .navigate-listing div>a { color: #fff; font-size: 16px; font-weight: 500; align-items: center !important; }
.sub-menu-icon { padding-inline: 13px 0; height: 100%; display: flex; align-items: center; background: url("../images/chevron.svg") no-repeat center / contain; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) brightness(114%) contrast(109%); transform: rotate(90deg); background-size: 7px; margin-left: 5px; transition: .3s ease; }

.pvn-glass-header .navigate-listing .overlay { display: none; }
.over-white-section .sub-menu-icon {
    filter: brightness(0) saturate(100%) invert(3%) saturate(36%) hue-rotate(314deg) brightness(83%) contrast(92%);
}

.pvn-glass-header.over-white-section .nav-item>a:hover,
.pvn-glass-header .nav-item>a:hover,
.pvn-glass-header.over-white-section .nav-item>a.active,
.pvn-glass-header .nav-item>a.active {
    color: #00B5FF;
}

.pvn-glass-header .nav-item>a:hover .sub-menu-icon,
.pvn-glass-header .nav-item.page-active>a .sub-menu-icon {
    filter: brightness(0) saturate(100%) invert(61%) sepia(68%) saturate(3996%) hue-rotate(165deg) brightness(102%) contrast(102%);
}

.dropdown-box .sub-menu { position: absolute; opacity: 0; pointer-events: none; transition: transform .3s ease, opacity .3s ease; ;top: 24px;}
.nav-item.active-sub .sub-menu { transform: translateY(0); opacity: 1; pointer-events: auto }
.collapsible-nav { position: relative; }

.dropdown-box .sub-menu .inner-box { border-radius: 20px; padding: 18px; box-shadow: 0 0 10px #0000001a; gap: 15px !important; border: 1px solid #eee; background: #fff; min-width: 355px; position: relative; width: max-content; }
.dropdown-box .sub-menu a { padding: 12px; color: #000; border-radius: 15px; transition: .3s ease; display: flex; gap: 10px; position: relative; min-width: 338px; align-items: flex-start;}
.dropdown-box .sub-menu a::after { content: ''; position: absolute; top: 50%; background: url('../images/arrow-icon.svg') no-repeat center / contain; width: 20px; height: 20px; z-index: 1; right: 15px; filter: brightness(0) saturate(100%) invert(9%) sepia(9%) saturate(14%) hue-rotate(326deg) brightness(100%) contrast(89%); transform: translateY(-50%) rotate(52deg); opacity: 0; transition: opacity .3s ease; }
.dropdown-box .sub-menu a:hover::after { opacity: 1; }
.dropdown-box .sub-menu ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 10px; max-height: calc(100vh - 160px); overflow: auto; width: 100%; scrollbar-width: none;min-height: 436px;}
.dropdown-box .sub-menu a .icn { --sz: 44px; border-radius: 11px; display: flex; justify-content: center; align-items: center; min-width: var(--sz); height: var(--sz); max-width: var(--sz); background: #F2F2F2;transition: .3s ease; }
.dropdown-box .sub-menu a.page-active,
.dropdown-box .sub-menu a:hover { background: #F2F2F2; }
.dropdown-box .sub-menu a.page-active .icn,
.dropdown-box .sub-menu a:hover .icn {
    background: #fff;
}
.dropdown-box .sub-menu a .contn { flex-direction: column; gap: 0; }
.dropdown-box .sub-menu a .title { font-weight: 500; font-size: 16px; line-height: normal; }
.dropdown-box .sub-menu a .desc { font-weight: 400; color: #5F5F5F; font-size: 13px; line-height: 19px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;max-width: 231px; }
.dropdown-box .sub-menu a .icn img { width: 32px; height: 31px; }
.dropdown-box .sub-menu .view-mnPage.mob { display: none; }
.nav-link-dec { flex-direction: column; --sz: 237px; gap: 0 !important; max-width: var(--sz); width: var(--sz); min-width: var(--sz); }
.nav-link-dec p { font-size: 14px; }
.pvn-glass-header.over-white-section .nav-item>a { color: #101010; }
.pvn-glass-header.over-white-section .inner-area { box-shadow: 0 5px 10px #41414117; }
.pvn-glass-header.over-white-section .inner-area::before { background-color: #fffc; }
.pvn-glass-header .brandings { position: relative; display: flex; align-items: center;align-self: center; }
.pvn-glass-header .logo-dark { display: block; left: 0; position: absolute; top: 0; opacity: 0; }
.pvn-glass-header.over-white-section .main-logo:not(.logo-dark) { opacity: 0; }
.pvn-glass-header.over-white-section .logo-dark { opacity: 1; }
header section .nav-item a[data-nav="contact"] { min-height: 40px; background: #00B5FF; border-radius: 100px; color: #fff; padding-inline: 15px; position: relative; overflow: hidden; z-index: 1; }
a[data-nav="contact"] .button-overlay { background: #ffffff; }
a[data-nav="contact"]:hover .button-overlay { transform: translateX(0); visibility: visible; }
a[data-nav="contact"].animT-out .button-overlay { transform: translateX(100%); visibility: visible; }
.over-white-section a[data-nav="contact"] .button-overlay { background: #171717; }
.pvn-glass-header:not(.over-white-section) .navigate-listing div>a[data-nav="contact"]:hover { color: #00B5FF; }
.over-white-section a[data-nav="contact"]:hover { color: #fff; }
.brandings { overflow: hidden; transition: .3s ease; }
.pvn-glass-header.over-white-section .nav-item>a[data-nav="contact"] { color: #fff; }
.pvn-glass-header .nav-item:last-of-type{align-items: center;align-self: unset;}
/* ===== Ham menu animation ==== */
 .ham-menu { --color: #fff; width: 36px; height: 36px; padding: 0; margin: 0; outline: none; position: relative; border: none; background: none; cursor: pointer; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
 
.ham-menu svg { width: 100%; height: 100%; }

.ham-menu path { fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; --length: 29; stroke-dasharray: var(--length) var(--total-length); stroke-dashoffset: var(--offset); transition: all 0.8s cubic-bezier(.645, .045, .355, 1); transform: translateX(0) scale(2.5); transform-origin: center; }

.ham-menu .line--1,
.ham-menu .line--3 {
  --total-length: 111.22813415527344;
  --offset: -50.22813415527344;
}

.ham-menu .line--2 {
  --total-length: 99;
  stroke-dashoffset: 218px;
}

/* ACTIVE STATE (replaces input:checked) */
.ham-menu.active svg path  {
  transform: translateX(72px) scale(2.5);
}
.over-white-section .ham-menu path{stroke: #222;}

.ham-menu.active svg path.line--2  {
  transform: translateX(90px) scale(2.5);
}

.ham-menu.active .line--1,
.ham-menu.active .line--3 {
  --offset: -12.9568484681;
}

.ham-menu.active .line--2 {
  --offset: -20;
}


.pvn-glass-header.over-white-section .ham-menu { --color: #222; }

.burger-menu-box { display: none; }

.pvn-glass-header .navigate-listing div>.view-mnPage { margin-top: 5px; color: #00B5FF; background: transparent; transition: unset; padding: 12px 0; width: fit-content; flex-direction: row-reverse; justify-content: flex-end; }

.pvn-glass-header .navigate-listing div>.view-mnPage::before { background: url("../images/arrow-icon.svg"); width: 19px; height: 20px; content: ''; display: inline-flex; position: static; transition: unset; filter: brightness(0) saturate(100%) invert(71%) sepia(48%) saturate(6572%) hue-rotate(165deg) brightness(101%) contrast(103%); }
.collapsible-nav a[data-call="sub-menu"]{
        padding-block: 22px;
}
.collapsible-nav.page-active a[data-call="sub-menu"] { color: #00B5FF; }
.dropdown-box .sub-menu { opacity: 0; pointer-events: none; will-change: transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: .5s; transition-duration: .5s; }
.dropdown-box .sub-menu[data-match="services"] ul { grid-template-columns: repeat(1, 1fr); }
.dropdown-box { position: absolute; z-index: 100; left: 0; right: 0; top: 70px; pointer-events: none; -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); -webkit-transform-origin: 50% -50px; transform-origin: 50% -50px; will-change: transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: .25s; transition-duration: .25s; }
.dropdown-arrow { content: ''; position: absolute; background: url("../images/menu-tick.svg") no-repeat center / contain; height: 10px; top: -8px; width: 141px; opacity: 0; transition: .3s ease; left: calc(50%); transform: translateX(-50%); z-index: 1; }
.active-dd .dropdown-arrow { opacity: 1; }
.dropdown-box .sub-menu.active { opacity: 1; pointer-events: auto; }
.pvn-glass-header .navigate-listing { flex-grow: 1; justify-content: flex-end; }
.dropdowns-wrapper { position: absolute; transition: .3s ease;top: -14px; }
.mob-contact-btn { display: none; }
.mobile-navigation { display: none; }
.navscrolled .brandings { --wd:46px;width: var(--wd); min-width: var(--wd); }

@media screen and (min-width:1089px) {
    .pvn-glass-header.navscrolled:not(.still-header) section { width: 70%; }
    .pvn-glass-header.navscrolled .inner-area {  padding: 10px 15px 10px 30px;}
    .mob-nav-section{pointer-events: none;padding: 0 !important;}
    .dark-header.portfolio-page .pvn-glass-header .inner-area{padding: 10px 15px 10px 30px;}
    .pvn-glass-header .inner-area {padding-block: 0 !important;}
    .navscrolled:not(.still-header) .brandings { --wd:46px;width: var(--wd); min-width: var(--wd); }
}

@media screen and (min-width:1500px) {
    .pvn-glass-header.navscrolled:not(.still-header) section {width: 62%;}
    /* .navscrolled .brandings{--wd:unset} */
}
@media screen and (min-width:1700px) {
    .pvn-glass-header.navscrolled:not(.still-header) section {width: 50%;}
}

@media screen and (max-width:1300px) {
    .pvn-glass-header .navigate-listing div {gap: 1.8em;}
}
@media screen and (max-width:1200px) {
    .pvn-glass-header .navigate-listing div { gap: 20px; }
    .pvn-glass-header .main-logo { max-width: 180px; max-height: 35px; }
    .navscrolled:not(.still-header) .brandings {--wd: 35px;}
}
@media screen and (max-width:1088px) {
    .pvn-glass-header section { width: 100%; padding: 0; }
    .navigate-listing { position: fixed; width: 83%; left: 0; top: 85px; border-radius: 18px; overflow: hidden; left: calc(17% / 2); transition: height .7s ease; height: 0; pointer-events: none; }
    .navigate-listing.active { box-shadow: 0 5px 10px #41414117; pointer-events: auto; }

    .navigate-listing::after { content: ''; transition: .3s ease; position: absolute; inset: 0; background-color: #171717; pointer-events: none; z-index: -1; backdrop-filter: blur(10px); }
    /* .over-white-section .navigate-listing::after { background-color: #fffc; } */
    .navigate-listing div.nav-box { flex-direction: column; width: 100%; padding: 20px 20px 15px; gap: 15px; max-height: calc(100dvh - 110px); scrollbar-width: none; overflow: auto; }
    .pvn-glass-header .navigate-listing div>a { padding-block: 5px; width: 100%; justify-content: space-between; }
    /* .pvn-glass-header.over-white-section .inner-area { box-shadow: none; background: #fff; } */
    .pvn-glass-header .inner-area { align-items: center; box-shadow: none; border-radius: 0; background: #101010; padding: 20px 27px; }
    .pvn-glass-header .inner-area::before { display: none; }

    .pvn-glass-header.over-white-section .main-logo:not(.logo-dark){opacity: 1;}
    .pvn-glass-header.over-white-section .logo-dark{opacity: 0;}
    .over-white-section .ham-menu path{stroke: #fff;}
    .over-white-section a[data-nav="contact"] .button-overlay,
    a[data-nav="contact"] .button-overlay { background: #ffffff; }
    .pvn-glass-header.over-white-section .nav-item>a[data-nav="contact"]:hover{color: #00B5FF;}
    .mob-side-footer-link a[data-nav="contact"] .button-overlay{background: #171717;}
    .mob-side-footer-link a[data-nav="contact"] {color: #fff !important;}
    .mob-contact-btn,
    .burger-menu-box {display: block;}
    .dropdown-box{display: none;}
    .mob-contact-btn { margin-inline: auto 17px; }
    .mob-contact-btn a[data-nav="contact"] { align-items: center; font-size: 16px; width: 118px; justify-content: center; font-weight: 600; }

    .pvn-glass-header .navigate-listing div>a[data-nav="contact"] { justify-content: center; width: 250px; }
    .nav-item .sub-menu { position: static; width: 100%; transform: none; opacity: 1; }
    .sub-menu-icon {font-size: 20px;}
    .nav-item .sub-menu .inner-box { border-radius: 0; padding: 0; box-shadow: unset; gap: 15px !important; border: 0; background: unset; width: 100%; }
    .pvn-glass-header .navigate-listing .collapsible-nav { flex-direction: column; gap: 0; }
    .nav-item .sub-menu ul { width: 100%; min-width: auto; transition: .3s ease; height: 0; max-height: calc(100vh - 550px); }
    .nav-link-dec {display: none !important;}
    .pvn-glass-header:not(.over-white-section) .nav-item .sub-menu a {color: #fff;}
    .pvn-glass-header:not(.over-white-section) .nav-item .sub-menu a:hover {background: #222;}
    .over-white-section .nav-item .sub-menu a:hover {background: #fff;}
    .pvn-glass-header .navigate-listing .view-mnPage.mob { margin-top: auto; color: #00B5FF; background: transparent; transition: unset; display: flex; padding: 12px; flex-direction: row-reverse; justify-content: flex-end; }
    .pvn-glass-header .navigate-listing .view-mnPage.mob::before { background: url("../images/arrow-icon.svg"); width: 19px; height: 20px; content: ''; display: inline-flex; position: static; transition: unset; filter: unset; }

    .over-white-section .navigate-listing .view-mnPage.mob::before {
        filter: brightness(0) saturate(100%) invert(71%) sepia(48%) saturate(6572%) hue-rotate(165deg) brightness(101%) contrast(103%);
    }

    .nested-menu-box,
    .mobile-navigation {
       --spc: 88px; position: fixed; height: calc(100dvh - var(--spc)); top: var(--spc); width: 100%; background: #fff; z-index: 9; padding: 10px 26px 26px; display: flex; flex-direction: column; left: 0; transition: .5s ease; color: #fff; left: -100%;overflow: auto;
    }

    .mobile-navigation.over-white-section,
    .mobile-navigation.over-white-section .nested-menu-box {
        background: #fff;
    }

    .nested-menu-box {
        z-index: 10;
    }
    .navscrolled .brandings { --wd: unset !important; }
    .nested-menu-box.active,
    .mobile-navigation.active {
        left: 0;
    }

    .mobile-navigation a {
       font-weight: 500; font-size: 40px; color: #222; line-height: 60px; width: 100%; display: inline-flex; justify-content: space-between;
    }

    .mobile-navigation.over-white-section a {color: #222;}

    .mobile-navigation a.active,
    .mobile-navigation a:hover {color: #00B5FF;}
    .mobile-navigation ul { display: flex; flex-direction: column; gap: 17px; max-height: calc(100dvh - 198px); overflow: auto; scrollbar-width: none;}
    .mob-side-footer-link { margin-top: auto; position: absolute; bottom: 0; width: 100%; left: 0; padding: 0 26px 26px; background: #fff;transition:background .5s ease; }
    .over-white-section .mob-side-footer-link {background: #fff; }
    .mob-side-footer-link a {justify-content: center;font-weight: 600;font-size: 24px;}
    .menu-breadCrumbs {display: flex;gap: 39px;align-items: center;}
    .menu-breadCrumbs>* {display: flex;align-items: center;}

    .menu-breadCrumbs button {font-weight: 400; font-size: 16px; line-height: 23px; position: relative; cursor: pointer; gap: 8px; color: #222; transition: .3s ease;}
    .menu-breadCrumbs button img { filter: brightness(0) saturate(100%) invert(8%) sepia(10%) saturate(13%) hue-rotate(357deg) brightness(97%) contrast(88%);  rotate: -128deg; transition: .3s ease; }

    /* .over-white-section .menu-breadCrumbs button img {
        filter: brightness(0) saturate(100%) invert(8%) sepia(10%) saturate(13%) hue-rotate(357deg) brightness(97%) contrast(88%);
    } */
    .menu-breadCrumbs button::after { background: #222222; position: absolute; content: ''; width: 2px; height: 14px; right: calc(-39px / 2); }
    /* .over-white-section .menu-breadCrumbs button::after { background: #222222; } */
    .menu-breadCrumbs a { font-weight: 600; font-size: 16px; line-height: 23px; text-transform: capitalize; }

    .nested-menu .title { font-weight: 500; font-size: 20px; line-height: 30px; }
    .nested-menu .desc { font-size: 16px; line-height: 23px; overflow: hidden; color: #5F5F5F;display: block; }
    /* .over-white-section .nested-menu .desc {color: #5F5F5F;} */
    /* .over-white-section .menu-breadCrumbs button {color: #222;} */
    .nested-menu-box {gap: 21px;height: calc(100% - 178px);}
    .nested-menu-box .nested-menu { gap: 34px; max-height: unset; overflow: auto; scrollbar-width: none; flex-grow: 1;}
    .nested-menu-box .nested-menu>li {position: relative;}
    .nested-menu>li:not(:last-of-type)::after { position: absolute; content: ''; width: 100%; height: 1px; background: #e8e8e857; bottom: calc(34px / -2); left: 0; }
    .over-white-section .nested-menu>li:not(:last-of-type)::after { background: #E8E8E8; }

    .nested-menu .icn { --sz: 56px; border-radius: 15px; display: flex; justify-content: center; align-items: center; min-width: var(--sz); height: var(--sz); max-width: var(--sz); background: #F2F2F2; }
    .nested-menu .icn img { height: auto; max-width: 42px; }
    .nested-menu a { justify-content: flex-start; gap: 11px; align-items: flex-start; }
    .nested-menu-box a[data-nav="contact"] { margin-top: auto; justify-content: center; color: #fff; font-weight: 600; font-size: 24px; }
    .mobile-navigation a[data-nav="contact"] {line-height: 64px;}
    .nested-menu-expander {cursor: pointer;}
    .nested-menu-expander img { transform: scaleX(-1) translateX(0); width: 12px; transition: .3s ease; filter: brightness(0) saturate(100%) invert(9%) sepia(38%) saturate(0%) hue-rotate(240deg) brightness(98%) contrast(91%);}
    .nestd-pr-links:hover .nested-menu-expander  img { filter: brightness(0) saturate(100%) invert(53%) sepia(33%) saturate(5210%) hue-rotate(170deg) brightness(105%) contrast(111%); transform: scaleX(-1) translateX(-2.5px); }

    .mob-nav-overlay.open { position: fixed; top: 60px; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); -moz-backdrop-filter: blur(2px); -o-backdrop-filter: blur(2px); -ms-backdrop-filter: blur(2px); }
    .nested-menu a.page-active .title,
    .mobile-navigation .nestd-pr-links.page-active{color: #00B5FF;}
    .nestd-pr-links.page-active img{filter: brightness(0) saturate(100%) invert(53%) sepia(33%) saturate(5210%) hue-rotate(170deg) brightness(105%) contrast(111%);}
    .pvn-glass-header .main-logo { max-width: 225px; max-height: unset;}
}

@media screen and (max-width:480px) {
   .pvn-glass-header .navigate-listing div>a[data-nav="contact"] {width: 100%;}
   .ham-menu {width: 33px;height: 33px;}
   .navigate-listing {width: 88%;left: 6%;}
   .nav-item .sub-menu ul {grid-template-columns: repeat(1, 1fr);max-height: calc(100vh - 466px);}
   .nav-item .sub-menu a .title {font-size: 14px;line-height: 1.2;}
   .nav-item .sub-menu a .desc {font-size: 12px;}
   .nav-item .sub-menu a .icn {--sz: 26px;}
   .mob-contact-btn {transition: 0.3s ease;overflow: hidden;}
   .nvopen .mob-contact-btn {pointer-events: none;opacity: 0;width: 0;}
   .pvn-glass-header .brandings {width: 50px;}
   .nvopen .brandings {width: 225px;}
    .ham-menu path {transform: translateX(0) scale(2.7);}
    .ham-menu.active svg path.line--2{transform: translateX(90px) scale(2.7);}
    .ham-menu.active svg path { transform: translateX(72px) scale(2.7); }


    /* ==== header === */
    .pvn-glass-header .brandings { width: unset; overflow: unset;margin-right: 5px; }
    .pvn-glass-header .main-logo {max-width: 195px;}
}

@media screen and (max-width:435px) {
    .pvn-glass-header .main-logo {max-width: 176px;}
    .pvn-glass-header .inner-area {padding: 20px 17px;}
    header section .mob-contact-btn a[data-nav="contact"]{font-size: 14px; min-height: 36px; width: auto; padding-inline: 22px;}
    .mob-contact-btn{margin-right: 12px;}
    .nested-menu-box,
    .mobile-navigation {--spc: 77px;padding:15px 17px 20px;}
    .mobile-navigation .nestd-pr-links {font-size: 35px;line-height: 51px;}
    .mob-side-footer-link a[data-nav="contact"] { line-height: 51px; font-size: 19px; }
    .mob-side-footer-link {padding: 0 26px 20px;}
    .nested-menu-box {height: calc(100% - 148px);}
    .nested-menu .icn {--sz: 46px;border-radius: 11px;}
    .nested-menu .icn img {max-width: 29px;}
    .nested-menu .title {font-size: 18px;line-height: 1.2; margin-bottom: 4px; display: block;}
    .nested-menu .desc {font-size: 15px;line-height: 23px;}
}