/*!
 * Theme Name: Custome
 * Package : HTML Agri
 * Author: DTSVN LuyenDV
 * Version	 :	1.0.0
**/
@import url('/contenthandler/dav/themelist/custom.portal.theme.AGBank3/assets/css/common-root.css');
@import url('/contenthandler/dav/themelist/custom.portal.theme.AGBank3/assets/css/event.css');

/* luyendv */
:root {
    /* Màu sắc chung */
    --red-color: #8F1030;
    --red-1: #AF0B35;
    --dark-3: #606060;
    --dark-1: #080808;
    --red-21: #AA1D40;
    --red-3: #C33C5E;
    /* Màu chính */

}

body,
button {
    font-family: 'BT Grotesk Regular';
    background: #fff;
    font-weight: 400;
    /* letter-spacing: normal; */
    letter-spacing: 0.35px;
    font-style: normal;
    font-kerning: normal;
    -webkit-font-smoothing: antialiased;
}

.heading-h1 {
    font-family: 'BT Grotesk Regular';
    font-size: 4rem;
    line-height: 120.00000476837158%;
    letter-spacing: 0.37px;
    font-weight: 400;
}

.heading-h2 {
    font-family: 'BT Grotesk Regular';
    font-size: 3.438rem;
    /* 55px to rem */
    line-height: 89.99999761581421%;
    letter-spacing: 0.37px;
    font-weight: 400;
}

.heading-h3 {
    font-family: 'BT Grotesk Regular';
    font-size: 3.25rem;
    /* 52px to rem */
    line-height: 120.00000476837158%;
    letter-spacing: 0.37px;
    font-weight: 400;
}

.heading-h4 {
    font-family: 'BT Grotesk Regular';
    font-size: 2.875rem;
    /* 46px to rem */
    line-height: 129.99999523162842%;
    letter-spacing: 0.37px;
    font-weight: 400;
}

.heading-h4-5 {
    font-family: 'BT Grotesk Regular';
    font-size: 2.5rem;
    /* 40px to rem */
    line-height: 129.99999523162842%;
    letter-spacing: 0.37px;
    font-weight: 400;
}

.heading-h5 {
    font-family: 'BT Grotesk Regular';
    font-size: 2.313rem;
    font-weight: 400;
    line-height: 129.99999523162842%;
    letter-spacing: 0.37px;
    font-weight: 400;
}

.heading-h6 {
    font-family: 'BT Grotesk Regular';
    font-size: 2.063rem;
    line-height: 120.00000476837158%;
    letter-spacing: 0.37px;
    font-weight: 400;
}

.heading-h7 {
    font-family: 'BT Grotesk Regular';
    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 129.99999523162842%;
    letter-spacing: 0.17px;

}

.heading-h8 {
    font-family: 'BT Grotesk Medium';
    font-size: 1.25rem;
    line-height: 139.9999976158142%;
    letter-spacing: 0.15px;
    font-weight: 400;
}

.body-19 {
    font-family: 'BT Grotesk Medium';
    font-size: 1.1875rem;
    /* 19px to rem */
    line-height: 139.9999976158142%;
    letter-spacing: 0.15px;
    font-weight: 400;
}

.body-17 {
    font-family: 'BT Grotesk Medium';
    font-size: 1.0625rem;
    /* 17px to rem */
    line-height: 110.00000238418579%;
    letter-spacing: 0.15px;
    font-weight: 400;
}

.body-18 {
    font-family: 'BT Grotesk Medium';
    font-size: 1.125rem;
    /* 18px to rem */
    line-height: 110.00000238418579%;
    letter-spacing: 0.15px;
    font-weight: 400;
}

.body-16 {
    font-family: 'BT Grotesk Medium';
    font-size: 1rem;
    /* 16px to rem */
    line-height: 110.00000238418579%;
    letter-spacing: 0.15px;
    font-weight: 400;
}

.body-15 {
    font-family: 'BT Grotesk Medium';
    font-size: 0.9375rem;
    /* 15px to rem */
    line-height: 110.00000238418579%;
    letter-spacing: 0.15px;
    font-weight: 400;
}

.body-14 {
    font-family: 'BT Grotesk Medium';
    font-size: 0.875rem;
    /* 14px to rem */
    line-height: 110.00000238418579%;
    letter-spacing: 0.3px;
    font-weight: 400;
}

.body-13 {
    font-family: 'BT Grotesk Medium';
    font-size: 0.8125rem;
    /* 13px to rem */
    line-height: 160.0000023841858%;
    letter-spacing: 0.15px;
    font-weight: 400;
}

.body-12 {
    font-family: 'BT Grotesk Medium';
    font-size: 0.75rem;
    /* 12px to rem */
    line-height: 110.00000238418579%;
    letter-spacing: 0.24px;
    font-weight: 400;
}

.regular-18 {
    font-family: 'BT Grotesk Regular';
    font-size: 1.125rem;
    /* 18px to rem */
    line-height: 150%;
    letter-spacing: 0.15px;
    font-weight: 400;
}

.regular-17 {
    font-family: 'BT Grotesk Regular';
    font-size: 1.0625rem;
    /* 17px to rem */
    line-height: 29px;
    letter-spacing: 0.15px;
    font-weight: 400;
}

.regular-16 {
    font-family: 'BT Grotesk Regular';
    font-size: 1rem;
    /* 16px to rem */
    line-height: 150%;
    letter-spacing: 0.66px;
    font-weight: 400;
}

.regular-15 {
    font-family: 'BT Grotesk Regular';
    font-size: 0.9375rem;
    /* 15px to rem */
    line-height: 150%;
    letter-spacing: 0.35px;
    font-weight: 400;
}

.regular-14 {
    font-family: 'BT Grotesk Regular';
    font-size: 0.875rem;
    /* 14px to rem */
    line-height: 139.9999976158142%;
    font-weight: 400;
    letter-spacing: 0.56px;
}

.regular-13 {
    font-family: 'BT Grotesk Regular';
    font-size: 0.8125rem;
    /* 13px to rem */
    line-height: 110.00000238418579%;
    letter-spacing: 2%;
    font-weight: 400;
    letter-spacing: 0.26px;
}

.regular-12 {
    font-family: 'BT Grotesk Regular';
    font-size: 0.75rem;
    /* 12px to rem */
    line-height: 139.9999976158142%;
    letter-spacing: 0.35px;
    font-weight: 400;
}

.subtitle-12 {
    font-family: 'BT Grotesk Regular';
    font-size: 0.75rem;
    /* 12px to rem */
    line-height: 110.00000238418579%;
    letter-spacing: 0.48px;
    font-weight: 400;
}

.subtitle-14 {
    font-family: 'BT Grotesk Medium';
    font-size: 0.875rem;
    /* 14px to rem */
    line-height: 139.9999976158142%;
    letter-spacing: 0.56px;
    font-weight: 400;
}


@media (max-width:1366px) {

    .heading-h1 {
        font-family: 'BT Grotesk Regular';
        font-size: 55px;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h2 {
        font-family: 'BT Grotesk Regular';
        font-size: 55px;
        line-height: 89.99999761581421%;
        letter-spacing: 0%;
    }

    .heading-h3 {
        font-family: 'BT Grotesk Regular';
        font-size: 52px;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h4 {
        font-family: 'BT Grotesk Regular';
        font-size: 40px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h5 {
        font-family: 'BT Grotesk Regular';
        font-size: 32px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h6 {
        font-family: 'BT Grotesk Regular';
        font-size: 33px;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h7 {
        font-family: 'BT Grotesk Regular';
        font-size: 22px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h8 {
        font-family: 'BT Grotesk Medium';
        font-size: 18px;
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .body-19 {
        font-family: 'BT Grotesk Medium';
        font-size: 19px;
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .body-17 {
        font-family: 'BT Grotesk Medium';
        font-size: 17px;
        line-height: 110.00000238418579%;
        letter-spacing: -1%;
    }

    .body-18 {
        font-family: 'BT Grotesk Medium';
        font-size: 18px;
        line-height: 110.00000238418579%;
        letter-spacing: 0%;
    }

    .body-16 {
        font-family: 'BT Grotesk Medium';
        font-size: 15px;
        line-height: 110.00000238418579%;
        letter-spacing: -0.16px;
    }

    .body-15 {
        font-family: 'BT Grotesk Medium';
        font-size: 15px;
        line-height: 110.00000238418579%;
        letter-spacing: 1%;
    }

    .body-14 {
        font-family: 'BT Grotesk Medium';
        font-size: 14px;
        line-height: 110.00000238418579%;
        letter-spacing: 0%;
    }

    .body-13 {
        font-family: 'BT Grotesk Medium';
        font-size: 13px;
        line-height: 160.0000023841858%;
        letter-spacing: -1%;
    }

    .body-12 {
        font-family: 'BT Grotesk Medium';
        font-size: 12px;
        line-height: 110.00000238418579%;
        letter-spacing: 2%;
    }

    .regular-18 {
        font-family: 'BT Grotesk Regular';
        font-size: 18px;
        line-height: 150%;
        letter-spacing: -1%;
    }

    .regular-17 {
        font-family: 'BT Grotesk Regular';
        font-size: 17px;
        line-height: 29px;
        letter-spacing: -2%;
    }

    .regular-16 {
        font-family: 'BT Grotesk Regular';
        font-size: 14px;
        line-height: 150%;
        letter-spacing: 1%;
    }

    .regular-15 {
        font-family: 'BT Grotesk Regular';
        font-size: 15px;
        line-height: 150%;
        letter-spacing: 1%;
    }

    .regular-14 {
        font-family: 'BT Grotesk Regular';
        font-size: 14px;
        line-height: 139.9999976158142%;
        letter-spacing: 2%;
    }

    .regular-13 {
        font-family: 'BT Grotesk Regular';
        font-size: 13px;
        line-height: 110.00000238418579%;
        letter-spacing: 2%;
    }

    .regular-12 {
        font-family: 'BT Grotesk Regular';
        font-size: 12px;
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .subtitle-12 {
        font-family: 'BT Grotesk Regular';
        font-size: 11px;
        line-height: 110.00000238418579%;
        letter-spacing: 4%;
    }

    .subtitle-14 {
        font-family: 'BT Grotesk Medium';
        font-size: 14px;
        line-height: 139.9999976158142%;
        letter-spacing: 4%;
    }
}

@media (max-width:1024px) {

    .heading-h1 {
        font-family: 'BT Grotesk Regular';
        font-size: 64px;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h2 {
        font-family: 'BT Grotesk Regular';
        font-size: 55px;
        line-height: 89.99999761581421%;
        letter-spacing: 0%;
    }

    .heading-h3 {
        font-family: 'BT Grotesk Regular';
        font-size: 52px;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h4 {
        font-family: 'BT Grotesk Regular';
        font-size: 38px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h5 {
        font-family: 'BT Grotesk Regular';
        font-size: 30px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h6 {
        font-family: 'BT Grotesk Regular';
        font-size: 27px;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h7 {
        font-family: 'BT Grotesk Regular';
        font-size: 25px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h8 {
        font-family: 'BT Grotesk Medium';
        font-size: 19px;
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .body-19 {
        font-family: 'BT Grotesk Medium';
        font-size: 19px;
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .body-17 {
        font-family: 'BT Grotesk Medium';
        font-size: 17px;
        line-height: 110.00000238418579%;
        letter-spacing: -1%;
    }

    .body-18 {
        font-family: 'BT Grotesk Medium';
        font-size: 18px;
        line-height: 110.00000238418579%;
        letter-spacing: 0%;
    }

    .body-16 {
        font-family: 'BT Grotesk Medium';
        font-size: 13px;
        line-height: 110.00000238418579%;
        letter-spacing: -1%;
    }

    .body-15 {
        font-family: 'BT Grotesk Medium';
        font-size: 14px;
        line-height: 110.00000238418579%;
        letter-spacing: 1%;
    }

    .body-14 {
        font-family: 'BT Grotesk Medium';
        font-size: 14px;
        line-height: 110.00000238418579%;
        letter-spacing: 0%;
    }

    .body-13 {
        font-family: 'BT Grotesk Medium';
        font-size: 13px;
        line-height: 160.0000023841858%;
        letter-spacing: -1%;
    }

    .body-12 {
        font-family: 'BT Grotesk Medium';
        font-size: 12px;
        line-height: 110.00000238418579%;
        letter-spacing: 2%;
    }

    .regular-18 {
        font-family: 'BT Grotesk Regular';
        font-size: 18px;
        line-height: 150%;
        letter-spacing: -1%;
    }

    .regular-17 {
        font-family: 'BT Grotesk Regular';
        font-size: 17px;
        line-height: 29px;
        letter-spacing: -2%;
    }

    .regular-16 {
        font-family: 'BT Grotesk Regular';
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 1%;
    }

    .regular-15 {
        font-family: 'BT Grotesk Regular';
        font-size: 13px;
        line-height: 150%;
        letter-spacing: 1%;
    }

    .regular-14 {
        font-family: 'BT Grotesk Regular';
        font-size: 14px;
        line-height: 139.9999976158142%;
        letter-spacing: 2%;
    }

    .regular-13 {
        font-family: 'BT Grotesk Regular';
        font-size: 13px;
        line-height: 110.00000238418579%;
        letter-spacing: 2%;
    }

    .regular-12 {
        font-family: 'BT Grotesk Regular';
        font-size: 12px;
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .subtitle-12 {
        font-family: 'BT Grotesk Regular';
        font-size: 12px;
        line-height: 110.00000238418579%;
        letter-spacing: 4%;
    }

    .subtitle-14 {
        font-family: 'BT Grotesk Medium';
        font-size: 14px;
        line-height: 139.9999976158142%;
        letter-spacing: 4%;
    }
}

@media (max-width:768px) {

    .heading-h1 {
        font-family: 'BT Grotesk Regular';
        font-size: 50px;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h2 {
        font-family: 'BT Grotesk Regular';
        font-size: 55px;
        line-height: 89.99999761581421%;
        letter-spacing: 0%;
    }

    .heading-h3 {
        font-family: 'BT Grotesk Regular';
        font-size: 52px;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h4 {
        font-family: 'BT Grotesk Regular';
        font-size: 25px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h5 {
        font-family: 'BT Grotesk Regular';
        font-size: 28px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h6 {
        font-family: 'BT Grotesk Regular';
        font-size: 33px;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h7 {
        font-family: 'BT Grotesk Regular';
        font-size: 20px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h8 {
        font-family: 'BT Grotesk Medium';
        font-size: 15px;
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .body-19 {
        font-family: 'BT Grotesk Medium';
        font-size: 19px;
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .body-17 {
        font-family: 'BT Grotesk Medium';
        font-size: 17px;
        line-height: 110.00000238418579%;
        letter-spacing: -1%;
    }

    .body-18 {
        font-family: 'BT Grotesk Medium';
        font-size: 18px;
        line-height: 110.00000238418579%;
        letter-spacing: 0%;
    }

    .body-16 {
        font-family: 'BT Grotesk Medium';
        font-size: 12px;
        line-height: 110.00000238418579%;
        letter-spacing: -1%;
    }

    .body-15 {
        font-family: 'BT Grotesk Medium';
        font-size: 13px;
        line-height: 110.00000238418579%;
        letter-spacing: 1%;
    }

    .body-14 {
        font-family: 'BT Grotesk Medium';
        font-size: 14px;
        line-height: 110.00000238418579%;
        letter-spacing: 0%;
    }

    .body-13 {
        font-family: 'BT Grotesk Medium';
        font-size: 13px;
        line-height: 160.0000023841858%;
        letter-spacing: -1%;
    }

    .body-12 {
        font-family: 'BT Grotesk Medium';
        font-size: 12px;
        line-height: 110.00000238418579%;
        letter-spacing: 2%;
    }

    .regular-18 {
        font-family: 'BT Grotesk Regular';
        font-size: 18px;
        line-height: 150%;
        letter-spacing: -1%;
    }

    .regular-17 {
        font-family: 'BT Grotesk Regular';
        font-size: 15px;
        line-height: 29px;
        letter-spacing: -2%;
    }


    .regular-15 {
        font-family: 'BT Grotesk Regular';
        font-size: 15px;
    }

    .regular-16 {
        font-family: 'BT Grotesk Regular';
        font-size: 14px;
        line-height: 150%;
        letter-spacing: 1%;
    }

    .regular-14 {
        font-family: 'BT Grotesk Regular';
        font-size: 14px;
        line-height: 139.9999976158142%;
        letter-spacing: 2%;
    }

    .regular-13 {
        font-family: 'BT Grotesk Regular';
        font-size: 13px;
        line-height: 110.00000238418579%;
        letter-spacing: 2%;
    }

    .regular-12 {
        font-family: 'BT Grotesk Regular';
        font-size: 9px;
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .subtitle-12 {
        font-family: 'BT Grotesk Regular';
        font-size: 10px;
        line-height: 110.00000238418579%;
        letter-spacing: 4%;
    }

    .subtitle-14 {
        font-family: 'BT Grotesk Medium';
        font-size: 14px;
        line-height: 139.9999976158142%;
        letter-spacing: 4%;
    }
}

@media (max-width:575px) {
    .heading-h1 {
        font-family: 'BT Grotesk Regular';
        font-size: 30px;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h2 {
        font-family: 'BT Grotesk Regular';
        font-size: 3.438rem;
        /* 55px to rem */
        line-height: 89.99999761581421%;
        letter-spacing: 0%;
    }

    .heading-h3 {
        font-family: 'BT Grotesk Regular';
        font-size: 3.25rem;
        /* 52px to rem */
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h4 {
        font-family: 'BT Grotesk Regular';
        font-size: 1.75rem;
        /* 46px to rem */
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h4-5 {
        font-family: 'BT Grotesk Regular';
        font-size: 2.5rem;
        /* 40px to rem */
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h5 {
        font-family: 'BT Grotesk Regular';
        font-size: 1.563rem;
        line-height: 130%;
        letter-spacing: -0.25px;
    }

    .heading-h6 {
        font-family: 'BT Grotesk Regular';
        font-size: 1.688rem;
        line-height: 120.00000476837158%;
        letter-spacing: -1%;
    }

    .heading-h7 {
        font-family: 'BT Grotesk Regular';
        font-size: 1.5625rem;
        /* 25px to rem */
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h8 {
        font-family: 'BT Grotesk Medium';
        font-size: 0.875rem;
        /* 20px to rem */
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .body-19 {
        font-family: 'BT Grotesk Medium';
        font-size: 1.1875rem;
        /* 19px to rem */
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .body-17 {
        font-family: 'BT Grotesk Medium';
        font-size: 1.0625rem;
        /* 17px to rem */
        line-height: 110.00000238418579%;
        letter-spacing: -1%;
    }

    .body-18 {
        font-family: 'BT Grotesk Medium';
        font-size: 1.125rem;
        /* 18px to rem */
        line-height: 110.00000238418579%;
        letter-spacing: 0%;
    }

    .body-16 {
        font-family: 'BT Grotesk Medium';
        font-size: 0.75rem;
        /* 16px to rem */
        line-height: 110.00000238418579%;
        letter-spacing: -1%;
    }

    .body-15 {
        font-family: 'BT Grotesk Medium';
        font-size: 0.9375rem;
        /* 15px to rem */
        line-height: 110.00000238418579%;
        letter-spacing: 1%;
    }

    .body-14 {
        font-family: 'BT Grotesk Medium';
        font-size: 0.875rem;
        /* 14px to rem */
        line-height: 110.00000238418579%;
        letter-spacing: 0%;
    }

    .body-13 {
        font-family: 'BT Grotesk Medium';
        font-size: 0.8125rem;
        /* 13px to rem */
        line-height: 160.0000023841858%;
        letter-spacing: -1%;
    }

    .body-12 {
        font-family: 'BT Grotesk Medium';
        font-size: 0.75rem;
        /* 12px to rem */
        line-height: 110.00000238418579%;
        letter-spacing: 2%;
    }

    .regular-18 {
        font-family: 'BT Grotesk Regular';
        font-size: 1.125rem;
        /* 18px to rem */
        line-height: 150%;
        letter-spacing: -1%;
    }

    .regular-17 {
        font-family: 'BT Grotesk Regular';
        font-size: 1.0625rem;
        /* 17px to rem */
        line-height: 29px;
        letter-spacing: -2%;
    }

    .regular-16 {
        font-family: 'BT Grotesk Regular';
        font-size: 1rem;
        /* 16px to rem */
        line-height: 150%;
        letter-spacing: 1%;
    }

    .regular-15 {
        font-family: 'BT Grotesk Regular';
        font-size: 0.9375rem;
        /* 15px to rem */
        line-height: 150%;
        letter-spacing: 1%;
    }

    .regular-14 {
        font-family: 'BT Grotesk Regular';
        font-size: 0.875rem;
        /* 14px to rem */
        line-height: 139.9999976158142%;
        letter-spacing: 2%;
    }

    .regular-13 {
        font-family: 'BT Grotesk Regular';
        font-size: 0.8125rem;
        /* 13px to rem */
        line-height: 110.00000238418579%;
        letter-spacing: 2%;
    }

    .regular-12 {
        font-family: 'BT Grotesk Regular';
        font-size: 0.75rem;
        /* 12px to rem */
        line-height: 139.9999976158142%;
        letter-spacing: 0%;
    }

    .subtitle-12 {
        font-family: 'BT Grotesk Regular';
        font-size: 0.75rem;
        /* 12px to rem */
        line-height: 110.00000238418579%;
        letter-spacing: 4%;
    }

    .subtitle-14 {
        font-family: 'BT Grotesk Medium';
        font-size: 0.75rem;
        /* 14px to rem */
        line-height: 139.9999976158142%;
        letter-spacing: 4%;
    }
}

@media (max-width: 375px) {
    .regular-16 {
        font-family: 'BT Grotesk Regular';
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 1%;
    }

    .heading-h4 {
        font-family: 'BT Grotesk Regular';
        font-size: 25px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .heading-h2 {
        font-family: 'BT Grotesk Regular';
        font-size: 25px;
        line-height: 129.99999523162842%;
        letter-spacing: -1%;
    }

    .regular-18 {
        font-size: 15px;
    }

    .body-16 {
        font-size: 13px;
    }

    .body-17 {
        font-size: 15px;
    }

    .heading-h7 {
        font-family: 'BT Grotesk Regular';
        font-size: 19px;
        line-height: 129.99999523162842%;
        letter-spacing: 0%;
    }

    .body-14 {
        font-size: 12px;
    }

    .heading-h3 {
        font-size: 34px;
    }

    .regular-14 {
        font-size: 12px;
    }

    .body-15 {
        font-size: 14px;
    }

    .heading-h8 {
        font-size: 14px;
    }

    .regular-15 {
        font-size: 10px;
    }

    .heading-h6 {
        font-size: 22px;
    }

    .heading-h5 {
        font-size: 25px;
    }

    .subtitle-14 {
        font-size: 11px;
    }

    .body-19 {
        font-size: 15px;
    }

}


/* color */
.color-white {
    color: rgb(255, 255, 255);
}


.color-white-1 {
    color: rgba(255, 255, 255, 0.80);
}

.color-Gradient-1 {
    color: linear-gradient(122deg, #AF0B35 19.31%, #9D5165 38.51%, #490516 71.05%);
}

.color-red-1 {
    color: #AF0B35;
}

.color-red-2 {
    color: rgb(158, 43, 71);
}

.color-red-2-1 {
    color: rgb(170, 29, 64);
}

.color-red-3 {
    color: rgb(195, 60, 94);
}

.color-dark-1 {
    color: rgb(8, 8, 8);
}

.color-dark-2 {
    color: rgb(57, 57, 57);
}

.color-dark-3 {
    color: rgb(96, 96, 96);
}

.color-Linear-1 {
    color: linear-gradient(115deg,
            rgba(158, 43, 71, 1) 0%,
            rgba(118, 25, 48, 1) 100%);
}

.color-Linear-2 {
    color: linear-gradient(270deg,
            rgba(175, 11, 53, 1) 0%,
            rgba(201, 50, 89, 1) 100%);
}

div {
    overflow-anchor: none;
}

/* hover image show button */
.img-hover-btn {
    position: relative;
    /* Để đặt lớp phủ overlay */
    overflow: hidden;
}

.background-relative .community_slider .div-image-recent img {
    height: 100%;
    display: block;
    aspect-ratio: 269 / 168;
}

.home-financial .provided-services-item img {
    height: 100%;
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 557 / 596;
}

.home-financial .provided-services-item .image-zoom {
    height: 100%;
}


.provided-services-item:hover .image-zoom img {
    transform: scale(1.2);
}

.home-financial .provided-services-content {
    padding: 0;
}

.home-financial .provided-services-item-text {
    z-index: 9999;
}

.about .menu .home-header-slim-left .home-header-slim-tab a:hover span,
.about .menu .home-header-slim-left .home-header-slim-tab a:hover p {
    color: #fff;
}

.about .menu .home-header-slim-left .home-header-slim-tab a:hover {
    opacity: 0.5;
}

.home-vision-content-item-mobile span br {
    display: none;
}

.about .home-header-slim {
    background: linear-gradient(180deg, #AE0C35 0%, rgba(175, 11, 53, 0.00) 100%);
}

.home-financial .banner-header {
    background-image: url('/contenthandler/dav/themelist/custom.portal.theme.AGBank3/assets/images/home/background-home-33.png');
}

.img-hover-btn img {
    width: 100%;
    height: 100%;
    transition: filter 0.3s ease;
    object-fit: fill;
    ;
}

.text-trans-8 {
    color: rgba(255, 255, 255, 0.80) !important;
}

.text-trans-9 {
    color: rgba(255, 255, 255, 0.90) !important;
}

.pl-20px {
    padding-left: 20px;
}

.img-hover-btn .btn-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
    display: flex;
    /* Dùng flex để căn giữa nội dung */
    justify-content: center;
    /* Căn giữa theo chiều ngang */
    align-items: center;
    /* Căn giữa theo chiều dọc */
    opacity: 0;
    /* Mặc định ẩn */
    transition: opacity 0.3s ease;
    /* Hiệu ứng mượt khi hiển thị */
}

.img-hover-btn .btn-img {
    display: flex;
    width: 153px;
    height: 48px;
    padding: 16px 20px;
    justify-content: center;
    border-radius: 4px;
    background: var(--red-21, #AA1D40);
    align-items: center;
}

.img-hover-btn .btn-img:hover {
    transform: scale(1.1);
    opacity: 1;
}

/* Hover vào vùng ảnh */
.img-hover-btn:hover img {
    /* filter: blur(5px);         */
}

.img-hover-btn:hover .btn-overlay {
    opacity: 1;
    /* Hiển thị lớp overlay */
}

/* end hover image  */
.custom-radio.custom-control-pro.no-control .custom-control-input:checked~.custom-control-label {
    border-color: var(--red-1);
    z-index: 2;
    background-color: var(--red-1);
    color: #fff;
}

.tab-dropdown {
    padding-top: 1rem;
}

.tab-dropdown .nk-menu-main {
    justify-content: center;
    display: flex;
    /* overflow-x: auto;
    overflow-y: hidden; */
}

.tab-dropdown.nk-header,
.tab-dropdown .container-lg {
    padding-left: 0px;
    padding-right: 0px;
}

.tab-dropdown .nk-menu-main>li.nk-menu-item>.nk-menu-link {
    flex-direction: column;
    gap: 16px;
}

.tab-dropdown.nk-header {
    z-index: 699;
}

.tab-dropdown .nk-header-menu {
    position: static !important;
    background: transparent;
    height: auto;
    max-height: auto;
    border-right: none;
    width: auto;
    padding: 0;
    overflow: visible;
    transform: translateX(0) !important;
}

.tab-dropdown .nk-menu-main>li {
    display: inline-block;
    min-width: 180px;
}

.tab-dropdown .nk-menu-main .nk-menu-sub {
    position: absolute;
    left: 0;
    top: 100%;
    width: 200px;
    background: #fff;
    border: 1px solid #e5e9f2;
    box-shadow: 0 0.125rem 0.25rem rgba(43, 55, 72, 0.15);
    border-radius: 4px;
    padding: .5rem 0;
    opacity: 0;
    visibility: hidden;
    margin-top: 6px;
    transition: opacity .4s, margin .2s;
    display: block !important;
}

.tab-dropdown .nk-menu-main .nk-menu-item:hover>.nk-menu-sub {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 999;
}

.tab-dropdown .nk-menu-main>li>.nk-menu-link:hover::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #AF0B35;
    border-radius: 3px 3px 0 0;
    opacity: 1;
}

.tab-dropdown .nk-menu-main>li.nk-menu-item>.nk-menu-link.active {
    color: var(--red-1);
}

.tab-dropdown .nk-header-wrap {
    justify-content: space-around;
}

.tab-dropdown .nk-menu-item.has-sub span.title-li::before {
    font-family: "FontAwesome";
    text-decoration: none;
    content: '\f107';
    position: absolute;
    margin-left: 8px;
    right: 5px;
}

.tab-dropdown .nk-menu-main>li.nk-menu-item>.nk-menu-link.active svg path,
.tab-dropdown .nk-menu-main>li.nk-menu-item:hover svg path,
.tab-dropdown .nk-menu-main>li.nk-menu-item:hover a {
    stroke: var(--red-1);
    opacity: 1 !important;
}

.tab-dropdown .nk-menu-main>li.nk-menu-item>.nk-menu-link.active::after {
    stroke: var(--red-1);
}

.tab-dropdown .nk-menu-main>li.nk-menu-item>.nk-menu-link.active:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--red-1);
    border-radius: 3px 3px 0 0;
    opacity: 1;
}

.custom-radio.custom-control-pro.no-control.checked .custom-control-label {
    border-color: var(--red-1);
    z-index: 2;
    background-color: var(--red-1);
    color: #fff;
}

.image-zoom {
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

.image-zoom img {
    object-fit: cover;
    transition: transform 0.3s ease;
}



.custom-input-group input {
    background: #F4F4F4;
    border: none;
    height: calc(2.125rem + 12px);
}

.custom-input-group input:focus {
    color: var(--dark-3);
    background-color: #fff;
    border-color: var(--red-1);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(175, 11, 53, 0.1);
}

.custom-input-group button {
    background-color: #F4F4F4 !important;
    border: none;
    color: var(--dark-3) !important;

}

.form-control-wrap.icon-change-rate {
    display: flex;
    height: 36px;
    align-items: center;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    ;
    width: 36px;
    justify-content: space-evenly;
}

.form-icon-custom {
    height: calc(2.125rem + 12px);
    display: flex;
    align-items: center;
}

.custom-input-group .input-group-append button:focus {
    border-color: var(--red-1);
    box-shadow: 0 0 0 0.2rem rgba(175, 11, 53, 0.5) !important;
    background-color: 0 0 0 0.2rem rgba(175, 11, 53, 0.5) !important;
}

.line-along {
    background: rgba(0, 0, 0, 0.10);
    width: 1px;
    margin: 0px 2rem;
    /* height: 107px; */
}

.change-rate-price {
    align-items: baseline;
    gap: 6px;
}

.line-h {
    width: 100%;
    height: 1px;
    background: #F2F2F2;
}

.card-rate .user-avatar {
    background: transparent !important;
}

.vertical-mid {
    vertical-align: middle !important;
}

.table-rate thead {
    background: rgba(195, 60, 94, 0.07);
}

.table-rate thead tr th {
    color: #494949 !important;
}

.table-rate {
    border-radius: 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    border-left: 1px solid rgba(0, 0, 0, 0.06);
}

.table-rate .table th,
.table-rate .table td {
    padding: 1rem;
    vertical-align: middle;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    ;
}

.table-rate .table tr th,
.table-rate .table tr td {
    padding: 1.2rem;
}

.table-rate .user-avatar,
[class^="user-avatar"]:not([class*="-group"]) {
    align-items: unset;
}

.home-table-exchange-576 .nav-tabs .nav-link,
.home-table-exchange .nav-tabs .nav-link {
    padding: 0px;
}

.home-table-exchange-576 .nav-tabs .nav-link:hover,
.home-table-exchange .nav-tabs .nav-link:hover {
    background: var(--red-1, #AF0B35);
    color: white;
    opacity: 1;
    border-radius: 4px;
}

.home-table-exchange-576 .nav-tabs .nav-link.active,
.home-table-exchange .nav-tabs .nav-link.active {
    border-radius: 4px;
    background: var(--red-1, #AF0B35);
    color: white;
}

.home-table-exchange .custom-control-pro .custom-control-label {
    line-height: 110%;
}

.home-table-exchange-576 .nav-tabs .nav-link:after,
.home-table-exchange .nav-tabs .nav-link:after {
    background: none;
}

.home-table-exchange .custom-control-pro.no-control .custom-control-label {
    padding: 9px 23px;
}

.text-align-right {
    text-align: right;
}

.btn-show-more {
    border-radius: 4px;
    background: var(--red-21);
    color: white;
    padding: 16px 20px;
    width: 153px;
    justify-content: center;
}

.div-show-more {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}



.row-ct {
    display: flex;
    flex-wrap: wrap;
}

.radio-rate .custom-radio label {
    border: unset;
    background: rgba(0, 0, 0, 0.04);
}

.home-user .category-future .borrow-titler {
    /* color: #050505d4; */
}

.exchange-rate input.date-picker {
    min-width: 150px;
}


.icon-change-rate em {
    font-size: 16px;
}

.slider-blog.owl-carousel .owl-nav,
.slider-blog.owl-carousel .owl-dots {
    display: flex;
    gap: 54px;
    position: absolute;
    right: 3%;
    bottom: 121%;
}

.home-user .owl-carousel {
    width: auto !important;
}

.home-user .owl-carousel .owl-item img {
    border-radius: 4px;
}

.home-user .owl-item {
    width: 80%;
}

.mobile .menu-mobile .nk-aside+.toggle-overlay {
    z-index: 700;
}

.mobile .menu-mobile .nk-content-inner .mobile-menu {
    z-index: 701;
}

.home-user .nk-content .content-top-menu svg {
    margin-bottom: 10px;
}

.gap16 {
    gap: 16px;
}

.footer {
    color: rgba(255, 255, 255, 0.80);
}

.footer-pre .div-content {
    flex-direction: column;
}


.footer .accordion-icon {
    left: -1rem !important;
    right: 0 !important;
}

.footer a:hover,
.footer a:focus {
    text-decoration: none;
}

.background-exchange {
    background-image: url('/contenthandler/dav/themelist/custom.portal.theme.AGBank3/assets/images/home/exchange_home.png');
    background-size: cover;
    gap: 20px;
    justify-content: center;
    padding: 5%;

}

.home-user .home-table-exchange {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #FFF;
    padding: 38px 42px;
    border-radius: 4px;
}

.home-exchange-contact {
    background-color: #FFF;
    padding: 38px 40px;
    display: flex;
    border-radius: 4px;
    flex-direction: column;
    justify-content: space-between;
}

.home-user .exchange-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;

}

.link-icon {
    display: flex;
    padding-right: 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.exchange-title {
    display: flex;
    flex-direction: column;
    gap: 12px;

}

.blog-top-news .title {
    padding-right: 31px;
}

.home-business-item-card img {
    height: 100%;
    aspect-ratio: 369/234;
}

.blog .content-betwent-subtitle img {
    height: 100%;
    aspect-ratio: 369 / 234;
    width: 100%;
    border-radius: 4px;
    transition: transform 0.3s ease;
}

.home-business .home-business-background-tab-button:hover {
    color: #fff !important;
    background: var(--Linear-2, linear-gradient(270deg, #AF0B35 0%, #C93259 100%)) !important;
    opacity: 1;
}

.home-business .home-business-background-tab-button:hover p {
    color: #fff;
}

.home-business .home-business-background-tab-button:hover svg path {
    stroke: #fff;
}

/* .top-menu.active-menu .ruby-menu-mega-blog a:first-of-type:hover {
    opacity: 1;
    color: #AF0B35;
} */
.slider-blog.owl-carousel .owl-item img {
    height: 100%;
    display: block;
    width: 100%;
    aspect-ratio: 413 / 258;
}

.blog .content-top-menu img {
    width: 100%;
    height: 100%;
    aspect-ratio: 268 / 168;
}

.footer .btn-extend {
    border-radius: 4px;
    background: rgba(134, 21, 49, 0.60);
    color: #FFF;
    width: fit-content;
}

.footer .accordion-head {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

.footer .accordion-item:last-child .accordion-inner {
    border-top: none;
}

.footer-pre {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.footer .block-h {
    display: flex;
    padding-left: 4px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    /* flex: 1 0 0; */
}

.footer .block-h .desf {
    display: flex;
    /* padding-top: 8px; */
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.footer .contact-now {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.footer .down-app {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    flex-wrap: wrap;
}

.ct-footer-copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.ct-footer-copyright .clause {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.ct-footer-copyright .follow {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ct-footer-copyright .social {
    display: flex;
    align-items: center;
    gap: 16px;
}

.line-v {
    width: 1px;
    height: 22px;
    background: rgba(255, 255, 255, 0.13);
}

.line-vf {
    width: 1px;
    background: #EAEAEA;
}

.footer .btn-extend h6 {
    position: relative;
    text-align: end;
}

.btn-text-extend {
    align-items: center;
    display: flex;
    gap: 5px;
}

.high {
    color: var(--red-2, #9E2B47);

}

.banner-header .banner-search .search .owl-carousel-search .owl-nav.disabled button,
.banner-header .banner-search .search .owl-carousel-search .owl-dots.disabled button {
    all: unset;
}
.home-business .nk-content .content-top-menu img {
    margin-bottom: 10px;
}
.footer-bottom {
    background: rgba(0, 0, 0, 0.12);
    padding-top: 1rem;
    padding-left: 4.9%;
    padding-right: 4.9%;
}
.color-hover-img-tab:hover img{

}
.content-top {
    display: flex;
    text-align: center;
    justify-content: center;

}
.home-header-slim .nk-menu-main .nk-menu-item .nk-menu-toggle:after {
    display: none
}

.home-header-slim-button {
    padding: 14px !important;
}

.hot-line {
    opacity: 0.9;
    color: #FFF;
}

.hot-line .txt-hl {
    color: rgba(255, 255, 255, 0.60)
}

.footer .block-h-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    /* flex: 1 0 0; */
}

.color-black {
    color: #000 !important;
}

/* mega menu */
.mega-menu .dropdown-menu {
    display: flex;
    position: absolute;
    top: 7rem;
    width: 100vw;
    background: #fff;
    border-top: 1px rgba(0, 0, 0, .1) solid;
    border-bottom: 1px rgba(0, 0, 0, .1) solid;
    -webkit-animation: fadeIn .3s;
    animation: fadeIn .3s;
    z-index: 12;
    max-height: calc(100svh - 115px);
    overflow-y: visible;
    overflow-x: hidden;
    right: 0;
    left: 0;
}

.menu-mobile {
    padding-top: 0px;
}

.nav-tabs .nav-link.active svg {
    fill: #AF0B35;
}


.header-mobile-menu a.active em {
    color: var(--red-1);
}

.background-relative {
    position: relative;
    /* Đặt vị trí tương đối để quản lý phần tử con */
    background-image: url('/contenthandler/dav/themelist/custom.portal.theme.AGBank3/assets/images/home/bannerHomeUserFooter.png');
    /* Đặt hình ảnh nền */
    background-size: 100% auto;
    /* Chiều rộng luôn 100%, chiều cao tự động */
    background-repeat: no-repeat;
    /* Không lặp lại hình ảnh */
    background-position: bottom;
    /* Dính hình ảnh xuống đáy */
    background-color: white;
    /* Nền trắng nếu thừa khoảng trống */
    /* min-height: 100vh; */
    width: 100%;
    /* Chiều rộng đầy đủ */
}

.community-stats-left-subtitle-a img {
    position: absolute;
    bottom: 0;
    left: 210px;
}

.community-stats-left-title {
    margin-bottom: 40px;
    /* margin-top: 30px; */

}

.community-stats-left-subtitle {
    width: 100%;
    display: flex;
    margin: 30px 0;
    gap: 40px;
    /* justify-content: space-between; */
    text-align: justify;
    white-space: nowrap;
    color: var(--dark-1, #080808);
    /* flex-wrap: wrap; */

}

.community-stats-right-title {
    padding-left: 1px;
    gap: 12px;
    display: flex;
    padding-right: 24px;
    flex-direction: column;
    align-items: flex-start;
}

.community-stats-left .stats div {
    text-align: center;
    position: relative;
}

.community-images {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.saler {
    padding-bottom: 1rem;
}

.community-images img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.community-stats-left {
    display: block;
    gap: 20px;
}

.community_slider .owl-stage {
    gap: 0px;
}

.community-stats-left-1 {
    margin-bottom: 20px;
    display: flex;
    /* align-items: center; */
    gap: 1rem;
    align-self: stretch;

}

.about .info-cards .info-overlay span,
.about .info-cards .info-overlay p {
    display: block;
    z-index: 9999;
    position: relative;
}

.community-stats-left-title {
    display: block;
}

.community-stats-left-title p {
    font-size: 20px;
}

.community {
    height: 887px;
    padding: 0 4.9%;
}

.home-business .section-agri-start .list.home-business-item-card .home-business-item-text span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.community-stats-right-title span {
    text-transform: uppercase;
}

.community-stats-left-subtitle-a,
.community_slider {
    padding-left: 50px;
}

.community-stats-left-subtitle-a hr {
    border: 1px solid #eaeaeab5;

}
.blog .borrow-subtitle{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.community-stats-left-subtitle-a a {
    position: relative;
    text-decoration: none;
    color: #AA1D40;
    top: 20%;


}

.community-stats {
    display: flex;
    margin: 20px 0;
    justify-content: flex-start;
}

.div-image-recent {
    border-radius: 5px;
}

.div-image-recent img {
    max-width: fit-content;
}

.home-table-exchange-576 {
    display: none;
}

.rate-item {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #28140C;
}

.rate-accordions {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.div-login .dropdown-menu {
    min-width: max-content;
}

.community-stats-right-title p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.category-future .title {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 48px;
    padding-left: 48px;
}



.home-vision-header-button {
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    background: var(--white, #FFF);
    border: #FFF;
}

.home-vision-button-dropdown {
    padding: .5rem 1.25rem;
}

.home-vision-button-dropdown a {
    padding: 0;
    color: black;
}



.card-rate .user-avatar {
    width: 36.457px;
    height: 38px;
}

.home-table-exchange-576 .info-item-rate {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 120px;

}

.home-table-exchange-576 .info-item-rate .rate-title {
    color: #494949;
}

.home-table-exchange-576 .info-item-rate .rate-value {
    color: #28140C;
}

.input-search {
    bottom: 20%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 4px;
    background: linear-gradient(270deg, #af0b3591 0%, #c93259d4 100%);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0px 15px 15px 15px;
}

.form-search {
    position: relative;
    display: flex;
    justify-content: left;
    gap: 12px;
    padding: 15px 0px 15px 8px;
    border-bottom: 1.5px solid rgb(255 255 255 / 16%);
}

.form-search input {
    width: 90%;
    border: none;
    background: transparent;
    color: #FFF;
}

input::placeholder {
    color: rgba(255, 255, 255, 0.80);
}

input:focus {
    outline: none;
}

/* List of search results */
.list-search {
    overflow: hidden;
    width: 100%;
    display: flex;
    gap: 10px;
    white-space: nowrap;
    /* position: relative; */
}

.banner-search {
    width: 45%;
    position: absolute;
    overflow: hidden;
    height: 200px;
    bottom: 0%;
    transform: translateX(-50%);
    left: 50%;
}

.slider-banner .slider-banner-item {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.slider-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.slider-banner .owl-stage {
    gap: 0px;
}

.banner-header {
    position: relative;
    width: 100%;
    height: 100svh;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

[data-aos^=fade][data-aos^=fade].input-search.aos-animate {
    /* opacity: 1; */
    transform: translate(-50%, -10%);
}

[data-aos=fade-up].input-search {
    transform: translate3d(-50%, 300px, 0);
}

[data-aos^=fade][data-aos^=fade].text-banner.aos-animate {
    /* opacity: 1; */
    transform: translate(-50%, -50%);
}

[data-aos=fade-up].text-banner {
    transform: translate3d(-50%, 300px, 0);
}

/* .owl-prev, */
.btn-prev {
    display: none;
}

.btn-next {
    width: 8%;
    height: 24%;
    position: absolute;
    display: flex;
    justify-content: center;
    text-align: center;
    /* background: linear-gradient(270deg, #b00c3605 40%, rgba(158, 43, 71, 0.00) 100%); */
    position: absolute;
    bottom: 16%;
    right: 2%;
    /* backdrop-filter: blur(1px); */
}

.btn-next svg {
    position: absolute;

    width: 24px;
    height: 24px;
    border-radius: 100px;
    padding: 4px;
    background: #6F182D;
    top: 10%;
    right: 0%;
}

.pull-down {
    position: absolute;
    /* top: 94%; */
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pull-down-title {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    gap: 10px;
}

.owl-stage {
    display: flex;
    gap: 6px;
}

.slide {
    display: flex;
    margin-top: 5%;
    margin-bottom: 5%;
    gap: 5px;
}

.prev,
.next {
    padding: 12px;
    border-radius: 100px;
    border: 1px solid #DEDEDE;
}

/* Outstanding Products */
.outstanding-products {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 14px;
    flex-direction: column;
}

.owl-carousel-search .search-product a,
.owl-carousel-search .calculation-tool a,
.owl-carousel-search .find-branch a,
.owl-carousel-search .fee-schedule a,
.owl-carousel-search .interest-rate a,
.owl-carousel-search .exchange-rate a {
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 4px;
    padding: 8px 16px;
    text-decoration: none;
    color: #fff !important;
    border-radius: 4px;
    background: #82283E;
    position: relative;
    align-items: center;
}

/* luyendv */
.logo-agr img {
    width: 251px;
}

.footer {
    width: 100%;
    padding-top: 48px;
    height: auto;
    position: relative;
    background: linear-gradient(270deg, #AF0B35 0%, #99193A 100%);
    box-shadow: 0px -12px 36px 0px rgba(0, 0, 0, 0.00);
    /* padding-top: ; */
}

.footer-top {
    display: flex;
}

.logo-agr {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 58px 104 0 104px;

    color: rgba(255, 255, 255, 0.90);
}

.customer-care {
    display: flex;
}

#community_slider_new .owl-nav.disabled,
#community_slider_new .owl-dots.disabled {
    display: none !important;
}

.community-stats-left-des {
    display: flex;
    gap: 20px
}

.nk-quick-nav-icon:not(.active):before {
    opacity: 0;
    height: 116%;
    width: 116%;
}



.content-top-menu img {
    transition: stroke 0.3s ease;
    margin-bottom: 10.5%;
}

.txt-one-line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.owl-center.owl-carousel .owl-nav,
.owl-center.owl-carousel .owl-dots {
    display: flex;
    gap: 54px;
    position: absolute;
    right: 50%;
    bottom: 200%;
}

.owl-center.owl-carousel .owl-nav.disabled,
.owl-center.owl-carousel .owl-dots.disabled {
    gap: 50px;
}

.ct-next-outline,
.ct-pre-outline {
    border-radius: 100px;
    border: 1px solid #DEDEDE;
    position: absolute;
    width: 44px;
    height: 44px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.img-quote {
    max-width: 28px;
    padding-top: 7px;
}

a.color-hover-b:hover,
.color-hover-b:hover span,
.color-hover-b:hover p,
.color-hover-b:hover h1,
.color-hover-b:hover h2,
.color-hover-b:hover h3,
.color-hover-b:hover h4,
.color-hover-b:hover h5,
.color-hover-b:hover h6 {
    color: #130C07 !important;
    /* Màu chữ khi hover */
}

@media (max-width: 1366px) and (min-width: 1000px) {
    .community_slider .image-zoom {
        width: 200px;
    }

    .community_slider .image-zoom img {
        max-width: -webkit-fill-available;
    }
}

@media (max-width:1366px) {
    .img-quote {
        max-width: 25px;
        padding-top: 5px;
    }

    .d-none-1366 {
        display: none !important;
    }

    .div-image-recent img {
        max-width: 100%
    }

    .top-user a {
        text-decoration: none;
        color: #fff;
    }

    .top-user-right,
    .top-user-left {
        display: flex;
    }

    .top-user-right div,
    .top-user-left div {
        /* margin: 10px; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top-menu-left {
        display: flex;
        align-items: center;
        gap: 14px;
        color: rgba(0, 0, 0, 0.80);
    }

    .category-future .title {
        padding-top: 35px;
        padding-left: 35px;
    }

    .community {
        height: 700px;
    }

}

.blog .select2-container--default .select2-selection--single:focus {
    box-shadow: none;
    border-color: #6576ff;
    outline: none;
}



@media (max-width:1024px) {
    .community {
        height: 700px;
    }

    .community-stats-left-subtitle-a,
    .community_slider {
        padding-left: 40px;
    }

    .img-quote {
        max-width: 20px;
        padding-top: 5px;
    }

    .d-none-1024 {
        display: none;
    }

    .community-stats-left-1 {
        display: flex;
        flex-direction: column;
        padding-right: 4%;
    }

    .category-future .title {
        padding-top: 25px;
        padding-left: 25px;
    }

    .home-user .custom-next,
    .home-user .custom-prev {
        width: 30px !important;
        height: 30px !important;
    }

    .home-user .custom-next svg,
    .home-user .custom-prev svg {
        width: 15px;
        height: 15px;
    }

    .slider-blog.owl-carousel .owl-nav,
    .slider-blog.owl-carousel .owl-dots {
        gap: 35px;
    }

}

@media (max-width: 1025px) and (min-width: 992px) {
    .community {
        height: 799px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .about .info-cards .info-overlay .heading-h7 {
        font-size: 17px;
    }

    .about .info-cards .info-overlay .regular-16 {
        font-size: 11px;
    }
}

@media (min-width:992px) {

    .footer .block-h,
    .footer .block-h-2 {
        flex: 1 0 0;
    }

    .footer-extend .accordion-inner {
        gap: 20px;
    }
}

@media (max-width:991.98px) {
    .tab-dropdown .nk-menu-link {
        font-size: 14px;
    }

    .tab-dropdown .nk-menu-main>li {
        min-width: 160px;
    }

    .tab-dropdown .nk-menu-item.has-sub span.title-li::before {
        right: 20px;
    }

    .nk-menu-main.nk-menu {
        /* overflow-x: auto;
        overflow-y: hidden; */
        overflow: unset;
    }

    .tab-dropdown .nk-menu-main {
        justify-content: center;
        ;
    }

    .tab-dropdown .nk-menu-main .nk-menu-link {
        padding-left: 14px;
        padding-right: 14px;
    }

    .report-left-title-b {
        width: 100%;
    }

    .provided-services-content .heading-h7 {
        font-size: 18px;
    }

    .community {
        height: 927px;
    }

    .d-none-992 {
        display: none !important;
    }

    .d-block-992 {
        display: block !important;
    }

    .pl-0-992 {
        padding-left: 0px !important;
    }

    .pt-2-992 {
        padding-top: 2rem !important;
    }

    .pt-1-992 {
        padding-top: 1rem !important;
    }

    .pr-0-992 {
        padding-right: 0px;
    }

    .footer .block-h {
        padding: 0px;
        margin-bottom: 20px;
    }

    .footer-pre {
        gap: 0px;
        flex-wrap: wrap;
    }

    .pl-50-mobile {
        padding-left: 50px !important;
    }

    .banner-search {
        width: 70%;
    }

    .pt-2r-mobile {
        padding-top: 2rem !important;
    }

    .home-financial .banner-header {
        /* background-image: url('/contenthandler/dav/themelist/custom.portal.theme.AGBank3/assets/images/home/mobile.png'); */
    }

    .div-image-recent img {
        max-width: 100%;
    }

    .footer .block-h .div-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer .block-h-2 {
        gap: 28px;
        /* flex: 1 0 0; */
    }

}

@media (max-width:768px) {


    .background-relative {
        background-size: 190%;
        background-position: center bottom;
    }

    .content-top-menu.underline::before {
        width: 100%;
    }

    .content-top {
        justify-content: flex-start;
    }

    .content-top-menu {
        padding-bottom: 20px;
    }

    .content-top-menu svg {
        margin-bottom: 10px;
        /* Hiệu ứng chuyển màu mượt */
    }

    .home-user .home-table-exchange {
        padding: 28px 10px;
    }

    .home-user .home-table-exchange-576 {
        padding: 28px 10px;
    }

    .d-none-768 {
        display: none !important;
    }

    .footer .block-h {
        flex-direction: unset;
    }

    .footer .accordion-body .block-h {
        flex-direction: column;
    }

    .footer .block-h.div-appstore {
        flex-direction: column;
    }

    .pl-0-1024 {
        padding-left: 0px;
    }

    .pr-0-1024 {
        padding-right: 0px;
    }

    .footer .btn-extend {
        width: 100%;
    }

    .slider-blog.owl-carousel .owl-nav,
    .slider-blog.owl-carousel .owl-dots {
        right: 5%;
    }

    .banner-search {
        width: 80%;
    }


    .network {
        padding: 24px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .about .info-cards .info-overlay .heading-h7 {
        font-size: 2.7625rem;
    }

    .about .info-cards .info-overlay .regular-16 {
        font-size: 1.7625rem;
    }
}

@media (max-width: 576px) {
    .home-business .background-relative.pt-gs {
        padding-top: 0px !important;
    }

    .blog-top-news .title {
        padding-top: 20px;
    }

    .blog-top-news .borrow-subtitle.w-55 {
        width: 100% !important;
    }

    .tab-dropdown .nk-menu-link {
        font-size: 13px;
    }

    .tab-dropdown .nk-menu-main .nk-menu-sub {
        width: 160px;
    }

    .tab-dropdown .nk-menu-main>li {
        min-width: 130px;
    }

    .tab-dropdown .nk-menu-item.has-sub span.title-li::before {
        right: 7px;
    }

    .home-business-header-pay .content-top-menu img,
    .home-business-header-pay .content-top-menu svg {
        width: 28px;
        height: 28px;
        margin-bottom: 10px;
    }

    .d-block-576 {
        display: block !important;
    }

    .slider-blog.owl-carousel .owl-nav,
    .slider-blog.owl-carousel .owl-dots {
        right: 8%;
    }

    .banner-search {
        height: 142px;
    }

    .btn-next {
        bottom: 19%;
    }

    .category-future .borrow-titler {
        font-size: 1.025rem;
    }

    .community-stats-left-title {
        padding-right: 0px !important;
        margin-right: 0px !important;
    }

    .category-future .borrow-subtitle {
        display: none;
    }

    .slider-blog.owl-carousel .owl-nav,
    .slider-blog.owl-carousel .owl-dots {
        bottom: 114%;
    }

    .slider-blog .owl-stage {
        gap: 0px;
    }

    .slider-blog .heading-h8,
    .community_slider .heading-h8 {
        font-size: 1.05rem;
    }

    .input-search {
        padding: 0px 10px 10px 10px;
        gap: 10px;
    }

    .form-search {
        padding: 10px 0px 10px 8px;
    }

    .pull-down-title span {
        font-size: 0.6375rem;
    }

    .d-none-576 {
        display: none;
    }

    .home-business .home-business-header-pay .about-subtitle {
        font-size: 1.55rem;
    }

    .community-stats-left-subtitle {
        gap: 17px;
    }

    .community-stats-left-subtitle-a,
    .community_slider {
        padding-left: 30px;
    }

    .community-stats-left-des {
        gap: 10px;
    }

    .header-mobile-menu img {
        width: 160px;
    }

    .home-table-exchange {
        display: none;
    }

    .home-table-exchange-576 {
        display: block;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.06);
        background: #FFF;
        padding: 38px 42px;
        border-radius: 4px;
    }

    .nk-content {
        padding-right: 16px;
        padding-left: 16px;
    }

    .content-top-menu svg {
        width: 28px;
        height: 28px;
    }
}

@media (min-width: 375px) {
    .col-ssm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 375px) {
    .tab-dropdown .nk-menu-link {
        font-size: 12px;
    }

    .tab-dropdown .nk-menu-main .nk-menu-sub {
        width: 130px;
    }

    .tab-dropdown .nk-menu-main>li {
        min-width: 120px;
    }

    .tab-dropdown .nk-menu-item.has-sub span.title-li::before {
        right: 5px;
    }

    .w-55-375 {
        width: 55% !important;
    }

    .banner-search {
        width: 90%;
    }

}



.gap20 {
    gap: 20px;
}

/* end luyendv */