/* footer */
.footer {
    margin-top: 30px;
}
.footer__support {
    background-image: url("../images//banner/banner_footer.webp");
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
}

.footer__support-body {
    max-width: var(--container);
    margin: var(--margin-auto);
    padding: 10px 0px;
}

.footer__support-body > h5 {
    font-size: var(--font-size-26);
    font-weight: var(--font-weight-700);
    text-align: var(--text-center);
    color: var(--color-white);
}

.footer__support-body > span {
    display: var(--display-block);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-700);
    text-align: var(--text-center);
    color: var(--color-white);
    margin-top: 5px;
}

.footer__support-body-icon {
    display: var(--display-flex);
    align-items: var(--align-item-center);
    justify-content: var(--justify-content-center);
    margin-top: 15px;
}

.footer__support-body-row {
    display: var(--display-flex);
    align-items: var(--align-item-center);
    justify-content: var(--justify-content-center);
    gap: 100px;
    margin-top: 20px;
}

.footer__support-body-card {
    width: 33%;
    border: 1px solid var(--color-white);
    border-radius: 10px;
    display: var(--display-flex);
    align-items: var(--align-item-center);
    padding: 10px 10px 0px 10px;
    text-decoration: none;
}

.footer__support-body-text {
    padding-left: 10px;
}

.footer__support-body-text > h5 {
    font-size: var(--font-size-20);
    color: var(--color-white);
    text-align: var(--text-center);
    font-weight: var(--font-weight-700);
}

.footer__support-body-text > div {
    font-size: var(--font-size-16);
    color: var(--color-white);
    text-align: var(--text-center);
    font-weight: var(--font-weight-400);
    margin-top: 5px;
}

.footer__contact {
    max-width: var(--container);
    margin: var(--margin-auto);
    display: var(--display-flex);
    margin-top: 20px;
    gap: 20px;
}

.footer__contact-left {
    width: 30%;
}

.footer__contact-left-title {
    font-size: var(--font-size-18);
    color: var(--color-01969A);
    font-weight: var(--font-weight-700);
    margin-top: 15px;
}
.footer__contact-left-title > span {
    border-bottom: 3px solid var(--color-01969A);
}

.footer__contact-left-now {
    font-size: var(--font-size-18);
    color: var(--color-01969A);
    font-weight: var(--font-weight-700);
    margin-top: 5px;
}

.footer__contact-left > div {
    margin-top: 10px;
}

.footer__contact-left-card {
    display: var(--display-flex);
    align-items: var(--align-item-center);
    gap: 10px;
    margin-top: 15px !important;
}
.footer__contact-left-card-div {
    width: 90%;
}
.footer__contact-left-card-div > h5 {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-700);
    color: var(--color-black);
}
.footer__contact-left-card-div > span {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-400);
    color: var(--color-black);
}

.footer__copyRight {
    margin-top: 15px;
    padding: 10px;
    background-color: var(--background-color-01969A);
    color: var(--color-white);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-600);
}
.footer__copyRight > div {
    max-width: var(--container);
    margin: var(--margin-auto);
}
.footer__contact-right {
    width: 70%;
}