.elementor-60 .elementor-element.elementor-element-0da2dc9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:2px;--padding-bottom:2px;--padding-left:20px;--padding-right:20px;}.elementor-60 .elementor-element.elementor-element-0da2dc9:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-0da2dc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #F7E10B 24%, #BB1319 61%);}.elementor-60 .elementor-element.elementor-element-ccb0b09{--display:flex;}.elementor-60 .elementor-element.elementor-element-65b7689{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:22px;--grid-column-gap:26px;--grid-row-gap:0px;}.elementor-60 .elementor-element.elementor-element-65b7689 .elementor-social-icon{background-color:#E1E1E100;--icon-padding:0em;}.elementor-60 .elementor-element.elementor-element-b21d7b5{--display:flex;}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(24px/2);}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(24px/2);}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(24px/2);}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-24px/2);}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-24px/2);}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-60 .elementor-element.elementor-element-4a3a10e{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-item > a{font-family:"Rubik", Sans-serif;font-size:16px;font-weight:500;}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-60 .elementor-element.elementor-element-0eeb61e{--display:flex;--position:absolute;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;top:69px;--z-index:999;}body:not(.rtl) .elementor-60 .elementor-element.elementor-element-0eeb61e{left:0px;}body.rtl .elementor-60 .elementor-element.elementor-element-0eeb61e{right:0px;}.elementor-60 .elementor-element.elementor-element-a01b65a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-60 .elementor-element.elementor-element-a01b65a:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-a01b65a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00051900;}.elementor-60 .elementor-element.elementor-element-f0ed482{--display:flex;}.elementor-60 .elementor-element.elementor-element-3ae294b{text-align:start;}.elementor-60 .elementor-element.elementor-element-3ae294b img{width:100%;height:67px;}.elementor-60 .elementor-element.elementor-element-9bde8f4{--display:flex;--min-height:67px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--border-radius:0px 15px 15px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:-79px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:36px;--padding-right:14px;}.elementor-60 .elementor-element.elementor-element-9bde8f4:not(.elementor-motion-effects-element-type-background), .elementor-60 .elementor-element.elementor-element-9bde8f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-60 .elementor-element.elementor-element-0fc7252{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-menu-toggle{margin:0 auto;}.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu .elementor-item{font-family:"Rubik", Sans-serif;font-size:14px;font-weight:500;}.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--main .elementor-item{color:#000418B2;fill:#000418B2;padding-left:11px;padding-right:11px;padding-top:6px;padding-bottom:6px;}.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--main .elementor-item:focus{color:#000418;fill:#000418;}.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000418;}.elementor-60 .elementor-element.elementor-element-5faba82{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-60 .elementor-element.elementor-element-f3f19d4 .elementor-icon-wrapper{text-align:center;}.elementor-60 .elementor-element.elementor-element-f3f19d4.elementor-view-stacked .elementor-icon:hover{background-color:#D1141C;}.elementor-60 .elementor-element.elementor-element-f3f19d4.elementor-view-framed .elementor-icon:hover, .elementor-60 .elementor-element.elementor-element-f3f19d4.elementor-view-default .elementor-icon:hover{color:#D1141C;border-color:#D1141C;}.elementor-60 .elementor-element.elementor-element-f3f19d4.elementor-view-framed .elementor-icon:hover, .elementor-60 .elementor-element.elementor-element-f3f19d4.elementor-view-default .elementor-icon:hover svg{fill:#D1141C;}.elementor-60 .elementor-element.elementor-element-079013f{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-60 .elementor-element.elementor-element-ccb0b09{--width:16%;}.elementor-60 .elementor-element.elementor-element-b21d7b5{--width:71%;}.elementor-60 .elementor-element.elementor-element-a01b65a{--width:100%;}.elementor-60 .elementor-element.elementor-element-f0ed482{--width:27%;}.elementor-60 .elementor-element.elementor-element-9bde8f4{--width:100%;}.elementor-60 .elementor-element.elementor-element-079013f{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-60 .elementor-element.elementor-element-ccb0b09{--width:13%;}.elementor-60 .elementor-element.elementor-element-b21d7b5{--width:100%;}.elementor-60 .elementor-element.elementor-element-f0ed482{--width:36%;}}@media(max-width:1024px){.elementor-60 .elementor-element.elementor-element-65b7689{--icon-size:16px;--grid-column-gap:10px;}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(14px/2);}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(14px/2);}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(14px/2);}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-14px/2);}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-14px/2);}.elementor-60 .elementor-element.elementor-element-4a3a10e{--e-icon-list-icon-size:14px;}.elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-60 .elementor-element.elementor-element-4a3a10e .elementor-icon-list-item > a{font-size:12px;}.elementor-60 .elementor-element.elementor-element-0eeb61e{top:70px;}.elementor-60 .elementor-element.elementor-element-3ae294b img{height:54px;}.elementor-60 .elementor-element.elementor-element-9bde8f4{--min-height:54px;--margin-top:0px;--margin-bottom:0px;--margin-left:-100px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:14px;}.elementor-60 .elementor-element.elementor-element-f3f19d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-60 .elementor-element.elementor-element-f3f19d4 .elementor-icon{font-size:40px;}.elementor-60 .elementor-element.elementor-element-f3f19d4 .elementor-icon svg{height:40px;}}@media(max-width:767px){.elementor-60 .elementor-element.elementor-element-0eeb61e{--padding-top:15px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;top:0px;}.elementor-60 .elementor-element.elementor-element-a01b65a{--flex-wrap:nowrap;}.elementor-60 .elementor-element.elementor-element-f0ed482{--width:240px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:99;}.elementor-60 .elementor-element.elementor-element-3ae294b img{width:1000px;height:68px;}.elementor-60 .elementor-element.elementor-element-9bde8f4{--width:78%;--min-height:47px;--margin-top:0px;--margin-bottom:0px;--margin-left:-77px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;--z-index:0;}.elementor-60 .elementor-element.elementor-element-f3f19d4 .elementor-icon{font-size:35px;}.elementor-60 .elementor-element.elementor-element-f3f19d4 .elementor-icon svg{height:35px;}}/* Start custom CSS for nav-menu, class: .elementor-element-5faba82 *//* 1. Layout reset */
.menu-item > a {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  gap: 8px !important;
}

/* 2. Hide default theme/Elementor icon tags on regular AND sticky states */
.menu-item > a i,
.menu-item > a svg,
.menu-item > a span[class*="icon"],
.elementor-sticky--active .menu-item > a i,
.elementor-sticky--active .menu-item > a svg,
.elementor-sticky--active .menu-item > a span[class*="icon"] {
  display: none !important;
}

/* 3. Strip extra default theme pseudo-elements on scroll */
.menu-item > a::after,
.elementor-sticky--active .menu-item > a::after {
  content: none !important;
}

/* 4. Force custom pseudo-elements to remain visible permanently */
.menu-home > a::before,
.menu-services > a::before,
.menu-products > a::before,
.menu-protection > a::before,
.menu-about > a::before,
.menu-finance > a::before {
  content: "" !important;
  display: inline-block !important;
  position: static !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important;
  opacity: 1 !important;
  /*visibility: visible !important;*/
}

/* 5. SVG Images */
.menu-home > a::before {
  background-image: url('https://modheat.com/wp-content/uploads/2026/09/Group-5.svg') !important;
}

.menu-services > a::before {
  background-image: url('https://modheat.com/wp-content/uploads/2026/09/Vector-12.svg') !important;
}

.menu-products > a::before {
  background-image: url('https://modheat.com/wp-content/uploads/2026/09/Vector-13.svg') !important;
}

.menu-protection > a::before {
  background-image: url('https://modheat.com/wp-content/uploads/2026/09/carbon_ibm-cloud-security-compliance-center-workload-protection.svg') !important;
}

.menu-about > a::before {
  background-image: url('https://modheat.com/wp-content/uploads/2026/09/Vector-14.svg') !important;
}

.menu-finance > a::before {
  background-image: url('https://modheat.com/wp-content/uploads/2026/09/Vector-15.svg') !important;
}






/* ==========================================================================
   COMPLETE MODERN DROPDOWN STYLING & INSTANT TIMING
   ========================================================================== */

/* 1. Main Dropdown Container & Fast Animations */
.elementor-60 .elementor-element.elementor-element-5faba82 .sub-menu,
.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--dropdown,
.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--main .sub-menu {
  background-color: #FFFFFF !important;
  border-radius: 12px !important;
  border: 1px solid #EAEAEA !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
  padding: 8px !important;
  min-width: 210px !important;
  margin-top: 10px !important;
  overflow: hidden !important;
  
  /* Reduced opening/closing animation time to 0.1s and eliminated delay */
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, visibility 0.1s ease-in-out !important;
  transition-delay: 0s !important;
}

/* Ensure sub-menus trigger instantly on hover */
.elementor-60 .elementor-element.elementor-element-5faba82 .menu-item-has-children:hover > .sub-menu {
  transition-delay: 0s !important;
}

/* 2. Dropdown List Items */
.elementor-60 .elementor-element.elementor-element-5faba82 .sub-menu li,
.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--dropdown li {
  margin-bottom: 4px !important;
  border-bottom: none !important;
}

.elementor-60 .elementor-element.elementor-element-5faba82 .sub-menu li:last-child,
.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--dropdown li:last-child {
  margin-bottom: 0 !important;
}

/* 3. Link Default State */
.elementor-60 .elementor-element.elementor-element-5faba82 .sub-menu a,
.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--dropdown a {
  display: flex !important;
  align-items: center !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1A1A1A !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  transition: all 0.15s ease-in-out !important;
}

/* 4. Link Hover State */
.elementor-60 .elementor-element.elementor-element-5faba82 .sub-menu a:hover,
.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--dropdown a:hover {
  background-color: #BB1319 !important;
  color: #FFFFFF !important;
  padding-left: 20px !important; /* Subtle shift effect on hover */
}

/* 5. Active Sub-Menu Link State */
.elementor-60 .elementor-element.elementor-element-5faba82 .sub-menu .current-menu-item > a,
.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--dropdown .current-menu-item > a,
.elementor-60 .elementor-element.elementor-element-5faba82 .sub-menu .current-page-ancestor > a,
.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--dropdown .current-page-ancestor > a {
  background-color: #BB1319 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* Active Link Hover State */
.elementor-60 .elementor-element.elementor-element-5faba82 .sub-menu .current-menu-item > a:hover,
.elementor-60 .elementor-element.elementor-element-5faba82 .elementor-nav-menu--dropdown .current-menu-item > a:hover {
  background-color: #990f14 !important;
  color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bde8f4 */.skewed-container {
  position: relative !important;
  overflow: visible !important; /* Allows dropdowns to show outside bounds */
  z-index: 1;
}

/* Apply the clip-path background behind the content */
.skewed-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit; /* Inherits background color from parent */
  clip-path: polygon(0px 0, 100% 0, 100% 100%, 50px 100px);
  z-index: -1; /* Placed behind dropdowns and link items */
  pointer-events: none;
}/* End custom CSS */