/* 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>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%;
}