:root {

    --ptSans: 'PT Sans Narrow', sans-serif;
    --raleway: 'Raleway', sans-serif;
    --patuaOne: 'Patua One', sans-serif;
    --Titillium: 'Titillium Web', sans-serif;


    /* Color Setting */
    --headerFooter: #718FC8;
    --sectionBg: #1159A5;
    --navbar: #ED3237;
    --h1: #ED3237;
    --h2: #1159A5;
    --h3: #222222;
    --h4: #043A73;
    --h5: #6D9B05;
    --h6: #666666;
    --p: #444444;
    --a: #1159A5;
    --buttonBg: #718FC8;
    --buttonText: #1159A5;
    --labelColor: #718FC8;
    --inputTextColor: #FB9969;
    --inputBorderColor: #718FC8;
    --orange: #718FC8;
    --orangeLight: #FE8A51;
    --green: #8EC415;
    --greenLight: #C7E28A;
    --black: #222222;
    --blackDark: #111111;
    --blackLight: #444444;
    --gray: #cccccc;
    --grayLight: #F4F4F4;
    --grayDark: #B3B2B2;
    --grayDarker: #939393;
    --white: #FFFFFF;
    --yellow: #F3C736;
    --yellowLight: #FCD967;
    --yellowLighter: #F8EDC7;
    --blue: #ED3237;
    --blueDark: #D21D22;
    --blueDarken: #BF0F14;
    --blueLight: #F9ECED;
    --blueLighter: #ED3237;
    --red: #ED3237;
    --redDark: #EB0101;
    --redLight: #FF1919;
    --redLighter: #F0D0D0;


}

.sectionBranch {
    padding-top: 70px;
    padding-bottom: 70px;
}

.sectionBranch h3 {
    color: var(--blueLighter);
    line-height: 36px;
    font-size: 16px;
    text-align: center;
}

.verificationArea {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    padding: 10px 80px 30px 80px;
    margin: 30px 0;
}

.verificationArea h2 {
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--black);
    text-align: left;
    font-size: 18px;
}



.formRow {
    border: 2px solid var(--blueDark);
    border-radius: 0;
    padding: 0;
    margin-bottom: 20px;
}

.formRow .col-lg-1 {
    background-color: var(--blueLight);
    padding: 0;
    line-height: 34px;
}

.formRow .col-lg-1 i {
    font-size: 18px;
    color: var(--red);
    margin-left: 8px;
}

.formRow .col-lg-11 {
    background-color: var(--white);
    padding: 0;
    line-height: 34px;
}

.formRow .col-lg-11 input {
    border: 0;
    border-radius: 0px;
    background-color: var(--blueLighter);
    color: var(--white);
}

.formRow .col-lg-11 select {
    border: 0;
    border-radius: 0px;
    background-color: var(--blue);
    color: var(--white);
    width: 100%;
    height: 24px;
    padding: 5px;
}

.formRow .col-lg-11 input::placeholder {
    color: var(--white);
}

.formRow input[type="submit"],
.formRow input[type="reset"] {
    padding: 5px;
    display: inline-block;
    width: 100%;
    border: 0px;
    line-height: 24px;
    background-color: var(--white);
    color: var(--blueDark);
    border-radius: 0;
    margin: 0px;
    font-family: var(--Titillium);
    font-size: 16px;
    font-weight: bold;
    transition: all ease-in .3s;
}

.formRow input[type="submit"]:hover,
.formRow input[type="reset"]:hover {
    background-color: var(--blueDarken);
    color: var(--white);
}