@font-face {
    font-family: "CustomFont";
    src: url("../fonts/Termina/Termina-Regular.otf") format("woff2"),
        url("../fonts/Termina/Termina-Bold.otf") format("woff2"),
        url("../fonts/Termina/Termina-Heavy.otf") format("woff2"),
        url("../fonts/Termina/Termina-Thin.otf") format("woff2");

    /* fallback for older browsers */
    font-weight: medium;
    /* Can be normal, bold, etc. */
    font-style: normal;
    /* Can be normal, italic, etc. */
    text-align: justify;
    font-size: 15px;

}

@font-face {
    font-family: "LucidaSans";
    src: url("../fonts/Lucida-Sans-Font/LSANS.TTF") format("woff2"),
         url("../fonts/Lucida-Sans-Font/LucidaSans-Bold.otf") format("woff2");
    font-weight: medium ;
    font-style: normal;
}

@font-face {
    font-family: "CustomFont";
    src: url("../fonts/Termina/Termina-Regular.otf") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "CustomFont";
    src: url("../fonts/Termina/Termina-Bold.otf") format("woff2");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "CustomFont";
    src: url("../fonts/Termina/Termina-Medium.otf") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "CustomFont";
    src: url("../fonts/Termina/Termina-Light.otf") format("woff2");
    font-weight: 200;
    font-style: normal;

}


@font-face {
    font-family: "IBMFont";
    src: url("../fonts/IBM/IBMPlexSans-Regular.ttf") format("woff2"),
        url("../fonts/IBM/IBMPlexSans-Bold.ttf") format("woff2"),
        url("../fonts/IBM/IBMPlexSans-Thin.ttf") format("woff2"),
        url("../fonts/IBM/IBMPlexSans-Medium.ttf") format("woff2");

    /* fallback for older browsers */
    font-weight: medium;
    /* Can be normal, bold, etc. */
    font-style: normal;
    /* Can be normal, italic, etc. */
    text-align: justify;
    font-size: 15px;

}

.homeslider {
    text-align: center;
    color: white;
    font-size: 50px;
    font-weight: 900;
    letter-spacing: 6px;
    font-family:'CustomFont';
}

.btn-grad {
    background-image: linear-gradient(to right, #2b5876 0%, #4e4376 51%, #2b5876 100%);
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 20px;
    display: block;
    border: none;
}

.btn-grad:hover {
    background-position: right center;
    /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.error {
    color: #971010 !important;
}