.wh-text-black {
    color: #000000 !important;
}

.wh-gap-17 {
    gap: 17px !important;
}

.wh-gap-27 {
    gap: 27px !important;
}

.wh-gap-33 {
    gap: 33px !important;
}

.wh-gap-82 {
    gap: 82px !important;
}

.wh-ff-helvetica {
    font-family: Helvetica, serif;
}

.wh-fs-12 {
    font-size: 12px !important;
}

.wh-fs-16 {
    font-size: 16px !important;
}

.wh-bb-solid-black {
    border-bottom: 1px solid #000000 !important;
}

.wh-outline-none {
    outline: none !important;
}

.wh-h-34 {
    height: 34px !important;
}

.wh-h-560 {
    height: 560px !important;
}

.wh-w-279 {
    width: 279px !important;
}

.wh-w-280 {
    width: 280px !important;
}

.wh-w-488 {
    width: 488px !important;
}

.wh-pt-6 {
    padding-top: 6px !important;
}

.wh-padding-y68-x95 {
    padding: 68px 95px !important;
}

.wh-padding-y11-x152 {
    padding: 11px 152px !important;
}

.wh-mr-8 {
    margin-right: 8px !important;
}

.wh-box-shadow {
    box-shadow: 0 4px 47px 0 rgba(0, 0, 0, 0.14);
}

input::placeholder {
    color: #8C8C8C !important;
    font-family: Helvetica, serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: normal !important;
}

input::-ms-input-placeholder {
    color: #8C8C8C !important;
    font-family: Helvetica, serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: normal !important;
}

.hero img {
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
}

.password-button div svg {
    height: 20px;
    width: 20px;
}

.password-button div {
    position: absolute;
    bottom: 4px;
    right: 5px;
    line-height: 0;
    display: inline-block;
    border-radius: 50%;
    background-color: transparent;
    padding: 3px;
    opacity: 0.4;
}

.form-control {
    outline: none!important;
    box-shadow: none!important;
}

.pointer-event {
    cursor: pointer;
}