.tagline-ds {
    width: 75% !important;
    margin-top: 19% !important;
    margin-left: 32% !important;
}
.dstg {
    position: absolute;
    top: 7.4% !important;
    z-index: 9;
    left: 45.8%;
    width: 41%;
}
.div-ds{
    width: 100%;
    display: block;
    margin-top: 6% !important;
}
.m-auto{
    margin: auto !important;
}
.g1{
    width: 72%;
    transform: translate(2%, 0);
}
.g2{
    width: 76%;
    transform: translate(2%, 0);
    margin-top: 3% !important;
}
.div-kiemtra{
    width: 100%;
    display: block;
    margin-top: 4% !important;
}
.div-kiemtra p {
    color: #0a9f10;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    font-size: 320%;
    width: 100%;
}


.p-kiemtra {
    color: #ffd80b;
    text-align: center;
    width: 96.2%;
    font-size: 400%;
    font-style: italic;
}
.form-kiemtra {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7%;
    margin: auto !important;
    margin-top: 1.4% !important;
    width: 46%;
}


.inp-kiemtra{
    flex: 33%;
    width: 33% !important;

}
.inp-kiemtra::placeholder {
    color: #000000;
    font-size: 100%;
    opacity: 0.7;
  }

.btn-kiemtra{
    flex: 20%;
    background: #099f11;
    color: #fae619;
}
.inp-kiemtra, .btn-kiemtra{
    font-size: 370%;
}

.form-kiemtra input, .form-kiemtra button {
    height: 148px;
    border-radius: 30px;
    border: 8px solid #fcec05;
}

.nhanngay-conlai{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 90% !important;
    margin-top: 9% !important;
}
.nhanngay{
    position: relative;
    flex: 54%;
    margin-left: 5% !important;
}
.conlai {
    flex: 46%;
    transform: translate(-6%, -9%) scale(0.7);
}
.p-conlai{
    position: absolute;
    bottom: 16%;
    font-size: 700%;
    margin-left: 19% !important;
    color: #0b9f11;
    font-weight: 600;
    text-shadow: 4px 5px 10px #929292;
}
.img-card{
    position: absolute;
    -webkit-filter: drop-shadow(5px 5px 5px #1e1e1e);
    filter: drop-shadow(4px 4px 4px #1e1e1e);
    width: 100%;;
}
.div-card10{
    width: 14% !important;
    top: 3%;
    left: 14%;
}
.div-card20 {
    width: 23% !important;
    top: -7%;
    left: 27%;
}
.div-card50 {
    width: 24% !important;
    top: -9%;
    right: 23%;
}

.card10ds{
    transform: rotate(-37deg) !important;
}
.card20ds{

}
.card50ds{
    transform: rotate(-15deg);
}
.div-phien{
    margin-top: -8% !important;
}
.div-phien p.p-live{
    font-size: 322%;
    width: 95%;
    font-weight: 600;
}
.div-live iframe {
    height: 994px !important;
    width: 52% !important;
    display: block;
    margin: auto;
    margin-top: 0.6%;
    border-radius: 0;
}
.saobien-ds{
    width: 6%;
    position: absolute;
    margin-top: 2.1% !important;
    left: 0;
}
.group-txt{
    position: absolute;
    display: block;
    overflow-x: hidden;
}
.group-txt::-webkit-scrollbar {
    width:5px
}
.group-txt::-webkit-scrollbar-thumb {
    background-color: #319b00d0 !important;
}
.group-txt-g1{
    top: 49%;
    width: 70%;
    left: 17%;
}
.c0{
    display: block;
    width: 50%;
    float: left;
}
.group-txt .c1{
    width: 42%;;
}
.c2{

}
.c0 span{
    font-size: 300%;
    font-weight: 800;
    line-height: 142%;
}
.sc1{
    color: #196502;
}
.sc2{
    color: #ff3333;
}
.group-txt-g2{
    top: 38.7%;
    left: 18.4%;
    width: 66%;
}

.la2-left-ds {
    left: 0;
    width: 11% !important;
    z-index: -1;
    top: 2%;
    position: absolute;
}
.la1-left-ds {
    left: 0;
    width: 13% !important;
    z-index: -1;
    top: -1%;
}
.la1-right-ds {
    right: 0;
    width: 13% !important;
    z-index: -1;
    top: 1%;
}
.ladua-ds2 {
    top: 4.6%;
    width: 12%;
    left: 0%;
    z-index: -1;
    position: absolute;
}
.ladua-ds1 {
    top: 45.6%;
    width: 14%;
    left: 0%;
    z-index: -1;
    position: absolute;
}
.ladua-ds3 {
    top: 17.6%;
    width: 14%;
    right: 0%;
    z-index: -1;
    position: absolute;
}
.ladua-ds5 {
    top: 49.6%;
    width: 11%;
    z-index: -1;
    position: absolute;
    right: 0;
}
.ladua-ds6 {
    top: 79.6%;
    width: 11%;
    z-index: -1;
    position: absolute;
    right: 0;
}
.background-custom-ds {
    background-image: url(../images/bg_ds.jpg);
}
@media (max-width: 2000px) {
    .div-live iframe{
        height: 655px !important;
    }
    .div-live {
        height: 855px !important;
    }
}
@media (max-width: 2350px){
    .c0 span {
        font-size: 273%;
        line-height: 138%;
    }
    .form-kiemtra {
        margin-top: 1% !important;
    }
    .nhanngay-conlai {
        margin-top: 8% !important;
    }
    .background-footer-ds {
        margin-top: 4% !important;
    }
}
@media (max-width: 2300px){
    .p-conlai {
        font-size: 600%;
    }
    .inp-kiemtra, .btn-kiemtra {
        font-size: 320%;
    }
    .div-phien p.p-live,.div-kiemtra p {
        font-size: 280%;
    }
}
@media (max-width: 2200px){
}
@media (max-width: 2150px){
    .c0 span {
        font-size: 256%;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 127px;
        border-radius: 23px;
    }
    .div-phien {
        margin-top: -7% !important;
    }
    .background-footer-ds {
        margin-top: 0% !important;
    }
}
@media (max-width: 2100px){
}
@media (max-width: 2050px){
    .c0 span {
        font-size: 242%;
        line-height: 137%;
    }
    .div-kiemtra p {
        font-size: 260%;
    }
}
@media (max-width: 2000px){
    .dstg {
        top: 7% !important;
    }
    .background-footer-ds {
        margin-top: -4% !important;
    }
    .div-phien p.p-live, .div-kiemtra p {
        font-size: 240%;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 119px;
        border-radius: 23px;
        font-size: 280%;
    }
    .p-conlai {
        font-size: 550%;
    }
        .p-conlai {
        font-size: 500%;
    }
}
@media (max-width: 1950px){
    
}
@media (max-width: 1900px){
}
@media (max-width: 1800px){
    .div-live {
        height: auto !important;
    }
    .c0 span {
        font-size: 213%;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 101px;
        border-radius: 23px;
        font-size: 250%;
    }
    .p-conlai {
        font-size: 500%;
    }
    .div-phien p.p-live, .div-kiemtra p {
        font-size: 210%;
    }
    .nhanngay-conlai {
        margin-top: 9% !important;
    }
    .div-live iframe {
        height: 495px !important;
    }
    .background-footer-ds {
        margin-top: 15% !important;
        height: 440px;
    }
}
@media (max-width: 1750px){

}
@media (max-width: 1700px){
}
@media (max-width: 1600px){
    .p-conlai {
        font-size: 450%;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 86px;
        border-radius: 23px;
        font-size: 250%;
        border: 6px solid #fcec05;
    }
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 189%;
    }
    .background-footer-ds {
        margin-top: 12% !important;
        height: 379px;
    }

}
@media (max-width: 1500px){
    .p-conlai {
        font-size: 400%;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 82px;
        border-radius: 23px;
        font-size: 200%;
        border: 6px solid #fcec05;
    }
    .form-kiemtra {
        margin-top: 0.5% !important;
    }
}
@media (max-width: 1450px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 168%;
    }
    .background-footer-ds {
        margin-top: 12% !important;
        height: 310px;
    }
}
@media (max-width: 1300px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 152%;
    }
    .div-body-ds {
        margin-top: -4% !important;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 81px;
        border-radius: 23px;
        font-size: 170%;
    }
    .p-conlai {
        font-size: 350%;
    }
    .background-footer-ds {
        margin-top: 6% !important;
        height: 282px;
    }
}
@media (max-width: 1200px){
    
}
@media (max-width: 1150px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 134%;
    }
    .background-footer-ds {
        margin-top: 7% !important;
        height: 186px;
    }
    
}
@media (max-width: 1100px){
    
}
@media (max-width: 1024px){
    .form-kiemtra input, .form-kiemtra button {
        height: 60px;
        border-radius: 18px;
        font-size: 150%;
        border: 4px solid #fcec05;
    }
    .p-conlai {
        font-size: 290%;
    }
    .background-footer-ds {
        margin-top: -1% !important;
        height: 185px;
    }
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 115%;
    }
}
@media (max-width: 900px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 100%;
    }
}
@media (max-width: 950px){
    .p-conlai {
        font-size: 250%;
    }
    .c0 span {
       font-weight: 600;
    }
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 110%;
    }
}
@media (max-width: 853px){
    .form-kiemtra input, .form-kiemtra button {
        font-size: 130%;
    }
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 105%;
    }
}
@media (max-width: 820px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 93%;
    }
    .group-txt-g1 {
        top: 45%;
    }
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 85%;
        line-height: 100%;
    }
    .p-conlai {
        font-size: 220%;
    }
    .div-live iframe {
        height: 378px !important;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 51px;
        border-radius: 20px;
        font-size: 120%;
        border: 4px solid #fcec05;
    }
    .group-txt-g2 {
        top: 34.7%;
        left: 18.4%;
    }
}
@media (max-width: 768px){
}

@media (max-width: 700px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 80%;
    }
    .c0 {
        height: 22px;
    }
    .form-kiemtra input, .form-kiemtra button {
        font-size: 88%;
    }
    .p-conlai {
        font-size: 180%;
    }

}

@media (max-width: 650px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 77%;
    }
}

@media (max-width: 630px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 70%;
    }
}

@media (max-width: 582px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 68%;
    }
}
    
@media (max-width: 575.98px){
    .tagline-ds{width: 95% !important;}
    .div-live iframe{
        height: 355px !important;
    }
    .div-live {
        height: 255px !important;
    }
    .g1 {
        width: 95%;
        transform: translate(2%, 0);
    }
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 84%;
        line-height: 100%;
    }
    .c0 {
        height: 16px;
    }
    .g2 {
        width: 100%;
        transform: translate(1%, 0);
        margin-top: 3% !important;
    }
    .form-kiemtra {
        gap: 5%;
        
        margin-top: 1.4% !important;
        width: 67%;
    }
    .form-kiemtra input, .form-kiemtra button {
        height: 37px;
        border-radius: 10px;
        font-size: 80%;
        border: 3px solid #fcec05;
    }
    .nhanngay-conlai {
        flex-direction: column;
    }
    .background-custom-ds {
        background-image: url(../images/bg_ds.jpg);
        height: 1854px;
    }
    .conlai {
        flex: 46%;
        transform: translate(5%, -15%) scale(0.7);
        margin-top: 14% !important;
    }
    .div-live iframe {
        height: 235px !important;
        width: 100% !important;
    }
    .background-footer-ds {
        margin-top: 23% !important;
        height: 343px;
    }
    .saobien-ds {
        width: 8%;
        margin-top: 20.1% !important;
        left: 0;
    }
    .div-logo-footer-ds{
        transform: translate(-21%, 124%) scale(0.7);
    }
}
@media (max-width: 520px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 77%;
        line-height: 100%;
    }
    .c0 {
        height: 19px;
    }
}
@media (max-width: 430px){
    .background-custom-ds {
        height: 1907px;
    }
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 69%;
    }
}
@media (max-width: 420px){
    .tagline-ds {
        width: 95% !important;
    }
    .background-custom-ds {
        height: 1884px;
    }
}
@media (max-width: 412px){
    .div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 69%;
    }
}
@media (max-width: 390px){
    .tagline-ds {
        width: 95% !important;
    }
    .g1 {
        width: 100%;
        transform: translate(0%, 0);
    }
    div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 61%;
    }
    .group-txt-g1 {
        top: 41%;
    }
    .group-txt-g2 {
        top: 29.7%;
    }
    .c0 {
        height: 15px;
    }
    .background-custom-ds {
        height: 1830px;
    }
    .div-logo-footer-ds {
        transform: translate(113%, 585%) scale(2);
    }
}
@media (max-width: 375px){
    .background-footer-ds {
        margin-top: 23% !important;
        height: 386px;
    }
    .div-logo-footer-ds {
        transform: translate(113%, 684%) scale(2);
    }
}
@media (max-width: 360px){
    .div-logo-footer-ds {
        transform: translate(113%, 691%) scale(2);
    }
    .background-footer-ds {
        margin-top: 17% !important;
        height: 368px;
    }
    .background-custom-ds {
        height: 1741px;
    }
    div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 59%;
    }
}
 /* Zfold 5*/
@media (max-width: 344px){
    div-phien p.p-live, .div-kiemtra p, .c0 span {
        font-size: 55%;
    }
    .background-custom-ds {
        height: 1682px;
    }
}