.elementor-3078 .elementor-element.elementor-element-65921dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;}.elementor-3078 .elementor-element.elementor-element-8f40219{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-3078 .elementor-element.elementor-element-8f40219:not(.elementor-motion-effects-element-type-background), .elementor-3078 .elementor-element.elementor-element-8f40219 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.athlete360.be/wp-content/uploads/2025/05/Group-21.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-3078 .elementor-element.elementor-element-be95b04{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;}.elementor-3078 .elementor-element.elementor-element-be95b04.e-con{--align-self:center;}.elementor-3078 .elementor-element.elementor-element-39cb33e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3078 .elementor-element.elementor-element-39cb33e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3078 .elementor-element.elementor-element-5ce1693{width:initial;max-width:initial;}.elementor-3078 .elementor-element.elementor-element-5ce1693.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3078 .elementor-element.elementor-element-cd658b1{width:auto;max-width:auto;}.elementor-3078 .elementor-element.elementor-element-cd658b1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3078 .elementor-element.elementor-element-cd658b1 .elementor-heading-title{font-family:"Rethink Sans", Sans-serif;font-size:1.5rem;font-weight:700;}.elementor-3078 .elementor-element.elementor-element-5d2bc5d{text-align:start;}.elementor-3078 .elementor-element.elementor-element-5d2bc5d .elementor-heading-title{font-family:"Rethink Sans", Sans-serif;font-size:3.5vw;font-weight:800;line-height:1.2em;letter-spacing:0rem;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-3078 .elementor-element.elementor-element-115e650{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3078 .elementor-element.elementor-element-5b50db7 .elementor-button{background-color:#02010100;font-family:"Rethink Sans", Sans-serif;font-weight:600;fill:#000000;color:#000000;border-radius:16px 16px 16px 16px;}.elementor-3078 .elementor-element.elementor-element-5538e77{--display:flex;--min-height:16vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-3078 .elementor-element.elementor-element-fbcbc20{width:100%;max-width:100%;}.elementor-3078 .elementor-element.elementor-element-fbcbc20.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3078 .elementor-element.elementor-element-38d4458{--display:flex;}@media(max-width:1024px){.elementor-3078 .elementor-element.elementor-element-8f40219{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-3078 .elementor-element.elementor-element-65921dc{--width:100%;}.elementor-3078 .elementor-element.elementor-element-8f40219{--width:100%;}.elementor-3078 .elementor-element.elementor-element-5538e77{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3078 .elementor-element.elementor-element-65921dc{--width:100%;}}@media(max-width:767px){.elementor-3078 .elementor-element.elementor-element-8f40219{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3078 .elementor-element.elementor-element-be95b04{--min-height:11vh;}.elementor-3078 .elementor-element.elementor-element-39cb33e{--width:60%;}.elementor-3078 .elementor-element.elementor-element-5d2bc5d .elementor-heading-title{font-size:2rem;}}/* Start custom CSS for html, class: .elementor-element-5ce1693 *//* Cirkelcontainer */
  .circle {
    width: 35px;
    height: 35px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

  }

  /* Gradient-ring (pseudo-element) */
  .circle::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    padding: 3px;                         /* dikte ring */
    background: conic-gradient(
      from 0deg,
      #e57373 0deg,
      #7986ff 180deg,
      #e57373 360deg
    );
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;       /* Firefox */
    pointer-events: none;
    animation: spin 6s linear infinite;    /* animatie */
  }

  /* Animatie draait de pseudo-element-ring */
  @keyframes spin {
    to { transform: rotate(1turn); }
  }

  /* Zodat inhoud bovenop ring komt */
  .circle > * {
    position: relative;
    z-index: 1;
  }

  /* Rode bol */
  .dot-red {
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: 12px;
    height: 12px;
    background: #ff6f6f;
    border-radius: 50%;
    opacity: 0.9;
  }

  /* Blauwe bol */
  .dot-blue {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 12px;
    height: 12px;
    background: #5c6cff;
    border-radius: 50%;
    opacity: 0.9;
  }/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5b50db7 */.gradient-border-btn {
  position: relative;
  display: inline-block;
  padding: 3px 3px;
  background: #d9d9d9;
  border-radius: 50px;
  z-index: 1;
  overflow: hidden;
}

.gradient-border-btn::before {
  content: '';
  position: absolute;
  top: -150%;
  left: -150%;
  width: 400%;
  height: 400%;
  background: conic-gradient(from 0deg, #5e5ede, #ff6a6a, #5e5ede);
  z-index: -2;
  animation: none;
  transition: transform 1s linear;
  border-radius: 50%;
}

/* Mask die uitsnede maakt zodat alleen de rand zichtbaar blijft */
.gradient-border-btn::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #d9d9d9;
  border-radius: 50px;
  z-index: -1;
}

/* Hover: activeer draaiing */
.gradient-border-btn:hover::before {
  transform: rotate(360deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65921dc */.container{
    width: clamp(300px,90vw,1500px)
}/* End custom CSS */