.container-rfid {
  display: grid;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: center;
  background-color: #ffffff;
}

.rfid {
  background-color: #ffffff;
  margin-bottom: 50px;
}
 .rfid .button-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

 .rfid .button {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5px;
  padding: 0px 23.78px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  border-radius: 12.52px;
  background: linear-gradient(
    180deg,
    rgb(69, 164, 228) 0%,
    rgb(46, 125, 202) 100%
  );
}

 .rfid .text-input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5px;
  padding: 1.5px 8.51px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 6.26px;
}

 .rfid .dashboard-inventory {
  position: relative;
  width: fit-content;
  margin-top: -0.25px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: var(--neutral-n100);
  font-size: 25px;
  text-align: center;
  letter-spacing: 0.38px;
  line-height: 15.0px;
  white-space: nowrap;
}

 .rfid .image {
  margin-top: 20px;
  width: 115.65px;
  height: 55.26px;
}

 .container-rfid .frame {
  width: 100%;
  height: 600px;
}

.container-rfid .frame-smt {
  position: relative;
  margin-left: 50px;
  align-self: stretch;
  width: 100%;
  height: 400.92px;
}

 .container-rfid .overlap-group-wrapper {
  width: 1402px;
  height: 498px;
}

 .container-rfid .overlap-group {
  position: relative;
  height: 498px;
}

 .container-rfid .vector {
  position: absolute;
  width: 238px;
  height: 187px;
  top: 9px;
  left: 219px;
}

 .container-rfid .img {
  position: absolute;
  width: 229px;
  height: 105px;
  top: 199px;
  left: 227px;
}

 .container-rfid .vector-2 {
  position: absolute;
  width: 248px;
  height: 88px;
  top: 212px;
  left: 900px;
}

 .container-rfid .vector-3 {
  position: absolute;
  width: 8px;
  height: 76px;
  top: 221px;
  left: 1263px;
}

 .container-rfid .vertical-container {
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
  top: -51px;
  left: 1122px;
}

 .container-rfid .calendar {
  display: flex;
  flex-direction: column;
  height: 250px;
  align-items: center;
  justify-content: center;
  gap: 4.5px;
  padding: 9.73px 8.25px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: 3px;
  margin-top: 3px;
  border-radius: 15px;
  background: linear-gradient(
    180deg,
    rgb(205, 205, 205) 0%,
    rgb(205, 205, 205) 100%
  );
}

.container-rfid .calendar-rmk {
  display: flex;
  flex-direction: column;
  height: 71.75px;
  align-items: center;
  justify-content: center;
  gap: 4.5px;
  margin-top: 3px;
  padding: 9.73px 8.25px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 15px;
  background: linear-gradient(
    180deg,
    rgb(205, 205, 205) 0%,
    rgb(205, 205, 205) 100%
  );
}

.container-rfid .calendar-mli {
  display: flex;
  flex-direction: column;
  height: 170px;
  align-items: center;
  justify-content: center;
  gap: 4.5px;
  padding: 9.73px 8.25px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: 3px;
  margin-top: 3px;
  border-radius: 15px;
  background: linear-gradient(
    180deg,
    rgb(205, 205, 205) 0%,
    rgb(205, 205, 205) 100%
  );
}

 .container-rfid .div {
  margin-left: 90px;
  display: flex;
  gap: 23.25px;
  align-self: stretch;
  flex: 0 0 auto;
}

 .container-rfid .div-wrapper {
  display: inline-flex;
  height: 19.47px;
  align-items: center;
  justify-content: center;
  gap: 4.87px;
  padding: 4.87px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 7.5px;
}

 .container-rfid .text-wrapper {
  position: relative;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #89200b;
  font-size: 12.8px;
}

.container-rfid .button-container-1 {
  display: flex;
  height: 32.25px;
  align-items: center;
  gap: 4.87px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 7.5px;
}

 .container-rfid .button-container-2 {
  display: flex;
  height: 32.25px;
  align-items: center;
  justify-content: left;
  gap: 4.87px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 7.5px;
}

 .container-rfid .button-2 {
  display: inline-flex;
  height: 25px;
  align-items: center;
  margin-left: 12px;
  flex: 0 0 auto;
  border-radius: 48.18px;
  margin-right: 5px;
}

.container-rfid .button-cy {
  display: inline-flex;
  height: 19.47px;
  margin-right: 1px;
  margin-left: 11px;
  align-items: center;
  justify-content: center;
  gap: 4.87px;
  padding: 4.87px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 48.18px;
}

 .container-rfid .frame-2 {
  display: inline-flex;
  align-items: center;
  gap: 4.72px;
  position: relative;
  flex: 0 0 auto;
}

 .container-rfid .set-cargo-containers {
  position: relative;
  width: 60.75px;
  height: 25.37px;
}

 .container-rfid .text-wrapper-2 {
  top: 6px;
  left: 17px;
  color: var(--neutral-n100);
  font-size: 14px;
  letter-spacing: 0.73px;
  line-height: 13.0px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

 .container-rfid .set-cargo-containers-2 {
  position: relative;
  width: 60.75px;
  height: 25.52px;
}

 .container-rfid .button-container-3 {
  height: 32.25px;
  justify-content: center;
  margin-bottom: -2.09px;
  border-radius: 7.5px;
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
}

 .container-rfid .frame-3 {
  position: relative;
  width: 60.75px;
  height: 25.52px;
  background-image: url(../img/imgRfid/hitam.png);
  background-size: cover;
  background-position: 50% 50%;
}

 .container-rfid .text-wrapper-3 {
  top: 7px;
  left: 14px;
  color: var(--neutral-n100);
  font-size: 14px;
  letter-spacing: 0.68px;
  line-height: 12.0px;
  margin-left: 5px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

 .container-rfid .button-3 {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.87px;
  padding: 4.87px 14.6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 15px;
  background: linear-gradient(
    180deg,
    #0164d0 0%,
    #0054af 45.84%,
    #003e82 100%
  );
}

 .container-rfid .ellipse {
  position: relative;
  width: 9.72px;
  height: 9.72px;
  background-color: var(--successg-400);
  border-radius: 4.86px;
}

 .container-rfid .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -0.49px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 14.6px;
  text-align: center;
  letter-spacing: 0.73px;
  line-height: 17.5px;
  white-space: nowrap;
}

 .container-rfid .vector-4 {
  position: absolute;
  width: 229px;
  height: 7px;
  top: 296px;
  left: 610px;
}

.container-rfid .vector-depo {
  position: absolute;
  width: 229px;
  height: 7px;
  top: 84px;
  left: 330px;
}
.container-rfid .vector-mli {
  position: absolute;
  width: 229px;
  height: 7px;
  top: 84px;
  left: 715px;
}


.container-rfid .vector-5 {
  position: absolute;
  width: 8px;
  height: 95px;
  top: 203px;
  left: 533px;
}

 .container-rfid .vertical-container-2 {
  top: 285px;
  left: 1123px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-rfid .vertical-container-3 {
  top: 0;
  left: 1px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-rfid .vertical-container-4 {
  top: 286px;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

.container-rfid .vertical-container-depo {
  top: 75px;
  left: 110px;
  display: flex;
  flex-direction: column;
  width: 250px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

.container-rfid .vertical-container-mli {
  top: 75px;
  left: 520px;
  display: flex;
  flex-direction: column;
  width: 250px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

.container-rfid .vertical-container-rmk {
  top: 75px;
  left: 920px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-rfid .vertical-container-5 {
  top: 286px;
  left: 398px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-rfid .vertical-container-6 {
  top: 285px;
  left: 759px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-rfid .vertical-container-7 {
  top: -75px;
  left: 397px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-rfid .frame-4 {
  display: flex;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

 .container-rfid .frame-5 {
  display: inline-flex;
  align-items: center;
  gap: 24.75px;
  padding: 16.5px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 15px;
  overflow: hidden;  
}

 .container-rfid .image-2 {
  position: relative;
  width: 211.24px;
  height: 110.28px;
}

 .container-rfid .frame-6 {
  display: flex;
  flex-wrap: wrap;
  width: 575.75px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px 8.25px;
  position: relative;
}

 .container-rfid .frame-7 {
  position: relative;
  width: 100.75px;
  height: 54.75px;
  background-color: #fde2c8;
  border-radius: 7.5px;
  overflow: hidden;
}
 .container-rfid .frame-7-coal {
  position: relative;
  width: 135.75px;
  height: 54.75px;
  background-color: #fde2c8;
  border-radius: 7.5px;
  overflow: hidden;
}

 .container-rfid .button-4 {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 4.87px;
  padding: 4.87px;
  position: absolute;
  top: 3px;
  left: 4px;
  background-color: #fde2c8;
  border-radius: 48.18px;
}

 .container-rfid .button-5 {
  position: absolute;
  width: 30px;
  height: 19px;
  top: 31px;
  left: 22px;
  background-color: #fde2c8;
  border-radius: 48.18px;
}

 .container-rfid .text-wrapper-5 {
  top: 26px;
  left: 50px;
  color: #89200b;
  font-size: 24px;
  letter-spacing: 0.73px;
  line-height: 28.8px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

 .container-rfid .text-wrapper-6 {
  top: 26px;
  left: 50px;
  color: #89200b;
  font-size: 24px;
  letter-spacing: 0.73px;
  line-height: 28.8px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

 .container-rfid .frame-wrapper {
  display: flex;
  width: 491.25px;
  align-items: center;
  justify-content: space-around;
  gap: 107.25px;
  padding: 17.25px 24px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  border: 1.5px solid;
  border-color: var(--neutral-n500);
  box-shadow: 0px 9px 14.62px 3.75px #0000000d;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(234.81, 234.81, 234.81) 100%
  );
}

 .container-rfid .frame-8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  margin-left: -61.88px;
  margin-right: -61.88px;
}

 .container-rfid .frame-9 {
  display: flex;
  flex-direction: column;
  width: 447px;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
  position: relative;
  align-self: stretch;
}

 .container-rfid .text-wrapper-7 {
  position: relative;
  width: fit-content;
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  color: var(--primary-1p500);
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 36px;
  white-space: nowrap;
}

 .container-rfid .frame-10 {
  display: flex;
  align-items: center;
  gap: 7.5px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

 .container-rfid .frame-11 {
  display: flex;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
  gap: 6px;
}

 .container-rfid .frame-12 {
  display: flex;
  height: 45px;
  margin-left: 90px;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
  padding: 19px 31.5px;
  position: unset;
  align-self: stretch;
  width: 50%;
  border-radius: 9.75px;
  border: 1.5px solid;
  border-color: #000000;
}

 .container-rfid .text-wrapper-8 {
  position: relative;
  width: fit-content;
  font-family: "Poppins", Helvetica;
  font-weight: 600;
  color: var(--neutraln-800);
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: 20.2px;
  white-space: nowrap;
}

 .container-rfid .research-outline-wrapper {
  display: flex;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
  padding: 0px 18.75px;
  position: relative;
  background-color: var(--primary-1p500);
  border-radius: 9.75px;
  overflow: hidden;
}

 .container-rfid .research-outline {
  position: relative;
  width: 30px;
  height: 30px;
  margin-left: -11.25px;
  margin-right: -11.25px;
}

 .container-rfid .button-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12.77px;
  padding: 10.14px 16.15px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: 19.5px;
  overflow: hidden;
  box-shadow: 0px 9px 14.62px 3.75px #0000000d;
  background: linear-gradient(
    180deg,
    rgb(246, 170, 50) 0%,
    rgb(255, 111, 30) 100%
  );
}

 .container-rfid .frame-13 {
  display: flex;
  flex-direction: column;
  width: 343.25px;
  height: 125px;
  align-items: center;
  justify-content: center;
  gap: 12.75px;
  position: relative;
  border-radius: 9.75px;
}

 .container-rfid .text-input-2 {
  display: inline-flex;
  align-items: center;
  gap: 13.52px;
  position: relative;
  flex: 0 0 auto;
}

 .container-rfid .line-truk {
  position: relative;
  width: 147.5px;
  height: 21.75px;
}

.container-rfid .line-KA {
  position: relative;
  width: 147.5px;
  height: 21.75px;
  margin-right: 17px;
}

 .container-rfid .line-truk-2 {
  position: relative;
  width: fit-content;
  margin-top: -0.38px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #0e0d0d;
  font-size: 13.3px;
  text-align: left;
  letter-spacing: 0.56px;
  line-height: 13.5px;
  white-space: nowrap;
}

 .container-rfid .horizontal-container {
  display: inline-flex;
  align-items: center;
  gap: 21.03px;
  position: relative;
  flex: 0 0 auto;
}



 .container-rfid .line-ka {
  position: relative;
  width: fit-content;
  font-family: Helvetica, sans-serif;
  font-weight: 700;
  color: #ffffff;
  font-size: 11.3px;
  text-align: left;
  line-height: 13.5px;
  white-space: nowrap;
}


.container-rfid .button-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -15px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.container-display {
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}

.container-display .header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  height: 40px;
}

 .container-display .button {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5px;
  padding: 0px 23.78px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  border-radius: 12.52px;
  background: linear-gradient(
    180deg,
    rgb(69, 164, 228) 0%,
    rgb(46, 125, 202) 100%
  );
}

 .container-display .text-input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5px;
  padding: 1.5px 8.51px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 6.26px;
}

 .container-display .dashboard-inventory {
  position: relative;
  width: fit-content;
  margin-top: -0.25px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: var(--neutral-n100);
  font-size: 25px;
  text-align: center;
  letter-spacing: 0.38px;
  line-height: 15.0px;
  white-space: nowrap;
}

 .container-display .image {
  margin-top: 20px;
  position: relative;
  width: 115.65px;
  height: 55.26px;
  object-fit: cover;
}

 .container-display .frame {
  position: center;
}

 .container-display .overlap-group-wrapper {
  width: 1402px;
  height: 498px;
}

 .container-display .overlap-group {
  position: relative;
  height: 498px;
}

 .container-display .vector {
  position: absolute;
  width: 238px;
  height: 187px;
  top: 9px;
  left: 219px;
}

 .container-display .img {
  position: absolute;
  width: 229px;
  height: 105px;
  top: 199px;
  left: 227px;
}

 .container-display .vector-2 {
  position: absolute;
  width: 248px;
  height: 88px;
  top: 212px;
  left: 900px;
}

 .container-display .vector-3 {
  position: absolute;
  width: 8px;
  height: 76px;
  top: 221px;
  left: 1263px;
}

 .container-display .vertical-container {
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
  top: 19px;
  left: 1122px;
}

 .container-display .calendar {
  display: flex;
  flex-direction: column;
  height: 181.75px;
  align-items: center;
  justify-content: center;
  gap: 4.5px;
  padding: 9.73px 8.25px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 15px;
  background: linear-gradient(
    180deg,
    rgb(246, 170, 50) 0%,
    rgb(255, 111, 30) 100%
  );
}


 .container-display .div {
  position: center;
  margin-left: 110px;
  display: flex;
  gap: 23.25px;
  padding: 0px px 0px 0px;
  align-self: stretch;
  flex: 0 0 auto;
}

 .container-display .div-wrapper {
  display: inline-flex;
  height: 19.47px;
  align-items: center;
  justify-content: center;
  gap: 4.87px;
  padding: 4.87px;
  position: relative;
  flex: 0 0 auto;
  background-color: #fce1c7;
  border-radius: 7.5px;
}

 .container-display .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -2.12px;
  margin-bottom: -1.15px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #89200b;
  font-size: 10.8px;
  text-align: center;
  letter-spacing: 0.73px;
  line-height: 13.0px;
  white-space: nowrap;
}

 .container-display .button-container-2 {
  display: flex;
  height: 32.25px;
  align-items: center;
  justify-content: center;
  gap: 4.87px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #fce1c7;
  border-radius: 7.5px;
}

 .container-display .button-2 {
  display: inline-flex;
  height: 19.47px;
  align-items: center;
  justify-content: center;
  gap: 4.87px;
  padding: 4.87px;
  position: relative;
  flex: 0 0 auto;
  background-color: #fce1c7;
  border-radius: 48.18px;
}

 .container-display .frame-2 {
  display: inline-flex;
  align-items: center;
  gap: 4.72px;
  position: relative;
  flex: 0 0 auto;
}

 .container-display .set-cargo-containers {
  position: relative;
  width: 60.75px;
  height: 25.37px;
}

 .container-display .text-wrapper-2 {
  top: 6px;
  left: 17px;
  color: var(--neutral-n100);
  font-size: 14px;
  letter-spacing: 0.73px;
  line-height: 13.0px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

 .container-display .set-cargo-containers-2 {
  position: relative;
  width: 60.75px;
  height: 25.52px;
}

 .container-display .button-container-3 {
  height: 32.25px;
  justify-content: center;
  gap: 36.74px;
  margin-bottom: -2.09px;
  background-color: #fce1c7;
  border-radius: 7.5px;
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
}

 .container-display .frame-3 {
  position: relative;
  width: 60.75px;
  height: 25.52px;
  background-image: url(../img/imgRfid/hitam.png);
  background-size: cover;
  background-position: 50% 50%;
}

 .container-display .text-wrapper-3 {
  top: 7px;
  left: 14px;
  color: var(--neutral-n100);
  font-size: 14px;
  letter-spacing: 0.68px;
  line-height: 12.0px;
  margin-left: 5px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

 .container-display .button-3 {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.87px;
  padding: 4.87px 14.6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 15px;
  background: linear-gradient(
    180deg,
    rgb(0.66, 99.63, 208.34) 0%,
    rgb(0, 83.59, 175.4) 45.84%,
    rgb(0, 61.82, 129.72) 100%
  );
}

 .container-display .ellipse {
  position: relative;
  width: 9.72px;
  height: 9.72px;
  background-color: var(--successg-400);
  border-radius: 4.86px;
}

 .container-display .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -0.49px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 14.6px;
  text-align: center;
  letter-spacing: 0.73px;
  line-height: 17.5px;
  white-space: nowrap;
}

 .container-display .vector-4 {
  position: absolute;
  width: 229px;
  height: 7px;
  top: 296px;
  left: 610px;
}

.container-rfid .vector-depo {
  position: absolute;
  width: 229px;
  height: 7px;
  top: 84px;
  left: 330px;
}
.container-rfid .vector-mli {
  position: absolute;
  width: 229px;
  height: 7px;
  top: 84px;
  left: 715px;
}


.container-rfid .vector-5 {
  position: absolute;
  width: 8px;
  height: 95px;
  top: 203px;
  left: 533px;
}

 .container-display .vertical-container-2 {
  top: 285px;
  left: 1123px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-display .vertical-container-3 {
  top: 0;
  left: 1px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-display .vertical-container-4 {
  top: 286px;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

.container-rfid .vertical-container-depo {
  top: 75px;
  left: 110px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

.container-rfid .vertical-container-mli {
  top: 75px;
  left: 520px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

.container-rfid .vertical-container-rmk {
  top: 75px;
  left: 920px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-display .vertical-container-5 {
  top: 286px;
  left: 398px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-display .vertical-container-6 {
  top: 285px;
  left: 759px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-display .vertical-container-7 {
  top: 0px;
  left: 397px;
  display: flex;
  flex-direction: column;
  width: 279px;
  align-items: center;
  gap: 2.43px;
  position: absolute;
}

 .container-display .frame-4 {
  display: flex;
  gap: 20.5px;
  margin-left: 60px;
  margin-bottom: 20px;
  align-items: center;
  position: center;
  width: 100%;
  flex: 0 0 auto;
}

 .container-display .frame-5 {
  display: inline-flex;
  align-items: center;
  gap: 24.75px;
  padding: 16.5px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 9px 14.62px 3.75px #0000000d;
  background: linear-gradient(
    180deg,
    rgb(246, 170, 50) 0%,
    rgb(255, 111, 30) 100%
  );
}

 .container-display .image-2 {
  position: relative;
  width: 211.24px;
  height: 110.28px;
}

 .container-display .frame-6 {
  display: flex;
  flex-wrap: wrap;
  width: 237.75px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px 8.25px;
  position: relative;
}

 .container-display .frame-7 {
  position: relative;
  width: 114.75px;
  height: 54.75px;
  background-color: #fde2c8;
  border-radius: 7.5px;
  overflow: hidden;
}

 .container-display .button-4 {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 4.87px;
  padding: 4.87px;
  position: absolute;
  top: 3px;
  left: 4px;
  background-color: #fde2c8;
  border-radius: 48.18px;
}

 .container-display .button-5 {
  position: absolute;
  width: 30px;
  height: 19px;
  top: 31px;
  left: 22px;
  background-color: #fde2c8;
  border-radius: 48.18px;
}

 .container-display .text-wrapper-5 {
  top: 26px;
  left: 50px;
  color: #89200b;
  font-size: 24px;
  letter-spacing: 0.73px;
  line-height: 28.8px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

 .container-display .text-wrapper-6 {
  top: 26px;
  left: 50px;
  color: #89200b;
  font-size: 24px;
  letter-spacing: 0.73px;
  line-height: 28.8px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

 .container-display .frame-wrapper {
  display: flex;
  width: 491.25px;
  align-items: center;
  justify-content: space-around;
  gap: 107.25px;
  padding: 17.25px 24px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  border: 1.5px solid;
  border-color: var(--neutral-n500);
  box-shadow: 0px 9px 14.62px 3.75px #0000000d;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(234.81, 234.81, 234.81) 100%
  );
}

 .container-display .frame-8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  margin-left: -61.88px;
  margin-right: -61.88px;
}

 .container-display .frame-9 {
  display: flex;
  flex-direction: column;
  width: 447px;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
  position: relative;
  align-self: stretch;
}

 .container-display .text-wrapper-7 {
  position: relative;
  width: fit-content;
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  color: var(--primary-1p500);
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 36px;
  white-space: nowrap;
}

 .container-display .frame-10 {
  display: flex;
  align-items: center;
  gap: 7.5px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

 .container-display .frame-11 {
  display: flex;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

 .container-display .frame-12 {
  display: flex;
  height: 45px;
  margin-left: 90px;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
  padding: 19px 31.5px;
  position: unset;
  align-self: stretch;
  width: 50%;
  border-radius: 9.75px;
  border: 1.5px solid;
  border-color: #000000;
}

 .container-display .text-wrapper-8 {
  position: relative;
  width: fit-content;
  font-family: "Poppins", Helvetica;
  font-weight: 600;
  color: var(--neutraln-800);
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: 20.2px;
  white-space: nowrap;
}

 .container-display .research-outline-wrapper {
  display: flex;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
  padding: 0px 18.75px;
  position: relative;
  background-color: var(--primary-1p500);
  border-radius: 9.75px;
  overflow: hidden;
}

 .container-display .research-outline {
  position: relative;
  width: 30px;
  height: 30px;
  margin-left: -11.25px;
  margin-right: -11.25px;
}

 .container-display .button-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12.77px;
  padding: 10.14px 16.15px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: 19.5px;
  overflow: hidden;
  box-shadow: 0px 9px 14.62px 3.75px #0000000d;
  background: linear-gradient(
    180deg,
    rgb(246, 170, 50) 0%,
    rgb(255, 111, 30) 100%
  );
}

 .container-display .frame-13 {
  display: flex;
  flex-direction: column;
  width: 343.25px;
  height: 125px;
  align-items: center;
  justify-content: center;
  gap: 12.75px;
  position: relative;
  border-radius: 9.75px;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255) 0%,
    rgb(234.81, 234.81, 234.81) 100%
  );
}

 .container-display .text-input-2 {
  display: inline-flex;
  align-items: center;
  gap: 13.52px;
  position: relative;
  flex: 0 0 auto;
}

 .container-display .line-truk {
  position: relative;
  flex: 0 0 auto;
}

 .container-display .line-truk-2 {
  position: relative;
  width: fit-content;
  margin-top: -0.38px;
  font-family: "Poppins", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 11.3px;
  text-align: center;
  letter-spacing: 0.56px;
  line-height: 13.5px;
  white-space: nowrap;
}

 .container-display .horizontal-container {
  display: inline-flex;
  align-items: center;
  gap: 21.03px;
  position: relative;
  flex: 0 0 auto;
}

 .container-display .line-KA {
  position: relative;
  width: 112.5px;
  height: 21.75px;
}

 .container-display .line-ka {
  position: relative;
  width: fit-content;
  font-family: Helvetica, sans-serif;
  font-weight: 700;
  color: #000000;
  font-size: 11.3px;
  text-align: center;
  line-height: 13.5px;
  white-space: nowrap;
}