.banner {
  position: relative;
}
.banner img {
  max-width: 100%;
  width: 100%;
}
.banner .title {
  background: #33333357;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
}
.banner .title .container h1 {
  color: var(--white-1, #FFF);
  text-align: center;
  /* 38/Medium */
  font-family: Inter;
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  /* 2.73125rem */
  letter-spacing: -0.14rem;
}

header .main-menu-all {
  padding: 0.5rem 0rem 0.5rem;
  background: #fff;
}

main {
  margin-top: 88.91px;
  margin-bottom: 6.25rem;
}

.breadcrumb-industry {
  padding: 0.75rem;
  background: var(--white-2, #F6F9FC);
}
@media screen and (min-width: 992px) {
  .breadcrumb-industry .container {
    padding-left: 0px;
  }
}
.breadcrumb-industry .item-breadcrumb {
  display: inline-block;
  margin-bottom: 0px;
}
.breadcrumb-industry .item-breadcrumb a {
  color: var(--black-1, #061020);
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.225rem;
  /* 140% */
  letter-spacing: -0.0175rem;
}
.breadcrumb-industry .item-breadcrumb span {
  color: var(--main-1, #3DBDFF);
  text-align: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.225rem;
  /* 140% */
  letter-spacing: -0.0175rem;
}
.breadcrumb-industry .item-breadcrumb-home a {
  padding-left: 24px;
  position: relative;
}
.breadcrumb-industry .item-breadcrumb-home a svg {
  position: absolute;
  top: -3px;
  left: 0px;
}

.content-cart {
  margin-top: 2.5rem;
  border-radius: 0.75rem;
  border: 1px solid var(--white-3, #ECF2F7);
  padding: 2rem;
}
.content-cart .p-text-cart {
  color: var(--black-1, #061020);
  /* 20/medium */
  font-family: "Medium";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.025rem;
  position: relative;
  padding-left: 30px;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #ECF2F7;
}
.content-cart .p-text-cart svg {
  position: absolute;
  top: 1px;
  left: 0px;
}
.content-cart .p-text-cart-error {
  color: var(--black-1, #061020);
  /* 20/medium */
  font-family: "Medium";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.025rem;
}
.content-cart table .title {
  color: var(--black-1, #061020);
  /* 14/Semi Bold */
  font-family: "Semi";
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.225rem;
  /* 140% */
  letter-spacing: -0.01313rem;
  padding: 0.5rem 1rem;
}
.content-cart table .item-cart td {
  padding: 0.5rem 1rem;
}
.content-cart table .item-cart .td-name {
  padding: 0.5rem 1rem 0.5rem 0rem;
}
.content-cart table .p-text-all {
  color: var(--black-1, #061020);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.225rem;
  /* 140% */
  letter-spacing: -0.0175rem;
}
.content-cart table .total-all {
  color: var(--black-1, #061020);
  text-align: right;
  /* 18/semi Bold */
  font-family: "Semi";
  font-size: 1.125rem;
  font-style: normal;
  line-height: normal;
}
.content-cart table .item-product {
  display: flex;
}
.content-cart table .item-product .span-mid-img {
  width: 20%;
}
.content-cart table .item-product .span-mid-img img {
  max-width: 100%;
}
.content-cart table .item-product .span-mid {
  width: 80%;
  padding-left: 10px;
  color: var(--black-1, #061020);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.225rem;
  /* 140% */
  letter-spacing: -0.0175rem;
}
.content-cart table .item-product td {
  color: var(--black-1, #061020);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.225rem;
  /* 140% */
  letter-spacing: -0.0175rem;
}
.content-cart table .item-product .total {
  color: var(--second-2, #F97414);
  text-align: right;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.225rem;
  /* 140% */
  letter-spacing: -0.0175rem;
}
.content-cart table .btn-item-qty {
  width: 8rem;
  border-radius: 0.1875rem;
  border: 1px solid var(--black-4, #BABABA);
  padding: 0.25rem 0.75rem;
  margin: auto;
}
.content-cart table .btn-item-qty .flex-btn {
  width: 6.5rem;
  display: flex;
}
.content-cart table .btn-item-qty .flex-btn a {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 2rem;
  text-align: center;
}
.content-cart table .btn-item-qty .flex-btn p {
  width: 2.5rem;
  text-align: center;
  margin-bottom: 0px;
  color: var(--black-1, #061020);
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 1.5rem */
  letter-spacing: -0.002rem;
}
.content-cart .info-order {
  border-top: 1px solid #ECF2F7;
  padding-top: 1.75rem;
  margin-top: 1.75rem;
}
.content-cart .info-order h2 {
  color: var(--black-1, #061020);
  /* 20/medium */
  font-family: "Medium";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.025rem;
  margin-bottom: 0px;
}
.content-cart .info-order .item-gender {
  display: flex;
  margin: 1.25rem 0rem;
}
.content-cart .info-order .item-gender .item {
  margin-right: 1.25rem;
}
.content-cart .info-order .item-gender .item label {
  margin-left: 3px;
}
.content-cart .info-order .item-all .item-info {
  margin-bottom: 0.75rem;
}
.content-cart .info-order .item-all .item-info input {
  border-radius: 0.5rem;
  border: 1px solid var(--white-3, #ECF2F7);
  background: var(--white-2, #F6F9FC);
  padding: 0rem 0.75rem;
  height: 2.75rem;
  width: 100%;
  color: var(--black-3, #061020);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.225rem;
  /* 140% */
  letter-spacing: -0.0175rem;
}
.content-cart .info-order .item-all .item-info input:focus {
  outline: unset;
}
.content-cart .info-order .item-all .item-info .error-input {
  border: 1px solid red;
}
.content-cart .info-order .item-all .item-info select {
  border-radius: 0.5rem;
  border: 1px solid var(--white-3, #ECF2F7);
  background: var(--white-2, #F6F9FC);
  padding: 0rem 0.75rem;
  height: 2.75rem;
  width: 100%;
  color: var(--black-3, #061020);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.225rem;
  /* 140% */
  letter-spacing: -0.0175rem;
}
.content-cart .info-order .item-all .item-info select:focus {
  outline: unset;
}
.content-cart .info-order .item-all .item-info ::-webkit-input-placeholder {
  /* Edge */
  color: var(--black-3, #6D727C);
}
.content-cart .info-order .item-all .item-info :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--black-3, #6D727C);
}
.content-cart .info-order .item-all .item-info ::placeholder {
  color: var(--black-3, #6D727C);
}
.content-cart .info-order .border-bottom {
  height: 1px;
  width: 100%;
  background: #ECF2F7;
}
.content-cart .info-order .all-money {
  display: flex;
  margin: 2rem 0rem 2.5rem;
}
.content-cart .info-order .all-money p {
  width: 50%;
}
.content-cart .info-order .all-money .p-text {
  color: var(--black-1, #061020);
  /* 16/SemiBold */
  font-family: "Semi";
  font-size: 1rem;
  font-style: normal;
  line-height: 0.875rem;
  /* 87.5% */
  letter-spacing: -0.00625rem;
  display: grid;
  align-items: center;
}
.content-cart .info-order .all-money .p-price {
  color: var(--black-1, #061020);
  text-align: right;
  /* 24/Semi Bold */
  font-family: "Semi";
  font-size: 1.5rem;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.09rem;
}
.content-cart .info-order .btn-submit-cart {
  margin-top: 1.25rem;
}
.content-cart .info-order .btn-submit-cart a {
  border-radius: 0.375rem;
  background: var(--main-1, #3DBDFF);
  padding: 0.875rem 1.5rem 0.625rem 1.5rem;
  color: var(--white-1, #FFF);
  text-align: center;
  /* 20/semiBold - UPP */
  font-family: "Semi";
  font-size: 1.25rem;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.025rem;
  text-transform: uppercase;
  display: block;
}
.content-cart .info-order .btn-submit-cart a:hover {
  background: var(--main-2, #004C73);
}

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

  .breadcrumb-industry {
    display: none;
  }

  .mobile {
    display: block;
    margin-top: 6rem;
    color: var(--black-1, #061020);
    /* 24/semi Bold - UPP */
    font-family: "Semi";
    font-size: 1.5rem;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.09rem;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #ECF2F7;
  }

  .content-cart {
    margin-top: 1.5rem;
    padding: 1.5rem 1rem;
  }
  .content-cart table {
    display: none;
  }
  .content-cart .table-cart-mobile {
    display: block;
  }
  .content-cart .table-cart-mobile .item-cart {
    display: flex;
    margin-bottom: 25px;
  }
  .content-cart .table-cart-mobile .item-cart .stt {
    width: 25px;
    text-align: center;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart {
    width: calc(100% - 20px);
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .img-title-btn-qty {
    display: flex;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .img-title-btn-qty .img {
    width: 3.75rem;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .img-title-btn-qty .title-btn-qty {
    padding-left: 0.53rem;
    width: calc(100% - 3.75rem);
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .img-title-btn-qty .title-btn-qty .p-title {
    overflow: hidden;
    color: var(--black-1, #061020);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.225rem;
    /* 140% */
    letter-spacing: -0.0175rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 2.5rem;
    margin-bottom: 0.44rem;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .img-title-btn-qty .title-btn-qty .btn-item-qty {
    width: 8rem;
    border-radius: 0.1875rem;
    border: 1px solid var(--black-4, #BABABA);
    padding: 0.25rem 0.75rem;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .img-title-btn-qty .title-btn-qty .btn-item-qty .flex-btn {
    width: 6.5rem;
    display: flex;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .img-title-btn-qty .title-btn-qty .btn-item-qty .flex-btn a {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 2rem;
    text-align: center;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .img-title-btn-qty .title-btn-qty .btn-item-qty .flex-btn p {
    width: 2.5rem;
    text-align: center;
    margin-bottom: 0px;
    color: var(--black-1, #061020);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 1.5rem */
    letter-spacing: -0.002rem;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .delete-price {
    display: flex;
    margin-top: 0.44rem;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .delete-price p {
    margin-bottom: 0px;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .delete-price .p-delete {
    width: 3.75rem;
    text-align: center;
  }
  .content-cart .table-cart-mobile .item-cart .right-item-cart .delete-price .p-price {
    width: calc(100% - 3.75rem);
    color: var(--second-2, #F97414);
    text-align: left;
    /* 18/semi Bold */
    font-family: "Semi";
    font-size: 1.125rem;
    font-style: normal;
    line-height: normal;
    padding-left: 0.53rem;
  }
}

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