.elementor-200 .elementor-element.elementor-element-7ffd0ad{--display:flex;--min-height:100vh;--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;--justify-content:space-between;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:0.76;}.elementor-200 .elementor-element.elementor-element-7ffd0ad::before, .elementor-200 .elementor-element.elementor-element-7ffd0ad > .elementor-background-video-container::before, .elementor-200 .elementor-element.elementor-element-7ffd0ad > .e-con-inner > .elementor-background-video-container::before, .elementor-200 .elementor-element.elementor-element-7ffd0ad > .elementor-background-slideshow::before, .elementor-200 .elementor-element.elementor-element-7ffd0ad > .e-con-inner > .elementor-background-slideshow::before, .elementor-200 .elementor-element.elementor-element-7ffd0ad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-90fd6db ) 0%, #FFFFFF00 100%);}.elementor-200 .elementor-element.elementor-element-49ac6ab{width:100%;max-width:100%;}.elementor-200 .elementor-element.elementor-element-084ec83{--display:grid;--e-con-grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:8px 8px;--row-gap:8px;--column-gap:8px;--grid-auto-flow:row;--overlay-opacity:0.6;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-200 .elementor-element.elementor-element-084ec83::before, .elementor-200 .elementor-element.elementor-element-084ec83 > .elementor-background-video-container::before, .elementor-200 .elementor-element.elementor-element-084ec83 > .e-con-inner > .elementor-background-video-container::before, .elementor-200 .elementor-element.elementor-element-084ec83 > .elementor-background-slideshow::before, .elementor-200 .elementor-element.elementor-element-084ec83 > .e-con-inner > .elementor-background-slideshow::before, .elementor-200 .elementor-element.elementor-element-084ec83 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-c92fa6f ) 0%, var( --e-global-color-e755f8f ) 100%);}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-200 .elementor-element.elementor-element-0c7eb4e .elementor-counter{flex-direction:column;}.elementor-200 .elementor-element.elementor-element-0c7eb4e .elementor-counter-number-wrapper{color:var( --e-global-color-secondary );font-family:"Franklin Gothic Book Regular", Sans-serif;font-size:clamp(3.125rem, 2.7083rem + 2.0833vw, 4.375rem);font-weight:700;line-height:1em;}.elementor-200 .elementor-element.elementor-element-0c7eb4e .elementor-counter-title{color:var( --e-global-color-secondary );font-family:"Franklin Gothic Book Regular", Sans-serif;font-size:clamp(1.125rem, 1rem + 0.625vw, 1.5rem);font-weight:600;line-height:1.2em;}.elementor-200 .elementor-element.elementor-element-dcfe63d{--spacer-size:1px;background-color:var( --e-global-color-secondary );padding:0px 1px 0px 0px;}.elementor-200 .elementor-element.elementor-element-737623f .elementor-counter{flex-direction:column;}.elementor-200 .elementor-element.elementor-element-737623f .elementor-counter-number-wrapper{color:var( --e-global-color-secondary );font-family:"Franklin Gothic Book Regular", Sans-serif;font-size:clamp(3.125rem, 2.7083rem + 2.0833vw, 4.375rem);font-weight:700;line-height:1em;}.elementor-200 .elementor-element.elementor-element-737623f .elementor-counter-title{color:var( --e-global-color-secondary );font-family:"Franklin Gothic Book Regular", Sans-serif;font-size:clamp(1.125rem, 1rem + 0.625vw, 1.5rem);font-weight:600;line-height:1.2em;}.elementor-200 .elementor-element.elementor-element-16f547d{--spacer-size:1px;background-color:var( --e-global-color-secondary );padding:0px 1px 0px 0px;}.elementor-200 .elementor-element.elementor-element-3c55a61 .elementor-counter{flex-direction:column;}.elementor-200 .elementor-element.elementor-element-3c55a61 .elementor-counter-number-wrapper{color:var( --e-global-color-secondary );font-family:"Franklin Gothic Book Regular", Sans-serif;font-size:clamp(3.125rem, 2.7083rem + 2.0833vw, 4.375rem);font-weight:700;line-height:1em;}.elementor-200 .elementor-element.elementor-element-3c55a61 .elementor-counter-title{color:var( --e-global-color-secondary );font-family:"Franklin Gothic Book Regular", Sans-serif;font-size:clamp(1.125rem, 1rem + 0.625vw, 1.5rem);font-weight:600;line-height:1.2em;}.elementor-200 .elementor-element.elementor-element-bf6e2e3{--spacer-size:1px;background-color:var( --e-global-color-secondary );padding:0px 1px 0px 0px;}.elementor-200 .elementor-element.elementor-element-ac58719 .elementor-counter{flex-direction:column;}.elementor-200 .elementor-element.elementor-element-ac58719 .elementor-counter-number-wrapper{color:var( --e-global-color-secondary );font-family:"Franklin Gothic Book Regular", Sans-serif;font-size:clamp(3.125rem, 2.7083rem + 2.0833vw, 4.375rem);font-weight:700;line-height:1em;}.elementor-200 .elementor-element.elementor-element-ac58719 .elementor-counter-title{color:var( --e-global-color-secondary );font-family:"Franklin Gothic Book Regular", Sans-serif;font-size:clamp(1.125rem, 1rem + 0.625vw, 1.5rem);font-weight:600;line-height:1.2em;}@media(max-width:1024px){.elementor-200 .elementor-element.elementor-element-084ec83{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-200 .elementor-element.elementor-element-084ec83{--e-con-grid-template-columns:1fr;--grid-auto-flow:row;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-f82d254 */:root {
  --primary: #002D62;
  --hover: #E51837;
  --white: #ffffff;
}

/* Container */
.circular-menu {
  position: relative;
  width: min(80vw, 460px);
  height: min(80vw, 460px);
}

@media (max-width: 500px) {
  .circular-menu {
    width: 70vw;
    height: 70vw;
  }
}

/* Circle */
.circle {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* Menu items */
.hmlink {
  position: absolute;
  width: clamp(80px, 16vw, 100px);
  height: clamp(80px, 16vw, 100px);
  background: rgba(255,255,255,0.85);
  color: var(--primary);
  border-radius: 50%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: all 0.35s ease;
  padding: clamp(6px, 1.5vw, 10px);
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.42);
}

/* OPEN */
.circular-menu.open .hmlink {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* Stagger animation */
.circular-menu.open .hmlink:nth-child(1) { transition-delay: 0.05s; }
.circular-menu.open .hmlink:nth-child(2) { transition-delay: 0.1s; }
.circular-menu.open .hmlink:nth-child(3) { transition-delay: 0.15s; }
.circular-menu.open .hmlink:nth-child(4) { transition-delay: 0.2s; }
.circular-menu.open .hmlink:nth-child(5) { transition-delay: 0.25s; }
.circular-menu.open .hmlink:nth-child(6) { transition-delay: 0.3s; }
.circular-menu.open .hmlink:nth-child(7) { transition-delay: 0.35s; }
.circular-menu.open .hmlink:nth-child(8) { transition-delay: 0.4s; }

/* ICON */
.icon {
  position: relative;
  width: 65%;
  height: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.12s linear, transform 0.2s ease;
}

/* Default / Hover icons */
.icon-default {
  opacity: 1;
  transform: scale(1);
}

.icon-hover {
  opacity: 0;
  transform: scale(0.85);
}

/* Hover state */
.hmlink:hover {
  background: var(--hover);
  color: var(--white);
  transform: translate(-50%, -50%) scale(1.12);
}

.hmlink:hover .icon-default {
  opacity: 0;
  transform: scale(1.15);
}

.hmlink:hover .icon-hover {
  opacity: 1;
  transform: scale(1);
}

/* Label */
.label {
  max-width: 90%;
  line-height: 1.1em;
  font-size: clamp(7px, 1.8vw, 9px);
  font-weight: 500;
}

@media (max-width: 500px) {
  .icon {
    display: none;
  }

  .label {
    display: block;
    font-size: clamp(7px, 2.2vw, 9px);
    line-height: 1.2em;
    max-width: 85%;
  }
}

/* Center button */
.menu-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(90px, 18vw, 180px);
  height: clamp(90px, 18vw, 180px);
  border-radius: 50%;
  border: none;
  background: url('https://amw.theideahub.lk/wp-content/uploads/2026/04/main-menu-img.jpg');
  background-position: center;
  background-size: contain;
  color: white;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
  transition: 0.3s;
}

.menu-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Franklin Gothic Book Regular';
	font-display: auto;
	src: url('https://amw.theideahub.lk/wp-content/uploads/2026/02/Franklin-Gothic-Book-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */