html, body {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#ebba602c-8035-46fb-b8ae-1603fd7f9bda {
  width: 100%;
  height: calc(100vh - 5rem) !important;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 4rem;
  padding-bottom: 5rem;
}
#ebba602c-8035-46fb-b8ae-1603fd7f9bda::-webkit-scrollbar {
  width: 0;
  display: none;
}

#a12cc93c-cdad-433e-8714-924cf10a909d {
  width: 100%;
  height: calc(100vh - 5rem) !important;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 6rem;
}
#a12cc93c-cdad-433e-8714-924cf10a909d::-webkit-scrollbar {
  width: 0;
  display: none;
}

#c26fd270-9eb0-4666-9ba2-3bf9fc55af40 {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 5rem;
  z-index: 10;
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
#c26fd270-9eb0-4666-9ba2-3bf9fc55af40 .mn--item {
  text-align: center;
  padding-top: 1rem;
}
#c26fd270-9eb0-4666-9ba2-3bf9fc55af40 .mn--item.active {
  color: #b3241c;
}
#c26fd270-9eb0-4666-9ba2-3bf9fc55af40 .mn--item .icon {
  font-size: 2rem;
}
#c26fd270-9eb0-4666-9ba2-3bf9fc55af40 .mn--item .desc {
  font-size: 0.6rem;
  font-weight: 500;
}

#c35ddf12-e669-4f3b-b417-ea4a088d415d {
  position: fixed;
  top: 0;
  width: 100%;
  height: 6rem;
  z-index: 20;
  background-color: #b3241c;
  padding: 0.5rem;
}
#c35ddf12-e669-4f3b-b417-ea4a088d415d .logo {
  width: 45vw;
  text-align: center;
  height: 100%;
}
#c35ddf12-e669-4f3b-b417-ea4a088d415d .logo img {
  height: 100%;
}

@font-face {
  font-family: "OpenSans-Light";
  src: url("/fonts/OpenSans/static/OpenSans/OpenSans-Light.ttf");
}
@font-face {
  font-family: "OpenSans-Bold";
  src: url("/fonts/OpenSans/static/OpenSans/OpenSans-Bold.ttf");
}
@font-face {
  font-family: "OpenSans";
  src: url("/fonts/OpenSans/OpenSans-VariableFont_wdth,wght.ttf");
}
@font-face {
  font-family: "SFP";
  src: url("/fonts/SFPro/SF-Pro-Display-Light.otf");
}
@font-face {
  font-family: "SFP-Bold";
  src: url("/fonts/SFPro/SF-Pro-Display-Bold.otf");
}
#a2ad16eb1-58b9-417a-983f-09c5a1a375da {
  padding-bottom: 10vh !important;
}
#a2ad16eb1-58b9-417a-983f-09c5a1a375da .fs-1-2rem {
  font-size: 1.2rem;
}
#a2ad16eb1-58b9-417a-983f-09c5a1a375da i {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: unset;
}
#a2ad16eb1-58b9-417a-983f-09c5a1a375da i.t1::before {
  content: "\f064";
  padding-right: 0.5rem;
}
#a2ad16eb1-58b9-417a-983f-09c5a1a375da i.t2::before {
  content: "\f111";
  font-size: 0.5rem;
  padding: 0 0.5rem;
}

#ecf47088-dabe-4057-b467-b033858340b1 {
  padding-bottom: 10vh !important;
}
#ecf47088-dabe-4057-b467-b033858340b1 .slide {
  padding: 0.5rem;
}
#ecf47088-dabe-4057-b467-b033858340b1 .slide .carousel-item img {
  border-radius: 10px;
}
#ecf47088-dabe-4057-b467-b033858340b1 #a28f45c352fb9 {
  background-color: #b3241c;
  padding-bottom: 1rem;
}
#ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 {
  background-color: white;
  margin-top: 1rem;
}
#ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 .card-body {
  padding: 0;
}
#ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 .title {
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #b3241b;
  padding: 0.5rem 0;
  text-align: center;
  text-transform: uppercase;
}
#ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 #e764e172 .carousel-item {
  text-align: center;
}
#ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 #e764e172 .carousel-item img {
  height: unset !important;
  width: auto;
  margin: auto;
}
#ecf47088-dabe-4057-b467-b033858340b1 #a78c1cab2-c2da-40e5-a2f3-08f11656d7c3 {
  background-color: white;
  padding-bottom: 0.2rem;
  margin: 0.2rem;
  border-radius: 5px;
}
#ecf47088-dabe-4057-b467-b033858340b1 #a78c1cab2-c2da-40e5-a2f3-08f11656d7c3 .title {
  margin-bottom: 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #ff9b00;
  padding: 0.5rem 0.5rem 0;
}
#ecf47088-dabe-4057-b467-b033858340b1 #a78c1cab2-c2da-40e5-a2f3-08f11656d7c3 .products {
  margin: 0.2rem;
}
#ecf47088-dabe-4057-b467-b033858340b1 #a78c1cab2-c2da-40e5-a2f3-08f11656d7c3 .products .product--item {
  cursor: pointer;
  color: #b3241b;
  display: flex;
  width: 100%;
  background: white;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 5px 5px 4px 0 rgba(0, 0, 0, 0.25);
  min-height: 5.5rem;
  margin: 0.5rem;
  border: 1px solid rgba(128, 128, 128, 0.2);
}
#ecf47088-dabe-4057-b467-b033858340b1 #a78c1cab2-c2da-40e5-a2f3-08f11656d7c3 .products .product--item .icon {
  background-color: white;
  display: flex;
  align-items: center;
  width: 3rem;
  justify-content: center;
}
#ecf47088-dabe-4057-b467-b033858340b1 #a78c1cab2-c2da-40e5-a2f3-08f11656d7c3 .products .product--item .icon i {
  font-size: 2rem;
}
#ecf47088-dabe-4057-b467-b033858340b1 #a78c1cab2-c2da-40e5-a2f3-08f11656d7c3 .products .product--item .desc {
  width: 100%;
  padding: 0 0.5rem;
}
#ecf47088-dabe-4057-b467-b033858340b1 #a78c1cab2-c2da-40e5-a2f3-08f11656d7c3 .products .product--item .desc .p-title {
  font-weight: 600;
  font-size: 1.2rem;
  text-align: center;
}
#ecf47088-dabe-4057-b467-b033858340b1 #a78c1cab2-c2da-40e5-a2f3-08f11656d7c3 .products .product--item .desc .p-desc {
  color: #535353;
  font-size: 0.8rem;
  font-weight: 400;
  text-align: justify;
}
#ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 #a2ad16eb1-253b1ae8193603ab2f1b557b63eff40f .click-down::before {
  content: "\f078";
}
#ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 #e764e172 {
  overflow-x: auto;
  display: flex;
}
#ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 #e764e172 img {
  margin-right: 15px;
  margin-bottom: 15px;
}
#ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 #e764e172::-webkit-scrollbar {
  height: 5px;
}

#bd2608bc-dae5-49ea-8385-ee744853b6e7 {
  background: white;
  position: fixed;
  top: 5px;
  width: 100%;
  height: 100vh;
  z-index: 100;
  overflow: hidden;
  transition: all 0.3s ease-out;
  display: none;
}
#bd2608bc-dae5-49ea-8385-ee744853b6e7.show {
  display: block;
}
#bd2608bc-dae5-49ea-8385-ee744853b6e7 #ee744853b6e7-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  font-size: 1rem;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  z-index: 11;
  text-align: center;
  line-height: 2rem;
  border-radius: 50%;
  color: white;
  background: rgba(0, 0, 0, 0.55);
  font-weight: 100;
}
#bd2608bc-dae5-49ea-8385-ee744853b6e7 #ee744853b6e7-data {
  height: 99vh;
  overflow-y: auto;
  overflow-x: hidden;
}
#bd2608bc-dae5-49ea-8385-ee744853b6e7 #ee744853b6e7-data::-webkit-scrollbar {
  width: 0;
}
#bd2608bc-dae5-49ea-8385-ee744853b6e7 #ee744853b6e7-action {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5rem;
  z-index: 10;
  background-color: white;
  padding: 0.5rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv1 {
  position: fixed;
  width: 6rem;
  height: 82vh;
  /* background-color: whitesmoke; */
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1);
  overflow-x: hidden;
  overflow-y: auto;
  /* left: 0.2rem; */
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv1::-webkit-scrollbar {
  width: 0;
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv1 .item {
  width: 100%;
  height: 6rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  cursor: pointer;
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv1 .item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv1 .item.active {
  border-bottom: 5px solid #b3241b;
  color: #b3241b;
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv1 .item .icon {
  margin-top: 1rem;
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv1 .item .icon i {
  font-size: 3rem;
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv1 .item:last-child {
  border-bottom: none;
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv2 {
  position: fixed;
  width: calc(100% - 6.5rem);
  height: 82vh;
  background-color: white;
  /* box-shadow: 5px 0 0 0 rgb(0 0 0 / 35%); */
  overflow-x: hidden;
  overflow-y: auto;
  /* border-top-right-radius: 1rem; */
  /* border-bottom-right-radius: 1rem; */
  right: 0.2rem;
  padding: 1rem 0;
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv2::-webkit-scrollbar {
  width: 0;
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv2 .item {
  height: 6rem;
  text-align: center;
}
#fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv2 .item .icon i {
  font-size: 3rem;
}

#div_section_search {
  padding: 0.5rem;
}
#div_section_search .title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #b3241c;
}
#div_section_search .card .card-header {
  background: #b3241c;
  color: white;
  cursor: pointer;
  font-weight: 600;
}
#div_section_search .card .card-header p {
  margin-bottom: 0rem;
}
#div_section_search .collapse {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
#div_section_search .header-title {
  font-size: 20px;
  color: #da8604;
  line-height: 31px;
  font-weight: 600;
  position: relative;
}
#div_section_search h2 {
  font-weight: 600;
  font-size: 1.1rem;
  padding-bottom: 0.5rem;
  display: inline-block;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: #da8604;
  border-bottom: 0.2rem solid #da8604;
}

.shared--register .--register-title {
  font-weight: 700;
  font-size: 1.5rem;
  color: #b3241c;
  position: fixed;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0);
  top: 0;
  line-height: 4rem;
  z-index: 10;
  transition: 0.5s;
}
.shared--register .--register-title.scroll--top {
  opacity: 1;
  background: white;
}
.shared--register .--step .data-info {
  padding-bottom: 20vh;
}
.shared--register .--step .data-info.menu--lock {
  padding-top: 3rem;
}
.shared--register .--step .data-action {
  display: flex;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 5rem;
  z-index: 10;
  background-color: white;
  padding: 0.5rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  transition: 0.3s;
}
.shared--register .--step .vv--term .--label {
  font-weight: 700;
}
.shared--register .--step .vv--term .--info {
  color: #4b4b4b;
  font-style: italic;
  text-rendering: geometricprecision;
  text-align: revert;
}
.shared--register .benefit--img {
  height: 20rem;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: cover;
  width: 100%;
}
.shared--register .benefit--img img {
  position: relative;
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  height: 20rem;
}
.shared--register .benefit-title {
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: initial;
  font-size: 1.3rem;
  padding-bottom: 0 !important;
  border-bottom: unset !important;
}
.shared--register .benefit-time {
  font-optical-sizing: auto;
  font-style: normal;
  font-stretch: normal;
  line-height: initial;
  color: rgba(0, 0, 0, 0.7);
}
.shared--register .benefit-time.table {
  overflow-x: auto;
}
.shared--register .benefit-time.table table strong {
  font-family: "SFP-Bold";
}
.shared--register .benefit-time.table table thead th {
  color: white;
  background: #EC6F26;
}
.shared--register .benefit-time.table table tbody.bg-lv2 td {
  background-color: rgb(253, 243, 236);
}
.shared--register .benefit-time.table table tbody.first-child-min-w15 td:first-child {
  min-width: 15rem;
}
.shared--register .benefit-time.table table tbody tr .bg-lv1 {
  color: #EC6F26;
  background: rgb(250, 225, 209);
}
.shared--register .benefit-time.table table tbody tr td {
  border: 1px solid #dfe4ed;
  vertical-align: middle !important;
}
.shared--register .benefit-time.table table tbody tr td .bl-rotate {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 19px;
  align-items: center;
}
.shared--register .benefit-time.table table .bg-EC6 {
  background-color: #EC6F26;
}
.shared--register .benefit-time.table table .bg-FFA {
  background-color: #FFAB00 !important;
}
.shared--register .benefit-time.table table .bg-135 {
  background: #1359A9 !important;
}
.shared--register .benefit-time.table table .body-03 td {
  background: rgb(228, 239, 247);
}
.shared--register .benefit-time.table table .body-02 td {
  background: rgb(254, 242, 215);
}
.shared--register .benefit-time.table table .body-01 td {
  background: rgb(253, 243, 236);
}
.shared--register .benefit-time.table table .color-white {
  color: white;
}
.shared--register .benefit-time .card-lv-title {
  font-size: 1.3rem;
  font-family: "SFP";
  color: #feb13a;
  padding: 1rem;
  margin: 0.5rem 0;
  border: 1px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  position: relative;
}
.shared--register .benefit-time .card-lv-title .icon {
  position: absolute;
  font-size: 2rem;
  display: unset;
  top: 50%;
  right: 1rem;
  transform: translate(-50%, -50%);
}
.shared--register .benefit-time .card-lv-title .icon i::after {
  transition: 0.5s;
  content: "\f105";
}
.shared--register .benefit-time .card-lv-title.active {
  color: #b2241c;
}
.shared--register .benefit-time .card-lv-title.active .icon i::after {
  content: "\f00d";
}
.shared--register .benefit-time .card-plan-data {
  transition: 0.5s;
  overflow: auto;
  height: 0;
}
.shared--register .benefit-time .card-plan-data.active {
  height: auto;
  overflow: unset;
}
.shared--register .benefit-time .card-plan-data .card-title-lv1 {
  color: orange;
  padding: 0.5rem 0;
  font-size: 1rem;
  border-bottom: 1px solid;
}
.shared--register .benefit-time .card-plan-data .card-title-lv2 {
  color: #b2241c;
  padding: 0.5rem 0;
}
.shared--register .benefit-time table {
  width: 100%;
}
.shared--register .benefit-time table thead tr th {
  text-align: center;
  color: white;
  background: orange;
}
.shared--register .benefit-time table tbody tr td {
  border-right: 1px solid #FAE2D1;
}
.shared--register .benefit-time table tbody tr td:last-child {
  border-right: unset;
}
.shared--register .benefit-time table tbody tr td.--title {
  font-family: "SFP-Bold";
  color: #EC6F26;
  background: #FAE2D1;
}
.shared--register .benefit-time strong {
  font-weight: 500;
  color: black;
}
.shared--register .benefit-time p {
  margin-bottom: 0.5rem;
}
.shared--register .benefit-time .font-bold {
  font-weight: 500;
  color: black;
}
.shared--register .benefit-menu {
  z-index: 10;
  width: 100%;
}
.shared--register .benefit-menu.lock--top {
  position: absolute;
  width: 100%;
  top: 3rem;
  background: #ebebeb;
}
.shared--register .benefit-menu .item {
  font-optical-sizing: auto;
  font-weight: 500;
  color: black;
  font-style: normal;
  font-stretch: normal;
  line-height: initial;
  font-size: 1rem;
  height: 2rem;
  cursor: pointer;
  text-align: center;
  border-bottom: 0 solid #b3241c;
}
.shared--register .benefit-menu .item.active {
  color: #b3241c;
  border-bottom-width: 2px;
}

.page-mobile-order .progressbar {
  overflow: hidden;
  counter-reset: step;
  width: 100%;
  padding: 0;
}
.page-mobile-order .progressbar li {
  list-style-type: none;
  text-transform: uppercase;
  font-size: 9px;
  width: 25%;
  float: left;
  position: relative;
  text-align: center;
}
.page-mobile-order .progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: #333;
  background: #dee2e6;
  border-radius: 50%;
  margin: 0 auto 5px auto;
}
.page-mobile-order .progressbar li:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #dee2e6;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1;
}
.page-mobile-order .progressbar li:first-child:after {
  content: none;
}
.page-mobile-order .progressbar li.active:before, .page-mobile-order .progressbar li.active:after {
  background: #da8604;
  color: white;
}
.page-mobile-order .card .card-header {
  background: #e9ecef !important;
  color: #575859;
}
.page-mobile-order .card .card-header p {
  margin-bottom: 0rem;
}
.page-mobile-order .collapse {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

#bd001fdf-5000-4802-9dc7-417874faddde .title {
  text-align: center;
  font-weight: 800;
  font-size: 2rem;
  width: 100%;
  color: #b3241c;
}

#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef {
  position: fixed;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  bottom: -100vh;
  transition: all 0.3s ease-out;
  z-index: 11;
  height: 100vh;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef.show {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .close {
  opacity: 1;
  text-shadow: unset;
  padding: 0.5rem 1rem 1rem;
  color: white;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 115;
  left: 0;
  background: white;
  height: 6rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .data {
  position: absolute;
  bottom: 0;
  height: calc(100vh - 7rem);
  background: white;
  width: 100vw;
  padding: 1rem;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .data .fc0fee62 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 15rem;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .data .fc0fee62::-webkit-scrollbar {
  width: 0;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .data .a24585f44a91 {
  box-shadow: 0 10px 4px -4px rgba(179, 36, 28, 0.23);
  margin-bottom: 1rem;
  border-bottom: 1px solid;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .data .a24585f44a91 i {
  position: absolute;
  font-size: 1.5rem;
  right: 20px;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--menu {
  position: absolute;
  left: -100vw;
  width: 100vw;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  height: 100%;
  z-index: 12;
  transition: all 0.3s ease-out;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--menu.show {
  left: 0;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--menu .btn--close {
  position: absolute;
  left: 90vw;
  width: 10vw;
  height: 10vw;
  background: #b3241c;
  text-align: center;
  border-top-right-radius: 5px;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--menu .btn--close i {
  font-size: 1rem;
  color: white;
  line-height: 10vw;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--menu .--items {
  background: #b3241c;
  width: 90vw;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding-bottom: 15rem;
  border-top-left-radius: 5px;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--menu .--items::-webkit-scrollbar {
  width: 0;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--menu .item {
  font-size: 1.2rem;
  line-height: 2.5rem;
  color: white;
  padding: 0.5rem 1rem;
  position: relative;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--menu .item:first-child {
  padding-top: 1rem;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--menu .item a {
  color: white;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--menu .item i {
  padding-right: 0.5rem;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--actions {
  position: absolute;
  left: 0;
  width: 100vw;
  background: white;
  z-index: 19;
  height: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  transition: all 0.3s ease-out;
  bottom: -100vh;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--actions.show {
  bottom: 0;
  height: 98%;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--actions .body {
  padding-left: 1rem;
  padding-right: 1rem;
}
#ad75b9d8-3af3-45a3-986d-7f4e13084a17 #a30831e2afef .--actions .d0989968 {
  position: absolute;
  width: 100%;
  bottom: 2rem;
}

.a4c3c0cf87603 {
  position: unset !important;
  min-height: calc(100vh - 9rem);
}
.a4c3c0cf87603 .menu-group {
  position: unset !important;
  height: unset !important;
  overflow: unset !important;
  padding-bottom: 10rem !important;
}

.a5f5a710e-6c0d-4a2e-b9a5-4b1c5c7d6657 .--title {
  text-align: center;
  font-size: 1rem;
  color: #b3241c;
}
.a5f5a710e-6c0d-4a2e-b9a5-4b1c5c7d6657 .header-title {
  font-size: 20px;
  color: #da8604;
  line-height: 31px;
  font-weight: 600;
  position: relative;
}

.bhv--card .item--absolute {
  position: absolute;
  overflow-y: auto;
  height: 80vh;
}
.bhv--card .card {
  border: unset;
  padding: 0.2rem;
}
.bhv--card .card.lv--2 {
  padding: 0;
}
.bhv--card .card .card-header {
  color: #b3241c;
  background: unset;
  padding: 0.5rem 0;
  border-bottom: 2px solid;
}
.bhv--card .card .card-header.lv--2 {
  color: antiquewhite;
  background: #b3241c;
  border-bottom: 1px solid;
  font-size: 0.9rem;
}
.bhv--card .card .card-body {
  padding: 0.5rem;
}
.bhv--card .card .card-body .line tag {
  background: #b3241c;
  padding: 0.5rem;
  border-radius: 5px;
  color: white;
  text-transform: uppercase;
}

.page-mobile-report-order .mobile-report-detail {
  position: absolute;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  bottom: -100vh;
  transition: all 0.3s ease-out;
  z-index: 11;
  height: 100vh;
}
.page-mobile-report-order .mobile-report-detail.show {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
}
.page-mobile-report-order .mobile-report-detail .close {
  opacity: 1;
  text-shadow: unset;
  padding: 0.5rem 1rem 1rem;
  color: white;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 115;
  left: 0;
  background: white;
  height: 6rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.page-mobile-report-order .mobile-report-detail .data {
  position: absolute;
  bottom: 0;
  height: calc(100vh - 7rem);
  background: white;
  width: 100vw;
  border-radius: 10px 10px 0 0;
  padding: 1rem;
}
.page-mobile-report-order .mobile-report-detail .data .fc0fee62 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 15rem;
}
.page-mobile-report-order .mobile-report-detail .data .fc0fee62::-webkit-scrollbar {
  width: 0;
}
.page-mobile-report-order .mobile-report-detail .data .a24585f44a91 {
  box-shadow: 0 10px 4px -4px rgba(179, 36, 28, 0.23);
  margin-bottom: 1rem;
  border-bottom: 1px solid;
}
.page-mobile-report-order .mobile-report-detail .data .a24585f44a91 i {
  position: absolute;
  font-size: 1.5rem;
  right: 20px;
}
.page-mobile-report-order .mobile-report-detail .--menu {
  position: absolute;
  left: -100vw;
  width: 100vw;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  height: 100%;
  z-index: 12;
  transition: all 0.3s ease-out;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.page-mobile-report-order .mobile-report-detail .--menu.show {
  left: 0;
}
.page-mobile-report-order .mobile-report-detail .--menu .btn--close {
  position: absolute;
  left: 90vw;
  width: 10vw;
  height: 10vw;
  background: #b3241c;
  text-align: center;
  border-top-right-radius: 5px;
}
.page-mobile-report-order .mobile-report-detail .--menu .btn--close i {
  font-size: 1rem;
  color: white;
  line-height: 10vw;
}
.page-mobile-report-order .mobile-report-detail .--menu .--items {
  background: #b3241c;
  width: 90vw;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding-bottom: 15rem;
  border-top-left-radius: 5px;
}
.page-mobile-report-order .mobile-report-detail .--menu .--items::-webkit-scrollbar {
  width: 0;
}
.page-mobile-report-order .mobile-report-detail .--menu .item {
  font-size: 1.2rem;
  line-height: 2.5rem;
  color: white;
  padding: 0.5rem 1rem;
  position: relative;
}
.page-mobile-report-order .mobile-report-detail .--menu .item:first-child {
  padding-top: 1rem;
}
.page-mobile-report-order .mobile-report-detail .--menu .item a {
  color: white;
}
.page-mobile-report-order .mobile-report-detail .--menu .item i {
  padding-right: 0.5rem;
}
.page-mobile-report-order .mobile-report-detail .--actions {
  position: absolute;
  left: 0;
  width: 100vw;
  background: white;
  z-index: 19;
  height: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  transition: all 0.3s ease-out;
  bottom: -100vh;
}
.page-mobile-report-order .mobile-report-detail .--actions.show {
  bottom: 0;
  height: 98%;
}
.page-mobile-report-order .mobile-report-detail .--actions .body {
  padding-left: 1rem;
  padding-right: 1rem;
}
.page-mobile-report-order .mobile-report-detail .--actions .d0989968 {
  position: absolute;
  width: 100%;
  bottom: 2rem;
}

@media screen and (max-width: 47.9375em) {
  #a12cc93c-cdad-433e-8714-924cf10a909d {
    width: 100%;
    height: calc(100vh - 5rem) !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 4rem;
  }
  #a12cc93c-cdad-433e-8714-924cf10a909d::-webkit-scrollbar {
    width: 0;
    display: none;
  }
  #c35ddf12-e669-4f3b-b417-ea4a088d415d {
    height: 4rem;
  }
  #c35ddf12-e669-4f3b-b417-ea4a088d415d .account-info {
    position: absolute;
    top: 10px;
    right: 20px;
    text-align: center;
    color: white;
    height: 3rem;
    line-height: 3rem;
  }
  #c35ddf12-e669-4f3b-b417-ea4a088d415d .account-info .login-btn {
    color: white;
    text-transform: uppercase;
  }
  #ecf47088-dabe-4057-b467-b033858340b1 .slide {
    padding: 0.5rem;
  }
  #ecf47088-dabe-4057-b467-b033858340b1 .slide .carousel-item img {
    border-radius: 10px;
  }
  #ecf47088-dabe-4057-b467-b033858340b1 #a28f45c352fb9 {
    background-color: #b3241c;
    padding-bottom: 1rem;
  }
  #ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 {
    background-color: white;
  }
  #ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 #e764e172 .carousel-item {
    text-align: center;
  }
  #ecf47088-dabe-4057-b467-b033858340b1 #e764e172-f40e-4777-85ba-52599fef3e31 #e764e172 .carousel-item img {
    height: 10rem;
    width: 100%;
  }
  #fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv1 {
    height: 82vh;
  }
  #fee5fb2c-6cf5-42f0-81c5-54eb3bdb7c4b .--lv2 {
    height: 82vh;
  }
}

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