@font-face {
    font-family: GT-Haptik-ZS;
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Regular.ttf);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Regular.woff);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Regular.woff2);
    font-weight: 400;

}

@font-face {
    font-family: GT-Haptik-ZS;
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Medium.ttf);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Medium.woff);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Medium.woff2);
    font-weight: 500;
}

@font-face {
    font-family: GT-Haptik-ZS;
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Bold.ttf);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Bold.woff);
    src: url(https://info.zscaler.com/rs/306-ZEJ-256/images/GT-Haptik-ZS-Bold.woff2);
    font-weight: 700;
}

body {
    font-family: GT-Haptik-ZS;
    font-size: 1rem;
}
.btn {
    padding: 0.4rem 4rem;
    background-image: none;
    border-radius: 5rem;
    font-weight: 500;
}
.form-container {
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .07), 0 12.5216px 10.0172px rgba(0, 0, 0, .085), 0 6.6501px 5.32008px rgba(0, 0, 0, .028), 0 2.76726px 2.21381px rgba(0, 0, 0, .02);
    padding: 30px;
    border-radius: .25rem;
}
span.reqiredField {
    color: red;
}
.form-select, .form-control {
    font-size: 14px;
}
.form-label {
    margin-bottom: .5rem;
    margin-bottom: 3px;
}
footer {
    background: #F2F2F2;
    text-decoration: none;
    font-size: 12px;
    color: #575757;
}