/* Same typography, icon treatment and dropdown surfaces as the WHMCS header. */
:is(.elementor-1477,.elementor-1479,.elementor-1481,.pxl-header-menu){font-family:"Fira Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
:is(.elementor-1477,.elementor-1479,.elementor-1481,.pxl-header-menu) [id^="menu-web-lanka-main-menu"]>li>a{font-family:"Fira Sans",Arial,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:0!important;color:#252525!important}
[id^="menu-web-lanka-main-menu"] .wl-menu-icon{display:inline-block!important;position:static!important;transform:none!important;width:20px;flex:0 0 20px;margin:0 10px 0 0!important;color:#ed6c21!important;font-size:15px;line-height:1;text-align:center;vertical-align:middle}
[id^="menu-web-lanka-main-menu"] .wl-menu-label{vertical-align:middle}
[id^="menu-web-lanka-main-menu"]>li>a .wl-menu-icon{font-size:14px;width:17px;margin-right:8px!important}
:is(.elementor-1477,.elementor-1479) [id^="menu-web-lanka-main-menu"] .sub-menu{background:#fff!important;border:1px solid #eee!important;border-top:3px solid #f47b20!important;border-radius:0 0 14px 14px!important;box-shadow:0 14px 40px #0002!important;padding:12px!important;min-width:290px;max-width:340px}
:is(.elementor-1477,.elementor-1479,.elementor-1481,.pxl-header-menu) [id^="menu-web-lanka-main-menu"] .sub-menu li{border:0!important;padding:0!important}
:is(.elementor-1477,.elementor-1479,.elementor-1481,.pxl-header-menu) [id^="menu-web-lanka-main-menu"] .sub-menu a{display:block!important;padding:11px 12px!important;margin:0!important;background:transparent!important;border-radius:7px!important;font:500 14px/1.45 "Fira Sans",Arial,sans-serif!important;letter-spacing:0!important;color:#252525!important;white-space:normal!important;transition:background .18s,color .18s}
:is(.elementor-1477,.elementor-1479,.elementor-1481,.pxl-header-menu) [id^="menu-web-lanka-main-menu"] .sub-menu a .pxl-menu-item-text{display:flex;align-items:center;transform:none!important;padding:0!important}
[id^="menu-web-lanka-main-menu"] .sub-menu a:before,[id^="menu-web-lanka-main-menu"] .sub-menu .pxl-menu-item-text:before{display:none!important}
:is(.elementor-1477,.elementor-1479,.elementor-1481,.pxl-header-menu) [id^="menu-web-lanka-main-menu"] .sub-menu a:hover,:is(.elementor-1477,.elementor-1479,.elementor-1481,.pxl-header-menu) [id^="menu-web-lanka-main-menu"] .sub-menu a:focus-visible{background:#fff4eb!important;color:#d95618!important}
:is(.elementor-1477,.elementor-1479,.elementor-1481,.pxl-header-menu) [id^="menu-web-lanka-main-menu"]>li>a:hover{color:#ed6c21!important}
[id^="menu-web-lanka-main-menu"] a:focus-visible{outline:2px solid #ed6c21;outline-offset:4px}
@media(min-width:1200px){
 .elementor-1477 .elementor-element-3799bb4{border-radius:30px 30px 0 0!important;padding:20px 48px!important;background:#fff!important}
 .elementor-1477 .elementor-element-a56c56c{padding:14px 0 20px!important;border-radius:0 0 30px 30px!important;background:#fff!important;border-top:1px solid #f1f1f1}
 .elementor-1477 .elementor-element-accb3ef img{width:210px!important;max-width:210px!important;height:auto!important;object-fit:contain}
 .elementor-1477 .pxl-item--number{font:400 16px/1.4 "Fira Sans",sans-serif!important;color:#1c1c1c!important}
 .elementor-1477 .pxl-item--title{font:600 14px/1.4 "Fira Sans",sans-serif!important}
 .elementor-1477 .elementor-element-b59c919 a{font:700 17px/1.4 "Fira Sans",sans-serif!important;color:#181818!important}
 .elementor-1477 .elementor-element-daebd08 .btn{font:700 14px/1.4 "Fira Sans",sans-serif!important;padding:17px 28px!important;border-radius:40px!important;background:linear-gradient(110deg,#ffa31a,#ec5025)!important;box-shadow:0 9px 22px #f47b2024!important}
 [id^="menu-web-lanka-main-menu"] li:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;transform:none!important}
}
@media(max-width:1199px){[id^="menu-web-lanka-main-menu"] .sub-menu{border-radius:10px;background:#fff8f2!important;padding:6px 8px!important}[id^="menu-web-lanka-main-menu"] .wl-menu-icon{margin-right:10px!important}.elementor-1481 img{height:auto;object-fit:contain}}
@media(prefers-reduced-motion:reduce){[id^="menu-web-lanka-main-menu"] *{transition:none!important}}

/* WHMCS mobile header styling, retaining the existing Elementor menu controls. */
@media(max-width:1199px){
 #pxl-header-mobile .elementor-1481 :is(.elementor-element-0b75907,.elementor-element-b0d55e9){width:calc(100% - 24px)!important;left:12px!important;padding:17px 18px!important;border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 35px #28150008}
 #pxl-header-mobile .elementor-1481 .elementor-element-0b75907{margin-top:60px}
 #pxl-header-mobile .elementor-1481 .elementor-element-0b75907:before{content:"";position:absolute;left:6%;right:6%;height:6px;top:-6px;background:linear-gradient(90deg,#ffa31a,#ed5127);border-radius:12px 12px 0 0;z-index:2}
 #pxl-header-mobile .elementor-1481 .elementor-widget-wrap{padding:0!important;display:flex;align-items:center;flex-wrap:nowrap!important;gap:12px}
 #pxl-header-mobile .elementor-1481 .elementor-widget-pxl_logo{flex:1 1 0!important;min-width:0!important;width:auto!important;margin:0!important}
 #pxl-header-mobile .wl-mobile-brand-row{display:flex;align-items:center;gap:12px;min-width:0}
 #pxl-header-mobile .wl-mobile-brand-row .pxl-logo{flex:1 1 0;min-width:0}
 #pxl-header-mobile .wl-mobile-brand-row .pxl-logo img{width:175px!important;max-width:100%!important;height:auto!important;object-fit:contain}
 #pxl-header-mobile .wl-mobile-login{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#ffa31a,#ec5025);color:#fff!important;padding:12px 16px;border-radius:40px;font:700 12px/1.4 "Fira Sans",sans-serif;white-space:nowrap;box-shadow:0 9px 22px #f47b2024}
 #pxl-header-mobile .wl-mobile-account-bar{position:absolute;top:-48px;left:8px;right:8px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:22px;padding:12px 16px 18px;background:#3d3d3d;color:#fff;border-radius:18px 18px 0 0;font:600 12px/1.4 "Fira Sans",sans-serif}
 #pxl-header-mobile .wl-mobile-account-bar a{color:#fff;white-space:nowrap}
 #pxl-header-mobile .wl-mobile-account-bar a:hover{color:#ff9b35}
 #pxl-header-mobile .wl-mobile-account-bar i{margin-right:5px}
 #pxl-header-mobile .elementor-1481 .elementor-widget-pxl_anchor{flex:0 0 38px!important;width:38px!important;margin:0!important}
 #pxl-header-mobile .elementor-1481 .pxl-anchor-mobile-menu{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fff2e6;color:#1c1c1c}
 #pxl-header-mobile .elementor-1481 .pxl-anchor-divider{width:17px;height:15px;position:relative}
 #pxl-header-mobile .elementor-1481 .pxl-icon-line{width:17px!important;height:2px!important;background:#1c1c1c!important;left:0!important}
 #pxl-header-mobile .elementor-1481 .pxl-icon-line1{top:0!important}
 #pxl-header-mobile .elementor-1481 .pxl-icon-line2{top:6px!important}
 #pxl-header-mobile .elementor-1481 .pxl-icon-line3{top:12px!important}
 #pxl-header-mobile .wl-mobile-login:focus-visible,#pxl-header-mobile .wl-mobile-account-bar a:focus-visible{outline:2px solid #f47b20;outline-offset:3px}
}
@media(min-width:768px) and (max-width:1199px){
 #pxl-header-mobile .wl-mobile-brand-row .pxl-logo img{width:200px!important}
 #pxl-header-mobile .wl-mobile-login{font-size:14px;padding:14px 22px}
}
@media(max-width:359px){
 #pxl-header-mobile .elementor-1481 :is(.elementor-element-0b75907,.elementor-element-b0d55e9){padding:15px 12px!important}
 #pxl-header-mobile .elementor-1481 .elementor-widget-wrap,#pxl-header-mobile .wl-mobile-brand-row{gap:8px}
 #pxl-header-mobile .wl-mobile-login{padding:11px 12px;font-size:11px}
}