/* Header CSS */
.main-navigation{display:block;width:100%}
.main-navigation ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding-left:0}
.main-navigation ul ul{-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2);box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}
.main-navigation ul ul ul{left:-999em;top:0}
.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{display:block;left:auto}
.main-navigation ul ul a{width:200px}
.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}
.main-navigation li{position:relative}
.main-navigation a{display:block;text-decoration:none}
.main-navigation.toggled ul,.menu-toggle{display:block}
.site-branding a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.site-header{position:fixed;left:0;top:0;width:100%;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:111;background: rgba(255, 255, 255, 0.60);backdrop-filter: blur(25px);}
.header-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.site-header.header-down{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-box-shadow:0 -6px 10px 5px rgb(0 0 0 / 10%);box-shadow:0 -6px 10px 5px rgb(0 0 0 / 10%)}
.site-header.header-up{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 -6px 10px 5px rgb(0 0 0 / 10%);box-shadow:0 -6px 10px 5px rgb(0 0 0 / 10%)}
.site-header .header-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}
.header-wrapper .header-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-wrapper .header-navbar .nav-menu{margin-left:40px}
.main-navigation>ul>li{margin-left:40px;position:relative;padding:36px 0 36px 0}
.main-navigation>ul>li:first-child{margin-left:0}
.main-navigation>ul>li>a{color:#252c15;font-size:16px;font-weight:500;line-height:normal}
.main-navigation .megamenu ul li a:hover h5,.main-navigation>ul>li:hover>a{color:var(--txt-red)}
.main-navigation .megamenu ul li a:hover span.icon img,.main-navigation>ul>li:hover .arrow,li.menu-item-has-children:hover>a:after{-webkit-filter:invert(43%) sepia(28%) saturate(997%) hue-rotate(314deg) brightness(87%) contrast(91%);filter:invert(43%) sepia(28%) saturate(997%) hue-rotate(314deg) brightness(87%) contrast(91%)}
.menu-item-has-children{padding-right:16px}
.menu-type-2 .dropdown-menu .right-col .menu-col h5:after,li.menu-item-has-children>a:after{content:'';background-image:url('../images/arrow-down.svg');height:6px;width:10px;background-repeat:no-repeat;position:absolute;top:7px;right:-16px;background-size:contain;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.menu-type-2 .dropdown-menu .right-col .menu-col h5:after{display:none}
li.menu-item-has-children>a{position:relative}
li.menu-item-has-children.megamenu{position:unset;padding-right:16px}
.dropdown-menu{position:absolute;top:100%;background-color:var(--white);padding:30px;width:100%;max-width:680px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;border-radius:3px;border:solid 1px rgba(0,0,0,.1);border-radius:5px;left:0;right:0;z-index:9;opacity:0;visibility:hidden}
.dropdown-menu:before {content: '';width: 24px;height: 11px;display: inline-block;position: absolute;left: 43.5%;top: -10px;background-image: url('../images/menu-arrow-up.svg');background-position: center;background-repeat: no-repeat;background-size: contain;}
.megamenu .dropdown-menu{opacity:0;pointer-events:none;-webkit-transition:opacity .3s cubic-bezier(.36, .66, .04, 1) 0s;-o-transition:opacity .3s cubic-bezier(.36, .66, .04, 1) 0s;transition:opacity .3s cubic-bezier(.36, .66, .04, 1) 0s}
.main-navigation ul li.megamenu.active .dropdown-menu{-webkit-animation:delayPointerEvents .15s ease 0s 1 normal forwards running;animation:delayPointerEvents .15s ease 0s 1 normal forwards running;opacity:1;pointer-events:all;-webkit-transition:opacity .4s cubic-bezier(.36, .66, .04, 1) .15s,-webkit-transform .5s cubic-bezier(.36, .66, .04, 1) 0s;transition:opacity .4s cubic-bezier(.36, .66, .04, 1) .15s,-webkit-transform .5s cubic-bezier(.36, .66, .04, 1) 0s;-o-transition:opacity .4s cubic-bezier(.36, .66, .04, 1) .15s,transform .5s cubic-bezier(.36, .66, .04, 1) 0s;transition:opacity .4s cubic-bezier(.36, .66, .04, 1) .15s,transform .5s cubic-bezier(.36, .66, .04, 1) 0s;transition:opacity .4s cubic-bezier(.36, .66, .04, 1) .15s,transform .5s cubic-bezier(.36, .66, .04, 1) 0s,-webkit-transform .5s cubic-bezier(.36, .66, .04, 1) 0s;visibility:visible}
.main-navigation .megamenu .dropdown-menu ul{position:static;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-ms-flexbox;display:flex;row-gap:35px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -12px}
.main-navigation .megamenu ul li{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;padding:0 12px}
.industries-menu .dropdown-menu{left:52%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.industries-menu.menu-type-3 .dropdown-menu:before {left: 38%;}
.service-menu.menu-type-2 .dropdown-menu:before {left: 38.5%;}
.work-menu .dropdown-menu::before {left: 38%;}
.white-label-menu .dropdown-menu::before {left: 50%;}
.menu-type-2 .dropdown-menu{max-width:1070px;padding:56px 33px 56px 47px}
.menu-type-2 .left-col{background:-o-linear-gradient(349.12deg,#15c064 7.75%,#00d1ff 138.55%);background:linear-gradient(100.88deg,#15c064 7.75%,#00d1ff 138.55%);padding:38px 28px 24px 21px;width:344px;border-radius:10px}
.menu-type-2 .left-col .title-text h4{color:#fff;font-size:24px;font-weight:700;line-height:30.96px;margin-bottom:24px;border-bottom:1.27px solid #fffFFF40;padding-bottom:24px}
.happy-client-wrap{display:inline-block;width:100%}
.menu-type-2 .left-col .happy-client-wrap ul{width:100%;margin:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.menu-type-2 .left-col .happy-client-wrap ul li{display:block;padding:0;width:auto}
.menu-type-2 .left-col .happy-client-wrap ul li span{font-size:10px;font-weight:700;line-height:11.5px;color:#fffFFFA1;margin-bottom:4px;display:block;text-transform:uppercase}
.menu-type-2 .left-col .happy-client-wrap ul li h3{font-size:25.39px;font-weight:700;line-height:31.86px;color:#fff;margin:0}
.get-quote-btn p{font-family:Montserrat;font-size:14px;font-weight:500;line-height:25.2px;color:#fff;margin:15px 0 36px 0}
.get-quote-btn a.btn{display:inline-block}
.menu-type-2 .dropdown-menu .row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}
.menu-type-2 .dropdown-menu .right-col{width:calc(100% - 374px);display:-webkit-box;display:-ms-flexbox;display:flex;row-gap:40px;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.menu-type-2 .dropdown-menu .right-col .menu-col{width:calc(50% - 15px)}
.menu-type-2 .dropdown-menu .right-col .menu-col ul{display:block;margin:12px 0 0 39px;border-top:1px solid #efefef;padding-top:15px}
.menu-type-2 .dropdown-menu .right-col .menu-col ul li{width:100%;padding:0}
.menu-type-2 .dropdown-menu .right-col .menu-col h5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}
.menu-type-2 .dropdown-menu .right-col .menu-col h5 img{margin-right:13px}
.menu-type-2 .dropdown-menu .right-col .menu-col ul li:not(:last-child){margin-bottom:10px}
.menu-type-2 .dropdown-menu .right-col .menu-col ul li a{font-size:14px;font-weight:500;line-height:23.27px;letter-spacing:-.02em}
.white-label-menu .dropdown-menu {left: auto !important;right: 19% !important;max-width: 331px!important;}
.white-label-menu .dropdown-menu ul{flex-direction:column;row-gap:15px!important}
.white-label-menu .dropdown-menu ul li a h5{font-size:14px;font-weight:500;line-height:23.27px;letter-spacing:-.02em}
.white-label-menu .dropdown-menu ul li{width:100%;padding:0 10px!important}
.work-menu .dropdown-menu {left: auto !important;right: 35% !important;max-width: 163px!important;}
.work-menu .dropdown-menu ul{flex-direction:column;row-gap:15px!important}
.work-menu .dropdown-menu ul li a h5{font-size:14px;font-weight:500;line-height:23.27px;letter-spacing:-.02em}
.work-menu .dropdown-menu ul li{width:100%;padding:0 10px!important}
.main-navigation .megamenu.menu-type-3 .dropdown-menu{max-width:520px}
.main-navigation .menu-type-3.megamenu .dropdown-menu ul{row-gap:23px;margin:0 -22px}
.main-navigation .menu-type-3.megamenu .dropdown-menu ul li{padding:0 22px}
.main-navigation .menu-type-3.megamenu .dropdown-menu ul li h5{margin-bottom:0}
.main-navigation .megamenu ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
.main-navigation .megamenu ul li span.icon{width:21px;height:21px;margin-right:13px}
.main-navigation .megamenu ul li div.text{width:calc(100% - 34px)}
.main-navigation .megamenu ul li span.icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.main-navigation .megamenu ul li div.text h5{margin-bottom:10px;position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:inline-block}
.main-navigation .megamenu ul li div.text h5:after{position:absolute;content:"";height:3px;width:0;left:0;right:0;bottom:-5px;background-color:transparent;color:var(--txt-red);border-bottom:2px solid var(--txt-red);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;transform:translate(0,0) translateZ(0);-webkit-transform:translate(0,0) translateZ(0)}
.main-navigation .megamenu ul li a:hover h5:After{width:100%}
.main-navigation .megamenu ul li div.text p{color:#535353;font-size:14px;font-weight:400;line-height:23px;letter-spacing:.28px}
.main-navigation .megamenu ul li.active div.text h5{color:var(--txt-red)}
.main-navigation .megamenu ul li.active div.text h5::after{width:100%}
.main-navigation .megamenu ul li.active span.text h5,.main-navigation li.active>a,li.menu-item-has-children.megamenu.current-menu-item .arrow+a{color:var(--txt-red)}
.main-navigation .megamenu ul li.active span.icon img,.menu-item-has-children.megamenu.current-menu-item .arrow+a::after{-webkit-filter:invert(43%) sepia(28%) saturate(997%) hue-rotate(314deg) brightness(87%) contrast(91%);filter:invert(43%) sepia(28%) saturate(997%) hue-rotate(314deg) brightness(87%) contrast(91%)}
/* Header CSS */

/* Responsive Media Query */
@media only screen and (min-width:992px){
.site-header.header-up{padding-top:0}
.site-branding .toggle-menu{display:none}
.main-navigation>ul>li{margin-left:0;padding:36px 30px 36px 0!important}
.main-navigation>ul>li:nth-last-child(2){padding-right:0!important}
li.menu-item-has-children.megamenu>a{padding-right:16px}
.menu-type-2 .dropdown-menu .right-col .menu-col h5:after,li.menu-item-has-children>a:after{right:0}
}

@media only screen and (min-width:1440px){
    .home .header-wrapper .header-navbar .nav-menu{margin-left:68px;}
    .home .dropdown-menu:before{left:48.5%;}
    .home .service-menu.menu-type-2 .dropdown-menu:before{left:41.5%;}
    .home .industries-menu.menu-type-3 .dropdown-menu:before{left:46%;}
    .home .industries-menu .dropdown-menu{left:44%;}
    .home .work-menu .dropdown-menu{right:42% !important;}
    .home .work-menu .dropdown-menu::before{left:50%;transform:translateX(-50%);}
    .home .white-label-menu .dropdown-menu::before{left:50%;transform:translateX(-50%);}
    .home .white-label-menu .dropdown-menu{right:27.2% !important;}
}

@media (max-width:1199px){
    .main-navigation>ul>li {/* margin-left: 30px; */padding: 36px 20px 36px 0 !important;}
    .header-wrapper .header-navbar .nav-menu {margin-left: 25px;}
    .main-navigation>ul>li>a {font-size: 15px;}
    .menu-type-2 .dropdown-menu{max-width:100%;padding:24px}
    .menu-type-2 .left-col{width:320px}
    .menu-type-2 .dropdown-menu .right-col{width:calc(100% - 345px);row-gap:20px;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
    .menu-type-2 .left-col{width:320px;padding:20px}
    .menu-type-2 .dropdown-menu .right-col .menu-col{width:calc(50% - 10px)}
    .white-label-menu .dropdown-menu {right: 14%;}  
}

@media (max-width:991px){
    .header-btn a.btn{color:#fff}
    .header-btn a.btn::after{left:0}
    .header-btn .btn:before{border-color:var(--theme-red)}
    .header-btn a.btn:hover::after{left:100%}
    .header-btn a.btn:hover::before{border-color:var(--light-grey)}
    .header-btn a.btn:hover{color:var(--light-grey)}
    .site-branding{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .site-branding a.toggle-menu{margin-right:12px}
    .site-branding a.toggle-menu{margin-right:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:30px;height:30px}
	.site-header{padding:15px 0;}
    .header-wrapper .header-navbar .nav-menu{display:none}
    .arrow{display:none}
    .header-main{position:fixed;width:100%;height:100vh;left:0;top:0;background-color:#fff;z-index:11;padding:30px 20px 100px 20px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:opacity 6s ease,-webkit-transform .8s ease;transition:opacity 6s ease,-webkit-transform .8s ease;-o-transition:transform .8s ease,opacity 6s ease;transition:transform .8s ease,opacity 6s ease;transition:transform .8s ease,opacity 6s ease,-webkit-transform .8s ease}
    .header-wrapper .header-navbar .nav-menu{display:block;margin:0;height:100%}
    .header-main.menu-open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    .nav-menu .site-branding{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;padding-bottom:10px}
    .main-navigation ul{display:block}
    .main-navigation>ul>li {padding: 10px 0 !important;margin: 0;width: 100%;display: inline-block;}
    .main-navigation{padding-top:35px;overflow:auto;height:100%;overflow-x:hidden}
    .close-menu {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 30px;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;height: 30px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;}
    .mobile-menu{display:block!important}
    .main-navigation>ul{display:block}
    .dropdown-menu{position:unset;padding:0!important;max-width:100%!important;border:0;-webkit-transition:unset!important;-o-transition:unset!important;transition:unset!important;-webkit-transform:unset!important;-ms-transform:unset!important;transform:unset!important;opacity:1!important;visibility:visible!important;display:none}
    .main-navigation .megamenu .dropdown-menu ul{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;row-gap:unset;margin:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}
    .main-navigation .megamenu ul li{padding:0;width:100%}
    .main-navigation .megamenu ul li span.text p{display:none}
    .main-navigation .megamenu ul li{padding:12px 0}
    .main-navigation .megamenu ul li:not(:last-child),.menu-type-2 .dropdown-menu .right-col .menu-col:not(:last-child){border-bottom:1px solid #efefef}
    .main-navigation .megamenu ul li span.text h5{margin:0;font-size:14px;font-weight:500;line-height:normal}
    .main-navigation .megamenu .dropdown-menu ul,.menu-type-2 .dropdown-menu .right-col{padding-top:6px}
    .main-navigation .megamenu ul li span.icon{width:24px;height:24px}
    .main-navigation .megamenu ul li span.text{width:calc(100% - 40px)}
    .main-navigation .megamenu ul li a{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .main-navigation>ul>li>a{font-size:18px;font-weight:600}
    .menu-type-2 .dropdown-menu .row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
    .menu-type-2 .dropdown-menu .row .left-col{display:none}
    .menu-type-2 .dropdown-menu .right-col{width:100%;row-gap:unset;-webkit-column-gap:unset;-moz-column-gap:unset;column-gap:unset;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
    .menu-type-2 .dropdown-menu .right-col .menu-col{width:100%}
    .menu-type-2 .dropdown-menu .right-col .menu-col h5{margin:0;font-size:14px;font-weight:500;position:relative;padding:12px 0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    .menu-type-2 .dropdown-menu .right-col .menu-col:not(:last-child){margin-bottom:5px}
    .overflow-hidden{overflow:hidden}
    .main-navigation .menu-type-3.megamenu .dropdown-menu ul{margin:0;row-gap:unset}
    .main-navigation .menu-type-3.megamenu .dropdown-menu ul li{padding:12px 0}
    .main-navigation>ul>li.contact-mail{display:block!important}
    .main-navigation>ul>li.contact-mail a{font-size:14px;font-weight:600;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#d92128}
    ul.megamenu-open>li.megamenu.active a:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
    .menu-type-2 .dropdown-menu .right-col .menu-col h5.active:after{-webkit-transform:translateY(-50%) rotate(-180deg);top:45%}
    .menu-type-2 .dropdown-menu .right-col .menu-col h5:after{display:inline-block}
    .menu-type-2 .dropdown-menu .right-col .menu-col ul{padding-left:40px;display:none}
    li.menu-item-has-children.megamenu{padding-right:0}
    .menu-type-2 .dropdown-menu .right-col .menu-col h5:after,li.menu-item-has-children>a:after{right:8px;top:8px;width: 13px;height: 8px;}
    .menu-type-2 .dropdown-menu .right-col .menu-col h5:after{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
    .menu-type-2 .dropdown-menu .right-col .menu-col h5 img{width:100%;max-width:24px;max-height:24px}
    .main-navigation .megamenu ul li a:hover h5:After{display:none}
    .main-navigation .megamenu ul li a:hover h5,.main-navigation>ul>li:hover>a{color:var(--theme-black)}
    .main-navigation .megamenu ul li a:hover span.icon img,.main-navigation>ul>li:hover .arrow,li.menu-item-has-children:hover>a:after{-webkit-filter:unset;filter:unset}
    .menu-type-2 .dropdown-menu .right-col .menu-col ul{padding-top:0;padding-left:0;margin-left:0;margin-top:0}
    .menu-type-2 .dropdown-menu .right-col .menu-col ul li:first-child{border-top:1px solid #efefef}
    .menu-type-2 .dropdown-menu .right-col .menu-col ul li{padding:12px 0;margin:0!important}
    .white-label-menu .dropdown-menu ul,.our-work-menu .dropdown-menu ul {row-gap: 0 !important;}
    .white-label-menu .dropdown-menu ul li,.our-work-menu .dropdown-menu ul li {padding: 12px 0 12px 0 !important;} 
    .main-navigation .megamenu ul li.active div.text h5::after {width: 0;}
    .menu-type-2 .dropdown-menu .right-col .menu-col h5, .menu-type-2 .dropdown-menu .right-col .menu-col ul li,
    .main-navigation .menu-type-3.megamenu .dropdown-menu ul li{padding-right: 25px;}
    .work-menu .dropdown-menu {max-width: 100% !important;}
    .main-navigation .menu-type-3.megamenu.work-menu .dropdown-menu ul li {padding-top: 12px !important;padding-bottom: 12px !important;padding-left: 0 !important;padding-right: 0 !important;}
    .work-menu .dropdown-menu ul {row-gap: 0 !important;}
    .header-btn a.btn {font-size: 13px;padding: 9px 14px;}
}

@media (min-width: 992px) and (max-width: 1199px){
    .site-branding {width: 180px;}
    .main-navigation>ul>li>a {font-size: 14px;}
    .main-navigation>ul>li {padding: 36px 14px 36px 0 !important;}
    .header-wrapper .header-navbar .nav-menu {margin-left: 20px;}
    .dropdown-menu:before {left: 32.5%;}
    .service-menu.menu-type-2 .dropdown-menu:before {left: 34.5%;}
    .industries-menu.menu-type-3 .dropdown-menu:before {left: 36%;}
    .white-label-menu .dropdown-menu::before {left: 52%;}
}

@media (max-width:767px){
    .site-branding a img{width:170px}
    .site-branding a.toggle-menu {margin-right: 0;}
}

@media (max-width:379px){
    .site-branding a img {width: 150px;}
    .site-branding a.toggle-menu{margin-right:0}
    .header-btn a.btn {padding: 8px 10px;font-size: 10px;}
}
