.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5dbe768:#00A6AC;--e-global-color-9f69258:#00C3CA;--e-global-color-ff9bf59:#F7F7F7;--e-global-color-fcc10d7:#FAFAFA;--e-global-color-3e0d270:#DFDFDF;--e-global-color-4ea8cb0:#F1FFFD;--e-global-color-f231c5a:#FFFFFF;--e-global-color-12d2bc9:#161616;--e-global-color-b9f39cc:#161616;--e-global-color-accfd33:#ECECEC;--e-global-typography-primary-font-family:"Source Sans Pro";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Source Sans Pro";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Source Sans Pro";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Source Sans Pro";--e-global-typography-accent-font-weight:500;--e-global-typography-ca9aad3-font-family:"Source Sans Pro";}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;}.elementor-widget:not(:last-child){margin-block-end: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;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* Common hexagon shape for all boxes */
.hex-box1,
.hex-box2,
.hex-box3,
.hex-box4,
.hex-box5,
.hex-box6 {
  position: relative;
  clip-path: polygon(
    25% 5%,   /* top left slant */
    75% 5%,   /* top right slant */
    100% 50%, /* right middle */
    75% 95%,  /* bottom right slant */
    25% 95%,  /* bottom left slant */
    0% 50%    /* left middle */
  );
  padding: 40px 20px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.4s ease;
  cursor: pointer;
  overflow: hidden;
}

/* Add a subtle gradient layer */
.hex-box1::before,
.hex-box2::before,
.hex-box3::before,
.hex-box4::before,
.hex-box5::before,
.hex-box6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0));
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Different background colors for each hex box */
.hex-box1 { background: linear-gradient(135deg, #C7F7D5, #C7F7D5); }
.hex-box2 { background: linear-gradient(135deg, #EDF1CC, #EDF1CC); }
.hex-box3 { background: linear-gradient(135deg, #F8D5B8, #F8D5B8); }
.hex-box4 { background: linear-gradient(135deg,#F7DAE5, #F7DAE5); }
.hex-box5 { background: linear-gradient(135deg,#D6CDEA, #D6CDEA); }
.hex-box6 { background: linear-gradient(135deg, #E2E8FF, #E2E8FF); }

/* Hover effect */
.hex-box1:hover,
.hex-box2:hover,
.hex-box3:hover,
.hex-box4:hover,
.hex-box5:hover,
.hex-box6:hover {
  transform: scale(1.08) rotate(2deg);
  box-shadow: 0 12px 30px rgba(0,0,0,0.25),
              0 0 15px rgba(255,255,255,0.3) inset;
}

/* Shine on hover */
.hex-box1:hover::before,
.hex-box2:hover::before,
.hex-box3:hover::before,
.hex-box4:hover::before,
.hex-box5:hover::before,
.hex-box6:hover::before {
  opacity: 1;
}

/*----------------------*/
/* Hover effect with stronger zoom */
.hex-box1:hover,
.hex-box2:hover,
.hex-box3:hover,
.hex-box4:hover,
.hex-box5:hover,
.hex-box6:hover {
  transform: scale(1.15); /* bigger zoom */
  box-shadow: 0 15px 35px rgba(0,0,0,0.3),
              0 0 20px rgba(255,255,255,0.35) inset;
  z-index: 2; /* brings hovered hex above others */
}

/* Smooth zoom transition */
.hex-box1,
.hex-box2,
.hex-box3,
.hex-box4,
.hex-box5,
.hex-box6 {
  transition: transform 0.5s ease, box-shadow 0.4s ease;
}/* End custom CSS */