.dv_style5-box1.dv_style3-box1.dv_style1-box1 .banner {
    left: 35%;
}

/*  */
.item-dv5-box2 {
    max-width: 380px;
    width: 100%;
    margin-bottom: 60px;
}

.main-dv_style5-box2 .row {
    background-image: url(./images/dv5/bg-dv_style5-box2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom -110px center;
}

.left .item-dv5-box2-0 {
    margin-left: auto;
}

.right .item-dv5-box2-1 {
    margin-left: auto;
}

.item-dv5-box2 .title {
    background-color: var(--Orange, #FF9F1C);
    border-width: 3px;
    border-style: solid;
    border-color: #FFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12) inset;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.12));
    border-radius: 52px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 12px;
    gap: 5px;
    font-weight: 800;
}

.item-dv5-box2 .desc {
    border-radius: 13.799px;
    border: 2px dashed var(--Orange, #FF9F1C);
    background: #FFF;
    padding: 20px;
    background-color: #fff;
    min-height: 136px;
}

/*  */
.dv_style5-box3 {
    background-image: url(./images/dv5/bg-dv_style5-box3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 6rem;
}

.item-dv5-box3 {
    padding: 16px 24px 20px 16px;
    border-radius: 24px;
    height: 100%;
}

.main-dv_style5-box3 .item-dv5-box3-1,
.main-dv_style5-box3 .item-dv5-box3-3,
.main-dv_style5-box3 .item-dv5-box3-5,
.main-dv_style5-box3 .item-dv5-box3-7 {
    position: relative;
    /* border: 0.5px solid #FFF; */
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(6px);
    border: 1px solid transparent;

}

/* .main-dv_style5-box3 .item-dv5-box3-1::after,
.main-dv_style5-box3 .item-dv5-box3-3::after,
.main-dv_style5-box3 .item-dv5-box3-5::after,
.main-dv_style5-box3 .item-dv5-box3-7::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;
 
    background:  linear-gradient(45deg, #ffffff00 0%, #ffffff 50%, #ffffff00 100%) border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
} */

.main-dv_style5-box3 .item-dv5-box3-2,
.main-dv_style5-box3 .item-dv5-box3-4,
.main-dv_style5-box3 .item-dv5-box3-6,
.main-dv_style5-box3 .item-dv5-box3-8 {

    position: relative;

    box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(6px);
    background: rgba(62, 62, 62, 0.20);


}

/* .main-dv_style5-box3 .item-dv5-box3-2::after,
.main-dv_style5-box3 .item-dv5-box3-4::after,
.main-dv_style5-box3 .item-dv5-box3-6::after,
.main-dv_style5-box3 .item-dv5-box3-8::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;

    background: linear-gradient(135deg, #fff 0%, #ffffff00 50%, #fff 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
} */

/*  */
.row-top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    /* margin-bottom: 16px; */
}

.row-bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 0 auto;
    /* căn giữa */
}

.item-dv5-box5 {
    padding: 24px;
    border-radius: 13.799px;
    background: #FFF;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.12);
}

.item-dv5-box5:hover {

    border: 2px dashed var(--Orange, #FF9F1C);

    box-shadow: 0 0 12px 0 rgba(16, 62, 122, 0.16) inset;
}

.item-dv5-box5 .title {
    font-size: 20px;
}

/*  */
.item-dv5-box8 {
    background-color: #FFF;
    border-width: 1.34px;
    border-color: var(--Blue, #0053EB);
    border-style: dashed;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.12));
    border-radius: 26.8px;
    padding: 24px;
}

.item-dv5-box8 .icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;

    background: #FFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
}

/*  */
.main-dv_style5-box10 .banner::after,
.main-dv_style5-box10 .banner::before {
    content: "";
    width: 1000%;
    height: 436px;

    border-radius: 24px 154px 24px 24px;
    position: absolute;
    left: -915%;
    bottom: 0;
    z-index: -1;
}

.main-dv_style5-box10 .banner::after {
    background-color: #FFC92B;
}

.main-dv_style5-box10 .banner::before {
    background-color: #0053EB;
    z-index: -2;
    transform: rotate(-4.228deg);
    bottom: -30%;
    left: -911%;
}
/*  */
@media screen and (max-width:768px) {
    .row-top,.row-bottom{
        grid-template-columns: repeat(1, 1fr);
    }
}