footer {
    overflow: hidden;
    padding: 3px;
    margin-top: 100px;
    max-width: 100vw;
    /* display: flex;
    flex-direction: row; */
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    color: var(--Brand-Color-002);
    background-color: var(--Brand-Color-003);
    font-size: var(--Size-003);
    border-radius: 15px;
    box-shadow: 1.8px 1.8px 5px green;
    border-top: 1px solid rgba(0, 0, 0, 0.13);
}

footer a {
    color: var(--Brand-Color-001);
}

.AllFooterSection {
    display: flex;
    max-width: 100vw;
    min-height: fit-content;
    margin-bottom: 100px;
    text-align: center;
    align-items: center;
    justify-content: space-evenly;
}

.AllFooterSection h4 {
    margin: 10px 0;

}

.AllFooterSection img {
    /* display: flex;
    flex-direction: row; */
    max-width: 100px;
}

.FooterSection1,
.FooterSection2,
.FooterSection3 {
    display: flex;
    flex-direction: column;
}

/* Main Name for the footer */
.FooterSection2 {
    color: white;
}

.FooterSection3 {
    max-width: 200px;
}

.FixedFooterSection {
    z-index: 10;
    position: fixed;
    width: 100vw;
    bottom: 0;
    color: var(--Brand-Color-002);
    font-size: var(--Size-003);
    background-color: var(--Brand-Color-003);

}

/* This is also FooterSection2 */
.FBookACallBtn {
    margin: 10px 0;
    background-color: black;
    padding: 20px;
    min-width: 300px;
    border-radius: 50px;
}

.FBookACallBtn input,
.FBookACallBtn select {
    border: none;
    border-radius: 50px;
    padding: 3px;
    box-shadow: 1.8px 1.8px 5px green;
    background-color: black;
    color: var(--Brand-Color-001);
}

.FBookACallBtn #BkCallBtn {
    padding: 10px;
    color: var(--Brand-Color-003);

}

.FBookACallBtn #BkCallBtn:hover {
    cursor: pointer;
    color: var(--Brand-Color-001);

}


/* Mobile Use  770px */
@media screen and (max-width: 770px) {
    .AllFooterSection {
        display: flex;
        flex-direction: column;
        position: relative;
    }

}

/* Mobile Use  350px */
@media screen and (max-width: 450px) {
    .footer {
        display: flex;
        flex-direction: column;
        align-self: center;
        position: relative;
        margin: auto;

    }

}