.blackplaceholder ::-webkit-input-placeholder { /* Edge */
  color: red;
}
.blackplaceholder ::placeholder {
    color: black;
    opacity: 1;
    /* Firefox */
}
.blackplaceholder::-moz-placeholder{
  color: black;
}
.blackplaceholder:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: black;
}

.blackplaceholder::-ms-input-placeholder {
    /* Microsoft Edge */
    color: black;
}


@media screen and (min-width: 992px) {
    .navmargin {
        padding: revert;
    }
}

.navmargin li {
    padding: auto;
}

.blackhover:hover {
    color: black !important;
    /* border: initial; */
}

.whitehover:hover {
    color: white !important;
    /* border: initial; */
}

.purplehover:hover {
    color: #431C79;
    /* border: initial; */
}

.greenhover:hover {
    color: green !important;
    /* border: initial; */
}

.nobg {
    background-color: transparent !important;
}

.graybg {
    background-color: #f8f8f8;
}

.greentext {
    color: green;
}
.yellowtext {
    color: yellow !important;
}


.whitetext {
    color: white !important;
}

.blacktext {
    color: black !important;
}
.redtext {
    color: red !important;
}

.whitebg {
    background-color: white !important;
}

.graytext {
    color: gray;
}

.purpletext {
    color: #431C79 !important;
}

.purplebg {
    background-color: #431C79 !important;
}
.lightpurplebg {
    background-color: #dfc6ff !important;
}

.purplegradientbg{
    background-image: linear-gradient(#F2EAFC, #ffffff) !important;

}
.bluebg {
    background-color: #52bdd8;
}

.purpleborder {
    border: solid 1px;
    border-color: #431C79;
}

.whiteborder {
    border: solid 1px;
    border-color: white;
}

.gradientbg {
    background: linear-gradient(#222, #431C79, #222);
}