/* CSS for the new footer */

.containerWrapper{
    max-width: 1538px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
        position: relative;
    z-index: 2;
}
.bg-black{
    background-color: black; overflow: hidden;
}
.newFooter{color:#fff; padding-bottom: 0; position: relative;}
.footer_row {
    display: flex;
    justify-content: space-between;
}
ul{margin: 0;}
.footerColRight{display: flex; width: 100%;}
.footerColLeft{width: 100%;}
.footerColRight #block-lumentum-footer section{width: 100%;}
.footerColRight #block-lumentum-footer{display: flex;}
.footerColRight #block-lumentum-footer section li {    margin: 10px 0;}
.footerColRight #block-lumentum-footer li a{line-height: 26px; transition: 0.2s; font-weight: 600;} 
.copyrightRow{display: flex; justify-content: space-between;}
.copyrightColRight li{list-style: none;}
.copyrightColRight li a{color:#fff;font-size:.875rem}
.copyrightSec{margin-top: 5rem; border-top:1px solid rgba(65 ,64, 66,1); padding: 30px 0; position: relative;z-index: 2;}
.copyrightColRight { display: flex;}
.copyrightColRight li a:hover, .footerColRight #block-lumentum-footer li a:hover{color: rgba(243, 108, 33, 1); text-decoration: none;}
.copyrightColRight li {padding:0 2rem;border:none;border-right: 1.5px solid #fff;line-height: 17px;
    vertical-align: middle;font-weight: 600;
}
.copyrightColLeft{font-size: 1rem;}
.copyrightColRight li:last-child{padding-right: 0; border: none;}
.copyrightColRight menu{display: flex;}
.newFooter #block-lumentum-footer section h3 a{font-weight: 600;} 
.newFooter #block-lumentum-footer section h3 {margin-bottom: 26px;}
.region.region-footer { width: 100%;}
.footerSocialIcon #block-socialmenu{position: static; width: 100%;}
.footerSocialIcon #block-socialmenu menu{width: 100%; margin-top: 32px;display: flex; margin-left: 0;    flex-flow: wrap;
    gap: 10px;}
.footerSocialIcon{padding-top: 18px;}
.footerSocialIcon #block-socialmenu menu li{height: auto; width: auto;margin-right: 0.8rem; line-height: normal;}
.footerSocialIcon #block-socialmenu menu li a{width: 30px; height: 30px; border-radius: 50%; border:1px solid #fff; display: inline-block;    text-align: center;    line-height: 30px;
 }
.footerSocialIcon #block-socialmenu i{  font-size: 14px !important;    margin: auto;    vertical-align: middle;}
.footerSocialIcon #block-socialmenu .fa.fa-instagram::before, .footerSocialIcon #block-socialmenu .fa.fa-facebook:before{font-size: 18px;}
.footerSocialIcon #block-socialmenu .icon-bluesky,  .footerSocialIcon #block-socialmenu .icon-twitter{    width: 15px;   height: 15px;}
 .blue-trans-bg{
  position: absolute;
  top: 0;
  left: 0;width: 100%;
     max-width: 1534px;   min-height: 1534px;
  background: radial-gradient(
    circle at 44% 64%,  
    rgba(24,96,174,0.35) 0%,    /* light soft blue */
    rgba(0, 122, 255, 0.10) 70%, 
    rgba(0, 122, 255, 0.0) 70%
  
  );

  filter: blur(80px);              /* strong blur effect */
  pointer-events: none;            /* overlay not clickable */
  z-index: 1;
   animation: linear infinite alternate;
  animation-name: run;
  animation-duration: var(--transition-speed);

}
@-webkit-keyframes run {
    0% {
      left: 0;
      transform: translateX(0);
    }
    100% {
      left: 100%;
      transform: translateX(-100%);
    }
}

:root {
  --transition-speed:5000ms;
}
.headerNew #left-nav {
    background: transparent;
    border-bottom:none;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    color: #fff;
}
.headerNew #block-custommainmenublock li.expanded > a{color: #fff;}
.headerNew #block-lumentumsearchblock .custom-search-box1{background-color: transparent;}
.footerSocialIcon #block-socialmenu menu li a{transition: 0.35s;}
.footerSocialIcon #block-socialmenu menu li a:hover{border-color: #f36c21;}
.footerSocialIcon #block-socialmenu menu li a:hover i{color: #f36c21;}
.footerSocialIcon #block-socialmenu menu li a:hover .icon-bluesky{background: url(../images/bluesky-orange.svg) 0 0px no-repeat;}
.footerSocialIcon #block-socialmenu  menu li a .icon-twitter{background: url(../images/X-white.svg) 0 0px no-repeat;
    width: 30px;
    height: 30px;
}
.footerSocialIcon #block-socialmenu  menu li a:hover .icon-twitter{background: url(../images/X-orange.svg) 0 0px no-repeat;}
.footerSocialIcon #block-socialmenu i.icon-rss{padding-left: 3px;}
.headerNew #block-custommainmenublock li a::after{display: none;}
.headerNew #block-custommainmenublock li.expanded::before{display: none;}
.headerNew #block-custommainmenublock li.last.expanded{  height: auto;margin-top: 15px;}
.headerNew #block-custommainmenublock li.last.expanded a{    padding: 6px 14px 5px 13px;
    border: 1px solid #f36c21;
    border-radius: 21px;
    display: block;
 }
.headerNew #block-custommainmenublock li.last.expanded a:hover{    transition-property: all;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    background-color: #f36c21;    transition-duration: .3s;
}

.headerNew .navbar {
    color: #fff;
    display: flex;
    align-items: center;
    padding: 14px 25px 22px;
    justify-content: space-between;
}

.headerNew .navbar ul {
    list-style: none;
    display: flex;
    gap: 36px;    font-size: .875rem;  
        align-items: center; 
}
.headerNew .navbar ul li{
    font-weight: 600;
    font-size: .875rem;
    cursor: pointer;
}
.headerNew .navbar button {
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
}
.headerNew .navbar .logo{padding-top: 8px;}
.headerNew .navbar nav{    padding-top: 12px;}
/* ---------------- OVERLAY ---------------- */
#overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.5);
    transition: opacity .3s;
    z-index: 10;
}
.headerNew.show #mainHeader{background-color: #000;}

/* ---------------- SIDEBAR WRAPPER ---------------- */
#menuWrapper {
    position: fixed;
    top: 92px;
    left: -700px;   /* fully hidden */
    width: 700px;
    height: 100%;
    display: flex;
    background: transparent;
    transition: left .45s ease;
    z-index: 999999;
    height: calc(100% - 90px);
}

#menuWrapper.open {
    left: 0;
}

/* LEFT PANEL */
.headerNew .leftPanel {
    width: 38%;
    background: #333;
    color: white;
    padding: 30px 0 0;
}

.headerNew .leftPanel h2 {
    margin: 0 0 20px;
    color: white;
    padding-left: 3rem;
}

.headerNew .leftMenu {
    list-style: none;
    padding: 0;
}

.headerNew .leftMenu li {
    padding: 15px 26px 15px 3rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    border-radius: 2px;
    transition: background .3s;
    font-weight: 600;
   transition: 0.5s;
}

.headerNew .leftMenu li:hover,
.headerNew .leftMenu li.active {
    background: #fff;
    color: #414042;
    transition-timing-function: 
cubic-bezier(0, 0, .2, 1);
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
transition-duration: .3s;
}

.headerNew .arrow {
    color: orange;
        font-size: 24px;
    line-height: 17px;
}

/* RIGHT PANEL */
.headerNew .rightPanel {
    width: 56%;
    padding: 30px 2rem;;
    background: #fff;
    position: relative;
    overflow-y: auto;
}

.headerNew .closeBtn {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 28px;
    cursor: pointer;
    z-index: 99;
    width: 42px;
    text-align: right;  
}

/* CONTENT SECTIONS */
.headerNew .content {
    display: none;
    position:relative;
    z-index: 2;
}
.headerNew .content h2{
    margin-top:0 ;
}
.headerNew .content.active {
    display: block;
    animation: fadeIn .4s ease;
}

@keyframes fadeIn {
    from {opacity: 0; transform: translateX(10px);}
    to   {opacity: 1; transform: translateX(0);}
}

/* Sub items */
.headerNew .subItem a{
    color: #414042;
       font-size: .875rem;
       font-weight: 600;
}
.headerNew ul{list-style: none; margin: 0; padding: 0;}
.headerNew a{text-decoration: none;}
.headerNew .grayLine{    height: 1px;    background-color: rgba(209 ,211, 212 , 1);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; border: none;
}
.headerNew .innerSubMenu li a{
    color: #414042;
    font-size: .875rem;
    font-weight: 600
}
.headerNew .innerSubMenu li{padding-bottom: 30px;}
.headerNew .innerSubMenu li:last-child{padding-bottom: 0;}
.headerNew .content .arrow {    display: inline-block;
    margin-left: 8px;
    vertical-align: inherit;
}
.headerNew .innerSubMenu li a:hover{color: #f36c21;}
.headerNew .content .subItem>a:hover .arrow{padding-left: 5px;}
.headerNew .content .subItem>a .arrow{transition: 0.5s ;}
.gradientBg{
    clip-path: polygon(100% 100%, 100% 0, 0 100%); 
    overflow: hidden; width: calc(100% - 60px); height: 450px; 
    position: absolute;bottom: 0; right: 0;
}
.gradCol{background-image: linear-gradient(166deg, #fff0 38.49%, #fff 79.09%), linear-gradient(100deg, #81827b26 13.98%, #81827b00 92.63%);
     height: 100%; width: 100%;}
.headerNew{    width: 100%;
    max-width: 1538px;    margin-left: auto;
    margin-right: auto;
    transition: 
        transform 0.55s cubic-bezier(0.4, 0.0, 0.2, 1),
        opacity 0.35s ease-in-out;
}
.headerNew{position: fixed; top: 0; width: 100%; z-index: 99;}
.headerNew .navbar::before, .headerNew .navbar::after{display: none;}
.headerNew header nav ul li a.contactUsBtn{border: 1px solid #f36c21;
    padding: 7px 16px;
    border-radius: 25px;
}
.headerNew header nav ul li a.contactUsBtn::after {display: none; }
/* .contactUsBtn:hover{background-color: #f36c21;} */
  .headerNew.hide {
         transform: translateY(-140%);
    opacity: 0;
    }

    .headerNew.show {
          transform: translateY(0);
    opacity: 1;
        background-color: #000;
    }
.headerNew .navbar ul li.contactUsBtn { margin-left: 45px;}
.searchTopHeader:hover{color: #f36c21;}
.headerNew .navbar ul li{position: relative;
    cursor: pointer;
}
.searchTopHeader{color: #fff;}
.navbar ul li::after {
    content: "";
    position: absolute;
    bottom: -4px;        
    left: 0;
    width: 0;
    height: 2px;
    background: #f36c21;  
    transition: width 0.35s ease; 
}

.navbar ul li:hover::after {
    width: 100%;          
}
.navbar ul li.contactUsBtn::after, .navbar ul li.searchTopHeader::after{display: none;}

.contactUsBtn{ overflow: hidden;
    transition: color .3s ease;}
.contactUsBtn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #f36c21;
    z-index: -1;
    transition: width .35s ease;
    border-radius: 25px;
}


.contactUsBtn:hover::before {
    width: 100%;
}



.headerNew header{
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    padding:20px 40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:0.35s ease;
   
}

.headerNew header.hide{
    transform:translateY(-100%);
}

.headerNew header .logo{
    font-size:26px;
    font-weight:700;
    color:white;
}

.headerNew header nav ul{
    list-style:none;
    display:flex;
    gap:40px;
}

.headerNew header nav ul li{
    position:relative;
}

.headerNew header nav ul li a{
    color:white;
    text-decoration:none;
    font-size:16px;
    position:relative;
    padding-bottom:4px;
    transition:0.3s ease;
}

.headerNew header nav ul li a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0%;
    height:2px;
    background:#f36c21;
    transition:0.35s ease;
}
.headerNew header nav ul li a{color: #fff;}
.headerNew header nav ul li a:hover::after{
    width:100%;
}

/* Contact button */
.contactBtn{
    padding:10px 18px;
    border:2px solid white;
    border-radius:4px;
    transition:0.4s ease;
    overflow:hidden;
    position:relative;
}

.contactBtn::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0%;
    height:100%;
    background:white;
    z-index:-1;
    transition:0.4s ease;
}

.contactBtn:hover::before{
    width:100%;
}

.contactBtn:hover{
    color:black !important;
}

/* -------------------- OVERLAY -------------------- */
#overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:999;
    display:none;
}

/* -------------------- MEGA MENU WRAPPER -------------------- */


.headerNew #menuWrapper.open{
    left:0;
}

/* Each panel system */
.headerNew .panel{
    width:100%;
    height:100%;
    display:none;
}

.headerNew .panel.active{
    display:flex;
}



.headerNew .leftPanel h2{
    margin-bottom:20px;
}


.headerNew header nav ul li.contactUsBtna::after{display: none}

.closeBtn{
    position:absolute;
    right:20px;
    top:20px;
    font-size:22px;
    cursor:pointer;
}

.headerNew .content{
    display:none;
}

.headerNew .content.active{
    display:block;
}

.subItem a{
    display:block;
    padding:8px 0;
    text-decoration:none;
    color:black;
}

/* -------------------- MOBILE -------------------- */
@media(max-width:900px){

    header nav{
        display:none;
    }

    #menuIcon{
        font-size:30px;
        color:white;
        cursor:pointer;
        display:block;
    }

    #menuWrapper{
        flex-direction:column;
        left:100%;
    }

    #menuWrapper.open{
        left:0;
    }

    .panel{
        flex-direction:column;
    }

    .leftPanel{
        width:100%;
    }

    .rightPanel{
        width:100%;
    }

    /* Accordion */
    .leftMenu .category .arrow{
        transform:rotate(90deg);
        transition:0.3s;
    }
    .leftMenu .category.active .arrow{
        transform:rotate(270deg);
    }
}











@media (max-width:968px){
    .copyrightColRight li {padding:0 1rem;}
}

@media (max-width: 767px){

    .footer_row {
    flex-flow: column;
}

 .containerWrapper {
 padding: 0 24px;     
    }
    .footerSocialIcon {
    padding-top: 0;
}
.footerSocialIcon #block-socialmenu menu{margin-top: 0;}
.footerColLeft {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footerColRight {  margin-top: 30px;}
.copyrightRow{flex-flow: column;}
.copyrightColLeft{font-size: 14px;}
.copyrightColRight li a{font-size: 12px; font-weight: normal;}
.copyrightColRight li:first-child{padding-left: 0; }
.copyrightColRight menu {
    margin-top: 16px;
}
.copyrightColRight li{    padding-left: 0.5rem;
    padding-right: 0.5rem; line-height: 11px;}
.footerSocialIcon #block-socialmenu menu li {
    margin-right: 0;
}


}
@media (max-width: 600px){
    .footerColLeft{        align-items: start;
        flex-flow: column;
        gap: 20px;}
        .newFooter{
            padding-top: 30px;
        }
        .footerColRight #block-lumentum-footer {
    flex-flow: column;        gap: 20px;
}
    #block-lumentum-footer {
        text-align: left;
    }
    #block-lumentum-footer section:nth-of-type(3) ul li{border:none;}
    .footerColRight #block-lumentum-footer section {
    padding: 0;
}
.copyrightSec {
    margin-top: .5rem;
}
}