/* Defaults */
p {
    margin-top: 0px;
    margin-bottom: 14px;
}



/* Fonts */
* {
    font-family: 'Bitter', serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair', serif;
}
.f1 {
    font-family: 'Playfair', serif;
}
.f2 {
    font-family: 'Bitter', serif;
}






/* Colours */
/* Colour A */
.cA_c {color: #1470af;}
.cA_bg {background-color: #1470af;}
.cA_bd {border-color: #1470af;}
/* Colour B */
.cB_c {color: #1470af;}
.cB_bg {background-color: #1470af;}
.cB_bd {border-color: #1470af;}

/* Colour C */
.cC_c {color: #fff;}
.cC_bg {background-color: #fff;}
.cC_bd {border-color: #fff;}

/* Colour D */
.cD_c {color: #000;}
.cD_bg {background-color: #000;}
.cD_bd {border-color: #000;}

/* Colour E */
.cE_c {color: #eaeaee;}
.cE_bg {    background-color: #eaeaee; background: linear-gradient(0deg, #eaeaee, white);}
.cE_bd {border-color: #eaeaee;}



#calendly_iframe #calendly_closer svg path {
    fill: #1470af;
}


/* Colour Gradient A - People */
@media(min-width: 801px) {
    #example_people .container {
        background-color: #fddecb;
        background: linear-gradient(0deg, #ffd3b9, #fff1e8);
    }
}



#how_it_works .hiw_step:after {
    border-color: dashed 1px white;
}


body {
    padding: 0px 0px;
    margin: 0px 0px;
    background: #fff;
}

.container {
    max-width: 1400px;
    margin: 0px auto;
}


.button01 {
    text-decoration: none;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 18px;
    border-radius: 0px;
    padding: 14px 26px;
    opacity: 1;
    cursor: pointer;
    margin: 4px;
    display: inline-block;
    transform: translateY(0px);
    transition: all 0.3s ease;
}
.button02 {
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 18px;
    border-radius: 100px;
    border: solid 1px;
    opacity: 0.8;
    cursor: pointer;
    margin: 4px;
    display: inline-block;
    transition: all 0.3s ease;
}
.button02:hover {
    opacity: 1;
}






/* Calendly */

#calendly_iframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: block;
    background-color: #fff;
}

#calendly_iframe.active {
    display: block;
}

#calendly_iframe #calendly_closer {
    width: 38px;
    height: 30px;
    position: fixed;
    top: 6px;
    left: 22px;
    z-index: 99;
    pointer-events: auto;
    cursor: pointer;
}

#calendly_iframe #calendly_closer svg {
    width: 100%;
    pointer-events: none;
}


#calendly_backup {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    font-size: 14px;
    opacity: 0;
    transition: all 0.8s ease;
}

#calendly_iframe_main {
    position: relative;
    z-index: 1;
    height: 100%;
}




#how_it_works .hiw_step p {
    font-size: 22px;
    font-weight: 200;
    font-style: normal;
    line-height: 30px;
    color: #fff;
    margin-bottom: 22px;
}






#value_prop .strapline.sticky {
    width: 100%;
    text-align: center;
    position: relative!important;
    top: 0px!important;
}

#value_prop .container:has(.sticky) {
    display: flex;
    flex-direction: column;
    align-content: center;
}


#value_prop .how_we_differ {
    width: 100%!important;
    justify-content: center;
}

#value_prop .how_we_differ .hwd_block {
    width: 31%!important;
    min-width: 360px!important;
}