.header{height:90px;border-bottom:1px solid rgb(112,112,112,.21);background-color:#fff;display:flex;align-items:center;position:sticky;top:0;left:0;width:100%;z-index:9}
/* .header.home-header{background-color:rgb(0,0,0,.3);border-color:transparent;} */
.header.scrolled{position: fixed;background-color:rgb(0,0,0,1);}
.header .container{position:relative}
.header .navbar{padding:0;width:100%}
.header .navbar-toggler{background:#fff;padding:3px 5px;font-size:16px;box-shadow:none}
.header .navbar-collapse{flex:none}
.toggle-menu-wrapper{position:relative}
.header .navbar .nav-link{font-size:16px;font-weight:600;color:#000;padding:0;padding-top:5px;padding-bottom:6px;position:relative}
.header .navbar .nav-link::after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background-color:#f87b20;transition:all .3s ease-in-out}
.header .navbar .nav-link.active::after,.header .navbar .nav-link:hover::after{width:100%}
.header.scrolled .navbar .nav-link{color:#fff}
.header .navbar li:not(:last-child){margin-right:50px}
.header .navbar .nav-link.active,.header .navbar .nav-link:hover{color:#f87b20}
.header .icon-get-touch{background:linear-gradient(275deg,#f87b20 0,#f87b20 100%);border-radius:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;margin-left:60px;border: 1px solid #f87b20;}
.header .icon-get-touch:hover{background:#fff;color:#f87b20}
.solutions-menu-outer{position:absolute;left:0;width:100%;top:80px;transition:all .5s ease-in-out;opacity:0;z-index:-1;transform:scale(0)}
.solutions-menu-outer.active{opacity:1;z-index:1;transform:scale(1)}
.solutions-menu-inner .row{margin-left:-5px;margin-right:-5px}
.solutions-menu-inner .row>*{padding-left:5px;padding-right:5px}
.solutions-menu-outer .menu-card{background:#fffeff;border:1px solid #eaeaea;border-radius:16px;padding:25px 20px;padding-right:10px}
.solutions-menu-outer .menu-card h5{font-size:22px;font-weight:400;color:#000;margin-bottom:20px}
.solutions-menu-outer .menu-card ul{padding:0;list-style:none;margin:0}
.header .solutions-menu-outer .menu-card ul li{margin-right:0;margin-bottom:10px}
.solutions-menu-outer .menu-card ul li a{text-decoration:none;color:#4b4b4b;font-size:15px}
.solutions-menu-outer .menu-card ul li a.active,.solutions-menu-outer .menu-card ul li a:hover{color:#f87b20}
.solutions-menu-outer .menu-card.double ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:10px}
@media(max-width:1699px){
.header .navbar-brand{width:180px}
.header{height:80px}
.header .navbar .nav-link{font-size:15px}
.header .navbar li:not(:last-child){margin-right:40px}
.header .icon-get-touch{width:42px;height:42px;font-size:18px;margin-left:40px}
.solutions-menu-outer{top:70px}
.solutions-menu-outer .menu-card{padding:20px 15px;padding-right:10px}
.solutions-menu-outer .menu-card h5{font-size:20px;margin-bottom:15px}
.header .solutions-menu-outer .menu-card ul li{margin-bottom:8px}
.solutions-menu-outer .menu-card ul li a{font-size:14px}
}
@media(max-width:1199px){
.header .navbar-brand{width:150px}
.header{height:70px}
.header .navbar .nav-link{font-size:14px}
.header .navbar li:not(:last-child){margin-right:30px}
.header .icon-get-touch{width:38px;height:38px;font-size:16px;margin-left:30px}
.solutions-menu-outer{top:60px}
.solutions-menu-outer .menu-card{padding:20px 10px;padding-right:5px}
.solutions-menu-outer .menu-card h5{font-size:18px;margin-bottom:12px}
.header .solutions-menu-outer .menu-card ul li{margin-bottom:5px}
.solutions-menu-outer .menu-card ul li a{font-size:12px}
}
@media(max-width:991px){
.header .navbar-collapse{flex:none;position:absolute;left:0;width:100%;top:60px;background:#fff;max-height:calc(100vh - 55px);overflow:hidden;overflow-y:auto;z-index:9;height:0}
.header .navbar-collapse.show{height:calc(100vh - 55px)}
.toggle-menu-wrapper{position:unset}
.header .navbar li{position:relative}
.header .navbar li:not(:last-child){margin-right:0}
.header .navbar .nav-link{padding:10px 20px;color:#000}
.header.scrolled .navbar .nav-link{color:#000}
.header .navbar .nav-link.active,.header .navbar .nav-link:hover{background:#f87b20;color:#fff}
.header .icon-get-touch{margin-left:10px}
.submenu-button{position:absolute;right:10px;font-size:14px;height:30px;top:5px;width:30px;background:#000!important;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;z-index:9;text-decoration: none;color: #fff;}
.submenu-button:hover{color: #fff;}
.solutions-menu-outer{position:unset;transform:none;background:#eee;height:0}
.solutions-menu-outer.active{height:100%}
.solutions-menu-outer .menu-card{background:0 0;border:none;border-radius:0;padding:20px 20px}
}
@media(max-width:767px){
.header{height:60px}
}
@media(max-width:575px){
.header .navbar-toggler{padding:3px 4px;font-size:14px}
.header .navbar .nav-link{padding:8px 15px}
.header .icon-get-touch{width:32px;height:32px;font-size:14px}
.solutions-menu-outer .menu-card.double{padding-top:0}
.solutions-menu-outer .menu-card.double ul{display:block}
}