body{
    background: #F4F7FD;
}
.bg-nav{
    background-color: #154360;
}
.nav-link{
    color: white;
}
 .navbar-nav .nav-link:hover {
    color: #f39c12;
}
.btn{
    background-color: #416A84;
}
.btn:hover{
    background-color: #061F2F;
}
.text-rs{
    color: #f39c12;
}

.tool-form {
    max-width: 400px;
    margin: 0 auto;
}
        
.tool-input {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #f39c12;
    border-radius: 5px;
    font-size: 16px;
}

.g-recaptcha-container {
    display: flex;
    justify-content: center;
}

/* ----- Text Color ------*/
.txt-red{
    color: red;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    text-align: center !important;
}

/* ----- Box with background color ------*/

.bg{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    max-width: 89%;
    box-sizing: border-box;
    text-align: center !important;
}

.bg-green{
    background-color: #E5E8EB;
}

.bg-red{
    background-color: #CF837A;
    color: white;
}