/* ----------------------------------- FOnt Global ------------------------------------------------*/

@font-face {
    font-family: 'kaushan';
    src: url('../typography/kaushan/KaushanScript-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-bold';
    src: url('../typography/poppins/Poppins-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-medium';
    src: url('../typography/poppins/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-regular';
    src: url('../typography/poppins/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'poppins-SemiBold';
    src: url('../typography/poppins/Poppins-SemiBold.ttf') format('truetype');
}


/* ----------------------------------- Style GLobal ------------------------------------------------*/

body {
    background-color: #ffffff;
    background-image: linear-gradient(#fcfcfc 1.5px, transparent 1.5px), linear-gradient(to right, #fcfcfc 1.5px, #ffffff 1.5px);
    background-size: 30px 30px;
}

.navbar-nav .active {
    text-decoration: underline coral 2px;
}

.nav-link {
    font-family: 'poppins-regular';
    margin-right: 18px;
    color: #000b26;
    font-size: 14px;
    font-weight: 400px;
}

.nav-link:hover {
    color: #ff7d1f;
}

h2 {
    font-size: 28px;
    font-family: 'poppins-semibold';
    color: #000b26;
}

h3 {
    font-size: 24px;
    font-family: 'poppins-semibold';
    line-height: 34px;
    color: #000b26;
}

span {
    font-size: 28px;
    font-family: 'kaushan';
    font-size: 20px;
    color: #ff7d1f;
}

h4 {
    font-size: 16px;
    font-family: 'poppins-medium';
}

h5 {
    font-family: 'kaushan';
    font-size: 16px;
    color: #ff7d1f;
}

h6 {
    font-family: 'poppins-regular';
    font-size: 14px;
}


/* Footer Mobile */

.footer-primary {
    font-family: 'poppins-regular';
    background-color: #060606;
    margin-top: 38px;
    color: #dcdcdc;
    font-size: 12px;
}

a {
    text-decoration: none;
    outline: none;
    color: #dcdcdc;
}

a:hover {
    text-decoration: none;
    outline: none;
    color: #b4b4b4;
}

.footer-secondary {
    font-family: 'poppins-regular';
    background-color: #222222;
    margin-top: 80px;
    color: #dcdcdc;
    font-size: 12px;
}

.card {
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    border-radius: 5px;
}

.card:hover {
    width: 100%;
    height: 200px;
    background: rgba(255, 211, 180, 0.25);
    border: 1px solid #ff7d1f;
    border-radius: 5px;
}


/* ----------------------------------- End Style GLobal ------------------------------------------------*/


/* ----------------------------------- Area Mobile Version ------------------------------------------------*/


/* Home Page Mobile */

.Header-h1 {
    font-family: 'poppins-semibold';
    font-size: 38px;
    line-height: 54px;
    color: #000b26;
}

.header-text {
    margin-top: 28px;
}

.second-text {
    font-family: 'poppins-regular';
    font-size: 14px;
    color: #565656;
}

.brand-vertiv {
    margin-top: 68px;
}


/* Button Mobile  */

.btn-contact {
    font-family: 'poppins-regular';
    background: #fd7c21;
    color: #000000;
    border-radius: 5px;
    width: 100%;
    font-size: 14px;
}

.btn-contact:hover {
    font-family: 'poppins-regular';
    background: #5a32d7;
    border-radius: 5px;
    width: 100%;
    font-size: 14px;
}

.btn-started {
    font-family: 'poppins-regular';
    background: #fd7c21;
    color: #ffffff;
    border-radius: 5px;
    width: 140px;
    font-size: 14px;
}

.btn-started:hover {
    font-family: 'poppins-regular';
    background: #5a32d7;
    color: #ffffff;
    border-radius: 5px;
    width: 140px;
    font-size: 14px;
}


/* End Button */


/* Button CHeck Status Page */

.btn-checks {
    font-family: 'poppins-regular';
    background: #fd7c21;
    color: #ffffff;
    border-radius: 5px;
    font-size: 14px;
}

.btn-checks:hover {
    font-family: 'poppins-regular';
    background: #5a32d7;
    color: #ffffff;
    border-radius: 5px;
    font-size: 14px;
}


/* End Button */


/* Login Page */

.login {}


/* ----------------------------------- End Area Mobile Version ------------------------------------------------*/


/* ----------------------------------- Area Desktop Version ------------------------------------------------*/

@media (min-width: 992px) {
    /* Navbar  */
    .nav-link {
        font-family: 'poppins-regular';
        margin-right: 18px;
        color: #ffffff;
        font-size: 14px;
        font-weight: 400px;
    }
    .nav-link:hover {
        font-family: 'poppins-regular';
        color: #ff7d1f;
    }
    /* Button  */
    .btn-contact {
        font-family: 'poppins-regular';
        background: #fd7c21;
        color: #ffffff;
        border-radius: 5px;
        width: 140px;
        font-size: 14px;
    }
    .btn-contact:hover {
        font-family: 'poppins-regular';
        background: #5a32d7;
        color: #ffffff;
        border-radius: 5px;
        width: 140px;
        font-size: 14px;
    }
    /* End Button */
    /*  Header */
    .jumbotron {
        margin-top: -100px;
    }
    .Header-h1 {
        font-family: 'poppins-semibold';
        font-size: 48px;
        line-height: 70px;
    }
    .header-text {
        margin-top: 180px;
    }
    .second-text {
        font-family: 'poppins-regular';
        font-size: 14px;
        color: #565656;
    }
    /* Button  */
    .btn-started {
        font-family: 'poppins-regular';
        background: #fd7c21;
        color: #ffffff;
        border-radius: 5px;
        width: 140px;
        font-size: 14px;
    }
    .btn-started:hover {
        font-family: 'poppins-regular';
        background: #5a32d7;
        color: #ffffff;
        border-radius: 5px;
        width: 140px;
        font-size: 14px;
    }
    /* End Button */
    /* Button Secondary */
    .btn-second {
        font-size: 14px;
        color: #8c8c8c;
        font-family: 'poppins-regular';
    }
    .btn-second:hover {
        font-size: 14px;
        color: #fd7c21;
        font-family: 'poppins-regular';
    }
    /* end Button Secondary */
    .brand-vertiv {
        margin-top: 115px;
    }
    .footer-primary {
        font-family: 'poppins-regular';
        background-color: #000000;
        margin-top: -1px;
        color: #dcdcdc;
        font-size: 12px;
    }
    a {
        text-decoration: none;
        outline: none;
        color: #dcdcdc;
    }
    a:hover {
        text-decoration: none;
        outline: none;
        color: #b4b4b4;
    }
    /* End Header */
    /* Product Resgistration Page Desktop */
    .footer-secondary {
        font-family: 'poppins-regular';
        background-color: #0f0f0f;
        margin-top: 100px;
        color: #dcdcdc;
        font-size: 12px;
    }
    /* Navbar  */
    .nav-secondary .nav-link {
        font-family: 'poppins-regular';
        margin-right: 18px;
        color: #000000;
        font-size: 14px;
        font-weight: 400px;
    }
    .nav-secondary .nav-link:hover {
        font-family: 'poppins-regular';
        color: #ff7d1f;
    }
    /* Button  */
    .btn-contact {
        font-family: 'poppins-regular';
        background: #fd7c21;
        color: #ffffff;
        border-radius: 5px;
        width: 140px;
        font-size: 14px;
    }
    .btn-contact:hover {
        font-family: 'poppins-regular';
        background: #5a32d7;
        color: #ffffff;
        border-radius: 5px;
        width: 140px;
        font-size: 14px;
    }
    /* End Button */
}


/* Login Page */

.login,
.image {
    min-height: 100vh;
}

.bg-image {
    background-image: url('../img/Login.jpg');
    background-size: cover;
    background-position: top left;
}

.btn-login {
    font-family: 'poppins-regular';
    background: #fd7c21;
    color: #ffffff;
    border-radius: 5px;
    width: 84%;
    font-size: 14px;
}

.btn-login:hover {
    font-family: 'poppins-regular';
    background: #5a32d7;
    color: #ffffff;
    border-radius: 5px;
    width: 84%;
    font-size: 14px;
}


/* ----------------------------------- End Area Desktop Version ------------------------------------------------*/