.group,
.group * {
  box-sizing: border-box;
}
.group {
  position: relative;
}
.doi-tac-title {
  color: #000000;
  text-align: center;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 42px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 461.19px;
  top: 0px;
}
.group2 {
  width: 1437px;
  height: 137px;
  position: static;
}
.frame {
  width: 1437px;
  height: 137px;
  position: absolute;
  left: 0px;
  top: 71px;
  overflow: hidden;
}
.group3 {
  position: absolute;
  inset: 0;
}
.partner-item {
    padding: 0 8px; /* Tạo khoảng cách giữa các logo */
}

.rectangle_old {
    background: var(--grayscale-background, #f7f7fc);
    border-radius: 12px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.09);
    border-width: 1px;
    width: 220px;
    height: 123px;
    position: relative;
    /* left: 816px; */
    /* top: 7px; */
    float: left;
    padding: 10px;
}

.rectangle {
    background: var(--grayscale-background, #f7f7fc);
/*    border-color: rgba(0, 0, 0, 0.09);*/
    border: 1px solid #D9DBE9;
    border-radius: 12px;
    padding: 10px;
    text-align: center;
    height: 120px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s;
}


.imageDT {
    max-height: 60px;
    max-width: 100%;
    object-fit: contain;
}
.doitacSlide {
    position: relative;
    overflow: hidden; /* ẩn phần gradient vượt ra ngoài */
}

/* 2 overlay trắng ở 2 bên */
.doitacSlide::before,
.doitacSlide::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;        /* điều chỉnh độ rộng vùng fade */
    z-index: 5;
    pointer-events: none; /* không chặn tương tác carousel */
}

.doitacSlide::before {
    left: 0;
    background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0) 100%);
}

.doitacSlide::after {
    right: 0;
    background: linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
}


.image2 {
  width: 144px;
  height: 71px;
  position: absolute;
  left: 866px;
  top: 33px;
  object-fit: cover;
}
.image3 {
  width: 172px;
  height: 38px;
  position: absolute;
  left: 1123px;
  top: 50px;
  object-fit: cover;
}
.image4 {
  width: 194px;
  height: 38px;
  position: absolute;
  left: 296px;
  top: 50px;
  object-fit: cover;
}
.image5 {
  width: 139px;
  height: 47px;
  position: absolute;
  left: 596px;
  top: 45px;
  object-fit: cover;
}
.image6 {
  width: 122px;
  height: 38px;
  position: absolute;
  left: 75px;
  top: 50px;
  object-fit: cover;
}
.rectangle7 {
  background: linear-gradient(
    90.81deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  width: 411.84px;
  height: 137px;
  position: absolute;
  left: 1025.16px;
  top: 71px;
}
.rectangle8 {
  background: linear-gradient(
    90.81deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  width: 411.84px;
  height: 137px;
  position: absolute;
  left: 0px;
  top: 71px;
}