.header.mega-header { position: sticky; top: 0; z-index: 10;border-bottom: 1px solid #e5e7eb; }
ul#menu-mega-menu .menudrop-icon { display: none; } 
.mega-header .navbar ul.menu { list-style: none; display: flex; align-items: center; }
.mega-header .navbar > ul > li.menu-item-has-children { position: inherit; }
.mega-header .menu-item a { display: block; font-size: 16px; padding: 15px 20px; text-decoration: none; font-weight: 500; transition: all ease 0.3s; cursor: pointer; }
.mega-header .mega-right .menu-item a { display: flex; font-weight: 500;}
.mega-header .mega-right .menu-item a:hover { color: #FFCF18 !important; }
.mega-header .contact-btn a { background: #2563eb; color: #fff; border-radius: 25px; padding: 10px 20px; }
.mega-header .has-mega:hover .mega-menu, .mega-header .menu-item-has-children:hover .mega-menu { display: flex; }
.mega-header li .mega-menu { background: #fff; display: none; position: absolute; left: 50%; top: 100%; width: 100%; box-shadow: 0 5px 15px rgba(0,0,0,0.1); z-index: 999; max-width: 1490px; margin: -12px auto 0; transform: translateX(-50%); }
.mega-wrap .menu li a:focus { outline: unset !important; text-decoration: none !important; }
.mega-header .mega-left { width: 30%; position: relative; }
.mega-header .mega-left p { font-size: 14px; margin-bottom: 20px; }
.mega-header .mega-left .btn { display: inline-block; background: #fff; color: #FFCF18;font-size: 16px;font-weight: 600; padding: 10px 30px; border-radius: 20px; text-decoration: none; margin-top: 10px; }
.mega-header .white-btn .mega-left .btn { color: #1f61e8; background: #fff; }
.mega-header .mega-right { width: 70%; padding: 20px; background: #F8FAFC; }
.mega-header .mega-item { background: #fff; }
.mega-header .mega-item h4 { font-size: 16px; margin: 5px 0; font-weight: bold; }
.mega-header .mega-item p { font-size: 13px; color: #555; }
.mega-header .icon { font-size: 20px; display: inline-block; margin-bottom: 5px; }
.mega-header .main-navigation li:hover > .sub-menu { display: flex; }
.mega-header .main-navigation { position: inherit; }
.mega-header .mega-wrap { display: flex; justify-content: space-between; align-items: center; }
.mega-header .logo { max-width: 140px; width: 100%; }
.mega-header .logo img {width: 100%;}
.services-menu .mega-right >.sub-menu > li > a, .solutions-menu .mega-right >.sub-menu > li > a { pointer-events: none; }
.solutions-menu .mega-menu .mega-left a.btn {display: none;}
.menu li.menu-item-has-children:hover > .sub-menu { display: block; opacity: 1; visibility: visible; }
.menu li.active_menu > a { color: #ff6600; }
.menu-item.menu-item-has-children.active_menu, .menu-item.menu-item-has-children:hover { display: block; }
.menu > li.menu-item-has-children > a {position: relative;}
.mega-header .deftHide {display: block;}
.mega-header .sub-menu { padding: 0; list-style: none; }
.mega-header .mega-right > .sub-menu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 20px; }
.sub-menu li a {position: relative;}
.mega-right >.sub-menu li > a { padding: 4px 5px; }
.mega-right >.sub-menu .sub-menu li > a { font-family: Poppins; font-weight: 400; font-size: 14px; letter-spacing: -0.15px; color: #1D1068; padding: 2px 4px;}
.mega-right >.sub-menu .sub-menu {padding-left: 44px;}
.mega-right >.sub-menu > li > a {color: #000;}
.mega-header .clickedMenu .sub-menu {display: block !important;}
.menu-icon { margin-right: 8px;width: 28px;height: 28px;object-fit: contain;padding: 0;}
.menu-icon-wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.menu-icon img { width: 22px; height: 22px; object-fit: contain; }
.menu-desc { display: block; font-size: 13px; color: #1D1068; padding-left: 44px; line-height: 1.4; font-weight: 400; margin-top: 6px; }
nav.navbar.main-navigation > ul > li > a .menu-desc, nav.navbar.main-navigation > ul > li > a .menu-icon { display: none; }
nav.navbar.main-navigation > ul > li.menu-item-has-children > a { padding: 15px 30px 15px 20px; }
nav.navbar.main-navigation > ul > li.menu-item-has-children > a .menudrop-icon { top: 50%; }
nav.navbar.main-navigation > ul > li > a { font-size: 1.25rem; color: #000; font-weight: 500;font-family: var(--primary-nav--font-family); }
nav.navbar.main-navigation > ul > li > a:hover, nav.navbar.main-navigation > ul > li > a:focus, nav.navbar.main-navigation > ul > li.menu-item-has-children:hover .menudrop-icon i { color: #FFCF18; }
.about-menu .mega-menu .mega-left::before { background:  linear-gradient(275deg, rgba(31, 97, 232, 0) 50.35%, #1F61E8 150.66%) !important; }
.mega-menu .mega-left .mega-contentwrap { position: relative; z-index: 1; padding: 0;text-align: center;margin: 0 auto; }
.mega-header .navbar .mega-left { display: flex; align-items: flex-start;padding: 20px; background-color: #00652F;flex-direction: column;background-image: url('https://appshopo.com/wp-content/uploads/2025/12/mega-menu.webp');background-size: cover; background-position: center;background-repeat: no-repeat; }
.mega-header .navbar .aidev-menu .mega-left { display: flex; align-items: flex-start;flex-direction: column;background-color: #f8f8fa; background-position: top !important; }
.navbar .aidev-menu .mega-menu .mega-left .mega-contentwrap, .solutions-menu .mega-menu .mega-left .mega-contentwrap { text-align: center; }
.navbar .aidev-menu .mega-menu .mega-left h2, .solutions-menu .mega-menu .mega-left h2, .hire-developer .mega-menu .mega-left h2 { margin-bottom: 7px;}
.navbar .aidev-menu .mega-menu .mega-left p, .solutions-menu .mega-menu .mega-left p, .hire-developer .mega-menu .mega-left p { font-size: 14px;margin-bottom: 5px; }
.navbar .aidev-menu .mega-menu .mega-left a, .solutions-menu .mega-menu .mega-left a {font-size: 12px;}
.mega-header .mega-left .btn {margin-top: 5px;}
.mega-header .navbar .aidev-menu .mega-left a.btn { display: none; }
.services-menu .mega-menu .mega-left { display: flex; padding: 0px 0px 0px 0px; background-position: bottom !important; background-repeat: no-repeat; }
.services-menu .mega-menu .mega-left .mega-contentwrap {padding: 60px 20px 20px;border-radius: 0 100px 0px 0px;}
.mega-menu .mega-left h2 { font-size: 28px; margin-bottom: 8px; font-weight: 700; line-height: 1.4; letter-spacing: 0%; color: #fff;}
.mega-menu .mega-left p { font-weight: 400; font-size: 15px; line-height: 1.5; letter-spacing: 0%; color: #fff; }
.mega-menu .mega-left a {font-weight: 600; font-style: Regular; font-size: 16px !important; line-height: 1.4; text-align: center; border-radius: 10px; padding: 12px 35px; background: #FFCF18; color: #00652F;width: fit-content;margin: 0 auto;}.has-background-white .site .mega-menu .mega-left a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: #fff !important; }
.mega-left .mega-cardimg img {width: 100%;}
nav.navbar.main-navigation > ul > li:last-child a, nav.navbar.main-navigation > ul > li:last-child a:focus { background-color: #FFCF18; font-size: 16px; font-weight: 500; color: #000 !important; text-decoration: none; border-radius: 10px; padding: 0.75rem 1.5rem; transition: all ease 0.3s; position: relative; min-width: 150px; text-align: center; margin-left: 30px; }
.mega-header .listed-menu .mega-right .sub-menu .sub-menu { list-style: disc; }
.mega-header .listed-menu .mega-right .sub-menu .sub-menu li a { padding: 4px 8px; }
.mega-header .listed-menu .mega-right .sub-menu .sub-menu {padding-left: 40px;}
.about-menu .mega-left { background-repeat: no-repeat; background-color: #fff; }
.header.mega-header { width: 100%; z-index: 999; background: #fff;padding: 6px 0; }
.header.mega-header .mega-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.header.mega-header .navbar { display: flex; box-shadow: none !important; }
.header.mega-header .navbar .menu { display: flex; list-style: none; margin: 0; padding: 0; gap: 20px; }
.header.mega-header .menu-toggle { display: none; cursor: pointer; font-size: 26px; border: none; background: none; }
.mega-header .menu-item a:focus {color: #FFCF18 !important;}
.menucard-center .mega-menu .mega-left { text-align: center; }
.menucard-center .mega-menu .mega-left h2 { font-weight: 700; }
.menucard-center .mega-menu .mega-left p { font-family: Poppins; font-weight: 500; font-style: Italic; font-size: 19px; line-height: 1.4; text-align: center; }
.aidev-menu .mega-menu .mega-right { display: flex; align-items: start; }
.menutwocol .mega-menu .mega-right > .sub-menu { grid-template-columns: repeat(2, 1fr); text-align: left; }
.mega-header .about-menu .mega-left { width: 50%; background-size: contain !important; background-position: right !important;flex-direction: row; }
.mega-header .about-menu .mega-left .mega-contentwrap { width: 50%; }
.mega-header .about-menu .mega-left > div { flex: 0 0 50%; }
.mega-header .services-menu .mega-right li:nth-child(-n+3) > ul.sub-menu { border-bottom: 2px solid #C6C6C6; padding-bottom: 20px; }
.mega-header .about-menu .mega-right, .mega-header .solutions-menu .mega-right {padding: 50px 70px; }
.ctabtn, .ctabtn:focus { background-color: #1F61E8; font-size: 10px; font-weight: 400; color: #fff; text-decoration: none; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.12); border-radius: 30px; padding: 7px 16px; transition: all ease 0.3s; position: relative; text-align: center; }
.mega-right .sub-menu .sub-menu {height: calc(100% - 41px);}
.mega-header .menu > li.menu-item-has-children > a { position: relative; padding-right: 26px; }
.mega-header .menu > li.menu-item-has-children > a::after { content: ""; position: absolute; right: -8px; top: 50%; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;transform: translateY(-50%) rotate(45deg); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .mega-header .menu-item-has-children { margin-right: 20px; } .mega-menu .sub-menu li a:focus img { outline: unset !important; }
.mega-header .menu > li.menu-item-has-children:hover > a::after,.mega-header .menu > li.menu-item-has-children:focus-within > a::after { transform: translateY(-50%) rotate(-135deg);}
@media (max-width: 1440px) { .mega-header li .mega-menu { max-width: 100%; } .mega-header .services-menu .mega-right { height: 90vh; overflow: auto; } }
@media (min-width:1200px) { .mega-right .sub-menu li a .menudrop-icon {display: none;} }
@media (max-width: 1210px) { nav.navbar.main-navigation > ul > li:last-child a, nav.navbar.main-navigation > ul > li:last-child a:focus { padding: 10px 15px; min-width: 140px; } }
@media (min-width:1200px) and (max-width:1399px) { nav.navbar.main-navigation > ul > li.menu-item-has-children > a { padding: 8px 13.2px !important; } }
@media (max-width: 1199px) { .show-mobile.ctabtn, ul#menu-mega-menu .menudrop-icon { display: block; } .mega-right .menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children .menudrop-icon { display: none !important; } .header.mega-header .menu-toggle { display: block; background: #00652F !important; color: #fff !important; padding: 10px;border-radius: 6px; } .mega-header .logo img { max-width: 100%; } .header.mega-header .menu-toggle span { display: block; height: 3px; width: 25px; background: #fff; border-radius: 30px; margin: 4px 0; } .header.mega-header .navbar, .header.mega-header .navbar .menu li { width: 100%; } .header.mega-header .navbar ul#menu-mega-menu { margin-top: 15px; } .header.mega-header .navbar .menu { flex-direction: column; width: 100%; display: none; background: #fff; align-items: start; } .mega-header .menu li.menu-item-has-children .mega-menu {display: none;} .mega-header .menu li.menu-item-has-children.active_menu .mega-menu {display: flex;} .mega-right .sub-menu .menudrop-icon {display: none;} .header.mega-header .navbar .menu.active { display: flex; } .header.mega-header .navbar .menu li a { padding: 5px 10px; } .header.mega-header .menu-toggle { position: relative; } .header.mega-header .menu-toggle.active {height: 40px;} .header.mega-header .menu-toggle.active span:first-child { top: 42%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .header.mega-header .menu-toggle.active span:nth-child(2) { opacity: 0; } .header.mega-header .menu-toggle.active span:last-child { top: 42%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); } .header.mega-header .menu-toggle.active span:first-child, .header.mega-header .menu-toggle.active span:last-child { position: absolute; } .mega-header .menu .menu-item .menudrop-icon i { transition: all ease 0.3s; } .mega-header .menu .menu-item.active_menu .menudrop-icon i { transform: rotate(0deg); transition: all ease 0.3s; } nav.navbar.main-navigation > ul > li:last-child a, nav.navbar.main-navigation > ul > li:last-child a:focus { margin-left: 0; } .mega-header li .mega-menu { position: static !important; transform: unset !important; box-shadow: none !important; } .mega-header .mega-right { background: #fff; } .mega-header .navbar > ul > li.menu-item-has-children { padding-block: 4px; } #primary-menu-list li.menu-item-has-children:hover .inner_mega-menu, .sub-menu .menu-item-has-children:hover > .sub-menu, .inner_mega-menu .sub-menu.second-submenu li.menu-item-has-children.custom-active .sub-menu.three-submenu { background: #fff !important; } .active-header { height: 100vh; position: fixed !important; width: 100%; background: #fff; overflow-y: auto; left: 0; } #wpadminbar .active-header { top: 32px !important; } .mega-header .about-menu .mega-left .mega-contentwrap { width: 100%; } .menucard-center .mega-menu .mega-left h2 { font-weight: 600; } .menu-desc { padding-left: 20px; } .menucard-center .mega-menu .mega-left p { font-weight: 400; } .menucard-center .mega-menu .mega-left p  { font-size: 16px; } .mega-right >.sub-menu .sub-menu { padding-left: 20px; } .mega-header .about-menu .mega-right, .mega-header .solutions-menu .mega-right {padding: 50px; } .header.mega-header { padding: 10px 0px; } }  
@media (min-width:1441px) and (max-width: 1920px) { .mega-header .services-menu .mega-right { height: 80vh; overflow: auto; } .services-menu .mega-menu .mega-left .mega-contentwrap { padding: 20px 20px 20px;border-radius: 0 60px 0px 0px; } .mega-menu .mega-left p { font-size: 14px; } .mega-header .mega-left .btn { padding: 10px 22px; } .mega-menu .mega-left a { font-size: 12px; } .mega-right >.sub-menu .sub-menu li > a { font-size: 13px; } }
@media (min-width:1025px) and (max-width: 1440px) { .mega-header .services-menu .mega-right { height: 80vh; overflow: auto; } .services-menu .mega-menu .mega-left .mega-contentwrap { padding: 20px 20px 20px; } .mega-menu .mega-left p { font-size: 14px; } .mega-header .mega-left .btn { padding: 10px 22px; } .mega-menu .mega-left a { font-size: 12px; } .mega-right >.sub-menu .sub-menu li > a { font-size: 13px; } }
@media (max-width: 1024px) { .mega-header .mega-right > .sub-menu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .mega-header .services-menu .mega-right li:nth-child(-n+4) > ul.sub-menu { border-bottom: 2px solid #C6C6C6; padding-bottom: 20px; } }
@media (min-width:768px) and (max-width: 1199px) { .mbtns { gap: 15px; } .ctabtn, .ctabtn:focus { font-size: 12px; font-weight: 500; } }
@media (max-width: 767px) { .mega-header .mega-left {display: none !important;} .mega-header .mega-right {width: 100%;padding: 0;} .mega-header .mega-right > .sub-menu { grid-template-columns: repeat(1, 1fr); gap: 10px; padding-left: 10px; } .mega-header .menu-item { position: relative !important; } .menutwocol .mega-menu .mega-right > .sub-menu { grid-template-columns: repeat(1, 1fr); } .mega-header .about-menu .mega-right, .mega-header .solutions-menu .mega-right {padding: 0px; } .mega-header .menu-item a { font-size: 14px; } .mega-header .mega-right { height: auto; } .mega-header .navbar .mega-left { display: none;} .header.mega-header .navbar .menu li a:focus { background: unset; }
.mega-header .mega-right > .sub-menu { grid-template-columns: 1fr; gap: 5px;}
.mega-header .mega-right { padding: 5px;}.menu-icon {width: 25px; height: 25px;} .header.mega-header .navbar .menu { gap: 10px; }
#menu-mega-menu li { position: relative;} .mega-header .menu > li.menu-item-has-children > a::after { display:none; }
#menu-mega-menu li.menu-item-has-children::before { content: '\f107';font-family: FontAwesome;font-size: 16px;position: absolute;top: 20px;right: 10px;transform: translateY(-50%) rotate(0deg);color:#000 !important; transition: transform 0.3s ease;pointer-events: none;}
#menu-mega-menu li.menu-item-has-children:hover::before { color: #FFCF18;} .mega-header .menu li.menu-item-has-children .mega-menu { padding-top: 5px; } .mega-header .menu-item-has-children { margin-right: 0px; }
#menu-mega-menu li.menu-item-has-children.active_menu::before {transform: translateY(-50%) rotate(180deg); color: #FFCF18 !important;}
nav.navbar.main-navigation > ul > li > a { font-size: 16px;}}
@media (min-width:768px) and (max-width:991px) { .mega-header li .mega-menu { display: none; left: 50%; width: 100%; box-shadow: 0 5px 15px rgba(0,0,0,0.1); z-index: 999; max-width: 1370px; transform: translateX(10px); } .mega-header .about-menu .mega-left { flex-direction: column; } }