.check-box-platform{
	display:none;
}
.tp-header-top-border{
	display:none;
}
.tp-mobile-menu{
  display:none;
}
.auth-card .form-check .form-check-input{
	border-radius:50% !important;
}
.send-code-btn{
	font-size:13px !important;
}
.form-check{
	margin-top:15px;
}
.jq-toast-wrap {
    z-index: 99999999 !important;
    width: 280px;
}
.tp-header-search-wrapper {
  background: white;
  border: none;
}
.send-code-wrapper {
  display: flex;
  justify-content: center;
    
}
.send-code-wrapper #code-error{
position: absolute;
}
.send-code-wrapper .position-relative {
  margin-bottom: 0px !important;
}
.product-category-label {
  color: #000;
}
.tp-header-search-box input:placeholder,
.tp-header-search-box input {
  color: #000;
}
.tp-header-search-box input {
  color: #000;
}
.tp-category-menu-btn {
  background-color: #30728b;
}
.tp-header-search-btn button {
  background-color: #30728b;
}
.loader {
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side, #ffffff 94%, #0000) top / 8px 8px no-repeat, conic-gradient(#0000 30%, #ffffff);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0);
  animation: l13 1s infinite linear;
  display:none;
  margin-right: 10px;
}
@keyframes l13{ 
  100%{transform: rotate(1turn)}
}
.tp-category-main-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Điều chỉnh độ mờ tại đây */
  z-index: 1;
}
.tp-category-main-title a {
  color: white;
}
.tp-category-main-item {
  color: white;
}
.section-ecosystem {
  background: linear-gradient(180deg, #e7f4f9 5.45%, #fff 94.55%);
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.ocosystem.title h2 {
  font-size: 40px;
}
.ocosystem.title .title-main {
  color: var(--tp-theme-primary);
}
.ocosystem.button a {
  display: flex;
  background: var(--tp-theme-primary);
  max-width: 60%;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  padding: 5px 0px 5px 0px;
  gap: 3px;
  color: white;
  font-size: 16px;
}
.ocosystem.button svg {
  width: 20px;
}
.ocosystem.button {
  margin-top: 20px;
}
.ecosystem.description {
  font-size: 16px;
  line-height: 1.5rem;
  color: rgb(39 39 39);
}
.download-table.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem !important;
}

.send-code-btn {
  background-color: rgb(31, 117, 218) !important;
}
@media only screen and (max-width: 1200px) {
  .ocosystem.button a {
    max-width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .send-code-wrapper #code-error {
    position: unset;
}
      .jq-toast-wrap.bottom-right {
        bottom: 0;
        right: 15px;
        top: 90px;
    }
  .send-code-wrapper {
    display: grid;
    gap: 10px;
    justify-content: normal;
  }
  main .tp-slider-title {
    font-size: 30px !important;
  }
  .ocosystem.title {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  .ecosystem-title {
    order: 1;
    margin-top: 20px;
  }
  .ecosystem-description {
    order: 2;
  }
  .ocosystem.button {
    margin-bottom: 20px;
  }
  .ocosystem.button a {
    margin: 0 auto;
  }
  .ocosystem.title h2 {
    font-size: 26px;
  }
  .auth-card .auth-card__body {
    padding: 1rem 1rem 3rem;
  }
}
@media only screen and (max-width: 520px) {
  .ocosystem.button a {
    max-width: 60%;
  }
}