@media (min-width: 765.01px) {
    .site-anhtt-37-complete .wrap-dh {
        background-image: url(../img/intro/new/banner.webp);
        background-size: contain;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 10vw;
        padding: 5.5vw 0;
    }
    .font-weight-700 {
        font-weight: 700 !important;
    }
    .intro-page .w-content .img img.cover {
        width: 100%;
        padding-left: 34px;
        padding-right: 34px;
    }
    .intro-page .w-content h2, .intro-page .w-content p {
        padding-left: 34px;
        padding-right: 34px;
    }
    .site-anhtt-37-complete .wrap-dh p, .site-anhtt-37-complete .wrap-dh h1 {
        margin: 0;
        color: #ff551b;
        font-size: 36px;
    }

    .site-anhtt-37-complete .w-content2 {
        padding: 35px 34px;
    }

    .site-anhtt-37-complete .w-content2 h2, .site-anhtt-37-complete .w-content2 h3.h3 {
        font-size: 18px;
        font-weight: 500;
        color: #1441f0;
        line-height: 1.3;
        margin-bottom: 10px
    }

    .site-anhtt-37-complete .w-content2 h3, .site-anhtt-37-complete .w-content2 h4 {
        font-size: 16px;
        font-weight: 100;
        color: #303030;
        line-height: 1.3;
        margin-bottom: 10px;
        margin-left: -10px;
    }

    .site-anhtt-37-complete .w-content2 p {
        margin-bottom: 5px;
        font-size: 16px;
        position: relative;
        padding-left: 15px;
        line-height: 1.4;
    }

    .site-anhtt-37-complete .w-content2 p:before {
        content: '';
        background-image: url(../img/intro/icon_p.png);
        position: absolute;
        top: 5px;
        left: 0;
        height: 13px;
        width: 8px;
        background-size: cover
    }

    .site-anhtt-37-complete .w-cta {
        text-align: center;
    }

    .site-anhtt-37-complete .w-cta p {
        padding-top: 50px;
        font-size: 28px;
        font-weight: 500;
        color: #4768A6;
        position: relative;
        margin-bottom: 30px;
    }

    .site-anhtt-37-complete .w-cta p:before {
        content: '';
        position: absolute;
        bottom: -22px;
        left: calc(50% - 4px);
        transform: translateX(-50%);
        background-image: url(../img/intro/new/bottom-a.png);
        height: 22px;
        width: 208px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-x: 0px;
    }

    .site-anhtt-37-complete .w-cta a img {
        width: 100%;
        max-width: 520px;
    }

    .site-anhtt-37-complete .w-content {
        padding: 35px 0 15px 0
    }

    .site-anhtt-37-complete .w-content .img {
        line-height: 0;
        margin-bottom: 25px
    }

    .site-anhtt-37-complete .w-content h2 {
        font-size: 18px;
        font-weight: 500;
        color: #303030;
        line-height: 1.3;
        margin-bottom: 7px
    }

    .site-anhtt-37-complete .w-content p {
        margin-bottom: 5px;
        font-size: 14px
    }

    .site-anhtt-37-complete .no-padding {
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .site-anhtt-37-complete .cover2 {
        background-image: url(../img/intro/pink_header_pc.png);
        padding: 12px 0px 12px 20px;
        display: flex;
        align-items: center;
        background-repeat: no-repeat;
        background-size: 130%;
        background-position-y: -13px;
        background-position-x: left;
    }

    .site-anhtt-37-complete .cover2 .img {
        max-width: 60px
    }

    .site-anhtt-37-complete .cover2 p, .site-anhtt-37-complete .cover2 h2 {
        margin: 0;
        padding-left: 10px;
        color: #eb5c2a;
        font-size: 21px;
        font-weight: 300;
        padding-top: 7px;
        padding-bottom: 7px;
        letter-spacing: -1px;
    }

    .site-anhtt-37-complete .cover2 h2 {
        line-height: 1.6;
    }
    .title-intro{
        font-size: 26px;
        line-height: 20px;
        font-weight: 600;
        padding-top: 44px;
        text-align: center;
    }
    .normal-intro-p {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        text-align: center;
    }
    .normal-intro-p>span.color-ff5e20 {
        color: #ff5e20 !important;
    }
    .img-banner2 {
        max-width: 875px;
        text-align: center;
        padding-top: 50px;
        width: 100%;
    }
    .img-banner3 {
        max-width: 550px;
        text-align: center;
        width: 100%;
    }
    .img-title {
        width: 100%;
        max-width: 781px;
        text-align: center;
        padding-top: 47px;
        padding-left: 28px;
    }
    .title-bottom{
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        width: 781px;
        position: relative;
        margin-top: -25px;
        z-index: 2;
    }
    .title-bottom-item {
        width: 49%;
        background-color: #FFF5C5;
        border-radius: 16px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .title-bottom-item>p {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0;
        text-align: left;
    }
    .or-abs {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: #000;
        color: #fff;
        border-radius: 50%;
        font-size: 26px;
        line-height: 45px;
        text-align: center;
        font-weight: 500;
        left: 366px;
        top: 34px;
    }
    .img-title2 {
        padding-top: 53px;
        max-width: 305px;
        width: 100%;
    }
    .img-title3 {
        padding-top: 94px;
        max-width: 319px;
        width: 100%;
    }
    .img-banner-slide {
        width: 100%;
        max-width: 875px;
        padding-top: 60px;
    }
    .img-banner4 {
        padding-top: 12px;
    }
    .caution-bottom {
        margin-top: 103px !important;
        max-width: 784px;
        width: 100%;
        margin: 0 auto;
        border: solid 8px #FF6E35;
        height: 260px;
        border-radius: 15px;
    }
    .caution-bottom-header {
        height: 71px;
        background-color: #FF6E35;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 28px;
        font-weight: 500;
        color: #fff;
        margin-top: -6px;
    }
    .caution-bottom-header>div {
        padding-right: 50px;
        letter-spacing: 7px;
    }
    .caution-bottom-header img {
        max-width: 35px;
        margin-right: 10px;
    }
    .caution-bottom-body {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 22px;
        text-align: left;
        padding-left: 25px;
    }
    .caution-bottom-body>div {
        font-size: 20px;
        font-weight: 500;
        color: #ff6e35;
        line-height: 34px;
    }
    .caution-bottom-body>div p{
        text-indent: -25px;
        font-size: 20px;
        font-weight: 500;
        color: #ff6e35;
        line-height: 32px;
        margin-bottom: 0;
    }

    @media (max-width: 1580px) {

        .site-anhtt-37-complete .wrap-dh {
            background-size: contain;
        }
    }

}
@media (max-width: 765px) {
    .site-anhtt-37-complete .w-hd {
        padding-top: 30px
    }
    .intro-page-cover {
        margin-left: -7px;
        margin-right: -7px;
    }
    .site-anhtt-37-complete .w-hd .nav-2 ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex
    }

    .site-anhtt-37-complete .w-hd .nav-2 ul li {
        margin-right: 15px;
        background-color: #c0c9cf;
        border-radius: 10px 10px 0 0;
        text-align: center;
        padding: 10px 20px;
        width: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }

    .site-anhtt-37-complete .w-hd .nav-2 ul li span {
        color: #fff;
        font-size: 12px
    }

    .site-anhtt-37-complete .w-hd .nav-2 ul li p {
        margin-bottom: 0;
        color: #fff;
        font-size: 15px;
        width: 100%
    }

    .site-anhtt-37-complete .w-hd .nav-2 ul li img {
        max-width: 30px
    }

    .site-anhtt-37-complete .wrap-dh {
        background-image: url(../../../2023_mobile/assets/img/intro/cover.webp);
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 35px 0;
        /* height: 10vw; */
        background-position: center;
    }

    .site-anhtt-37-complete .wrap-dh p, .site-anhtt-37-complete .wrap-dh h1 {
        margin: 0;
        color: #ff551b;
        font-size: 20px;
        font-weight: 500;
    }

    .sha-container.intro-page {
        padding: 0 15px;
    }
    .site-anhtt-37-complete .w-content2 {
        padding: 35px 0
    }

    .site-anhtt-37-complete .w-content2 h2, .site-anhtt-37-complete .w-content2 h3.h3 {
        font-size: 14px;
        font-weight: 500;
        color: #1441f0;
        line-height: 1.3;
        margin-bottom: 10px;
        text-align: center;
    }

    .site-anhtt-37-complete .w-content2 h3, .site-anhtt-37-complete .w-content2 h4 {
        font-size: 12px;
        font-weight: 300;
        color: #222;
        line-height: 1.3;
        margin-bottom: 10px
    }

    .site-anhtt-37-complete .w-content2 p {
        margin-bottom: 5px;
        font-size: 12px;
        position: relative;
        padding-left: 25px;
        line-height: 1.4;
    }

    .site-anhtt-37-complete .w-content2 p:before {
        content: '';
        background-image: url(../img/icon_ang.png);
        position: absolute;
        top: 5px;
        left: 12px;
        height: 13px;
        width: 8px;
        background-size: cover
    }

    .site-anhtt-37-complete .w-content {
        padding: 15px 0 15px 0
    }

    .site-anhtt-37-complete .w-content .img {
        line-height: 0;
        margin-bottom: 25px
    }

    .site-anhtt-37-complete .w-content h2 {
        font-size: 14px;
        font-weight: 500;
        color: #222;
        line-height: 1.3;
        margin-bottom: 7px;
        text-align: center;
    }

    .h2-subtitle {
        display: block;
    }

    .site-anhtt-37-complete .w-content p {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 1.4;
        letter-spacing: -0.05em;
    }

    .site-anhtt-37-complete .cover2 {
        background-image: url(../img/intro/ping_cover_mb.png);
        padding: 10px 5px;
        display: flex;
        background-repeat: no-repeat;
        background-size: 126%;
        background-position-x: left;
        background-position-y: -22px;
    }

    .site-anhtt-37-complete .cover2 .img {
        max-width: 32px;
        margin-top: 0px;
    }

    .site-anhtt-37-complete .cover2 p, .site-anhtt-37-complete .cover2 h2 {
        margin: 0;
        padding-left: 5px;
        color: #eb5c2a;
        font-size: 15px;
        line-height: 1.3;
        letter-spacing: -0.05em;
    }

    .title-intro {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
        padding-top: 18px;
        text-align: center;
    }
    .normal-intro-p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        text-align: left;
        letter-spacing: 1px;
        margin-bottom: 7px;
    }
    .normal-intro-p>span.color-ff5e20 {
        color: #ff5e20 !important;
    }
    .img-banner2 {
        max-width: 875px;
        text-align: center;
        padding-top: 33px;
        width: 100%;
    }
    .img-banner3 {
        max-width: 550px;
        text-align: center;
        width: 100%;
    }
    .img-title {
        width: 69%;
        max-width: 350px;
        text-align: center;
        padding-top: 35px;
        padding-left: 0;
        padding-bottom: 10px;
    }
    .title-bottom img{
        width: 100%;
    }
    .title-bottom-item>p {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
        text-align: left;
    }
    .or-abs {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: #000;
        color: #fff;
        border-radius: 50%;
        font-size: 26px;
        line-height: 45px;
        text-align: center;
        font-weight: 500;
        left: 366px;
        top: 34px;
    }
    .img-title2 {
        padding-top: 35px;
        width: 69%;
        max-width: 350px;
    }
    .img-title3 {
        padding-top: 70px;
        width: 80%;
        max-width: 350px;
    }
    .img-banner-slide {
        width: 100%;
        max-width: 875px;
        padding-top: 32px;
    }
    .img-banner4 {
        padding-top: 64px;
    }
    .caution-bottom {
        margin-top: 40px !important;
        max-width: 784px;
        width: 100%;
        margin: 0 auto;
        border: solid 6px #FF6E35;
        height: 276px;
        border-radius: 15px;
    }

    .caution-bottom-header {
        height: 56px;
        background-color: #FF6E35;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        font-weight: 500;
        color: #fff;
        margin-top: 0px;
    }
    .caution-bottom-header>div {
        padding-right: 20px;
        letter-spacing: 5px;
    }
    .caution-bottom-header img {
        max-width: 28px;
        margin-top: -6px;
        margin-right: -4px;
    }
    .caution-bottom-body {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 22px;
        text-align: left;
        padding-left: 35px;
        padding-right: 15px;
    }
    .caution-bottom-body>div {
        font-size: 18px;
        font-weight: 500;
        color: #ff6e35;
        line-height: 32px;
    }
    .caution-bottom-body>div p {
        text-indent: -25px;
        font-size: 18px;
        font-weight: 500;
        color: #ff6e35;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .caution-bottom-body>div p.span-p{
        font-size: 16px;
        font-weight: 500;
        color: #ff6e35;
        line-height: 22px;
        margin-bottom: 5px;
        text-indent: -21px;
        margin-left: 18px;
    }


    .site-anhtt-37-complete .w-cta {
        text-align: center;
    }

    .site-anhtt-37-complete .w-cta p {
        padding-top: 30px;
        font-size: 20px;
        font-weight: 500;
        color: #4768A6;
        position: relative;
        margin-bottom: 28px;
    }

    .site-anhtt-37-complete .w-cta p:before {
        content: '';
        position: absolute;
        bottom: -22px;
        left: calc(50% - 4px);
        transform: translateX(-50%);
        background-image: url(../img/intro/new/bottom-a.png);
        height: 22px;
        width: 150px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-x: 0px;
    }

    .site-anhtt-37-complete .w-cta a img {
        width: 100%;
        max-width: 520px;
    }
    .full-w-sp-no-m {
        margin-left: -15px;
        margin-right: -15px;
    }

    .font-weight-700 {
        font-weight: 700 !important;
    }
}
@media (max-width: 430px) {
    .site-anhtt-37-complete .wrap-dh p, .site-anhtt-37-complete .wrap-dh h1 {
        margin: 0;
        color: #ff551b;
        font-size: 20px;
        font-weight: 500;
    }
}

@media (max-width: 388px) {
    .normal-intro-p {
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0.4px;
    }
}
@media (max-width: 376px) {
    .caution-bottom-body>div p {
        text-indent: -25px;
        font-size: 17px;
    }
}
@media (max-width: 370px) {
    .site-anhtt-37-complete .wrap-dh p, .site-anhtt-37-complete .wrap-dh h1 {
        font-size: 18px;
    }
    .title-intro {
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
        padding-top: 16px;
        text-align: center;
    }

}

@media (max-width: 366px) {
    .normal-intro-p {
        font-size: 12px;
        line-height: 15px;
    }
}

@media (max-width: 374px) {
    .normal-intro-p {
        font-size: 13px;
        line-height: 17px;
        letter-spacing: 0.4px;
    }
}

@media (max-width: 360px) {
    .caution-bottom-body>div p {
        text-indent: -22px;
        font-size: 16px;
    }
}