.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ---------- Header basics ---------- */
.header-top { color:#fff; font-size:13px; line-height:1.2; }
.header-main { background:#E0116B; }
.header-main .elementor-widget, 
.header-main .elementor-widget a { color:#fff; }

/* Make the whole seg-item clickable and nicely aligned */
.segmented-nav { display:flex; }
.segmented-nav .seg-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 22px;
  text-decoration: none;
}
.segmented-nav .seg-item a { color: inherit; text-decoration: none; }

/* Vertical separators between items (skip last & login) */
.segmented-nav .seg-item:not(.seg-login):not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 20%;
  height: 60%;
  width: 1px;
  background: #E0A435;
}

/* Hover states */
.segmented-nav .seg-item:hover { 
  background: rgba(255,255,255,0.08);
}
.segmented-nav .seg-login { 
  background:#BF0E5D;
  border-radius: 4px;
}
.segmented-nav .seg-login:hover {
  filter: brightness(1.05);
}

/* Make cursor pointer for linked containers (Elementor sometimes needs this) */
.segmented-nav .seg-item { cursor: pointer; }

/* Topbar links */
.header-top .elementor-icon-list-text,
.header-top a { color:#fff; text-decoration:none; }
.header-top .elementor-icon-list-items { column-gap: 18px; }

/* Optional: tighten icon alignment */
.segmented-nav .elementor-icon { line-height: 1; }



.swiper {
  padding-bottom: 40px; /* space for arrows */
}

.swiper-slide {
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.swiper-slide:hover {
  transform: translateY(-5px);
}
/* Force swiper-wrapper to use horizontal layout */
.swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
}

/* Make each slide fixed width instead of full width */
.swiper-slide {
  flex-shrink: 0;
  width: 300px; /* Adjust to your card size */
}

/* Show mega menu when "Services" is hovered */
#services-main:hover + .megaa-submenu,
.megaa-submenu:hover {
    display: flex !important;       /* flex so your columns stay side by side */
}

/* Ensure header container is relative so submenu positions correctly */
.header-main {
    position: relative;
}/* End custom CSS */