.elementor-1319 .elementor-element.elementor-element-60f2e7b{--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-1319 .elementor-element.elementor-element-b25959c{--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-1319 .elementor-element.elementor-element-b25959c:not(.elementor-motion-effects-element-type-background), .elementor-1319 .elementor-element.elementor-element-b25959c > .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-1319 .elementor-element.elementor-element-a4df547{--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-1319 .elementor-element.elementor-element-a4df547.e-con{--align-self:center;}.elementor-1319 .elementor-element.elementor-element-1a9956a{--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-1319 .elementor-element.elementor-element-1a9956a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1319 .elementor-element.elementor-element-26fa6ad{width:initial;max-width:initial;}.elementor-1319 .elementor-element.elementor-element-26fa6ad.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1319 .elementor-element.elementor-element-96ada15{width:auto;max-width:auto;}.elementor-1319 .elementor-element.elementor-element-96ada15.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1319 .elementor-element.elementor-element-96ada15 .elementor-heading-title{font-family:"Rethink Sans", Sans-serif;font-size:1.5rem;font-weight:700;}.elementor-1319 .elementor-element.elementor-element-f5a1f9d{text-align:left;}.elementor-1319 .elementor-element.elementor-element-f5a1f9d .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-1319 .elementor-element.elementor-element-258f718{--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-1319 .elementor-element.elementor-element-a97e05a .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-1319 .elementor-element.elementor-element-5f200e7{--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-1319 .elementor-element.elementor-element-3ac58fd{width:100%;max-width:100%;}.elementor-1319 .elementor-element.elementor-element-3ac58fd.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1319 .elementor-element.elementor-element-0c32dbc{width:100%;max-width:100%;}.elementor-1319 .elementor-element.elementor-element-0c32dbc .poplist-container{gap:32px;}.elementor-1319 .elementor-element.elementor-element-0c32dbc .poplist-item{margin-bottom:16px;}.elementor-1319 .elementor-element.elementor-element-b4fe3dd{--display:flex;}@media(max-width:1024px){.elementor-1319 .elementor-element.elementor-element-b25959c{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1319 .elementor-element.elementor-element-60f2e7b{--width:100%;}.elementor-1319 .elementor-element.elementor-element-b25959c{--width:100%;}.elementor-1319 .elementor-element.elementor-element-5f200e7{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1319 .elementor-element.elementor-element-60f2e7b{--width:100%;}}@media(max-width:767px){.elementor-1319 .elementor-element.elementor-element-b25959c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1319 .elementor-element.elementor-element-a4df547{--min-height:11vh;}.elementor-1319 .elementor-element.elementor-element-1a9956a{--width:60%;}.elementor-1319 .elementor-element.elementor-element-f5a1f9d .elementor-heading-title{font-size:2rem;}}/* Start custom CSS for html, class: .elementor-element-26fa6ad *//* 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-a97e05a */.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-60f2e7b */.container{
    width: clamp(300px,90vw,1500px)
}/* End custom CSS */