.elementor-10928 .elementor-element.elementor-element-1694c4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10928 .elementor-element.elementor-element-1694c4e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10928 .elementor-element.elementor-element-2b968e0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10928 .elementor-element.elementor-element-bcbd31d{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-10928 .elementor-element.elementor-element-bcbd31d:not(.elementor-motion-effects-element-type-background), .elementor-10928 .elementor-element.elementor-element-bcbd31d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10928 .elementor-element.elementor-element-74963be{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10928 .elementor-element.elementor-element-88f4bbd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10928 .elementor-element.elementor-element-672f86c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10928 .elementor-element.elementor-element-faa4db8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10928 .elementor-element.elementor-element-07cffde{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10928 .elementor-element.elementor-element-0b087f8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10928 .elementor-element.elementor-element-0565def{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10928 .elementor-element.elementor-element-64580b5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10928 .elementor-element.elementor-element-aa5150a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-10928 .elementor-element.elementor-element-bcbd31d{--width:63%;}}/* Start custom CSS for container, class: .elementor-element-64580b5 */.maga-menu-box {
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
  text-align: center;
}

/* Icon styling */
.maga-menu-box .elementor-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #3D7BBC; /* Initial background color */
  color: #fff;
  transition: all 0.6s ease;
}

/* Icon element itself */
.maga-menu-box .elementor-icon i {
  font-size: 30px;
  transition: transform 0.6s ease;
}

/* Hover effects */
.maga-menu-box:hover {
  transform: translateY(-5px);
}

.maga-menu-box:hover .elementor-icon {
  background: #6597CB; /* Change to any hover color */
  /*box-shadow: 0 8px 20px rgba(0, 198, 255, 0.4);*/
  transform: scale(1.1);
}

.maga-menu-box:hover .elementor-icon i {
  transform: rotateY(360deg);
}/* End custom CSS */