body {}

.section-header .text-1 p {
    font-size: 24px;
    font-family: 'SVN Bold' !important;
}

.section-header .btn-1 {
    background: #FFC600;
    width: 206px;
    transition: background 0.3s, color 0.3s;
}


.section-header .btn-1 span {
    font-family: 'SVN XBold' !important;
    font-size: 24px;
    color: #2D3091;
    transition: color 0.3s;
}

.section-header .img-1 {
    margin-top: -115px;
}


.section-12 .text-1 p {
    font-size: 48px;
    font-family: 'SVN Bold' !important;
}

.section-12 .text-2 p {
    font-size: 32px;
    font-family: 'SVN Bold' !important;
    line-height: 0px;
}

.section-12 .text-2 {
    margin-top: -45px;
    border-bottom: 6px solid #FFC600;
    text-align: center;
    display: inline-block;
    width: 743px;
}

.section-12 .img-1 {
    margin-top: 125px;
}

/* ------------END -12 __________ */

/* --thuy 1- */
/* -----------thủy style tiếp---------- */
.div-box-order {
    display: flex;
    position: relative;
}

.div-box-order .img-i-1 {
    position: absolute;
    top: 17px;
    left: -151px;
    width: 200px !important;
}

.div-box-order .img-i-2 {
    position: absolute;
    bottom: -50px;
    left: -165px;
    width: 145px !important;
}

.div-box-order .img-i-3 {
    position: absolute;
    bottom: -75px;
    left: -42px;
    width: 209px !important;
    z-index: 3;
}

.div-box-order .img-i-sp {
    position: absolute;
    left: -27%;
    bottom: 6%;
    width: 85% !important;
    z-index: 2;
}

.div-box-order .div-i-1 {
    width: 50%;
}

.div-box-order .div-i-1 .img-uu-dai {
    margin-left: -15px;
    margin-bottom: -30px;
}

.div-box-order .div-i-2 {
    width: 50%;
}

.div-box-order .box-order {
    background: #fff;
    border-radius: 30px;
    padding-top: 20px;
    padding-bottom: 25px;
    padding-right: 20px;
    padding-left: 20px;
    width: 440px !important;
    position: relative;
    top: 111px;
    left: -80px;
}

.div-box-order .box-order .text-1 .p-1 {
    font-size: 24px;
    font-family: 'SVN Regular' !important;
    color: #000000;
    text-align: center;
    margin-bottom: -10px;
}

.div-box-order .box-order .text-1 .p-2 {
    font-size: 42px;
    font-family: 'SVN XBold' !important;
    color: #0C4394;
    text-align: center;
    padding-bottom: 27px;
}

.form-order-nn3 {
    margin-top: -15px;
}

.form-order-nn3 .form-group {
    position: relative;
    z-index: 3;
}

.form-order-nn3 .form-group input {
    background: #F5F5F5;
    height: 52px;
    font-size: 20px;
    margin-bottom: 16px;
}

.form-order-nn3 .form-group input::placeholder {
    color: #000000;
}

.form-order-nn3 .wp-btn-order {
    text-align: center;
    position: relative;
    z-index: 3;
}

.form-order-nn3 .wp-btn-order .btn-order {
    background: #0C4394;
    text-align: center;
    height: 53px;
    min-height: auto;
    line-height: normal;
    padding: auto;
    font-size: 24px;
    color: #fff;
    font-family: 'SVN XBold' !important;
}

.box-tu-van {
    background: #fff;
    padding-left: 25px;
    padding-right: 37px;
    padding-top: 18px;
    padding-bottom: 2px;
    border-radius: 50px;
    margin-top: 35px;
    margin-left: 30px;
}

.box-tu-van .text-top-1 p {
    text-align: center;
    font-size: 28px;
    color: #2D3091;
    margin-bottom: 0px;
    margin-top: 15px;
}

.box-tu-van .text-top-2 {
    line-height: 50px;
}

.box-tu-van .text-top-2 .p-1 {
    text-align: center;
    color: #2D3091;
    font-size: 36px;
    font-family: 'SVN XBold' !important;
    margin-bottom: -6px;
}

.box-tu-van .text-top-2 .p-2 {
    text-align: center;
    color: #2D3091;
    font-size: 36px;
    font-family: 'SVN XBold' !important;
    border-bottom: 2px solid #000000;
    padding-bottom: 25px;
    width: 80%;
    margin: 0px auto;
    margin-bottom: 25px;
}

#form-tu-van .form-group {
    position: relative;
}

#form-tu-van .form-group input {
    height: 64px;
    background: #F5F5F5;
    font-size: 24px;
}

#form-tu-van .form-group input::placeholder {
    color: #000000;
}

#form-tu-van .div-button {
    text-align: center;
}

#form-tu-van .div-button .btn-dang-ky-tu-van {
    min-height: auto;
    line-height: normal;
    padding: 0px;
    font-size: 24px;
    font-family: 'SVN XBold' !important;
    height: 53px;
    width: 250px;
    text-align: center;
    border: none;
    cursor: pointer;

    /* Áp dụng animation */
    animation: smoothColorSwitch 6s infinite;
}

/* Keyframes tạo hiệu ứng chuyển đổi mượt */
@keyframes smoothColorSwitch {
    0% {
        background: #D52225;
        /* Nền đỏ */
        color: #F5F5F5;
        /* Chữ trắng */
    }

    50% {
        background: #FFD700;
        /* Nền vàng */
        color: #008000;
        /* Chữ xanh */
    }

    100% {
        background: #D52225;
        /* Quay lại nền đỏ */
        color: #F5F5F5;
        /* Quay lại chữ trắng */
    }
}

/* Tăng cường sự mượt mà bằng cách cho phép smooth transition trong animation */
#form-tu-van .div-button .btn-dang-ky-tu-van {
    transition: background 3s ease, color 3s ease;
}

.section-12 {
    background-color: #fff !important;
}

.section-12 .row-2 {
    background-color: #F5F5F5;
}

.section-12 .row-2 .img-inner {
    width: 90%;
}

.section-footer .row-1 .text-2 p {
    font-size: 32px;
    font-family: 'SVN Bold' !important;
}

.section-footer .row-1 .text-3 {
    font-size: 20px;
    margin-top: -45px;
}

.section-footer .row-2 .text-1 p {
    font-size: 32px;
    font-family: 'SVN Bold' !important;
    border-bottom: 1px solid #333;
}

.section-footer .ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
    border-bottom-style: none;
}

.section-footer .menu-1 {
    font-size: 20px;
    color: #0B2064;
    margin-top: -30px;
}

.section-footer .row-2 .text-2 p {
    font-family: 'SVN Bold' !important;
    font-size: 48px;
    margin-top: -25px;
}

.section-footer .row-2 .text-3 p {
    font-size: 20px;
    margin-top: -75px;
}

.section-footer .row-2 {
    margin-top: -50px;
}

.section-footer .menu-link-2 .ux-menu-link__text {
    margin-top: -20px;
}

.section-footer .menu-link-3 .ux-menu-link__text {
    margin-top: -40px;
}

.section-footer .menu-link-4 .ux-menu-link__text {
    margin-top: -60px;
}

.section-footer .menu-link-5 .ux-menu-link__text {
    margin-top: -80px;
}

.section-footer .menu-link-6 .ux-menu-link__text {
    margin-top: -100px;
}

.section-footer {
    margin-top: -30px;
}


/* ----------thuy css tiep----- */
.countdown-container {
    margin-top: -25px;
    text-align: center;
    padding-bottom: 20px;
    position: relative;
    z-index: 4;
}

.countdown-container h2 {
    font-size: 24px;
    color: #0C4394;
    margin-bottom: 20px;
    font-family: 'SVN Bold' !important;
}

.countdown-container .countdown {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: -10px;
}

.countdown-container .time-box {}

.countdown-container .time-box span {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #0C4394;
    background-color: #e0e0e0;
    padding: 4px 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    font-family: 'SVN Bold' !important;
}

.countdown-container .time-box p {
    margin: 0;
    color: #0C4394;
    font-size: 14px;
    font-family: 'SVN Medium' !important;
}

.h-u-1 {
    transform: translateX(100%);
    /* Ban đầu nằm ngoài màn hình, bên phải */
    opacity: 0;
    /* Ẩn đi */
    transition: all 1s ease-in-out;
    /* Hiệu ứng mượt khi thay đổi */
}

.h-u-1.active {
    transform: translateX(0);
    /* Trở về vị trí ban đầu */
    opacity: 1;
    /* Hiển thị */
}


.div-box-order .img-i-1 {
    animation: arcMove 4s infinite;

}

.div-box-order .img-i-2 {
    animation: arcMove3 4s infinite;

}


.div-box-order .img-i-3 {
    animation: arcMove2 4s infinite;
}

.div-box-order .img-i-sp {
    animation: arcMoveDb 3.4s infinite;
}

@keyframes arcMoveDb {

    0%,
    15% {
        transform: translateX(0) translateY(10px) rotate(-8deg);
        animation-timing-function: linear;
    }

    45%,
    55% {
        transform: translateX(-40px) translateY(-12px) rotate(-8deg);
        animation-timing-function: linear;
    }

    85%,
    100% {
        transform: translateX(0) translateY(10px) rotate(-8deg);
    }
}

@keyframes arcMove {

    0%,
    15% {
        transform: translateX(-35px) translateY(0) rotate(-15deg);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    45%,
    55% {
        transform: translateX(140px) translateY(-65px) rotate(5deg);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    85%,
    100% {
        transform: translateX(-35px) translateY(0) rotate(-15deg);
    }
}

@keyframes arcMove2 {

    0%,
    15% {
        transform: translateX(-30px) translateY(0) rotate(-20deg);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    45%,
    55% {
        transform: translateX(150px) translateY(-70px) rotate(8deg);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    85%,
    100% {
        transform: translateX(-30px) translateY(0) rotate(-20deg);
    }
}

@keyframes arcMove3 {

    0%,
    15% {
        transform: translateX(-40px) translateY(0) rotate(-28deg);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    45%,
    55% {
        transform: translateX(165px) translateY(-85px) rotate(10deg);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

    85%,
    100% {
        transform: translateX(-40px) translateY(0) rotate(-28deg);
    }
}


/* ---thuy style hieu ung------- */
.col-mui-ten {
    overflow: visible !important;
    /* Đảm bảo các div không tràn ra ngoài */
}

.col-mui-ten .m-1 {
    width: 40px !important;
    position: absolute;
    top: 0px;
    transition: all 1s ease;
    /* Hiệu ứng mượt mà */

}

.col-mui-ten .m-2 {
    width: 40px !important;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 1s ease;
    /* Hiệu ứng mượt mà */
    opacity: 0;
    /* Mặc định ẩn đi */
}

.text-b-db p {
    transition: all 1s;
    color: #FFC600;
}

.text-yen {}

.mt-yen {
    position: absolute !important;
    right: 5px;
    top: 0px;
    width: 12px !important;
}

.h-u-2 {
    transform: translateX(100%);
    /* Ban đầu nằm ngoài màn hình, bên phải */
    opacity: 0;
    /* Ẩn đi */
    transition: all 1s ease-in-out;
    /* Hiệu ứng mượt khi thay đổi */
}

.h-u-2.active {
    transform: translateX(0);
    /* Trở về vị trí ban đầu */
    opacity: 1;
    /* Hiển thị */
}

.box-tu-van {
    position: relative;
    opacity: 0;
    transform: translateX(100px) rotate(15deg);
    transition: all 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.box-tu-van.animate {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
}

.vao-1 {
    position: relative;
    left: 107px;
    z-index: 1;
}

.vao-3 {
    position: relative;
    right: 73px;
    z-index: 1;
}

.vao-2 {
    position: relative;
    z-index: 2;
    top: -13px;
}

/* Thêm style cho animation */
/* Thêm style cho animation */
.vao-1,
.vao-2,
.vao-3 {
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.vao-2 {
    transform: translateY(-50px);
}

/* Ban đầu, vao-1 và vao-3 ở giữa */
.vao-1 {
    transform: translateX(107px);
    /* Đảo ngược: từ giữa đi ra trái */
}

.vao-3 {
    transform: translateX(-73px);
    /* Đảo ngược: từ giữa đi ra phải */
}

/* Classes cho animation */
.vao-2.active {
    opacity: 1;
    transform: translateY(0);
}

.vao-1.active,
.vao-3.active {
    opacity: 1;
    transform: translateX(0);
}



/* ----------tiep--------------- */
/* Style cơ bản */
.tt-1,
.tt-2,
.tt-3,
.tt-4 {
    opacity: 0;
}

.tt-3 {
    position: relative;
    z-index: 2;
    transform: translateY(50px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.tt-4 {
    position: relative;
    z-index: 2;
    transform: translateY(20px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.tt-1 {
    position: relative;
    left: 100px;
    z-index: 1;
    transform: translateX(0);
    transition: all 0.4s ease-in;
}

.tt-2 {
    position: relative;
    right: 100px;
    z-index: 1;
    transform: translateX(0);
    transition: all 0.4s ease-in;
}

/* Class để trượt ra ngoài */
.tt-1.slide-out {
    transform: translateX(-100vw);
}

.tt-2.slide-out {
    transform: translateX(100vw);
}

/* Khi active, transition chậm và mượt hơn để trượt vào */
.tt-1.active,
.tt-2.active {
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(0);
}

/* Animation classes */
.tt-3.active {
    opacity: 1;
    transform: translateY(0);
}

.tt-4.active {
    opacity: 1;
    transform: translateY(0);
}

/* --------hiệu ứng tiêp--------- */

.text-chay {
    height: 3px;
    background: #fff;
    width: 80%;
    margin: 0px auto;
}

/* -------------tiếp----------- */

/* Style cho các div */
.s-95-1,
.s-95-2,
.s-95-3,
.s-95-4 {
    position: absolute !important;
    top: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0s ease-in-out;
    z-index: 3;
}

/* Class active để hiện div */
.active-w {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}




/* ---------chien nua------- */
.section-img-md {
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
}

.section-img-md .section-bg {
    height: 100vh !important;
    background: #ff000000;
}

.img-md-1-mb {
    display: none;
}

.img-md-1 {
    position: relative !important;
    left: 12px;
    max-width: 92%;
    margin: 0px auto;
    top: 50px;
}

.section-img-md-pc,
.section-img-md-mb {
    display: none !important;
}

.show {
    display: block !important;
}

.tt-3 .img-inner {
    width: 131% !important;
    position: relative;
    top: -50px;
}

.tt-1,
.tt-2 {
    position: relative;
    top: 75px;
}

.tt-1 {
    left: 56px;
}

.tt-2 {
    left: 7px;
}


/* ---------phá--------- */
/* Style cho cả 2 icon phone */
.phone-db-1, .phone-db-2 {
    position: absolute !important;
    top: 27;
    left: 0;
}

/* Ẩn phone-db-2 ban đầu */
.phone-db-2 {
    display: none;
}

.section-header {
    /* padding-top: 54px !important; */
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 50;
    background: #ffffff;
    height: 91px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.section-header .col {
    padding-bottom: 0px;
}




/* ------------thuy tiep nua di--------- */
.section-header .text-1 p {
    cursor: pointer;
}

.text-yen {
    cursor: pointer;
}

.phone-db-1 {
    cursor: pointer;
}

.phone-db-2 {
    cursor: pointer;
}


.form-order-nn3 .form-group input {
    border: 1px solid #0C4394;
}

.section-header .ux-logo-image {
    position: relative;
    top: 13px;
}

/* ---------.section-banner------- */

.section-banner {
    margin-top:50px;
}


/* ---------.section-3-2------- */
.section-3-2 {
    min-height: 0px !important;
    padding: 80px 0px !important;
}

.section-3-2 .row {
   margin: 0px auto;
}

.section-3-2 .col {
    padding-bottom: 0px !important;
}

.section-3-2 .bg-fill {
    background-size: cover !important;
}

.section-3-2 .dung-ngay-container {
    background-color: #BD1E2D;
    padding: 10px 20px;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    position: relative;
    animation: move 2s infinite;
    width: 204px;
    /* Thêm animation */
}

.section-3-2 .dung-ngay-container p {
    font-family: 'SVN XBold' !important;
    font-size: 20px;

}

.section-3-2 .dung-ngay-container p:hover {
    cursor: pointer;
}

.section-3-2 .img img {
    width: auto;
}

.section-3-2 .arrow {
    content: "";
    position: absolute;
    top: 0px;
    left: -29px;
    border-top: 30px solid transparent;
    border-bottom: 33px solid transparent;
    border-right: 31px solid #BD1E2D;
    /* Màu mũi tên ban đầu */
    animation: arrowChange 2s infinite;
    /* Thêm animation cho mũi tên */
}

@keyframes move {
    0%, 100% {
        transform: translateX(0);
        background-color: #BD1E2D;
        color: #fff;
        /* Màu nền đỏ ban đầu */
    }

    50% {
        transform: translateX(-50px);
        /* Dịch sang trái */
        background-color: #F8DA7F;
        color: #0C4394;
        /* Đổi màu nền thành vàng */
    }
}

@keyframes arrowChange {
    0%, 100% {
        border-right-color: #BD1E2D;
        /* Màu mũi tên ban đầu */
    }

    50% {
        border-right-color: #F8DA7F;
        /* Đổi màu mũi tên thành vàng */
    }
}

.section-3-2 .col-icon-1 .col-inner {
    position: relative;
}

.section-3-2 .col-icon-1 .col-inner .icon-ht-1,
.section-3-2 .col-icon-1 .col-inner .icon-ht-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px !important;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}

/* Animation */
.section-3-2 .col-icon-1 .col-inner .icon-ht-1 {
    animation: fadeToggle1 3s infinite;
}

.section-3-2 .col-icon-1 .col-inner .icon-ht-2 {
    animation: fadeToggle2 3s infinite;
}

@keyframes fadeToggle1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeToggle2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.section-3-2 .text-2 p {
    color: #FFC600;
    font-family: 'SVN XBold' !important;
    text-transform: uppercase;
    font-size: 22px;
    padding-bottom: 0px !important;
    margin-bottom: 10px !important;
}

.section-3-2 .row-icon .col-icon-2 p {
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'SVN Medium' !important;
    position: relative;
    top: -8px;
    margin: 0px;
}

.section-3-2 .mn-1 {
    width: 40% !important;
    margin-left: 50px !important;
    margin-bottom: -35px !important;
}


/* ----------section-3-2-mb------- */
.section-3-2-mb {
    min-height: 880px !important;
    margin: 0px auto !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.section-3-2-mb .arrow {
    content: "";
    position: absolute;
    top: 0px;
    left: -29px;
    border-top: 30px solid transparent;
    border-bottom: 33px solid transparent;
    border-right: 31px solid #BD1E2D;
    animation: arrowChange 2s infinite;
}

@keyframes move {
    0%, 100% {
        transform: translateX(0);
        background-color: #BD1E2D;
        color: #fff;
        /* Màu nền đỏ ban đầu */
    }

    50% {
        transform: translateX(-50px);
        /* Dịch sang trái */
        background-color: #F8DA7F;
        color: #0C4394;
        /* Đổi màu nền thành vàng */
    }
}

@keyframes arrowChange {
    0%, 100% {
        border-right-color: #BD1E2D;
        /* Màu mũi tên ban đầu */
    }

    50% {
        border-right-color: #F8DA7F;
        /* Đổi màu mũi tên thành vàng */
    }
} */

.section-3-2-mb .row {
   margin: 0px auto;
}

.section-3-2-mb .col {
    padding-bottom: 0px !important;
}

.section-3-2-mb .col-icon-1 .col-inner {
    position: relative;
}

.section-3-2-mb .col-icon-1 .col-inner .icon-ht-1,
.section-3-2-mb .col-icon-1 .col-inner .icon-ht-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px !important;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}

/* Animation */
.section-3-2-mb .col-icon-1 .col-inner .icon-ht-1 {
    animation: fadeToggle1 3s infinite;
}

.section-3-2-mb .col-icon-1 .col-inner .icon-ht-2 {
    animation: fadeToggle2 3s infinite;
}

@keyframes fadeToggle1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeToggle2 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.section-3-2-mb .text-2 p {
    color: #FFC600;
    font-family: 'SVN XBold' !important;
    text-transform: uppercase;
    font-size: 20px;
    text-align: left !important;
}

.section-3-2-mb .row-icon .col-icon-2 p {
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'SVN Medium' !important;
    text-align: left !important;
}

.section-3-2-mb .mn-1 {
    width: 70% !important;
    margin-left: 80px !important;
    margin-bottom: -35px !important;
}

/* ----------end xử lý hiệu ứng dùng ngay------- */


/* ---------xử lý section-2-------- */
.section-2 {
    padding-top: 48px !important;
    padding-bottom: 29px !important;
}

.section-2 .form-custom {
    padding: 20px !important;
    background: linear-gradient(#2275D5, #0C4394);
    border-radius: 50px;
}

.section-2 form#ads-form-2 p {
    background: #fff;
    margin-bottom: .5em;
    margin-top: 0;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif !important;
    display: flex;
    align-items: center;
    color: #0C4394;
}

.section-2 .lst-detail-info p input[type="checkbox"] {
    margin: 5px;
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    background: #fff;
    border: 2px solid #0C4394;
    display: inline;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
}

.section-2 form#ads-form-2 p label {
    height: 37px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    text-align: left;
    color: #0C4394;
    font-size: 14px;
    width: 100%;
    margin-left: 10px;
    font-weight: 700;
}

.section-2 .section-2.form-custom input.fullName {
    color: #0C4394;
    height: 37px;
    border: 1px solid;
    margin-bottom: 5px;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    background-color: #fff;
    font-size: .97em;
    height: 2.507em;
    max-width: 100%;
    padding: 0 .75em;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    vertical-align: middle;
    width: 100%;
    touch-action: manipulation;
}

.section-2 form#ads-form .phone, .section-2 form#ads-form-2 .phone {
    border-radius: 0;
    height: 37px;
    color: #0C4394;
    border-color: #0C4394;
    appearance: none;
}

.section-2 .form-custom input::placeholder {
    font-size: 14px;
    color: #0C4394;
}

.section-2 .btn-dang-ky-tu-van {
    position: relative;
    animation: pulse 1.2s infinite;
    background: #BD1E2D;
    color: #fff;
    font-size: 24px;
    font-weight: bolder;
    font-family: 'SVN Bold' !important;
    line-height: 2.4em;
}

.form-group {
    position: relative;
    padding-bottom: 10px;
}

.section-2 #ads-form .lst-detail-info p input[type="checkbox"]:checked, .section-2 #ads-form-2 .lst-detail-info p input[type="checkbox"]:checked {
    background: url(../images/4-icon-tich-tt.png) !important;
    background-size: cover !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 0;
    width: 18px;
    height: 18px;
    position: relative;
    border: 0px solid #0A1C5F;
}

/* --------end xử lý section-2------- */

.section-4 {
    background: #F3F3F3 !important;
    position: relative;
    margin-top: -32px;
    z-index: 4;
    padding-top: 80px !important;
    padding-bottom: 60px !important;
    margin-bottom: -27px;
}

.section-5 {
    padding-top: 0px !important;
}

.section-2 .form-custom {
    padding: 60px !important;
    padding-top: 84px !important;
}

.section-2 .form-custom .title-1 {
    padding-bottom: 15px;
}

.section-2 form#ads-form-2 p label {}

.section-2 form#ads-form-2 p {
    padding-left: 8px;
    font-family: 'SVN Semibold' !important;
}

.section-2 .img-title-form {
    padding-top: 20px;
    padding-bottom: 22px;
}

.section-2 input[type=text], .section-2 input[type=number] {
    margin-bottom: 4px !important;
}

.section-2 label.error {
    font-size: 12px !important;
}

.section-5 .row-1 {
    margin-top: -96px;
}

.section-5 .row-1 .col-inner {
    max-width: 650px !important;
    margin: 0px auto !important;
    display: flex;
    justify-content: flex-end;
}

.section-5 .row-1 .col-inner .btn-tu-van {
    width: 268px;
    background: #BD1E2D;
    color: #fff;
    height: 55px;
    font-family: 'SVN XBold' !important;
    font-size: 24px;
}

.section-5 .row-1 .col-inner .btn-mua-hang {
    width: 268px;
    background: #F8DA7F;
    color: #0C4394;
    height: 55px;
    font-family: 'SVN XBold' !important;
    font-size: 24px;
}

.section-5 .row-1 .col-inner .button {}

.section-2 .btn-dang-ky-tu-van:hover {
    color: #0C4394;
    background: #F8DA7F;
}

.section-5 .row-1 .col-inner .btn-tu-van:hover {
    background: #F8DA7F;
    color: #0C4394;
}


.section-5 .row-1 .col-inner .btn-mua-hang:hover {
    background: #BD1E2D;
    color: #fff;
}

.section-5 {
    padding-bottom: 0px !important;
}

.section-5 .row-1 .col {
    padding-bottom: 0px !important;
}

.section-5-db {
    background: linear-gradient(182deg, rgba(15, 72, 154, 1) 17%, rgba(32, 113, 208, 1) 66%);
}

.section-5-db .text-1 p {
    text-align: center;
    color: #FFFFFF;
    font-size: 48px;
    font-family: 'SVN Bold' !important;
    padding-top: 15px;
    margin-bottom: 0px;
}

.section-5-db .btn-dat-hang {
    width: 71%;
    display: block !important;
    margin: 0px auto;
    background: #FFC600;
    color: #2D3091;
    font-family: 'SVN XBold' !important;
    font-size: 24px;
    height: 53px;
    min-height: auto;
    line-height: normal;
    padding-top: 5px;
    border-radius: 38px;
}

.section-5-db .row-1 .col {}

.section-5-db .udmh {
    margin-bottom: 0px !important;
}

.section-5-db .btn-dat-hang {
    margin-top: -110px;
    position: relative;
    z-index: 3;
    margin-bottom: 39px;
}

.section-5-db .btn-dat-hang:hover {
    background: #BD1E2D;
    color: #fff;
}

.section-6 .img-title-bc {
    padding-top: 30px;
    max-width: 763px;
    margin: 0px auto;
    padding-bottom: 24px;
}

.section-7 {
    padding-top: 0px !important;
    background: #F3F3F3;
}

.section-6 {
    background: #F3F3F3;
}

.section-8 .img-2 {
    padding-top: 50px;
}

.section-8 {
    padding-bottom: 10px !important;
}

.section-9 {
    background: linear-gradient(50deg, rgba(32, 113, 208, 1) 17%, rgba(13, 70, 152, 1) 66%) !important;
    padding-bottom: 17px !important;
}

.section-9 .row-1 {
    max-width: 950px !important;
    margin: 0px auto;
    padding-top: 8px;
}

.section-7 .flickity-page-dots {
    bottom: -46px !important;
}

.section-7 .flickity-page-dots .dot {
    background: #D9D9D9;
    border: 1px solid #D9D9D9;
    width: 18px !important;
    height: 18px !important;
}

.section-7 .flickity-page-dots .dot.is-selected {
    background: #0C4394;
}

.section-7 {
    padding-bottom: 73px !important;
}


.section-2 .btn-dang-ky-tu-van {
    border-radius: 63px;
    width: 270px;
    margin-top: 15px;
    height: 55px;
    min-height: auto;
    line-height: normal;
    padding-bottom: 1px;
}

.section-5 .row-1 {
    margin-top: -5%;
}