.wrap-header2 {
    padding: clamp(12px, 2.1951219512vw, 27px) 0
}

.header2-title-main {
    font: italic 700 clamp(20px, 3.2520325203vw, 40px)/1.175 var(--font-family);
    color: var(--white-color);
    margin-bottom: 0
}

.footer2-top {
    padding: clamp(15px, 2.0325203252vw, 25px) 0 clamp(20px, 3.4959349593vw, 43px)
}

.footer2-top .row.g-0 {
    --bs-gutter-x: 36px;
    --bs-gutter-y: 36px
}

.footer2-bottom {
    font: 700 12px/1.5 var(--font-family);
    text-transform: uppercase;
    text-align: start;
    color: var(--secondary-color);
    padding: 13px 0;
    background: var(--primary-color)
}

.footer2_item {
    font: 400 16px/1.5 var(--font-family);
    width: min(100%, 360px)
}

.footer2_item svg+* {
    flex: 1 1 1%;
    width: 0px
}

.ketnoi-title-main {
    font: italic 700 clamp(20px, 3.2520325203vw, 40px)/1.175 var(--font-family);
    color: var(--secondary-color);
    width: min(580px, 100%);
    margin-bottom: clamp(15px, 2.4390243902vw, 30px)
}

.grid-ketnoi {
    display: grid;
    --gap: clamp(10px, calc(20 / 1230 * 100vw), 20px);
    gap: var(--gap);
    grid-template-columns: repeat(auto-fill, minmax(max(150px, (100% - var(--gap) * 2) / 3), 1fr))
}

.ketnoi-slide {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1))
}

.ketnoi_item {
    background: var(--white-color);
    padding: clamp(20px, 3.4959349593vw, 43px) clamp(15px, 2.1951219512vw, 27px)
}

.ketnoi-title {
    font: 700 clamp(14px, 1.4634146341vw, 18px)/1.33333 var(--font-family);
    text-align: center;
    color: var(--secondary-color);
    margin-bottom: 1.4444444444em
}

.ketnoi-desc {
    font: 400 clamp(13px, 1.2195121951vw, 15px)/1.6 var(--font-family);
    text-align: center;
    color: var(--text-color)
}

.ketnoi-social_item {
    border: 1px solid #eee
}

.custom-xemthem {
    font: 700 15px var(--font-family);
    text-transform: uppercase;
    color: var(--white-color);
    padding: 14px 35px;
    background: linear-gradient(0deg, #37170f 0%, #6a2d20 100%);
    border-radius: 100px
}

.grid-social_dvqtnd {
    display: grid;
    --gap: clamp(10px, calc(20 / 1230 * 100vw), 20px);
    gap: var(--gap);
    grid-template-columns: repeat(auto-fill, minmax(max(250px, (100% - var(--gap) * 1) / 2), 1fr))
}

.social_dvqtnd_item {
    font: 700 clamp(14px, 1.4634146341vw, 18px) var(--font-family);
    text-transform: capitalize;
    color: var(--text-color);
    padding: .9444444444em 1.1111111111em;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    background: var(--white-color);
    border-radius: 10px
}

.social_dvqtnd-pic {
    width: 2em;
    height: 2em
}

.social_dvqtnd-icon {
    width: 1em;
    height: 1em
}

.wrap-gioithieu-section-1 {
    padding: clamp(25px, 4.0650406504vw, 50px) 0
}

.gioithieu-section-1-banner {
    mask: url(../images/gioithieu-section-1-mask.webp) no-repeat center/contain;
    aspect-ratio: 839/389;
    width: 43.6979166667%;
    background: var(--secondary-color)
}

.gioithieu-section-1-banner img {
    opacity: .3
}

.wrap-ban_da_san_sang {
    margin: clamp(20px, 5.6910569106vw, 70px) 0
}

.wrap-vcqt {
    margin: clamp(20px, 7.3170731707vw, 90px) 0 clamp(40px, 9.4308943089vw, 116px)
}

.vcqt-xemthem {
    margin-top: clamp(15px, 2.4390243902vw, 30px)
}

.vcqt-decor {
    --mt: clamp(20px, calc(90 / 1230 * 100vw), 90px);
    top: calc(.7*var(--mt)*-1);
    right: calc(100% - var(--mt))
}

.wrap-grid_dvcqtnd {
    margin: clamp(24px, 9.4308943089vw, 116px) 0 clamp(40px, 14.3089430894vw, 176px)
}

.grid-grid_dvcqtnd {
    display: grid;
    --gap: clamp(20px, calc(70 / 1230 * 100vw), 70px);
    gap: var(--gap);
    grid-template-columns: repeat(auto-fill, minmax(max(250px, (100% - var(--gap) * 1) / 2), 1fr))
}

.wrap-vcnd {
    margin: clamp(40px, 14.3089430894vw, 176px) 0 clamp(40px, 14.6341463415vw, 180px)
}

.vcnd-xemthem {
    margin-top: clamp(15px, 2.4390243902vw, 30px)
}

.vcnd-decor {
    --mt: clamp(40px, calc(176 / 1230 * 100vw), 176px);
    --right: clamp(20px, calc(90 / 1230 * 100vw), 90px);
    top: calc(.4829545455*var(--mt)*-1);
    right: calc(100% - var(--right))
}

.wrap-dvhq {
    overflow: hidden;
    padding: clamp(20px, 5.6910569106vw, 70px) 0 clamp(20px, 9.593495935vw, 118px)
}

.dvhq-banner {
    --pb: clamp(20px, calc(118 / 1230 * 100vw), 118px);
    margin-bottom: calc(var(--pb)*-1)
}

.dvhq-xemthem {
    margin-top: clamp(15px, 2.4390243902vw, 30px)
}

.wrap-customs_brokerage {
    margin: clamp(20px, 7.3170731707vw, 90px) 0 clamp(20px, 9.1869918699vw, 113px)
}

.contact-input .form-control {
    border-radius: 29px
}

.contact-input textarea.form-control {
    height: 100px
}