.ma-can-ho {
    position: absolute;
    margin-top: -4%;
    left: 0%;
    z-index: 1;
}

.pos-1 {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.tagline_1 {
    position: absolute;
    margin-top: -29%;
    left: 6%;
    z-index: 1;
    width:100%;
}

.gr_1 {
    position: absolute;
    margin-top: 0%;
    left: 0%;
    z-index: 1;
}


.gr_2 {
    position: absolute;
    margin-top: -25%;
    left: 0%;
    z-index: 2;
}
.gr_6 {
    position: absolute;
    margin-top: -8%;
}

.gr_7 {
    position: absolute;
    margin-top: -10%;
    left: 0%;
    z-index: 2;
}

.gr_3 {
    position: absolute;
    margin-top: -2%;
    right: -7%;
    z-index: -1;
}
.gr_4 {
    position: absolute;
    margin-top: -38%;
    z-index: -1;
}
.gr_5 {
    position: absolute;
    margin-top: -38%;
    z-index: -1;
}

.tagline_2 {
    position: absolute;
    margin-top: 15%;
    left: 52%;
    z-index: 1;
}

.tagline_3 {
    position : absolute;
    margin-top: 24%;
    left: 11%;
    z-index: 3;
}
.tagline_4 {
    position: absolute;
    margin-top: -37%;
    right: -21%;
    z-index: 3;
}
.tagline_4 img {
    width:80%;
}
.tagline_5 {
    position: absolute;
    margin-top: -16%;
    left: 5%;
    z-index: 3;
}

.tagline_5 img {
    width:34% ;
}
.grap-tong-quan-1 {
    padding-top: 250px !important;
}
.grap-vi-tri-1 {
    padding-top: 200px !important;
}
 .tagline_6 {
    position: absolute;
    margin-top: -40%;

    z-index: 1;
}
 .tagline_7 {
    position: absolute;
    margin-top: -24%;

    z-index: 1;
}
 .tagline_8 {
    position: absolute;
    margin-top: -33%;

    z-index: 1;
}
 .tagline_9 {
    position: absolute;
    margin-top: 20%;

    z-index: 1;
}
.tagline_10 {
    position: absolute;
    margin-top: -1%;
    z-index: 2;
    right: -65%;
}
.tagline_10 img{
    width:29%;
}
.tagline_11 {
    position: absolute;
    margin-top: -26%;
    left: 0%;
    z-index: 3;
}
.tagline_11 img{
    width:80%;
}
.flex1 {
    position: absolute;
    z-index: 10;
    top: 9%;
}
.bg-column-1 {
    background-image: url(https://girealty.vn/duan/wp-content/uploads/2025/05/bg-column-1-1.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    
    position: relative;
     display: grid;
 
  gap: 24px; /* Khoảng cách giữa các cột */
}
.height-350{height: 320px;}

.title-flex1 {
    position: absolute;
    z-index: 10;
    top: 20%;
}
.grap-tong-quan-1{
    padding-top: 250px ;
}
@media (max-width: 1440px) {
  /* CSS cho thiết bị có độ phân giải thấp hơn */
  
      .bg-column-1 {
        aspect-ratio: unset;
        height: 305px !important;
          gap: 24px; /* Khoảng cách giữa các cột */
    }
    .bg-column-1-grap{
            padding-top: 40px !important;
    }
    .bg-column-1-grap-3{
            padding-top: 5px !important;
    }
    .tagline_4 {
    position: absolute;
    margin-top: -22%;
    right: -25%;
    }
    .tagline_4 img {
        width:75%;
    }
    
}

@media (max-width: 1366px) {
  /* CSS cho thiết bị có độ phân giải thấp hơn */
    .gr_2 {
        position: absolute;
        margin-top: -25%;
        left: 0%;
        z-index: 2;
    }
    .tagline_4 {
        position: absolute;
        margin-top: -37%;
        right: -25%;
    }    

    .tagline_5 {
        position: absolute;
        margin-top: -16%;
        left: 5%;
        z-index: 3;        
    }    
    
    .bg-column-1 {
        aspect-ratio: unset;
        height: 270px !important;
          gap: 24px; /* Khoảng cách giữa các cột */
    }
    .bg-column-1-grap{
            padding-top: 30px !important;
    }
    .bg-column-1-grap-1{
            padding-top: 20px !important;
    }
    .bg-column-1-grap-2{
            padding-top: 0px !important;
    }
    .bg-column-1-grap-3{
            padding-top: 1px !important;
    }
}



@media (max-width: 1280px) {
  /* Thiết lập cho màn hình 13.3 inch */
    .bg-column-1 {
        aspect-ratio: unset;
        height: 190px !important;
          gap: 24px; /* Khoảng cách giữa các cột */
    }

}



@media (max-width: 1024px) {
    .flex1 {
        position: absolute;
        z-index: 10;
        top: 6%;
    }
    
    .bg-column-1 {
        aspect-ratio: unset;
        height: 190px !important;
          gap: 24px; /* Khoảng cách giữa các cột */
    }
    .bg-column-1-font-size {
        font-size: 15px !important;
    }
    .bg-column-1-font-size-2 {
        font-size: 18px !important;
    }    
    .bg-column-1-font-size-3 {
        font-size: 2.5rem !important;
    } 
    
    .bg-column-1-grap{
            padding-top: 25px !important;
    }
    .bg-column-1-grap-1{
            padding-top: 28px !important;
    }
    .bg-column-1-grap-2{
            padding-top: 0px !important;
    }
    .bg-column-1-grap-3{
            padding-top: 5px !important;
    }
}

@media (max-width: 820px) {

    .ma-can-ho {
        position: absolute;
        margin-top: -14%;
        left: 0%;
    }
    .gr_2 {
        position: absolute;
        margin-top: -53%;
        left: 0%;
        z-index: 2;
    }
    .title-tag-coloum1{
        font-size: 1.8rem;
    }  
    .bg-column-1-font-size {
        font-size: 18px !important;
    }
    .bg-column-1-font-size-3 {
        font-size: 1.9rem !important;
    }
    .bg-column-1 {
        aspect-ratio: unset;
        height: 200px !important;
          gap: 24px; /* Khoảng cách giữa các cột */
    }
    .bg-column-1-grap{
            padding-top: 28px !important;
    }
    .bg-column-1-grap-1{
            padding-top: 13px !important;
    }
    .bg-column-1-grap-3{
            padding-top: 5px !important;
    }
    .tagline_3 {
        position: absolute;
        margin-top: 22%;
        left: 4%;
    }
    .tagline_3 img {
        width:100%;
    }    
    .tagline_4 {
        position: absolute;
        margin-top: -64%;
        right: -16%;
    }
    .tagline_4 img {
        width:85% !important;;
    }
    .tagline_5 {
        position: absolute;
        margin-top: -44%;
        left: 6%;
    }
    
    .tagline_5 img {
        width:43% !important;
    }
    .grap-tong-quan-1{
        padding-top: 50px !important;
    }
}

@media (max-width: 768px) {
    .ma-can-ho {
        position: absolute;
        margin-top: -5%;
        left: 0%;

    }
    .tagline_3 {
        position: absolute;
        margin-top: 22%;
        left: 4%;
 
    }
    .tagline_4 img {
        width:41%;
    } 
}

@media screen and (max-width: 549px) {
    .ma-can-ho {
        position: absolute;
        margin-top: -6%;
        left: 0%;
    }
    .tagline_1{
        width:100% !important;
    }
    .pos-1 {
        top: 54%;
    }
    .gr_2 {
        margin-top: -8%;
        z-index: 3;
    }
    .gr_7 {
        position: absolute;
        margin-top: -16%;
        left: 0%;
        z-index: 2;
    }
    .title-tag-coloum1 {
        font-size: .95rem !important;
    }
        
    .ladirow1 {
        z-index: 9;
        -webkit-box-shadow: 0px 15px 7px -15px rgb(255 255 255);
        border-style: solid;
        border-color: rgb(255, 240, 134);
        border-width: 3px;
        border-radius: 18px;
    }
    .bg-column-1 {
        height: 110px !important;
          gap: 14px; /* Khoảng cách giữa các cột */
    }
    .bg-column-1-font-size-title {
        font-size: 2rem !important;
    }
    .bg-column-1-font-size {
        font-size: 13px !important;
    }
    .bg-column-1-font-size-2 {
        font-size: 13px !important;
    }    
    .bg-column-1-font-size-3 {
        font-size: 1rem !important;
    } 
    
    .bg-column-1-grap{
            padding-top: 11px !important;
    }
    .bg-column-1-grap-1{
            padding-top: 3px !important;
    }
    .bg-column-1-grap-2{
            padding-top: 0px !important;
    }
    .bg-column-1-grap-3{
            padding-top: 0px !important;
    }
    .tagline_3 {
        position: absolute;
        margin-top: 32%;
        left: .5%;
    }
    .tagline_11 {
        position: absolute;
        margin-top: -34%;
        left: 0%;
        z-index: 3;        
    }
    .tagline_1 {
            position: absolute;
            margin-top: -69%;
            left: 13%;
    }
    
    .tagline_4 {
        position: absolute;
        left: 25%;
        margin-top: -19%;
    }
    .tagline_4 img{
        width:77% !important;
    }
    .tagline_10 {
        position: absolute;
        margin-top: -9%;
        right: -58%;
    }
    .tagline_10 img {
        width:40% !important;
    } 
    .tagline_5 {
        position: absolute;
        margin-top: -3%;
        left: 3%;
    }
    .tagline_5 img {
        width:43% !important;
    } 
    .grap-tong-quan-1 {
        padding-top: 875px !important;
    }
    .grap-vi-tri-1 {
        padding-top: 48px !important;
    }
}



@media screen and (max-width: 360px) {
    .ma-can-ho {
        position: absolute;
        margin-top: -6%;
        left: 0%;
    }
    .tagline_1{
        width:100% !important;
    }
    .pos-1 {
        top: 54%;
    }
    .gr_2 {
        margin-top: -8%;
        z-index: 3;
    }
    .gr_7 {
        position: absolute;
        margin-top: -16%;
        left: 0%;
        z-index: 2;
    }
    .title-tag-coloum1 {
        font-size: .85rem !important;
    }
        
    .ladirow1 {
        z-index: 9;
        -webkit-box-shadow: 0px 15px 7px -15px rgb(255 255 255);
        border-style: solid;
        border-color: rgb(255, 240, 134);
        border-width: 3px;
        border-radius: 18px;
    }
    .bg-column-1 {
        height: 102px !important;
          gap: 14px; /* Khoảng cách giữa các cột */
    }
    .bg-column-1-font-size-title {
        font-size: 2rem !important;
    }
    .bg-column-1-font-size {
        font-size: 12px !important;
    }
    .bg-column-1-font-size-2 {
        font-size: 12px !important;
    }    
    .bg-column-1-font-size-3 {
        font-size: .9rem !important;
    } 
    
    .bg-column-1-grap{
            padding-top: 10px !important;
    }
    .bg-column-1-grap-1{
            padding-top: 2px !important;
    }
    .bg-column-1-grap-2{
            padding-top: 2px !important;
    }
    .bg-column-1-grap-3{
            padding-top: 0px !important;
    }
    .tagline_3 {
        position: absolute;
        margin-top: 32%;
        left: .5%;
    }
    .tagline_11 {
        position: absolute;
        margin-top: -34%;
        left: 0%;
        z-index: 3;        
    }
    .tagline_1 {
            position: absolute;
            margin-top: -69%;
            left: 13%;
    }
    
    .tagline_4 {
        position: absolute;
        left: 25%;
        margin-top: -19%;
    }
    .tagline_4 img{
        width:77% !important;
    }
    .tagline_10 {
        position: absolute;
        margin-top: -9%;
        right: -58%;
    }
    .tagline_10 img {
        width:40% !important;
    } 
    .tagline_5 {
        position: absolute;
        margin-top: -3%;
        left: 3%;
    }
    .tagline_5 img {
        width:54% !important;
    } 
    .grap-tong-quan-1 {
        padding-top: 875px !important;
    }
    .grap-vi-tri-1 {
        padding-top: 48px !important;
    }
}