.elementor-842 .elementor-element.elementor-element-c90ae5b{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-dea41e4 );--border-color:var( --e-global-color-dea41e4 );--border-radius:15px 15px 15px 15px;--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;--z-index:15;}.elementor-842 .elementor-element.elementor-element-c90ae5b:not(.elementor-motion-effects-element-type-background), .elementor-842 .elementor-element.elementor-element-c90ae5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a291686 );}@media(max-width:767px){.elementor-842 .elementor-element.elementor-element-c90ae5b{--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for html, class: .elementor-element-4f643ad */.app-menu {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  max-width: auto;
}

.app-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  color: #111827;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.25s ease;
}

.app-item img {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.app-item span {
  line-height: 1.2;
}

.app-item .arrow {
  margin-left: auto;
  font-size: 20px;
  color: #6b7280;
  transition: transform 0.25s ease;
}

.app-item:hover {
  border-color: #c7d2fe;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

.app-item:hover .arrow {
  transform: translateX(4px);
}

/* Responsive */
@media (max-width: 1024px) {
  .app-menu { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .app-menu { grid-template-columns: 1fr; }
}/* End custom CSS */