.elementor-311 .elementor-element.elementor-element-3614a88a{--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;}/* Start custom CSS for container, class: .elementor-element-3614a88a *//*------------------------------------*
  #SCALLOP DIVIDER (TRANSPARENT STRIP)
*------------------------------------*/
/**
 * Divider itself is transparent; only the circles are drawn.
 * Set the section/background colour in Elementor.
 * Set circle colour via --scallop-fill (or use the helper classes below).
 */

.scallop-divider{
    --d: 220px;                         /* diameter / spacing */
    --overlap: 10px;                    /* tightness */
    --r: calc(var(--d) / 2);            /* base radius */
    --rr: calc(var(--r) + var(--overlap)); /* actual radius (with overlap) */
    --aa: 2px;                          /* anti-alias headroom */

    width: 100%;
    height: calc(var(--rr) + var(--aa));
    margin-top: calc((var(--overlap) * -1) - var(--aa));

    background-color: transparent;
    background-image: radial-gradient(
        circle at var(--r) calc(var(--rr) + var(--aa)),
        var(--scallop-fill, var(--dark-blue)) var(--rr),
        transparent calc(var(--rr) + 1px)
    );

    background-repeat: repeat-x;
    background-size: var(--d) calc(var(--rr) + var(--aa));
    background-position: 0 0;

    display: block;
    line-height: 0;

    animation: scallop-drift 20s linear infinite;
}

@keyframes scallop-drift{
    from{
        background-position: 0 0;
    }
    to{
        background-position: var(--d) 0;
    }
}


/*------------------------------------*
  #SCALLOP DIVIDER (CIRCLE COLOURS)
*------------------------------------*/
/**
 * Add one of these classes to a parent wrapper or the divider itself.
 */

.scallop-blue{
    --scallop-fill: var(--dark-blue);
}

.scallop-almost-white{
    --scallop-fill: var(--almost-white);
}

.scallop-pink{
    --scallop-fill: var(--pink);
}

.scallop-orange{
    --scallop-fill: var(--orange);
}


/*------------------------------------*
  #SCALLOP DIVIDER (MOBILE SIZE)
*------------------------------------*/

@media (max-width: 767px){

    .scallop-divider{
        --d: 140px;     /* smaller scallops on mobile */
    }

}/* End custom CSS */