.drlocktin-c1 {
    width: 90vw; /* chiếm tối đa 90% chiều ngang màn hình */
    margin: 40px auto; /* căn giữa ngang + khoảng cách trên/dưới */
    padding: 0 20px; /* khoảng cách trong khối */
}

/* Header */
.drlocktin-c1-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    margin-bottom: 30px;

}

.drlocktin-c1-number {
    font-size: max(2.125rem, 2.36111vw);
    font-weight: 500;
    margin-right: 20px;
}

.drlocktin-c1-header h2 {
    font-size: max(2.125rem, 2.36111vw);
    font-weight: 500;
    margin: 0;
}

/* Content layout */
.drlocktin-c1-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

/* Mobile: ảnh trên chữ dưới */
@media (max-width: 978px) {
    .drlocktin-c1-content {
        flex-direction: column; /* xếp theo cột */
        gap: 20px;
    }
}

/* Left graphic (circle gradient) */
.drlocktin-c1-graphic {
  overflow: hidden;     /* ẩn phần ảnh thừa ra ngoài khung tròn */
}

.drlocktin-c1-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 1200px; /* Giới hạn chiều rộng tối đa */
  max-height: 700px; /* Giới hạn chiều cao tối đa */
}


/* Right text */
.drlocktin-c1-text {
    width: 90vw;
}

.drlocktin-c1-text h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.drlocktin-c1-text p {
    line-height: 1.6;
}

/* Footer */
.drlocktin-c1-footer {
    border-top: 1px solid #2d4a2d40;
    margin-top: 30px;
}

.drlocktin-c1-description {
    font-size: max(.825rem + .2vw, .925vw);
}