.elementor-190626 .elementor-element.elementor-element-523cbb8:not(.elementor-motion-effects-element-type-background), .elementor-190626 .elementor-element.elementor-element-523cbb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FC3782;}.elementor-190626 .elementor-element.elementor-element-523cbb8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-190626 .elementor-element.elementor-element-523cbb8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS */@media (min-width: 769px) {
    #nav-container.trans img {
    filter: brightness(0) invert(1);
}

#nav-container.trans a, #nav-container.trans .right, #nav-container.trans button.login {
    color:white !important;
}

#nav-container.trans #sign-up {
    border:1px solid white;
}
}

.feature-link img {
    height:100px;
}

.feature-link p {
    color:#5e5e5e;
    font-weight:normal;
}

a.feature-link {
    text-decoration:none !important;
}


@media (max-width: 769px) {
    /* why oh why does elementor not include extra stuff above this page but it does for every other page
    
    it means the stuff that we set the margin stuff on isn't there, so the header overlaps the title... fml
    */
    #content {
        margin-top:120px;
    }
}/* End custom CSS */