main {
  margin-bottom: 2.5rem;
}
main .listEducate {
  margin-top: 2.5rem;
}
main .listEducate .itemEducate {
  margin-bottom: 2.25rem;
}
main .listEducate .itemEducate:last-child {
  margin-bottom: 0px;
}
main .listEducate .itemEducate .textMobile {
  display: none;
}
main .listEducate .itemEducate .headerEdu {
  display: flex;
}
main .listEducate .itemEducate .headerEdu span {
  color: var(--black-1, #061020);
  text-align: left;
  font-size: 1rem;
  font-style: normal;
  font-family: "Medium";
  line-height: normal;
}
main .listEducate .itemEducate .headerEdu p {
  color: var(--black-1, #061020);
  text-align: left;
  font-size: 1rem;
  font-style: normal;
  font-family: "Medium";
  line-height: normal;
}
main .listEducate .itemEducate .listEdu .itemEdu {
  margin-top: 1rem;
  display: flex;
  padding: 0.75rem 0rem 1rem 0rem;
  border-bottom: 1px solid var(--white-3, #ECF2F7);
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu a {
  color: var(--main-1, #293A8E);
  text-align: justify;
  font-size: 1rem;
  font-style: normal;
  font-family: "Medium";
  line-height: normal;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .btnMobile {
  background: unset;
  border: unset;
  color: var(--main-1, #293A8E);
  font-family: "Medium";
  font-size: 1rem;
  font-style: normal;
  line-height: 130%;
  position: relative;
  width: 100%;
  padding: 0px;
  padding-right: 20px;
  display: none;
  text-align: left;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .btnMobile svg {
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translate(0%, -50%);
  width: 15px;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .btnMobile .topSvgMobile {
  display: block;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .btnMobile .bottomSvgMobile {
  display: none;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .collapsed .topSvgMobile {
  display: none;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .collapsed .bottomSvgMobile {
  display: block;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .collapseMobile .card {
  padding: 0px;
  border: unset;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px dotted #ECF2F7;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .collapseMobile .card .itemEduMobile {
  display: flex;
  margin-bottom: 1rem;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .collapseMobile .card .itemEduMobile:last-child {
  margin-bottom: 0px;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .collapseMobile .card .itemEduMobile p:nth-child(1) {
  color: var(--black-3, #6D727C);
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
  display: grid;
  align-items: center;
  width: 5.25rem;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .collapseMobile .card .itemEduMobile p:nth-child(2) {
  width: calc(100% - 5.25rem);
  display: grid;
  align-items: center;
  color: var(--Gray-10, #27272A);
  text-align: right;
  font-family: "Medium";
  font-size: 1rem;
  font-style: normal;
  line-height: normal;
}
main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .collapseMobile .card .more span {
  color: var(--main-1, #293A8E);
  font-family: "Semi";
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
}
main .listEducate .itemEducate .listEdu .itemEdu .contentInline p {
  font-family: "Regular";
  color: var(--black-1, #061020);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0px;
}
main .listEducate .itemEducate .listEdu .textMobile {
  display: none;
}
main .listEducate .itemEducate .nameEdu {
  width: calc(100% - 25.5rem);
}
main .listEducate .itemEducate .addressEdu {
  width: 6.5rem;
}
main .listEducate .itemEducate .timeEdu {
  width: 14.5rem;
}
main .listEducate .itemEducate .statusEdu {
  width: 4.5rem;
}
main .listEducate .itemEducate .statusEdu p {
  text-align: right;
}
main .paginations {
  margin-top: 2.5rem;
}
main .connect {
  margin-bottom: 0px;
  margin-top: 2.5rem;
}

@media screen and (max-width: 768px) {
  .breadcrumbContainer {
    display: none;
  }

  main {
    margin-bottom: 2rem;
  }
  main .paginations {
    margin-top: 2rem;
  }
  main .listEducate {
    margin-top: 1.25rem;
  }
  main .listEducate .itemEducate {
    margin-top: 0px;
  }
  main .listEducate .itemEducate .headerEdu .headerInline {
    display: none;
  }
  main .listEducate .itemEducate .headerEdu .nameEdu {
    display: none;
    width: 100%;
  }
  main .listEducate .itemEducate .textMobile {
    display: block !important;
    color: #000;
    font-family: "Medium";
    font-size: 1rem;
    font-style: normal;
    line-height: normal;
    padding: 0rem 0rem 0.62rem;
    border-bottom: 1px solid var(--white-3, #ECF2F7);
  }
  main .listEducate .itemEducate .listEdu .itemEdu {
    margin-top: 0px;
  }
  main .listEducate .itemEducate .listEdu .itemEdu .contentInline {
    display: none;
  }
  main .listEducate .itemEducate .listEdu .itemEdu .nameEdu {
    display: block;
    width: 100%;
  }
  main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .titlePc {
    display: none;
  }
  main .listEducate .itemEducate .listEdu .itemEdu .nameEdu .btnMobile {
    display: block !important;
  }
}

/*# sourceMappingURL=category.css.map */