html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
.col-lg-6{
flex: 0 0 auto;
}
.div-tracking{
max-width: 1400px;
}
.container-tracking{
display: block;
margin: 0 auto 0 22%;
max-width: 870px;
}
#input__barcode{
display: block;
max-width: 100%;
width: 250px;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#primary-track{
margin: 0 auto;
max-width: 870px;
}
*, :after, :before {
box-sizing: border-box;
}
a, body, html {
color: #737373;
}
body, html {
font-family: "Open Sans", sans-serif;
font-size: 16px;
} #hs-home-tracking-section{
margin: 100px auto 25px auto;
}
._parcel_tracking_title__3M4ya {
line-height: 30px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 24px;
color: #446084;
margin-bottom: 15px;
}
._parcel_tracking_wrapper__Epe0H {
padding-top: 5rem;
}
.container{
max-width: 570px;
margin: 0 auto;
} .button-find-track-number {
background-color: #1770a6;
color: #fff;
margin: 0 0 0 5px;
width: 200px;
height: 45px;
line-height: 16px;
font-family: 'Roboto Mono', sans-serif;
font-size: 14px;
}
.button-find-track-number:hover {
border: 1px solid white !important;
} input {
outline: none;
}
._parcel_tracking_content__1MV9B {
max-width: 1200px;
margin: 0 auto;
}
._search_form_search_form__2kx2h {
display: flex; align-items: center;
}
._search_form_search_form__2kx2h input {
border-color: #e0e0e0;
border-radius: 5px 0 0 5px;
color: #8b8b8b;
text-transform: uppercase;
}
.form-control_ {
display: block;
width: 100%;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}  .container_ {
max-width: 990px;
}
.container_, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
width: 100%;
padding-right: 0.75rem;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: 0.75rem;
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: 50px;
}
._search_form_search_form__2kx2h input:placeholder-shown {
text-transform: inherit;
}
.form-control_.is-invalid, .was-validated .form-control_:invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url();
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
._icon_button_icon_button__2ToX- {
border-radius: 5px;
display: inline-block;
line-height: 1.625rem;
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 1rem;
border: 1px solid #1795ff;
background-color: #1795ff;
height: 1.625rem;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 0 1.125rem;
margin-left: 2px;
}
._icon_button_icon_button__2ToX-:hover {
background-color: #0d54be;
}
._icon_button_icon_button__2ToX-:active {
content: "";
background-color: #e0e0e0;
}
._parcel_tracking_description__3yZBe, ._parcel_tracking_example__20Tix {
line-height: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
color: #737373;
padding-left: 1.25rem;
}  ._parcel_tracking_page_tracking_wrapper__2V-VR {
position: relative;
padding-left: 70px;
margin: 25px auto 20px auto;
overflow: hidden;
}
._parcel_tracking_page_tracking__yD4q0 {
border-radius: 20px;
background-color: #1795ff;
width: 7px;
position: absolute;
bottom: 0;
left: 108px;
top: 0;
} ._parcel_tracking_page_item__lZukI {
display: flex;
line-height: 18px;
margin: 12px 0 12px -80px;
}
._parcel_tracking_page_item_date___EUTu {
width: 120px;
height: 40px;
text-align: center;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
._parcel_tracking_page_item_date___EUTu:before {
content: "";
border-radius: 10px;
border: 3px solid #fff;
width: 7px;
height: 7px;
position: absolute;
top: 18px;
right: -5px;
bottom: 0;
}
._parcel_tracking_page_item_title__1GlMe {
min-height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 7px;
padding-left: 10px;
}     @media (min-width: 576px) {
.container_, .container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container_, .container-md, .container-sm {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container_, .container-lg, .container-md, .container-sm {
max-width: 960px;
} }
@media (min-width: 1200px) {
.container_, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1140px;
}
}   @media (min-width: 992px) {
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
}
@media (min-width: 992px) {
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
}
@media (max-width: 768px) {
.button-find-track-number {
margin: 0 0 0 5px;
}
.container_ {
margin-left: 0px;
}
._parcel_tracking_title__3M4ya {
margin-bottom: 10px;
margin-left: 10px;
margin-top: 10px
}
._parcel_tracking_page_item_title__1GlMe {
width: 185px;
}
}
@media (max-width: 645px) {
.container-tracking{
margin: 0 auto 0 19%;
}
}
@media (max-width: 621px) {
.container-tracking{
margin: 0 auto 0 17%;
}
}
@media (max-width: 430px) {
.container-tracking{
margin: auto 2%;
}
}