/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@200;400;500;600&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@200;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@font-face {
    font-family: 'Copyright Sharp Type Co.';
    src: url('../fonts/CopyrightSharpTypeCoThisfontislicensedforwebuseonly.eot');
    src: url('../fonts/CopyrightSharpTypeCoThisfontislicensedforwebuseonly.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CopyrightSharpTypeCoThisfontislicensedforwebuseonly.woff2') format('woff2'),
        url('../fonts/CopyrightSharpTypeCoThisfontislicensedforwebuseonly.woff') format('woff'),
        url('CopyrightSharpTypeCoThisfontislicensedforwebuseonly.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/*AlbraBookTRIAL*/
@font-face {
    font-family: 'AlbraBookTRIAL';
    src: url('../fonts/AlbraBookTRIAL-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


/*new fonts*/
@font-face {
    font-family: 'Arial Rounded MT';
    src: url('../fonts/ArialRoundedMTBold.eot');
    src: url('../fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialRoundedMTBold.woff2') format('woff2'),
        url('../fonts/ArialRoundedMTBold.woff') format('woff'),
        url('../fonts/ArialRoundedMTBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*new font add*/
@font-face {
        font-family: 'Migra';
        src: url('../fonts/Migra-Extrabold.eot');
        src: url('../fonts/Migra-Extrabold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Migra-Extrabold.woff2') format('woff2'),
            url('../fonts/Migra-Extrabold.woff') format('woff'),
            url('../fonts/Migra-Extrabold.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
    overflow-x: hidden;
}
body{
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  overflow-x: hidden;
}

ul,
li,
ol {
  list-style: none;
  padding: 0;

}

.eparcelsbanner{position: relative;}
.eparcelsbanner:after{position: absolute; left: 0;  top: 0;width: 100%;
    z-index: 1;bottom: 0;background: rgba(15, 45, 74, 0.5);content: "";}
.logo { position: absolute; top: -1px; left: 0; width: 100%; z-index: 99; text-align: center; }
.eparcelsbanner img{max-width: 100%;width: 100%;}
.eparcelsbanner .desc { position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; text-align: center; width: 100%; left: 0; }

.eparcelsbanner .desc h3{font-size: 21px;font-weight: 700; color: #fff;letter-spacing: .025em;margin: 0 0 5px;}
.eparcelsbanner .desc h1{font-size: 37px;font-weight: 700; color: #fff;letter-spacing: 0;margin: 0;}
.progressbar { background: #ffdcb3;}
.progressbar ul{display: flex;align-items: center;max-width: 909px; margin: auto; flex-wrap: wrap;}
.progressbar ul li{height: 8px;width: 16.66%;position: relative;}
 
.progressbar ul li span { height: 36px; width: 36px; display: block; background: #fff; position: absolute; right: 38%; border-radius: 50px; top: 50%; transform: translateY(-50%); z-index: 9; border: 6px solid #ffa53c;display: flex; align-items: center; justify-content: center;}
.progressbar ul li:after { background: #ffdcb3; content: ""; position: absolute; right: 38%; height: 8px; width: 100%; }
.progressbar ul li.active:after, .progressbar ul li.fill:after{background: #ffa53c;}
.progressbar ul li.fill:first-child:after, .progressbar ul li.active:first-child:after {  right: 38%; width: 9000px; }
.progressbar ul li.fill:last-child:after, .progressbar ul li.active:last-child:after {  left:-38%;  width: 9000px; }

.progressbar ul li.active span { height: 36px; width: 36px;}
.progressbar ul li.active span:after { width: 13px; height: 13px; content: "";background: #ffa53c; position: absolute;border-radius: 50px;    top: 50%;
    left: 0; right: 0;  margin: auto;transform: translateY(-50%);}

.toltip { background: #ffa53c; color: #fff; position: absolute; left: auto; top: -49px; z-index: 9; white-space: nowrap; right: auto; margin: auto; padding: 7px 11px; font-size: 12px; font-weight: 600; border-radius: 4px; display: none; 
    margin: auto;}
.toltip:after{position: absolute; bottom: -5px; height: 12px; width: 12px; background: #ffa53c; transform: rotate(45deg); content: ""; left: 0; right: 0; margin: auto;}
.progressbar ul li.active .toltip{display: block;}


.tracking-section{padding: 60px 0 120px;background: #fff;}
.tracking-section .tracking-info{box-shadow: 0 0 20px rgba(30, 43, 63, .07);border-top: 8px solid #ffdcb3;padding: 20px 20px 20px 30px;background: #fff;border-radius: 10px;}

.tracking-section .container{max-width: 1000px;}

.tracking-info ul{width: 100%; position: relative; padding: 1px 0; list-style: none; font-weight: 400;}
.tracking-info ul li{position: relative;padding-bottom: inherit;padding-top: 1;}
.tracking-info ul li .package-info{display: flex;flex-wrap: wrap;}
.tracking-info ul li .time-stat {width: 120px;text-align: right;line-height: 16px;padding-top: 10px;padding-bottom: 10px;}
.tracking-info ul li .package-dec{width: calc(100% - 120px);text-align: left;padding-left: 120px;}
.tracking-info ul li .package-dec .desc-block{border-top: 1px solid #ebebeb;padding-top: 10px;padding-bottom: 10px;}
.tracking-info ul li .time-stat p{font-size: 14px;color: #d3d3d4;margin: 0;font-weight: 600;}
.tracking-info ul li .time-stat span{font-size: 14px;color: #d3d3d4;margin: 0;font-weight: 600;}
.tracking-info ul li .package-dec h3{font-size: 15px;color: #d3d3d4;margin: 0 0 3px;font-weight: 500;}
.tracking-info ul li .package-dec p{ word-break: break-word;font-size: 13px;color: #d3d3d4;margin: 0;font-weight: 400;font-style: italic;}
.tracking-info ul li:after{content: "";background: #d3d3d4;position: absolute;width: 1px;height: 100%;left: 180px;top: 0;}
.tracking-info .circle {height: 32px;width: 32px;border: 1px solid #d3d3d4;border-radius: 50px;position: absolute;left: 165px;top: 9px;background: #fff;z-index: 9;}
.tracking-info .circle:after{height: 12px; width: 12px; border-radius: 50px; background: #d3d3d4; content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);}
.tracking-info ul li:last-child:after{height: 66%;}
.tracking-info ul li:first-child .desc-block{border-top: 1px solid transparent;padding-top:0;} 
.tracking-info ul li:first-child  .package-dec{padding-top: 0;} 

.tracking-info ul li.active .time-stat p{color: #666666;}
.tracking-info ul li.active .time-stat span{color: #a0a0a0;}
.tracking-info ul li.active .circle{border-color: #f5a32d;}
.tracking-info ul li.active .circle:after{background: #f5a32d;}
.tracking-info ul li.active .package-dec h3{color: #0f0f0f;}
.tracking-info ul li.active .package-dec p{color: #686868;}

.tracking-info ul li:first-child .time-stat { padding-top: 0;}
.tracking-info ul li:first-child .circle {  top: 0;}

.show-more{border-top: 1px solid #ebebeb;text-align: center;position: relative;padding: 15px 0 0;}
.show-more:after{content: "";position: absolute;left: 0;right: 0;top: -1px;-webkit-filter: drop-shadow(0 0px 0px rgba(0, 0, 0, 0.5)); -moz-filter: drop-shadow(0 0px 0px rgba(0, 0, 0, 0.5)); -o-filter: drop-shadow(0 0px 0px rgba(0, 0, 0, 0.5)); -ms-filter: drop-shadow(0 0px 0px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0 0px 0px rgba(0, 0, 0, 0.5)); width: 0; height: 0; border: 0 solid transparent; border-right-width: 10px; border-left-width: 10px; border-top: 10px solid #fff;margin: auto;}
.show-more a{color: #141414;font-size: 12px;text-decoration: none;}
.show-more a:hover{color: #f5a32d;}
 
.tracking-detail{box-shadow: 0 0 20px rgb(30 43 63 / 7%); border-top: 8px solid #ffdcb3; padding: 18px 30px 20px 30px; background: #fff; border-radius: 10px;}
.tacktrace-block{border-top: 1px solid #ebebeb;padding-top: 17px; margin-bottom: 17px;}
.tracking-detail h4{color: #7b7b7b;font-size: 11px;margin: 0 0 10px;font-weight: 600;}
.tacktrace-block p{font-size: 14px;color: #000000;font-family: 'Open Sans', sans-serif;line-height: 24px;margin: 0;}
.tacktrace-block p a{color: #000000;text-decoration: underline;}
.tracking-section .row{margin: 0 -15px;display: flex;flex-wrap: wrap;}
.tracking-section .row>*{padding: 0 15px;}
.tracking-section .row>.col-md-9{width: calc(100% - 300px);}
.tracking-section .row>.col-md-3{width: 300px;}
.tacktrace-none{ display: none;}
.tracking-detail .sender-logo{margin: 20px 0 20px;text-align: center;}
.tracking-detail h5{color: #7b7b7b;font-size: 11px;margin: 0 0 2px;font-weight: 600;}
.tacktrace-block:first-child {  border: none;  padding-top: 0;}
footer{background: #0f2d4a; padding: 30px 0;}
footer .container{max-width: 1000px;}
footer .container p{font-size: 14px;color: #fff;margin: 0;font-family: 'Exo 2', sans-serif;}

/*national*/
.progressbar.national ul li { width: 25%;}

/*betcity*/
.betcity .eparcelsbanner .desc h3{color: #00f4ff;}
.betcity .progressbar { background: #b7fcff;}
.betcity .progressbar ul li:after { background: #b7fcff;}
.betcity .progressbar ul li.active:after, .betcity .progressbar ul li.fill:after{background: #00f3fe;}
.betcity .progressbar ul li span{border: 6px solid #00f3fe;}
.betcity  .progressbar ul li.active span:after{background: #00f3fe;}
.betcity  .toltip, .betcity  .toltip:after{background: #00f3fe;}

.betcity .toltip {  color: #000; }

.betcity .tracking-section .tracking-info, .betcity .tracking-detail{    border-top: 8px solid #b7fcff;}
.betcity .tracking-info ul li.active .circle{    border-color: #00f3fe;}
.betcity .tracking-info ul li.active .circle:after{ background: #00f3fe;}
/* .betcity footer{ background: #00f3fe;} */
/* .betcity footer .container p{ color: #0a0a0a;} */
.betcity .tracking-detail{ height: 100%;}

/*landing*/
.landing-page{background: #edbb80;}
.landing-page .logo-landing{background: #edbb80;padding: 50px 0 100px;}
.eparcels-body h1{font-family: 'Exo 2', sans-serif;color: #233148;font-size: 39px;font-weight: 500;max-width: 650px;margin: 0 0 15px;}
.eparcels-body p{font-family: 'Exo 2', sans-serif;color: #233148;font-size: 19px;font-weight: 200;max-width: 580px;}
.eparcels-body label{font-family: 'Exo 2', sans-serif;color: #233148;font-size: 17px;font-weight: 200;margin: 0 0 10px;}
.eparcels-body .form-control{font-family: 'Exo 2', sans-serif;color: #233148;font-size: 17px;font-weight: 400;border: 1px solid #dce2ec;border-radius: 0;}

.eparcels-body .submit-btn{background:#ee9f2f;border: 1px solid #ee9f2f; color: #233148;border-radius: 6px;padding: 7px 17px;font-weight: 500;font-family: 'Exo 2', sans-serif;    margin-top: 10px;cursor: pointer;font-size: 15px;}
.eparcels-body .submit-btn:hover{background: #333b56;color: #fff;border-color: #333b56;}
.eparcels-body .mb-4 {  margin-bottom: 20px !important;}

.eparcels-banner {  text-align: center; margin-top: -103px;position: relative;
    z-index: -1;}
.eparcels-banner img{max-width: 100%;margin-right: -85px;}



/*highbrow*/

.highbrow .eparcelsbanner .desc h3{color: #fff; font-weight: 400; font-family: 'Istok Web', sans-serif;font-size: 19px;}
.highbrow .progressbar { background: #f0e8dc;}
.highbrow .progressbar ul li:after { background: #f0e8dc;}
.highbrow .progressbar ul li.active:after, .highbrow .progressbar ul li.fill:after{background: #ddcdb4;}
.highbrow .progressbar ul li span{border: 6px solid #f0e8dc;}
.highbrow .progressbar ul li.active span, .highbrow .progressbar ul li.fill span{border: 6px solid #decdb5;}
.highbrow  .progressbar ul li.active span:after{background: #decdb4;}
.highbrow  .toltip, .highbrow  .toltip:after{background: #decdb4;}

.highbrow .toltip {  color: #000; }

.highbrow .tracking-section .tracking-info, .highbrow .tracking-detail{    border-top: 8px solid #decdb4;}
.highbrow .tracking-info ul li.active .circle{    border-color: #ddcdb4;}
.highbrow .tracking-info ul li.active .circle:after{ background: #ddcdb4;}
.highbrow .tracking-detail h4{ color: #decdb4;}
.highbrow footer{ background: #333333;padding: 25px 0 24px;} 
.highbrow .tracking-detail{ height: 100%;}
.highbrow .eparcelsbanner .desc h1 { font-family: 'Copyright Sharp Type Co.';font-weight: 300;}
.highbrow .show-more a:hover {  color: #ddcdb4;}
.highbrow .tracking-info ul li .package-dec h3 {font-family: 'Istok Web';  font-weight: 700;}
.highbrow .tracking-info ul li .package-dec p{font-family: 'Istok Web';font-style: normal;}
.highbrow .tracking-info ul li.active .package-dec p{color: #686868;}
.highbrow .tracking-info ul li .time-stat p{font-family: 'Istok Web';font-weight: 700;}
.highbrow .tracking-info ul li .time-stat span{font-family: 'Istok Web';    font-weight: 400;}
.highbrow .tracking-info ul li.active .time-stat p{color: #333333;}
.highbrow .tacktrace-block p{font-family: 'Istok Web'; }


/*Ohlief*/

.Ohlief .eparcelsbanner .desc h3{color: #fff; font-weight: 400; font-family: 'Istok Web', sans-serif;font-size: 19px;}
.Ohlief .progressbar { background: #ffe5e0;}
.Ohlief .progressbar ul li:after { background: #ffe5e0;}
.Ohlief .progressbar ul li.active:after, .Ohlief .progressbar ul li.fill:after{background: #dc7e6b;}
.Ohlief .progressbar ul li span{border: 6px solid #ffe5e0;}
.Ohlief .progressbar ul li.active span, .Ohlief .progressbar ul li.fill span{border: 6px solid #dc7e6b;}
.Ohlief  .progressbar ul li.active span:after{background: #dc7e6b;}
.Ohlief  .toltip, .Ohlief  .toltip:after{background: #dc7e6b;}
 

.Ohlief .tracking-section .tracking-info, .Ohlief .tracking-detail{    border-top: 8px solid #dc7e6b;}
.Ohlief .tracking-info ul li.active .circle{    border-color: #dc7e6b;}
.Ohlief .tracking-info ul li.active .circle:after{ background: #dc7e6b;}
.Ohlief .tracking-detail h4{ color: #dc7e6b;}
.Ohlief footer{ background: #333333;padding: 25px 0 24px;} 
.Ohlief .tracking-detail{ height: 100%;}
.Ohlief .eparcelsbanner .desc h1 { font-family: 'Arial'; font-weight: 700;}
.Ohlief .show-more a:hover {  color: #dc7e6b;}
.Ohlief .tracking-info ul li .package-dec h3 {font-family: 'Istok Web';  font-weight: 700;}
.Ohlief .tracking-info ul li .package-dec p{font-family: 'Istok Web';font-style: normal;}
.Ohlief .tracking-info ul li.active .package-dec p{color: #686868;}
.Ohlief .tracking-info ul li .time-stat p{font-family: 'Istok Web';font-weight: 400;}
.Ohlief .tracking-info ul li .time-stat span{font-family: 'Istok Web';    font-weight: 400;}
.Ohlief .tracking-info ul li.active .time-stat p{color: #333333;}
.Ohlief .tacktrace-block p{font-family: 'Istok Web'; }
.Ohlief .eparcelsbanner:after{background: rgba(51, 51, 51, 0.5);}

/*spacesplus*/

.spacesplus .eparcelsbanner .desc h3{color: #fff; font-weight: 400; font-family: 'Istok Web', sans-serif;font-size: 19px;}
.spacesplus .progressbar { background: #cccccc;}
.spacesplus .progressbar ul li:after { background: #cccccc;}
.spacesplus .progressbar ul li.active:after, .spacesplus .progressbar ul li.fill:after{background: #333333;}
.spacesplus .progressbar ul li span{border: 6px solid #cccccc;}
.spacesplus .progressbar ul li.active span, .spacesplus .progressbar ul li.fill span{border: 6px solid #333333;}
.spacesplus  .progressbar ul li.active span:after{background: #333333;}
.spacesplus  .toltip, .spacesplus  .toltip:after{background: #333333;}
 

.spacesplus .tracking-section .tracking-info, .spacesplus .tracking-detail{    border-top: 8px solid #333333;}
.spacesplus .tracking-info ul li.active .circle{    border-color: #333333;}
.spacesplus .tracking-info ul li.active .circle:after{ background: #333333;}
.spacesplus .tracking-detail h4{ color: #333333;}
.spacesplus footer{ background: #333333;padding: 25px 0 24px;} 
.spacesplus .tracking-detail{ height: 100%;}
.spacesplus .eparcelsbanner .desc h1 { font-family: 'Arial'; font-weight: 700;}
.spacesplus .show-more a:hover {  color: #333333;}
.spacesplus .tracking-info ul li .package-dec h3 {font-family: 'Istok Web';  font-weight: 700;}
.spacesplus .tracking-info ul li .package-dec p{font-family: 'Istok Web';font-style: normal;}
.spacesplus .tracking-info ul li.active .package-dec p{color: #686868;}
.spacesplus .tracking-info ul li .time-stat p{font-family: 'Istok Web';font-weight: 400;}
.spacesplus .tracking-info ul li .time-stat span{font-family: 'Istok Web';    font-weight: 400;}
.spacesplus .tracking-info ul li.active .time-stat p{color: #333333;}
.spacesplus .tacktrace-block p{font-family: 'Istok Web'; }
.spacesplus .eparcelsbanner:after{background: rgba(51, 51, 51, 0.5);}

/*koffiemaatje*/
.koffiemaatje .eparcelsbanner .desc h3{color: #fff; font-weight: 400; font-family: 'Istok Web', sans-serif;font-size: 19px;}
.koffiemaatje .progressbar { background: #cccccc;}
.koffiemaatje .progressbar ul li:after { background: #cccccc;}
.koffiemaatje .progressbar ul li.active:after, .koffiemaatje .progressbar ul li.fill:after{background: #333333;}
.koffiemaatje .progressbar ul li span{border: 6px solid #cccccc;}
.koffiemaatje .progressbar ul li.active span, .koffiemaatje .progressbar ul li.fill span{border: 6px solid #333333;}
.koffiemaatje  .progressbar ul li.active span:after{background: #333333;}
.koffiemaatje  .toltip, .koffiemaatje  .toltip:after{background: #333333;}
 

.koffiemaatje .tracking-section .tracking-info, .koffiemaatje .tracking-detail{    border-top: 8px solid #333333;}
.koffiemaatje .tracking-info ul li.active .circle{    border-color: #333333;}
.koffiemaatje .tracking-info ul li.active .circle:after{ background: #333333;}
.koffiemaatje .tracking-detail h4{ color: #333333;}
.koffiemaatje footer{ background: #333333;padding: 25px 0 24px;} 
.koffiemaatje .tracking-detail{ height: 100%;}
.koffiemaatje .eparcelsbanner .desc h1 { font-family: 'Arial'; font-weight: 700;}
.koffiemaatje .show-more a:hover {  color: #333333;}
.koffiemaatje .tracking-info ul li .package-dec h3 {font-family: 'Istok Web';  font-weight: 700;}
.koffiemaatje .tracking-info ul li .package-dec p{font-family: 'Istok Web';font-style: normal;}
.koffiemaatje .tracking-info ul li.active .package-dec p{color: #686868;}
.koffiemaatje .tracking-info ul li .time-stat p{font-family: 'Istok Web';font-weight: 400;}
.koffiemaatje .tracking-info ul li .time-stat span{font-family: 'Istok Web';    font-weight: 400;}
.koffiemaatje .tracking-info ul li.active .time-stat p{color: #333333;}
.koffiemaatje .tacktrace-block p{font-family: 'Istok Web'; }
.koffiemaatje .eparcelsbanner:after{background: rgba(51, 51, 51, 0.5);}

/*----Highborow------*/
.highbrow .eparcelsbanner:after{background: rgba(51, 51, 51, 0.5);}

/*bamboi*/

.bamboi .logo{top: 45px;}

.bamboi .eparcelsbanner .desc h3{color: #1e1e1c; font-weight: 400; font-family: 'Arial Rounded MT';font-size: 22px;margin: 0 0 10px;}
.bamboi .eparcelsbanner .desc h1 { font-family: 'Arial Rounded MT'; font-weight: 700;font-size: 38px;color: #1e1e1c;margin: 0}
.bamboi .progressbar { background: #dbdfc9;}
.bamboi .progressbar ul li:after { background: #dbdfc9;}
.bamboi .progressbar ul li.active:after, .bamboi .progressbar ul li.fill:after{background: #828768;}
.bamboi .progressbar ul li span{border: 6px solid #dbdfc9;}
.bamboi .progressbar ul li.active span, .bamboi .progressbar ul li.fill span{border: 6px solid #828768;}
.bamboi  .progressbar ul li.active span:after{background: #828768;}
.bamboi  .toltip, .bamboi  .toltip:after{background: #fa8334;}
 

.bamboi .tracking-section .tracking-info, .bamboi .tracking-detail{    border-top: 8px solid #828768;}
.bamboi .tracking-info ul li.active .circle{    border-color: #828768;}
.bamboi .tracking-info ul li.active .circle:after{ background: #828768;}
.bamboi .tracking-detail h4{ color: #828768;font-family: 'Arial Rounded MT';}
.bamboi footer{ background: #828768;padding: 25px 0 24px;} 
.bamboi footer p{ font-family: 'Istok Web';} 
.bamboi .tracking-detail{ height: 100%;}

.bamboi .show-more a:hover {  color: #333333;}
.bamboi .tracking-info ul li .package-dec h3 {font-family: 'Arial Rounded MT';  font-weight: 700;}
.bamboi .tracking-info ul li.active h3 {color: #0f0f0f;}
.bamboi .tracking-info ul li .package-dec p{font-family: 'Arial Rounded MT';font-style: normal;}
.bamboi .tracking-info ul li.active .package-dec p{color: #686868;}
.bamboi .tracking-info ul li .time-stat p{font-family: 'Arial Rounded MT';font-weight: 400;}
.bamboi .tracking-info ul li .time-stat span{font-family: 'Arial Rounded MT';    font-weight: 400;color: #d3d3d4}
.bamboi .tracking-info ul li.active .time-stat p{color: #333333;}
.bamboi .tacktrace-block p{font-family: 'Arial Rounded MT'; color:#000000;}
.bamboi .eparcelsbanner:after{background: none;}
.bamboi .show-more a{color: #141414;font-family: 'Arial Rounded MT';}
.bamboi .show-more a:hover{color: #828768;}

/*--------------------------*/

.minor-figures .logo{top: 41px;}

.minor-figures .eparcelsbanner .desc h3{color: #ffffff; font-weight: 400; font-family: 'Space Grotesk', sans-serif;font-size: 19px;margin: 0 0 8px;letter-spacing: 0.1em;text-transform: uppercase;}
.minor-figures .eparcelsbanner .desc h1 { font-family: 'Space Grotesk', sans-serif; font-weight: 700;font-size: 36px;color: #fff;margin: 0;letter-spacing: 0.07em;}
.minor-figures .progressbar { background: #d4d4d4;}
.minor-figures .progressbar ul li:after { background: #d4d4d4;}
.minor-figures .progressbar ul li.active:after, .minor-figures .progressbar ul li.fill:after{background: #201e1e;}
.minor-figures .progressbar ul li span{border: 6px solid #d4d4d4;}
.minor-figures .progressbar ul li.active span, .minor-figures .progressbar ul li.fill span{border: 6px solid #201e1e;}
.minor-figures  .progressbar ul li.active span:after{background: #201e1e;}
.minor-figures  .toltip, .minor-figures  .toltip:after{background: #201e1e; font-family: 'Space Grotesk', sans-serif; font-size: 10px; letter-spacing: 0.01em; font-weight: 400;}
 

.minor-figures .tracking-section .tracking-info, .minor-figures .tracking-detail{    border-top: 8px solid #201e1e;}
.minor-figures .tracking-info ul li.active .circle{border-color: #201e1e;}
.minor-figures .tracking-info ul li.active .circle:after{ background: #201e1e;}
.minor-figures .tracking-detail h4{ color: #8b8b8b;font-family: 'Space Grotesk', sans-serif;font-weight: 500;    margin: 0 0 9px;}
.minor-figures footer{ background: #333333;padding: 25px 0 24px;}  
.minor-figures .tracking-detail{ height: 100%;}

.minor-figures .show-more a:hover {  color: #333333;}
.minor-figures .tracking-info ul li .package-dec h3 {font-family: 'Space Grotesk', sans-serif; font-weight: 400;letter-spacing: .06em;text-transform: uppercase;}
.minor-figures .tracking-info ul li.active h3 {color: #000000;}
.minor-figures .tracking-info ul li .package-dec p{font-family: 'Space Grotesk', sans-serif; font-weight: 400;letter-spacing: .06em;font-style: normal;text-transform: uppercase;}
.minor-figures .tracking-info ul li.active .package-dec p{color: #000000;}
.minor-figures .tracking-info ul li .time-stat p{font-family: 'Space Grotesk', sans-serif; font-weight: 400;}
.minor-figures .tracking-info ul li .time-stat span{font-family: 'Space Grotesk', sans-serif; font-weight: 400;color: #d3d3d4}
.minor-figures .tracking-info ul li.active .time-stat p{color: #333333;}
.minor-figures .tacktrace-block p{font-family: 'Space Grotesk', sans-serif; color:#000000;font-weight: 400;line-height: 22px;    font-size: 13px;}
.minor-figures .eparcelsbanner:after{background: rgba(51,51,51,.5);}
.minor-figures .show-more a{color: #141414;font-family: 'Space Grotesk', sans-serif; }
.minor-figures .show-more a:hover{color: #201e1e;}
/*end*/

/*alpha */
.alpha-t .logo{top: 37px;}
.alpha-t .eparcelsbanner .desc h3{color: #9dc41b; font-weight: 400; font-family: 'Space Grotesk', sans-serif;margin: 0 0 12px;letter-spacing: 0.025em;}
.alpha-t .eparcelsbanner .desc h1 { font-family: 'Space Grotesk', sans-serif; font-weight: 500;font-size: 38px;color: #fff;margin: 0;letter-spacing: 0.02em;}
.alpha-t .eparcelsbanner:after { display: none;}
.alpha-t footer { background: #1f2025;}
.alpha-t footer .container p { font-family: 'Istok Web';}

.alpha-t .progressbar { background: #eeeeee;}
.alpha-t .progressbar ul li:after { background: #eeeeee;}
.alpha-t .progressbar ul li.active:after, .alpha-t .progressbar ul li.fill:after{background: #9dc41b;}
.alpha-t .progressbar ul li span{border: 6px solid #eeeeee;}
.alpha-t .progressbar ul li.active span, .alpha-t .progressbar ul li.fill span{border: 6px solid #9dc41b;}
.alpha-t  .progressbar ul li.active span:after{background: #9dc41b;}
.alpha-t  .toltip, .alpha-t  .toltip:after{background: #9dc41b; font-family: 'Space Grotesk', sans-serif; font-size: 12px; letter-spacing: 0.01em; font-weight: 500;color: #1f2025;}
 

.alpha-t .tracking-section .tracking-info, .alpha-t .tracking-detail{    border-top: 8px solid #9dc41b;}
.alpha-t .tracking-info ul li.active .circle{border-color: #9dc41b;}
.alpha-t .tracking-info ul li.active .circle:after{ background: #9dc41b;}
.alpha-t .tracking-detail h4{ color: #9dc41b;font-family: 'Arial Rounded MT'; font-weight: bold;    margin: 0 0 9px;}
.alpha-t footer{ background: #333333;padding: 25px 0 24px;}  
.alpha-t .tracking-detail{ height: 100%;}

.alpha-t .show-more a:hover {  color: #333333;}
.alpha-t .tracking-info ul li .package-dec h3 {font-family: 'Space Grotesk', sans-serif; font-weight: 400;}
.alpha-t .tracking-info ul li.active h3 {font-weight: 600;}
.alpha-t .tracking-info ul li .package-dec p{font-family: 'Space Grotesk', sans-serif; font-weight: 400;font-style: normal;}
.alpha-t .tracking-info ul li.active .package-dec p{color: #686868;font-weight: 500;}
.alpha-t .tracking-info ul li .time-stat p{font-family: 'Space Grotesk', sans-serif; font-weight: 400;}
.alpha-t .tracking-info ul li .time-stat span{font-family: 'Space Grotesk', sans-serif; font-weight: 400;color: #d3d3d4}
.alpha-t .tracking-info ul li.active .time-stat p{color: #333333;font-weight: 600;}
.alpha-t .tacktrace-block p{font-family: 'Space Grotesk', sans-serif; color:#000000;line-height: 22px;    font-size: 13px;font-weight: 500;}
.alpha-t .eparcelsbanner:after{background: rgba(51,51,51,.5);}
.alpha-t .show-more a{color: #141414;font-family: 'Space Grotesk', sans-serif;font-weight: 500; }
.alpha-t .show-more a:hover{color: #9dc41b;}


/*ricewater*/
.ricewater  .eparcelsbanner:after{display: none;}

.ricewater .logo{top: 24px;}
.ricewater .eparcelsbanner .desc h3{color: #000000; font-weight: 600; font-family: "Poppins", sans-serif;margin: 0 0 12px;letter-spacing: 0.1em;font-size: 18px;text-transform: uppercase;}
.ricewater .eparcelsbanner .desc h1 {font-family: "Poppins", sans-serif; font-weight: 700;font-size: 36px;color: #000;margin: 0;letter-spacing: 0.16em;text-transform: uppercase;} 
.ricewater footer { background: #1f2025;}
.ricewater footer .container p { font-family: "Poppins", sans-serif;}

.ricewater .progressbar { background: #eeeeee;}
.ricewater .progressbar ul li:after { background: #eeeeee;}
.ricewater .progressbar ul li:nth-child(1).active:after, .ricewater .progressbar ul li:nth-child(1).fill:after{background: rgb(254,232,216);
background: linear-gradient(90deg, rgba(254,232,216,1) 0%, rgba(232,215,248,1) 100%);}
.ricewater .progressbar ul li:nth-child(2).active:after, .ricewater .progressbar ul li:nth-child(2).fill:after{background: rgb(228,214,252);
background: linear-gradient(90deg, rgba(228,214,252,1) 0%, rgba(208,222,250,1) 100%);}
.ricewater .progressbar ul li:nth-child(3).active:after, .ricewater .progressbar ul li:nth-child(3).fill:after{ background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(223,214,254,1) 0%, rgb(192 234 240) 100%);}
.ricewater .progressbar ul li:nth-child(4).active:after, .ricewater .progressbar ul li:nth-child(4).fill:after{background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgb(192 234 240) 0%, rgba(213,243,236,1) 100%);}
.ricewater .progressbar ul li span{border: 6px solid #eeeeee;}
.ricewater .progressbar ul li.active span, .ricewater .progressbar ul li.fill span{border: 6px solid #1f2025;}
.ricewater .progressbar ul li:nth-child(1).active span, .ricewater .progressbar ul li:nth-child(1).fill span{border: 6px solid #e4d6fc;}
.ricewater  .progressbar ul li:nth-child(1).active span:after{background: #e4d6fc;}
.ricewater .progressbar ul li:nth-child(2).active span, .ricewater .progressbar ul li:nth-child(2).fill span{border: 6px solid #d0defa;}
.ricewater  .progressbar ul li:nth-child(2).active span:after{background: #d0defa;}
.ricewater .progressbar ul li:nth-child(3).active span, .ricewater .progressbar ul li:nth-child(3).fill span{border: 6px solid #c0eaf0;}
.ricewater  .progressbar ul li:nth-child(3).active span:after{background: #c0eaf0;}
.ricewater .progressbar ul li:nth-child(4).active span, .ricewater .progressbar ul li:nth-child(4).fill span{border: 6px solid #c0eaef;}
.ricewater  .progressbar ul li:nth-child(4).active span:after{background: #b5f6e6;}
 .ricewater .toltip, .ricewater  .toltip:after{font-family: "Poppins", sans-serif; font-size: 11px; letter-spacing: 0.04em; font-weight: 600;color: #1f2025;}

.ricewater ul li:nth-child(1) .toltip, .ricewater ul li:nth-child(1) .toltip:after{background: #e1d0fd;}
.ricewater ul li:nth-child(2) .toltip, .ricewater ul li:nth-child(2) .toltip:after{background: #c2d2f3;}
.ricewater ul li:nth-child(3) .toltip, .ricewater ul li:nth-child(3) .toltip:after{background: #c0ebef;}
.ricewater ul li:nth-child(4) .toltip, .ricewater ul li:nth-child(4) .toltip:after{background: #b6e4eb;}
 

.ricewater .tracking-section .tracking-info, .ricewater .tracking-detail{  position: relative; border-top: 8px solid transparent;}
.ricewater .tracking-info:after, .ricewater .tracking-detail:after{content: ""; height: 8px; width: 100%; position: absolute; left: 0; top: -8px;     border-radius: 10px 10px 0 0;background: hsla(343, 51%, 92%, 1);

background: linear-gradient(360deg, hsla(343, 51%, 92%, 1) 0%, hsla(253, 95%, 92%, 1) 50%, hsla(192, 62%, 85%, 1) 100%);

background: -moz-linear-gradient(360deg, hsla(343, 51%, 92%, 1) 0%, hsla(253, 95%, 92%, 1) 50%, hsla(192, 62%, 85%, 1) 100%);

background: -webkit-linear-gradient(360deg, hsla(343, 51%, 92%, 1) 0%, hsla(253, 95%, 92%, 1) 50%, hsla(192, 62%, 85%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F5E0E6", endColorstr="#DFD6FE", GradientType=1 );}

 .ricewater .tracking-detail:after{content: ""; height: 8px; width: 100%; position: absolute; left: 0; top: -8px; border-radius: 10px 10px 0 0;background: hsla(258, 77%, 91%, 1);

background: linear-gradient(90deg, hsla(258, 77%, 91%, 1) 0%, hsla(262, 86%, 91%, 1) 0%, hsla(216, 78%, 89%, 1) 100%);

background: -moz-linear-gradient(90deg, hsla(258, 77%, 91%, 1) 0%, hsla(262, 86%, 91%, 1) 0%, hsla(216, 78%, 89%, 1) 100%);

background: -webkit-linear-gradient(90deg, hsla(258, 77%, 91%, 1) 0%, hsla(262, 86%, 91%, 1) 0%, hsla(216, 78%, 89%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#E2D8FA", endColorstr="#E4D6FC", GradientType=1 );
 }


.ricewater .tracking-info ul li.active .circle{border-color: #c0ebef;}
.ricewater .tracking-info ul li.active .circle:after{ background: #c0ebef;}
.ricewater .tracking-detail h4{ color: #b4b4b4;font-family: 'Arial Rounded MT'; font-weight: bold;    margin: 0 0 9px;}
.ricewater .tracking-detail{ height: 100%;}

.ricewater .show-more a:hover {  color: #333333;}
.ricewater .tracking-info ul li .package-dec h3 {font-family: "Poppins", sans-serif; font-weight: 500;}
.ricewater .tracking-info ul li.active h3 {    font-weight: 500;color: #262c3f;}
.ricewater .tracking-info ul li .package-dec p{font-family: "Poppins", sans-serif; font-weight: 500;font-style: normal;}
.ricewater .tracking-info ul li.active .package-dec p{color: #686868;font-weight: 500;}
.ricewater .tracking-info ul li .time-stat p{font-family: "Poppins", sans-serif;font-weight: 500;}
.ricewater .tracking-info ul li .time-stat span{font-family: "Poppins", sans-serif; font-weight: 500;color: #d3d3d4}
.ricewater .tracking-info ul li.active .time-stat p{color: #333333;font-weight: 500;}
.ricewater .tacktrace-block p{font-family: "Poppins", sans-serif; color:#000000;line-height: 22px;    font-size: 13px;font-weight: 500;} 
.ricewater .show-more a{color: #141414;font-family: "Poppins", sans-serif;font-weight: 500; }
.ricewater .show-more a:hover{color: #b6e4eb;}
/*end*/

/*happy*/ 
.happy .logo{top: 40px;}
.happy .eparcelsbanner .desc h3{color: #ffb74a; font-weight: 700; font-family: 'Poppins', sans-serif;margin: 0 0 12px;letter-spacing: 0.025em;}
.happy .eparcelsbanner .desc h1 { font-family: 'Poppins', sans-serif; font-weight: 700;font-size: 38px;color: #fff;margin: 0;letter-spacing: 0.02em;}
 
.happy footer { background: #1f2025;}
.happy footer .container p { font-family: 'Istok Web';}

.happy .progressbar { background: #eeeeee;}
.happy .progressbar ul li:after { background: #eeeeee;}
.happy .progressbar ul li.active:after, .happy .progressbar ul li.fill:after{background: #ffb74a;}
.happy .progressbar ul li span{border: 6px solid #eeeeee;}
.happy .progressbar ul li.active span, .happy .progressbar ul li.fill span{border: 6px solid #ffb74a;}
.happy  .progressbar ul li.active span:after{background: #ffb74a;}
.happy  .toltip, .happy  .toltip:after{background: #ffb74a; font-family: 'Poppins', sans-serif; font-size: 12px; letter-spacing: 0.01em; font-weight: 700;color: #fff;}
 

.happy .tracking-section .tracking-info, .happy .tracking-detail{    border-top: 8px solid #ffb74a;}
.happy .tracking-info ul li.active .circle{border-color: #ffb74a;}
.happy .tracking-info ul li.active .circle:after{ background: #ffb74a;}
.happy .tracking-detail h4{ color: #999999;font-family: 'Poppins', sans-serif; font-weight: 500;    margin: 0 0 9px;}
.happy footer{ background: #1f2025;padding: 25px 0 24px;}  
.happy .tracking-detail{ height: 100%;}

.happy .show-more a:hover {  color: #333333;}
.happy .tracking-info ul li .package-dec h3 {font-family: 'Poppins', sans-serif; font-weight: 400;}
.happy .tracking-info ul li.active h3 {font-weight: 600;}
.happy .tracking-info ul li .package-dec p{font-family: 'Poppins', sans-serif; font-weight: 400;font-style: normal;}
.happy .tracking-info ul li.active .package-dec p{color: #686868;font-weight: 500;}
.happy .tracking-info ul li .time-stat p{font-family: 'Poppins', sans-serif; font-weight: 400;}
.happy .tracking-info ul li .time-stat span{font-family: 'Poppins', sans-serif; font-weight: 400;color: #d3d3d4}
.happy .tracking-info ul li.active .time-stat p{color: #333333;font-weight: 600;}
.happy .tracking-info ul li.active .time-stat span{font-weight: 500;}
.happy .tacktrace-block p{font-family: 'Poppins', sans-serif; color:#000000;line-height: 22px;    font-size: 14px;font-weight: 500;}
.happy .eparcelsbanner:after{background: rgba(43,46,70,.37);}
.happy .show-more a{color: #141414;font-family: 'Poppins', sans-serif;font-weight: 500; }
.happy .show-more a:hover{color: #ffb74a;}

/*firefighterbag*/
.firefighterbag .logo{top: 55px;}
.firefighterbag .eparcelsbanner .desc h3{color: #000000; font-weight: 600; font-family: 'Open Sans', sans-serif;margin: 0 0 10px;letter-spacing: 0.01em;font-size: 23px;}
.firefighterbag .eparcelsbanner .desc h1 { font-family: 'Open Sans', sans-serif; font-weight: 600;font-size: 49px;color: #000;margin: 0;letter-spacing: 0.01em;}
.firefighterbag .eparcelsbanner:after { display: none;}
.firefighterbag .eparcelsbanner img{height: 430px;object-fit: cover;}
.firefighterbag footer { background: #1f2025;} 

.firefighterbag .progressbar { background: #d4d4d4;}
.firefighterbag .progressbar ul li:after { background: #d4d4d4;}
.firefighterbag .progressbar ul li.active:after, .firefighterbag .progressbar ul li.fill:after{background: #4d4d4d;}
.firefighterbag .progressbar ul li span{border: 6px solid #d4d4d4;}
.firefighterbag .progressbar ul li.active span, .firefighterbag .progressbar ul li.fill span{border: 6px solid #4d4d4d;}
.firefighterbag  .progressbar ul li.active span:after{background: #4d4d4d;}
.firefighterbag  .toltip{ border-radius: 0;}
.firefighterbag  .toltip{background: #bab287; font-family: 'Open Sans', sans-serif; font-size: 14px; letter-spacing: 0.01em; font-weight: 600;color: #000;font-weight: 600;padding: 7px 15px;}
.firefighterbag  .toltip:after{background: #bab287;}
 

.firefighterbag .tracking-section .tracking-info, .firefighterbag .tracking-detail{    border-top: 8px solid #bab287;}
.firefighterbag .tracking-info ul li.active .circle{border-color: #bab287;}
.firefighterbag .tracking-info ul li.active .circle:after{ background: #bab287;}
.firefighterbag .tracking-detail h4{ color: #8b8b8b;font-family: 'Arial'; font-weight: bold;    margin: 0 0 9px;}
.firefighterbag footer{ background: #333333;padding: 25px 0 24px;}  
.firefighterbag .tracking-detail{ height: 100%;}

.firefighterbag .show-more a:hover {  color: #333333;}
.firefighterbag .tracking-info ul li .package-dec h3 {font-family: 'Open Sans', sans-serif; font-weight: 400;}
.firefighterbag .tracking-info ul li.active h3 {font-weight: 600;}
.firefighterbag .tracking-info ul li .package-dec p{font-family: 'Open Sans', sans-serif; font-weight: 400;font-style: normal;}
.firefighterbag .tracking-info ul li.active .package-dec p{color: #686868;font-weight: 500;}
.firefighterbag .tracking-info ul li .time-stat p{font-family: 'Open Sans', sans-serif; font-weight: 400;}
.firefighterbag .tracking-info ul li .time-stat span{font-family: 'Open Sans', sans-serif; font-weight: 400;color: #d3d3d4}
.firefighterbag .tracking-info ul li.active .time-stat p{color: #000000;font-weight: 600;}
.firefighterbag .tacktrace-block p{font-family: 'Open Sans', sans-serif; color:#000000;line-height: 22px;letter-spacing: 0.01em;    font-size: 14px;font-weight: 500;}
.firefighterbag .eparcelsbanner:after{background: rgba(51,51,51,.5);}
.firefighterbag .show-more a{color: #141414;font-family: 'Open Sans', sans-serif;font-weight: 500; }
.firefighterbag .show-more a:hover{color: #bab287;}

/*norse organics*/
.norseorganics .logo{top: 52px;}
.norseorganics .eparcelsbanner .desc h3{color: #000000; font-weight: 600; font-family: 'Open Sans', sans-serif;margin: 0 0 10px;letter-spacing: 0.260em;font-size: 19px;text-transform: uppercase;} 
.norseorganics .eparcelsbanner .desc h1 { font-family: 'Migra'; font-weight: 900;font-size: 54px;color: #000;margin: 0;letter-spacing: 0.01em;}
.norseorganics .eparcelsbanner:after { display: none;}
.norseorganics .eparcelsbanner img{height: 430px;object-fit: cover;}
.norseorganics footer { background: #1f2025;} 

.norseorganics .progressbar { background: #d4d4d4;}
.norseorganics .progressbar ul li:after { background: #d4d4d4;}
.norseorganics .progressbar ul li span{border: 6px solid #d4d4d4;}
.norseorganics .progressbar ul li.active:after, .norseorganics .progressbar ul li.fill:after{background: #485b6d;}
.norseorganics .progressbar ul li.active span, .norseorganics .progressbar ul li.fill span{border: 6px solid #485b6d;}
.norseorganics  .progressbar ul li.active span:after{background: #485b6d;}
.norseorganics  .toltip{ border-radius: 0;}
.norseorganics  .toltip{background: #c48a62; font-family: 'Open Sans', sans-serif; font-size: 14px; letter-spacing: 0.100em;color: #fff;font-weight: 700;padding: 7px 15px;border-radius: 4px;text-transform: uppercase;    top: -55px;}
.norseorganics  .toltip:after{background: #c48a62;}
 

.norseorganics .tracking-section .tracking-info, .norseorganics .tracking-detail{    border-top: 8px solid #ffffff;}
.norseorganics .tracking-info ul li.active .circle{border-color: #c48a62;}
.norseorganics .tracking-info ul li.active .circle:after{ background: #c48a62;}
.norseorganics .tracking-detail h4{ color: #8b8b8b;font-family: 'Arial'; font-weight: bold;    margin: 0 0 9px;}
.norseorganics footer{ background: #485b6d;padding: 25px 0 24px;}  
.norseorganics .tracking-detail{ height: 100%;}

.norseorganics .show-more a:hover {  color: #333333;}
.norseorganics .tracking-info ul li .package-dec h3 {font-family: 'Open Sans', sans-serif; font-weight: 400;}
.norseorganics .tracking-info ul li.active h3 {font-weight: 600;}
.norseorganics .tracking-info ul li .package-dec p{font-family: 'Open Sans', sans-serif; font-weight: 400;font-style: normal;}
.norseorganics .tracking-info ul li.active .package-dec p{color: #686868;font-weight: 500;}
.norseorganics .tracking-info ul li .time-stat p{font-family: 'Open Sans', sans-serif; font-weight: 400;}
.norseorganics .tracking-info ul li .time-stat span{font-family: 'Open Sans', sans-serif; font-weight: 400;color: #d3d3d4}
.norseorganics .tracking-info ul li.active .time-stat p{color: #000000;font-weight: 600;}
.norseorganics .tacktrace-block p{font-family: 'Open Sans', sans-serif; color:#000000;line-height: 22px;letter-spacing: 0.01em;    font-size: 14px;font-weight: 500;}
.norseorganics .eparcelsbanner:after{background: rgba(51,51,51,.5);}
.norseorganics .show-more a{color: #141414;font-family: 'Open Sans', sans-serif;font-weight: 500; }
.norseorganics .show-more a:hover{color: #c48a62;}
/*end norse organics*/


/*TJ_Clark*/
.TJ-Clark .logo{top: 40px;}
.TJ-Clark .eparcelsbanner .desc h3{color: #290f52; font-weight: 400; font-family: 'Open Sans', sans-serif;margin: 0 0 5px;letter-spacing: 0;font-size: 15px;}
.TJ-Clark .eparcelsbanner .desc h1 { font-family: 'Times New Roman', sans-serif; font-weight: 600;font-size: 39px;color: #290f52;margin: 0;letter-spacing: 0.08em;text-transform: uppercase;}
.TJ-Clark .eparcelsbanner:after { display: none;}
.TJ-Clark .eparcelsbanner img{height: auto;object-fit: cover;}
.TJ-Clark footer { background: #1f2025;} 

.TJ-Clark .progressbar { background: #d4d4d4;}
.TJ-Clark .progressbar ul{max-width: 1130px;}
.TJ-Clark .progressbar ul li span{right: 36%;}
.TJ-Clark .progressbar ul li:after { background: #d4d4d4;}
.TJ-Clark .progressbar ul li.active:after, .TJ-Clark .progressbar ul li.fill:after{background: #290f52;}
.TJ-Clark .progressbar ul li span{border: 6px solid #d4d4d4;}
.TJ-Clark .progressbar ul li.fill span{border: 6px solid #290f52;}
.TJ-Clark .progressbar ul li.active span{border: 6px solid #dea83b;}
.TJ-Clark  .progressbar ul li.active span:after{background: #dea83b;}
.TJ-Clark  .toltip{ border-radius: 0;}
.TJ-Clark  .toltip{background: #dea83b; font-family: 'Open Sans', sans-serif; font-size: 11px; letter-spacing: 0em; font-weight: 400;color: #fff;font-weight: 400;padding: 7px 15px;}
.TJ-Clark  .toltip:after{background: #dea83b;}
 

.TJ-Clark .tracking-section .tracking-info, .TJ-Clark .tracking-detail{    border-top: 8px solid #290f52;}
.TJ-Clark .tracking-info ul li.active .circle{border-color: #dea83b;border-width: 2px;}
.TJ-Clark .tracking-info ul li.active .circle:after{ background: #dea83b;}
.TJ-Clark .tracking-detail h4{ color: #8b8b8b;font-family: 'Arial'; font-weight: bold;    margin: 0 0 9px;}
.TJ-Clark footer{ background: #333333;padding: 25px 0 24px;}  
.TJ-Clark .tracking-detail{ height: 100%;}

.TJ-Clark .show-more a:hover {  color: #333333;}
.TJ-Clark .tracking-info ul li .package-dec h3 {font-family: 'Open Sans', sans-serif; font-weight: 400;}
.TJ-Clark .tracking-info ul li.active h3 { color: #333333;}
.TJ-Clark .tracking-info ul li .package-dec p{font-family: 'Open Sans', sans-serif; font-weight: 400;font-style: normal;}
.TJ-Clark .tracking-info ul li.active .package-dec p{color: #333333;}
.TJ-Clark .tracking-info ul li .time-stat p{font-family: 'Open Sans', sans-serif; font-weight: 400;}
.TJ-Clark .tracking-info ul li .time-stat span{font-family: 'Open Sans', sans-serif; font-weight: 400;color: #d3d3d4}
.TJ-Clark .tracking-info ul li.active .time-stat p{color: #333333;}
.TJ-Clark .tacktrace-block p{font-family: 'Open Sans', sans-serif; color:#333333;line-height: 24px;letter-spacing: 0em;    font-size: 14px;font-weight: 400;}
.TJ-Clark .eparcelsbanner:after{background: rgba(51,51,51,.5);}
.TJ-Clark .show-more a{color: #666666;font-family: 'Open Sans', sans-serif;font-weight: 400; }
.TJ-Clark .show-more a:hover{color: #290f52;}
@media (max-width: 1400px){
  .bamboi .logo {  top: 30px;}
  .minor-figures  .logo {  top: 30px;}
  .TJ-Clark  .logo {  top: 30px;}
}
@media (max-width: 1199px){
  .eparcelsbanner .desc h3{font-size: 18px;}
  .eparcelsbanner .desc h1{font-size: 28px;}

   /*landing page*/
  .landing-page .logo-landing{padding: 30px 0 40px;}
  .eparcels-body h1{font-size: 38px; line-height: 51px;}
  .eparcels-body .mb-4 { margin-bottom: 15px !important;}

/*new css 22-Dec*/
.bamboi .logo {  top: 15px;}
.bamboi .eparcelsbanner .desc h3{font-size: 18px;margin: 0 0 5px;}
.bamboi .eparcelsbanner .desc h1{font-size: 28px;}
/*end*/
.minor-figures .logo {  top: 15px;}
.minor-figures .eparcelsbanner .desc h3{font-size: 18px;margin: 0 0 5px;}
.minor-figures .eparcelsbanner .desc h1{font-size: 28px;}

.alpha-t .logo {  top: 15px;}
.alpha-t .eparcelsbanner .desc h3{font-size: 18px;margin: 0 0 5px;}
.alpha-t .eparcelsbanner .desc h1{font-size: 28px;}

/*happy*/
.happy .logo {  top: 15px;}
.happy .eparcelsbanner .desc h3{font-size: 18px;margin: 0 0 5px;}
.happy .eparcelsbanner .desc h1{font-size: 28px;}

/*firefighterbag*/
.firefighterbag .logo {  top: 30px;}
.firefighterbag .eparcelsbanner .desc h3{font-size: 18px;margin: 0 0 5px;}
.firefighterbag .eparcelsbanner .desc h1{font-size: 28px;}
.firefighterbag .eparcelsbanner img{height: 235px;}
/*norse organics*/
.norseorganics .logo {  top: 20px;}
.norseorganics .logo img { max-height: 60px; }
.eparcelsbanner .desc{margin-top: 8px;}
.norseorganics .eparcelsbanner .desc h3{font-size: 17px;margin: 0 0 10px;letter-spacing: 0.23em;}
.norseorganics .eparcelsbanner .desc h1{font-size: 32px;}
.norseorganics .eparcelsbanner img{height: 235px;}


 /*TJ-Clark*/
.TJ-Clark .logo {  top: 20px;}
.TJ-Clark .logo img { max-height: 60px; } 
.TJ-Clark .eparcelsbanner .desc h3{font-size: 17px;margin: 0 0 10px;letter-spacing: 0.23em;}
.TJ-Clark .eparcelsbanner .desc h1{font-size: 32px;}
.TJ-Clark .eparcelsbanner img{height: 235px;}
}
@media (max-width: 1024px){
  .eparcelsbanner img { max-width: 100%; width: 100%; height: 200px; object-fit: cover; }
  .tracking-section .container, .footer .container{ max-width: 90%;}
  .tracking-section .row{flex-direction: column-reverse;}
  .tracking-section .row>.col-md-3 {width: 100%;margin-bottom: 20px;}
  .tracking-section .row>.col-md-9{width: 100%;}
  .list-traking{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .list-traking .tacktrace-block{width: 45%;}
  .list-traking .tacktrace-block:nth-child(5){border: none;margin-bottom: 5px;}
  .tracking-detail .sender-logo{text-align: left;}
  .tracking-detail{padding: 15px;}
  footer{ padding: 20px 0;}
  .tracking-detail .sender-logo img {  max-width: 100%;}
  .tacktrace-block:nth-child(2){border: none; padding-top: 0;}
  /*landing*/
  .eparcels-body h1 {    font-size: 30px;    line-height: 42px; }
  .minor-figures .logo img {  max-height: 50px;}
  .alpha-t .logo img {  max-height: 50px;}
/*happy*/
 .happy .logo img {  max-height: 50px;}


/*firefighterbag*/
 .firefighterbag .logo img{ max-height: 22px;;}
 /*norse organics*/ 
 .norseorganics .logo img{ max-height: 55px;;}
 /*.TJ-Clark*/
.TJ-Clark .logo img{ max-height: 55px;;}
}
/*landing*/
@media (max-width: 991px){
  .eparcels-banner{ margin-top: -43px;} 
}
@media (max-width: 767px){
  .eparcelsbanner .desc h3 { font-size: 14px;}
  .eparcelsbanner .desc h1 { font-size: 20px; }
  .progressbar ul{max-width: 90%;}
  .progressbar ul li{    height: 6px;}
  .progressbar ul li span{height: 24px; width: 24px;    border: 3px solid #ffa53c;}
  .progressbar ul li.active span{height: 28px; width: 28px;}
  .progressbar ul li.active span:after{width: 9px; height: 9px;}
  .tracking-info ul li .time-stat{    width: 98px;}
  .tracking-section .tracking-info{    padding: 15px 15px 15px 15px;}
  .tracking-info ul li:after{left: 123px;}
  .tracking-info .circle{left: 108px;}
  .tracking-info ul li .package-dec{padding-left: 51px;}
  .tracking-info ul li .package-dec h3{font-size: 14px;}
  .tacktrace-block p{    word-break: break-all;line-height: 20px;}
  /*landing*/
  .landing-page .logo-landing { padding:  20px 0 20px;;}
  .eparcels-body h1 {    font-size: 22px; line-height: 33px;}
  .eparcels-banner{ margin-top: -30px;}
  .eparcels-body p{font-size: 16px;}
  .eparcels-body label{font-size: 15px;}
  .eparcels-body .mb-4 { margin-bottom: 10px !important;}
  /*new css 22-Dec*/
.bamboi .logo {  top: 12px;}
.bamboi .eparcelsbanner .desc h3{font-size: 14px;margin: 0 0 5px;}
.bamboi .eparcelsbanner .desc h1{font-size: 20px;}
/*end*/

.minor-figures .logo {  top: 12px;}
.minor-figures .eparcelsbanner .desc h3{font-size: 14px;margin: 0 0 5px;}
.minor-figures .eparcelsbanner .desc h1{font-size: 20px;}

/*.ricewater*/ 
.ricewater .logo {  top: 10px;}
.ricewater .eparcelsbanner .desc h3{font-size: 14px;margin: 0 0 5px;}
.ricewater .eparcelsbanner .desc h1{font-size: 20px;}

/*alpha-t */ 
.alpha-t .logo {  top: 10px;}
.alpha-t .eparcelsbanner .desc h3{font-size: 14px;margin: 0 0 5px;}
.alpha-t .eparcelsbanner .desc h1{font-size: 20px;}

/*.ricewater*/ 
.happy .logo {  top: 10px;}
.happy .eparcelsbanner .desc h3{font-size: 14px;margin: 0 0 5px;}
.happy .eparcelsbanner .desc h1{font-size: 20px;}



/*firefighterbag*/
.firefighterbag .happy .logo {  top: 10px;}
.firefighterbag .eparcelsbanner .desc h3{font-size: 14px;margin: 0 0 5px;}
.firefighterbag .eparcelsbanner .desc h1{font-size: 20px;}
.firefighterbag .eparcelsbanner img {     height: 175px;    }

/*norseorganics */
.norseorganics  .happy .logo {  top: 10px;}
 .norseorganics .logo img {     max-height: 43px;    }
.norseorganics  .eparcelsbanner .desc h3{font-size: 14px;margin: 0 0 5px;}
.norseorganics  .eparcelsbanner .desc h1{font-size: 20px;}
.norseorganics  .eparcelsbanner img {     height: 175px;    }
.norseorganics .toltip{ top: -45px;font-size: 12px;}


/*TJ-Clark*/
/*norseorganics */
.TJ-Clark  .happy .logo {  top: 10px;}
.TJ-Clark .logo img {     max-height: 43px;    }
.TJ-Clark  .eparcelsbanner .desc h3{font-size: 14px;margin: 0 0 5px;}
.TJ-Clark  .eparcelsbanner .desc h1{font-size: 20px;}
.TJ-Clark  .eparcelsbanner img {     height: 175px;    }
.TJ-Clark .toltip{ top: -45px;font-size: 12px;}
}
/*Mompwdr*/
/*mompwdr */
.mompwdr .logo {  top: 55px; width:59%}
.mompwdr .eparcelsbanner .desc{
    top: 69%;
    width: 58%;
}
.mompwdr .eparcelsbanner .desc h1 {
    font-weight: bold;
    color:#000;
}
.mompwdr .tracking-info ul li .package-dec h3 {
    font-weight: 700;
}
.mompwdr .eparcelsbanner .desc h3 {
    color: #000;
    font-weight: 400;
    font-size: 19px;
}
.mompwdr .logo img{
width:150px;
}

.mompwdr .eparcelsbanner:after{
background:unset;
}
.mompwdr .progressbar ul li.active span, .mompwdr .progressbar ul li.fill span{border: 6px solid #ff8c8c;}
.firefighterbag .progressbar ul li.active:after, .firefighterbag .progressbar ul li.fill:after {
    background: #4d4d4d;
}
.mompwdr .progressbar ul li.active span:after {
    background: #ff8c8c;
}
.mompwdr .toltip{
background: #ff8c8c;
}
.mompwdr .tracking-section .tracking-info, .mompwdr .tracking-detail {
    border-top: 8px solid #ff8c8c;
}
.mompwdr .tracking-section .tracking-info, .mompwdr .tracking-detail {
    border-top: 8px solid #ff8c8c;
}
.mompwdr .progressbar ul li.active:after,.mompwdr .progressbar ul li.fill:after{
     background:#ff8c8c;
}
.mompwdr .toltip:after{
background: #ff8c8c;
}
.mompwdr .progressbar ul li span{
border: 6px solid #ff8c8c;
}
.mompwdr .tracking-info ul li.active .circle:after {
    background: #ff8c8c;
}
.mompwdr .tracking-info ul li.active .circle{
border-color: #ff8c8c;
}
/* hiki */
.hiki .logo img{
  width:100px;
  }
  .hiki .logo{
    display: flex;
    left: 140px;
    top: 20px;
    }
.hiki .progressbar ul li.active span, .hiki .progressbar ul li.fill span{border: 6px solid #01cc34;}
.hiki .progressbar ul li.active span:after {
  background: #01cc34;
}
.hiki .toltip{
background: #01cc34;
}
.hiki .tracking-section .tracking-info, .hiki .tracking-detail {
  border-top: 8px solid #01cc34;
}
.hiki .tracking-section .tracking-info, .hiki .tracking-detail {
  border-top: 8px solid #01cc34;
}
.hiki .progressbar ul li.active:after,.hiki .progressbar ul li.fill:after{
   background:#01cc34;
}
.hiki .toltip:after{
background: #01cc34;
}
.hiki .progressbar ul li span{
border: 6px solid #01cc34;
}
.hiki .tracking-info ul li.active .circle:after {
  background: #01cc34;
}
.hiki .tracking-info ul li.active .circle{
border-color: #01cc34;
}

/* hiki */
.enroush .logo img{
  width:250px;
  }
  .enroush .logo{
    display: flex;
     justify-content: center;
    margin-left:-14rem;
    top: 97px;
    }
.enroush .eparcelsbanner .desc{
left: -228px;
}
.enroush .progressbar ul li.active span, .enroush .progressbar ul li.fill span{border: 6px solid #e8678b;}
.enroush .progressbar ul li.active span:after {
  background: #e8678b;
}
.enroush .toltip{
background: #e8678b;
}
.enroush .tracking-section .tracking-info, .enroush .tracking-detail {
  border-top: 8px solid #e8678b;
}
.enroush .tracking-section .tracking-info, .enroush .tracking-detail {
  border-top: 8px solid #e8678b;
}
.enroush .progressbar ul li.active:after,.enroush .progressbar ul li.fill:after{
   background:#e8678b;
}
.enroush .toltip:after{
background: #e8678b;
}
.enroush .progressbar ul li span{
border: 6px solid #e8678b;
}
.enroush .tracking-info ul li.active .circle:after {
  background: #e8678b;
}
.enroush .tracking-info ul li.active .circle{
border-color: #e8678b;
}
.enroush .eparcelsbanner:after{
background: unset;
}

.default .logo img{
width: 200px;
}
.default .logo{
top:74px;
}
.default .progressbar ul li:after, .default .progressbar{
background: #cccccc;
}
.default .progressbar ul li.active:after, .default .progressbar ul li.fill:after {
    background: #ffa53c;
}
.default .progressbar ul li:not(.active):not(.fill) span{
  border: 6px solid #cccccc;
}

/*landing*/
@media (max-width: 1600px){
.enroush .logo img{
width: 150px;
}
.enroush .logo{
top:70px;
}
.default .logo{
top:45px;
}
}


@media (max-width: 1020px){
.default .logo img{
width: 180px;
}
.default .logo{
top:25px;
}
}

@media (max-width: 700px){
  .hiki .logo{
    display: flex;
    justify-content: center;
    left: 0;
    top: 6px;
}
.hiki .logo img{
   width: 70px;
}

.enroush .eparcelsbanner .desc{
left:-140px;
}
.enroush .logo{
left:90px;
}

}

@media (max-width: 500px){
.mompwdr .eparcelsbanner .desc h1{
    font-size:14px;
   }
   .mompwdr .eparcelsbanner .desc{
    top:47%;
   }
.enroush .eparcelsbanner .desc{
left:-75px;
}
.enroush .logo{
left:150px;
}
}
@media (max-width: 400px){
  .eparcels-body h1 br{display: none;}
}
@media (max-width: 1024px){
  .mompwdr .logo{
    top:12px;
  }
.enroush .logo{
top:40px;
}

}


.tracking-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tracking-option {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    cursor: pointer;
    position: relative;
}

.tracking-option input[type="radio"] {
    display: none;
}

.custom-radio {
    height: 18px;
    width: 18px;
    border: 2px solid #F7941D; /* Orange border */
    border-radius: 50%;
    display: inline-block;
    margin-right: 12px;
    position: relative;
}

.custom-radio::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    height: 10px;
    width: 10px;
    background: #F7941D; /* Orange fill */
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

input[type="radio"]:checked + .custom-radio::after {
    opacity: 1;
}

.tracking-label {
    font-size: 14px;
    color: #888;
    margin-right: 10px;
    width: 80px;
}

.tracking-code {
    font-weight: bold;
    text-decoration: underline;
    color: #000;
    font-size: 14px;
}