.w-max {
  width: max-content;
}
.text-col {
  color: #9a9a9a;
}
.req {
  height: 2rem;
}
.text-col-3 {
  color: #3292f1;
}
.text-bg-3 {
  background: #3292f1;
}
.text-bg-f {
  background: #f3f3f3;
}
.border-rd{
  border-radius: 0.625rem;
}
.dt_1 {
  border-radius: 0.5rem;

  border: 1px solid rgba(20, 0, 255, 0.11);

  background: #f5f4ff;

  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  color: #1400ff;
}
.btn:hover {
  color: white;
  background: #2261a1;
}
.w-de {
  width: 81rem;
}

@media (max-width: 1070px) {
  .detail-4 {
    flex-direction: column !important;
    gap: 1rem;
  }
}
@media (max-width: 992px) {
  .dt_2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start !important;
  }
  .dt_3 {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
    align-items: start !important;
  }
}