.baner-amin-cn{
    background-image: url(../images/hangcn/bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 680px;
}
.baner-amin-cn .content-cn {
    padding: 80px 0 20px 0;
 }
.baner-amin-cn .content-cn h2 {
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    font-weight: 700;
    line-height: 52px;
}
.bannerh1 {
    position: absolute;
    left: -9999px;
}
.btn-contact-cn {
    margin: 30px 0;
    background: linear-gradient(180deg, #FFBB00 0%, #FF4400 100%);
    width: 144px;
    height: 38px;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #ffffff;
    font-weight: 700;
}
.txt-21123 {
    color: #fff000;
    font-size: 26px;
    font-weight: 700;
}
.flex-center-cn {
    display: flex;
    align-items: center;
}
.flex-column-cn {
    display: flex;
    flex-direction: column;
}
.title-bn-cn {
    color: #fff000;
    font-size: 16px;
}
.fw-700 {
    font-weight: 700;
}
.cl-w {
    color: #ffffff;
}
.info-wh {
    padding-right: 20px;
    font-size: 13px;
}
.info-wh .quantity {
    font-size: 20px;
}

.line-title-home {
    text-align: center;
    padding: 30px;
}
.line-title-home h2 {
    font-size: 28px;
    text-transform: uppercase;
    color: #1D60A6;
    font-weight: 700;
}
.line-title-home h3 {
    font-size: 20px;
    text-transform: uppercase;
}

/*<!--// cảnh báou rủi ro -->*/
.wp-box-container {
    display: flex;
    gap: 30px;
    margin: 0 auto;
}

.wp-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wp-box {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    border-radius: 20px;
    background: #E4EFFA;
    border-right: 5px solid #006EB9;
}

.wp-box img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
}

.wp-content h3 {
    margin: 0 0 8px;
    font-size: 18px;
    color: #1D60A6;
    font-weight: 700;
}


@media (max-width: 768px) {
    .wp-box-container {
        flex-direction: column;
    }
}

/*lý do ------------------------------------*/
.reason-bg-2  {
    background-image: url(../images/hangcn/bg2.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.rs-w50pc {
    width: 50%;
}
.box-wp-rs {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #ECF3FA;
    border-radius: 20px;
    margin-bottom: 10px;
}
.box-wp-rs img {
    margin-right: 15px;
}
.box-wp-rs .rs-content p {
    margin-bottom: 0px;
    color: #1D60A6;
    font-weight: 700;
}
.box-wp-rs .rs-content span {
    font-size: 14px;
}
/* hình thức ------------------------------------*/
.detail-wp-form {
    background-image: url(../images/hangcn/bg3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 700px;
    position: relative;
    background-position-y: 10px;
}

.banner-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 10px;
    margin-top: 35px;
}
.btn {
    padding: 10px 25px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    color: #1D60A6 !important;
    border: 2px solid #1D60A6;
    background: #ffffff;
    text-transform: uppercase;
}

.banner-buttons .btn.activebtn {
    border: 2px solid #ED1C24;
    color: #ffffff !important;
    background: #ED1C24;
}
.btn:hover {
    border: 2px solid #ED1C24;
    color: #ffffff !important;
    background: #ED1C24;

}
.banner-content {
    height: 245px;
    overflow-y: auto;
    font-size: 15px;
    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #f0b800 transparent;
    color: #ffffff;
    width: 70%;
    margin: 50px auto;
}
.banner-content::-webkit-scrollbar {
    width: 6px;
}
.banner-content::-webkit-scrollbar-track {
    background: transparent;
}
.banner-content::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #F0B800 0%, #E97F00 100%);
    border-radius: 999px;
}
.banner-content::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #e0aa00 0%, #d96f00 100%);
}
.dess-res-seven  {
    display: flex;
    justify-content: center;
}
.dess-res-seven span {
    width: 55%;
    font-size: 14px;
    color: #555555;
    padding-top: 15px;
}
/*7 ly do*/
.seven-rs  {
    margin-top: 10px;
}
.seven-rs .line-title-home p {
    font-size: 15px;
    padding-top: 20px;
    color: #555555;
}

.content-seven {
    display: flex;
}
.content-seven .wp-left,
.content-seven .wp-right
{
    width: 50%;
}
.content-seven .wp-left {
    margin-left: 20px;
}
.content-seven .wp-right {
    margin-top: 65px;
    margin-left: -50px;
}


.content-seven  .box-item-left {
    display: flex;
    align-items: center;
    justify-content: end;
}
.content-seven .box-info {
    background: linear-gradient(90deg, #F6FBFF 0%, #E2F0FF 75.48%);
    font-size: 13px;
    height: 100px;
    display: flex; align-items: center;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 60px;
    width: 100%;
}
.content-seven .wp-left img {
    margin-left: -60px;
}
.box-am {
    margin-top: -50px;
}
/*.right*/
.content-seven  .box-item-right {
    display: flex;
    align-items: center;
    justify-content: start;
}
.content-seven  .box-item-right img {
    margin-right: -60px;
    z-index: 99;
}
.content-seven .box-info-right {
    background: linear-gradient(90deg, #F6FBFF 0%, #E2F0FF 75.48%);
    font-size: 13px;
    height: 100px;
    display: flex; align-items: center;
    border-radius: 20px;
    padding-left: 60px;
    width: 100%;
}
/*<!--// qui trình -->*/

.process-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    padding:50px 20px;
}

/* STEP */
.step{
    text-align:center;
    cursor:pointer;
}

.circle{
    width:140px;
    height:140px;
    border-radius:50%;
    background:#1f5fae;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    transition:.4s;
    box-shadow:0 0 0 8px rgba(31,95,174,.15);
}

.circle img{
    width:65px;
    transition:.4s;
}

.step:hover .circle{
    transform:translateY(-8px);
}

/* ACTIVE */
.step.active .circle{
    background:#ff2323;
    box-shadow:0 0 25px rgba(255,35,35,.4);
}

.step.active .circle::before{
    content:"";
    position:absolute;
    inset:-10px;
    border-radius:50%;
    border:2px solid rgba(255,35,35,.4);
    animation:pulse 1.8s infinite;
}

.step h3{
    margin-top:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
}

/* SVG ARROW */
.connector{
    width:140px;
    height:60px;
    overflow:visible;
}

.connector path{
    fill:none;
    stroke:#2f68b8;
    stroke-width:3;
    stroke-dasharray:10;
    animation:dashMove 1s linear infinite;
}

.connector polygon{
    fill:#2f68b8;
}

.up path{
    marker-end:url(#arrow1);
}

.down path{
    marker-end:url(#arrow2);
}

.connector:last-of-type path{
    marker-end:url(#arrow3);
}

/* EFFECT */
@keyframes dashMove{
    to{
        stroke-dashoffset:-20;
    }
}

@keyframes pulse{
    0%{
        transform:scale(1);
        opacity:1;
    }
    100%{
        transform:scale(1.3);
        opacity:0;
    }
}

/* MOBILE */
@media(max-width:768px){

    .process-wrap{
        flex-direction:column;
    }

    .connector{
        transform:rotate(90deg);
        width:60px;
        height:120px;
    }
}

.steps-content {
    background: linear-gradient(180deg, #FFEDED 0%, #FFEDED 100%);
    border-radius: 20px;
    text-align: center;
    padding: 20px;
    margin: 20px 0 50px 0;
}
.steps-content h4 {
    color: #ED1C24;
    font-weight: 700;
}
.steps-content p {
    font-size: 14px;
    margin-top: 10px;
}
.wp-process {
    background-image: url(../images/hangcn/bg4.png);
    background-repeat: no-repeat;
    background-size: cover;
}


/*<!-- phần form đăng ký -->*/
.wp-form-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp-form-bottom .title-form-ct {
    text-align: center;
    text-transform: uppercase;
}
.wp-form-bottom .title-form-ct p {
    color: #ED1C24;
    font-size: 32px;
    font-family: "Anton SC", sans-serif;
    line-height: 48px;
    letter-spacing: 0%;
    margin-bottom: 10px;
}
.wp-form-bottom .title-form-ct span {
    color: #165CA6;
    font-size: 32px;
    font-family: "Anton SC", sans-serif;
}
.button-wp {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}
.wp-form-bottom .p-text {
    text-align: center;
    color: #1D60A6;
}
/*// form*/
.contact-form {
    margin: 0 auto;
    padding: 20px;
    border-radius: 16px;
    background: linear-gradient(270deg, #2073C9 0%, #1D60A6 100%);
    width: 335px;
}

.contact-form .wpforms-field-label {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    margin-bottom: 8px;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    width: 100% !important;
    padding: 14px 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    transition: all .3s ease;
    max-width: 100% !important;
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
    border-color: #ff6b00 !important;
    box-shadow: 0 0 0 4px rgba(255,107,0,.15);
    outline: none;
}

.contact-form textarea {
    min-height: 140px;
    resize: vertical;
}

.contact-form button[type="submit"] {
    width: 100%;
    padding: 15px;
    background: #ED1C24 !important;
    border: none;
    border-radius: 100px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease;
    margin: auto !important;
    display: block !important;
}

.contact-form button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255,107,0,.3);
}
.contact-form .title-form {
    text-align: center;
}
.contact-form .title-form p {
    color: #ffffff;
    font-family: "Anton SC", sans-serif;
    margin-bottom: 5px;
}
.contact-form .title-form span {
    font-style: italic;
    color: #ffffff;
}












.bg-quote-price {
    background-image: url(../images/hangcn/bannerprice.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-quote-detail {
    padding: 50px 0;
    background-image: url(../images/hangcn/banner5.png);
    background-repeat: no-repeat;
    background-size: cover;
}
/* responsive mobile */
@media(max-width: 768px){
    .row-4{
        grid-template-columns: 1fr 1fr;
    }

}

@media(max-width: 480px){
    .row-4{
        grid-template-columns: 1fr;
    }
}

.contact-iframe{
    width: 100%;
    height: 900px;
    border: none;
    display: block;
    background: transparent;
}

/* scrollbar đẹp */
.contact-iframe::-webkit-scrollbar{
    width: 10px;
}

.contact-iframe::-webkit-scrollbar-track{
    background: #f1f1f1;
    border-radius: 20px;
}

.contact-iframe::-webkit-scrollbar-thumb{
    background: linear-gradient(180deg,#4facfe,#00c6fb);
    border-radius: 20px;
}

.contact-iframe::-webkit-scrollbar-thumb:hover{
    background: linear-gradient(180deg,#2196f3,#00bcd4);
}
.contact-wrapper{
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
}

.contact-iframe{
    width: 100%;
    border: none;
    display: block;
    overflow: hidden;
    background: transparent;
    min-height: 300px;
}