/**
 * ElementsKit Services dropdown — 2 columns × 3 rows + orange icons
 */

body .ekit-wid-con li.alnair-services-menu > ul.elementskit-dropdown,
body .ekit-wid-con li.alnair-services-menu > ul.elementskit-submenu-panel,
body .ekit-wid-con ul.alnair-services-dropdown,
body li.alnair-services-menu > ul.elementskit-dropdown,
body li.alnair-services-menu > ul.elementskit-submenu-panel,
body ul.alnair-services-dropdown {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 4px 10px !important;
  min-width: min(520px, calc(100vw - 32px)) !important;
  width: max-content !important;
  max-width: min(540px, calc(100vw - 32px)) !important;
  padding: 12px !important;
  border-radius: 15px !important;
  background: #1c1c1c !important;
  border: 1px solid rgba(218, 218, 218, 0.15) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45) !important;
  list-style: none !important;
}

body .ekit-wid-con li.alnair-services-menu > ul.elementskit-dropdown > li,
body .ekit-wid-con li.alnair-services-menu > ul.elementskit-submenu-panel > li,
body .ekit-wid-con ul.alnair-services-dropdown > li,
body li.alnair-services-menu > ul.elementskit-dropdown > li,
body ul.alnair-services-dropdown > li {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  display: block !important;
  position: static !important;
}

body .ekit-wid-con li.alnair-services-menu > ul.elementskit-dropdown > li > a,
body .ekit-wid-con li.alnair-services-menu > ul.elementskit-submenu-panel > li > a,
body .ekit-wid-con ul.alnair-services-dropdown > li > a,
body li.alnair-services-menu > ul.elementskit-dropdown > li > a,
body ul.alnair-services-dropdown > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 11px 12px !important;
  border-radius: 10px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}

body .ekit-wid-con li.alnair-services-menu > ul.elementskit-dropdown > li > a:hover,
body .ekit-wid-con ul.alnair-services-dropdown > li > a:hover {
  background: rgba(159, 159, 159, 0.08) !important;
  color: #fa871f !important;
}

.alnair-svc-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #fa871f;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}

.alnair-svc-icon--ui-ux {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 19l7-7 3 3-7 7-3-3z'/%3E%3Cpath d='M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z'/%3E%3C/svg%3E");
}

.alnair-svc-icon--web {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M16 18l6-6-6-6M8 6l-6 6 6 6'/%3E%3C/svg%3E");
}

.alnair-svc-icon--mobile {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect x='5' y='2' width='14' height='20' rx='2'/%3E%3C/svg%3E");
}

.alnair-svc-icon--devops {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='8' rx='2'/%3E%3Crect x='2' y='14' width='20' height='8' rx='2'/%3E%3C/svg%3E");
}

.alnair-svc-icon--seo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");
}

.alnair-svc-icon--ai {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a4 4 0 014 4v2H8V6a4 4 0 014-4z'/%3E%3Crect x='4' y='8' width='16' height='14' rx='2'/%3E%3C/svg%3E");
}

.alnair-svc-label {
  flex: 1;
}

@media (max-width: 767px) {
  body .ekit-wid-con li.alnair-services-menu > ul.elementskit-dropdown,
  body .ekit-wid-con ul.alnair-services-dropdown,
  body ul.alnair-services-dropdown {
    grid-template-columns: 1fr !important;
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}