/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 24 2025 | 20:50:09 */
.menu-item {
    position: relative !important;
 
}


@media(max-width:1086px){
    .header-mobile{
        display: block !Important;
    }
}
.submenu-item {
    
    visibility: hidden;
    pointer-events: none !important;
    z-index: 999;
}

.menu-item:hover .submenu-item {
    visibility: visible;
    pointer-events: auto !important;
    transition: opacity 0.3s ease-in-out !important;
}

.menu-item::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 40px; 
}





.menu-items-custom{
    max-width:fit-content !Important;
    cursor:pointer;
    display: flex !Important;
    align-items: center;
    transform-origin: center;
     max-height:24px !Important;
     
}
.head-icon img{
  transition: transform 0.5s ease;
transform: rotate(0deg);
 padding:0 !Important;
 margin:0;

}

.menu-items-custom:hover .head-icon img {
   transform: rotate(-180deg) !Important;
   max-height:24px !Important;
 
}
.elementor-24754 .elementor-element.elementor-element-aeaf29d .elementor-button {
  position: relative;
  display: inline-block;
  background: linear-gradient(90deg, #FFBF00, #FF512F);
  color: #fff;
  z-index: 1;
  transition: color 0.3s ease-in-out;
  border-radius: 120px !important;
  overflow: hidden;
  display: flex !Important;
}

.elementor-24754 .elementor-element.elementor-element-aeaf29d .elementor-button::before {
  content: '';
  border-radius: 120px !important;
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #FF512F, #FFBF00);
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 0;
}

.elementor-24754 .elementor-element.elementor-element-aeaf29d .elementor-button:hover::before {
  opacity: 1;
}

.elementor-24754 .elementor-element.elementor-element-aeaf29d .elementor-button span {
  position: relative;
  z-index: 1;
}
.header-menu-element li:hover a{
	background:#EAEAEC !Important;
	transition:0.2s ease-in-out;
}


.shadow-menu{
    box-shadow: 16px 8px 4px 0px rgba(47, 50, 65, 0.07), rgba(47, 50, 65, 0.14);

}

.submenu-width{
  top: 0;
  left: 0;
  right: 23px;
width: calc(100% + 945px) !Important;
    display:flex;
    flex-wrap:wrap;
  max-width: calc(61.3vw - 24px);

}
@media(max-width:1450px){
    
.submenu-width{
  top: 0;
  left: 0;
  right: 23px;
width: calc(100% + 945) !Important;
    display:flex;
    flex-wrap:wrap;
  max-width: calc(63vw - 24px);

}
}
@media(max-width:1300px){
    
.submenu-width{
  top: 0;
  left: 0;
  right: 23px;
width: calc(100% + 945px) !Important;
    display:flex;
    flex-wrap:wrap;
  max-width: calc(64vw - 24px);

}
}

@media(max-width:1231px){
    
.submenu-width{
  top: 0;
  left: 0;
  right: 23px;
width: calc(100% + 945px) !Important;
    display:flex;
    flex-wrap:wrap;
  max-width: calc(65vw - 24px);

}
}

@media(max-width:1080px){
    
.submenu-width{
  top: 0;
  left: 0;
  right: 23px;
width: calc(100% + 945) !Important;
    display:flex;
    flex-wrap:wrap;
  max-width: calc(67vw - 24px);

}
}
  #sticky-header {
      position: fixed;
     
     
      
      opacity: 1;
      transform: translateY(0);
      transition: opacity 0.3s ease, transform 0.3s ease;
      z-index: 999;
    }

    
    #sticky-header.hide {
      opacity: 0;
      transform: translateY(-100%);
    }

/* MObile header styles */


.icon-max-height{
    max-height:24px! Important;
}

@media(max-width:769px){
    .icon-max-height2{
    max-height:24px! Important;
}

}

.mobile-menu-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
	
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  overflow-y: auto;
  z-index: -1;


}
.mobile-menu-wrapper.open {
  transform: translateX(0);
	
}


.mobile-submenu-items {
  display: none;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}


.mobile-submenu-items.open {
  display: block;
   transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.mobile-menu-wrapper.e-con.e-flex>.e-con-inner {
    display: grid !Important;
    gap:0px !Important;
    row-gap: 0px !Important;
    display:flex !Important;
    flex-direction:column !Important;
    flex-wrap:nowrap !Important;
}

#drop-mobile-icon svg {
  transition: transform 0.3s ease;
}

#drop-mobile-icon.rotated svg {
  transform: rotate(180deg);
}