.elementor-357 .elementor-element.elementor-element-e6c1154:not(.elementor-motion-effects-element-type-background), .elementor-357 .elementor-element.elementor-element-e6c1154 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apps1.utande.africa/wp-content/uploads/2025/10/abouts-us.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-357 .elementor-element.elementor-element-e6c1154 > .elementor-background-overlay{background-color:var( --e-global-color-accent );opacity:0.56;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-357 .elementor-element.elementor-element-e6c1154 > .elementor-container{min-height:600px;}.elementor-357 .elementor-element.elementor-element-e6c1154{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-357 .elementor-element.elementor-element-35f36c2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-357 .elementor-element.elementor-element-35f36c2 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-075cc30 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-357 .elementor-element.elementor-element-c8788b5{text-align:justify;color:var( --e-global-color-075cc30 );}.elementor-357 .elementor-element.elementor-element-89a70ef{margin-top:-150px;margin-bottom:0px;padding:40px 40px 40px 40px;}.elementor-357 .elementor-element.elementor-element-009863c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-357 .elementor-element.elementor-element-009863c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-075cc30 );}.elementor-357 .elementor-element.elementor-element-009863c > .elementor-element-populated, .elementor-357 .elementor-element.elementor-element-009863c > .elementor-element-populated > .elementor-background-overlay, .elementor-357 .elementor-element.elementor-element-009863c > .elementor-background-slideshow{border-radius:13px 13px 13px 13px;}.elementor-357 .elementor-element.elementor-element-009863c > .elementor-element-populated{box-shadow:-3px 1px 47px -28px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 14px 0px 0px;--e-column-margin-right:14px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-357 .elementor-element.elementor-element-009863c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-357 .elementor-element.elementor-element-5f4dbfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-357 .elementor-element.elementor-element-3b9b5f0{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-357 .elementor-element.elementor-element-3b9b5f0 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:21px;font-weight:600;color:var( --e-global-color-accent );}.elementor-357 .elementor-element.elementor-element-f2a5da3{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 14px 14px 14px;text-align:center;color:var( --e-global-color-042055b );}.elementor-357 .elementor-element.elementor-element-25ae7ef:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-357 .elementor-element.elementor-element-25ae7ef > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-075cc30 );}.elementor-357 .elementor-element.elementor-element-25ae7ef > .elementor-element-populated, .elementor-357 .elementor-element.elementor-element-25ae7ef > .elementor-element-populated > .elementor-background-overlay, .elementor-357 .elementor-element.elementor-element-25ae7ef > .elementor-background-slideshow{border-radius:13px 13px 13px 13px;}.elementor-357 .elementor-element.elementor-element-25ae7ef > .elementor-element-populated{box-shadow:-3px 1px 47px -28px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 14px 0px 0px;--e-column-margin-right:14px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-357 .elementor-element.elementor-element-25ae7ef > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-357 .elementor-element.elementor-element-619b00a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-357 .elementor-element.elementor-element-bc13cbf{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-357 .elementor-element.elementor-element-bc13cbf .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:21px;font-weight:600;color:var( --e-global-color-accent );}.elementor-357 .elementor-element.elementor-element-7c987b4{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 14px 14px 14px;text-align:center;color:var( --e-global-color-042055b );}.elementor-357 .elementor-element.elementor-element-e3c3164:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-357 .elementor-element.elementor-element-e3c3164 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-075cc30 );}.elementor-357 .elementor-element.elementor-element-e3c3164 > .elementor-element-populated, .elementor-357 .elementor-element.elementor-element-e3c3164 > .elementor-element-populated > .elementor-background-overlay, .elementor-357 .elementor-element.elementor-element-e3c3164 > .elementor-background-slideshow{border-radius:13px 13px 13px 13px;}.elementor-357 .elementor-element.elementor-element-e3c3164 > .elementor-element-populated{box-shadow:-3px 1px 47px -28px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 14px 0px 0px;--e-column-margin-right:14px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-357 .elementor-element.elementor-element-e3c3164 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-357 .elementor-element.elementor-element-c00deb3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-357 .elementor-element.elementor-element-ebe1a59{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-357 .elementor-element.elementor-element-ebe1a59 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:21px;font-weight:600;color:var( --e-global-color-accent );}.elementor-357 .elementor-element.elementor-element-1217807{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 14px 14px 14px;text-align:center;color:var( --e-global-color-042055b );}.elementor-357 .elementor-element.elementor-element-ac6d3eb:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-357 .elementor-element.elementor-element-ac6d3eb > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-075cc30 );}.elementor-357 .elementor-element.elementor-element-ac6d3eb > .elementor-element-populated, .elementor-357 .elementor-element.elementor-element-ac6d3eb > .elementor-element-populated > .elementor-background-overlay, .elementor-357 .elementor-element.elementor-element-ac6d3eb > .elementor-background-slideshow{border-radius:13px 13px 13px 13px;}.elementor-357 .elementor-element.elementor-element-ac6d3eb > .elementor-element-populated{box-shadow:-3px 1px 47px -28px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 14px 0px 0px;--e-column-margin-right:14px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-357 .elementor-element.elementor-element-ac6d3eb > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-357 .elementor-element.elementor-element-948697b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-357 .elementor-element.elementor-element-2379783{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-357 .elementor-element.elementor-element-2379783 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:21px;font-weight:600;color:var( --e-global-color-accent );}.elementor-357 .elementor-element.elementor-element-1678394{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 14px 14px 14px;text-align:center;color:var( --e-global-color-042055b );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{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-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-357 .elementor-element.elementor-element-8517629{--divider-border-style:solid;--divider-color:#009EE1;--divider-border-width:2.2px;}.elementor-357 .elementor-element.elementor-element-8517629 .elementor-divider-separator{width:100%;}.elementor-357 .elementor-element.elementor-element-8517629 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-ba5c094 *//* ===== CORE LAYOUT ===== */
.core-values {
  padding: 80px 20px;
  font-family: 'Comfortaa', sans-serif;
  background: #fff;
}

.values-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  flex-wrap: wrap;
}

/* ===== TEXT COLUMNS ===== */
.values-column {
  display: flex;
  flex-direction: column;
  gap: 80px;
  max-width: 280px;
}

.value { text-align: right; }
.values-column.right .value { text-align: left; }

.value h3 {
  color: #0086d1;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.value p {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

/* ===== INDIVIDUAL TEXT POSITIONING ===== */

/* Left column */
.teamwork {
  position: relative;
  left: 50px;  /* move left/right */
  top: 30px;   /* move up/down */
}

.tenacity {
  position: relative;
  left: -20px;
  top: 0px;
}

.candour {
  position: relative;
  left: 50px;
  top: -30px;
}

/* Right column */
.innovation {
  position: relative;
  right: 50px;
  top: 30px;
}

.urgency {
  position: relative;
  right: -20px;
  top: 0;
}

.integrity {
  position: relative;
  right: 50px;
  top: -30px;
}


/* ===== MAKE TEXT COLUMNS MOVABLE ===== */
.values-column.left {
  position: relative;
  left: 70px;   /* move left/right */
  top: -60px;    /* move up/down */
}

.values-column.right {
  position: relative;
  right: 70px;
  top: -60px;
}

/* ===== IMAGE CLUSTER ===== */
.hex-rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

.hex-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hex-row--tight { gap: 10px; }
.hex-row--middle { position: relative; gap: 40px; }

/* ===== INDIVIDUAL HEXAGON MOVEMENT ===== */

/* Top row */
.top-left {
  position: relative;
  left: 25px;   /* move left */
  top: 20px;    /* move up */
}
.top-right {
  position: relative;
  right: 25px;  /* move right */
  top: 20px;    /* move up */
}

/* Middle row */
.middle-left {
  position: relative;
  left: 0px;
  top: -55px; /* aligned */
}
.middle-right {
  position: relative;
  right: 0px;
  top: -55px;
}

/* Bottom row */
.bottom-left {
  position: relative;
  left: 25px;   /* move left */
  top: -130px;     /* move down */
}
.bottom-right {
  position: relative;
  right: 25px;  /* move right */
  top: -130px;     /* move down */
}



/* ===== SHAPE (HEXAGON or CIRCLE) ===== */
.hexagon {
  width: 180px;
  height: 180px; /* make same for circle */
  border-radius: 50%; /* use this for CIRCLES */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hexagon:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3); /* nice depth */
  transition: transform 0.4s ease, box-shadow 0.4s ease; /* smooth animation */
}


/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
  .values-wrapper {
    flex-direction: column;
    gap: 50px;
  }

  .values-column {
    align-items: center;
    text-align: center;
  }

  .hex-row--middle { gap: 20px; }

  .top-left, .top-right,
  .middle-left, .middle-right,
  .bottom-left, .bottom-right {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
  }

  .values-column.left,
  .values-column.right {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
  }

  .hexagon {
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 900px) {
  .hexagon {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 480px) {
  .hexagon {
    width: 80px;
    height: 80px;
  }
}/* End custom CSS */