#primary.hub{
    width: calc(100% - 344px);
    background-color:#ffffff;
    border-top-left-radius: 20px;
    margin:0px;
    padding:40px;
    padding-right:0px;
    min-height: 100vh;
    position: relative;
    display:inline-block;
    
}
#hublogo{
text-align: center;
  width: 100%;
  display: block;
  max-width: unset;
  padding: 0px 30% 20px 30%;
}
#hubbody{
    margin-bottom:0px;
    min-height:100vh;
    background: linear-gradient(90deg,rgba(35, 31, 174, 1) 0%, rgba(35, 31, 174, 1) 35%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%);
}
#hubbodyN::before{
    content:'';
    width:35%;
    height:100%;
    background-color: var(--darkblue);
    display: block;
    position: absolute;
}
.hub article{
margin-left:-40px;
/*height: 77vh;*/
margin-bottom:50px;
}
.hub article .entry-content{
    padding-left: 40px;
    margin-top:0px;
    padding-top:30px;
    padding-bottom:30px;
    margin-bottom:10px;
} 
.hubswitch{
font-size: 14px;
     background-color:var(--lightblue);
     margin:0px 40px 20px 0px;
     width:calc(100% -  40px);
     padding:20px;
     border-radius:10px;
     color:var(--darkblue);
     border: 1px solid var(--lightblue);
     position: relative;
     overflow:hidden;
     margin-right:40px;
}
.hubswitch b{
 color:var(--titlegrey);
font-size: 24px;
margin-right:20px;
font-weight: 600;
}
.entry-content  b, .entry-content  strong{
font-weight: 600 !important;
}
b.blue{
    color:var(--bgblue);
    display:unset !important;
}
.hubslide, .hubgo, .subslide{
    border-radius:20px;
    background-color:#ffffff;
    cursor:pointer;
    padding:40px 40px 40px 40px;
    margin-right:40px;
    box-shadow: 0 0 19px rgba(35, 31, 174, 0.2);
    vertical-align:top;
    width: max-content;
   /* max-height: calc(100vh - 244px);
    transition: all 3s ease-in-out;*/
    
}
.hub .phone b{
    padding-left:30px !important;
}
.hubslide.hide{
    display:none !important;
}
.hubslide.noslide{
    box-shadow: unset;
     border-radius:unset;
     max-width:100% !important;
}
.hubcont{
    width: max-content;
    transition: all 1s ease-in-out;
}
.hubslide.sub{

}
.hubcont .hubslide{
    display: inline-block;
     max-width: 470px;
 position: relative;

}
.hubcont .hubslide.act{
    opacity:1;
  } 
.hubcont .hubslide{
        opacity:0.4;
}
#cont0 .hubslide {
    max-width: 600px;
    opacity:1;
}
.hubslide.sub{
    position: absolute;
    left:500px;
    top: 0px;
     opacity:1;
     display:none;
     z-index: 10;
}
#cont0 .hubslide > *{
   opacity:1;
}
.slide0 .restart{
    display:none !important;
}
.hubslide .restart{
    background-color:var(--boxiegreen) !important;
}
.hubslide.colw{
 max-width: calc( 1470px * 0.65) !important;
}
.hubslide.i50vw{
 max-width: 50vw !important;
}
.hubslide h2{
    text-align:center;
}
#cont0{
max-width:100% !important;
}
#cont0 .buts{
    text-align: center;
}
.h4a{
    cursor:pointer;
}
.topicbut{
    border:1px solid var(--lightblue);
    padding:40px;
    border-radius:10px;
    margin:20px;
    display: inline-flex;
    position:relative;
    font-size: 20px;
  font-weight: 700;
  text-align:center;
      transform: scale(1);
    transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
}
.buts .topicbut:hover{
    background-color:var(--lightblue);
     transform: scale(1.2);
}
.topicbut::before{
    content:'';
    width:50px;
    height:50px;
    background-image: url(https://www.boxie24.com/wp-content/uploads/2025/09/inv.png);
    position: absolute;
  top: -10px;
  left: -10px;
  background-size: contain;
  background-repeat:no-repeat;

}
.topicbut.items::before{
 background-image: url(https://www.boxie24.com/wp-content/uploads/2025/09/inv2.png);
}
.topicbut.label::before{
 background-image: url(https://www.boxie24.com/wp-content/uploads/2025/09/pack1.png);
}
.topicbut.pickup::before{
 background-image: url(https://www.boxie24.com/wp-content/uploads/2025/09/pick1.png);
}
.topicbut.return::before{
 background-image: url(https://www.boxie24.com/wp-content/uploads/2023/08/Truck_100x100px_blue.png);
}
.topicbut:first-of-type{
    margin-left:0px;
}
.block.col3, .block.col2 {
   display: flex;
   justify-content: space-between;
}
.block.col3 p{
     width:32%;
     white-space: normal;
     border:1px solid var(--lightblue);
     padding:25px;
     border-radius:10px;
     margin-top:20px;
}
.block.col2 span, .block.col2 .subslide{
 width:50%;
 padding-right:10px;
  white-space: normal;
}
.block.col2 span:last-of-type{
     padding-right:0px;
}
.block.col3 p b{
    display:block;
}
.block p img, .block span img{
margin-top: 20px;
}
.block span:last-of-type img{
    float: right;
    margin-top: 4px;
}
.hubslide.act > *{
     opacity:1 !important;
}
.hubslide .series{
 font-weight:300;
 color:var(--bgblue);
display:block;
    border: 1px solid var(--bgblue);
    width: min-content;
    padding: 4px 20px;
    border-radius: 6px;
    margin-bottom:20px;
}
.hubslide, .hubslide p{

    font-size: 15px;
  line-height: 24px;
}
.hubslide h4{
    font-size:24px;
    font-weight:400;
    margin-top:0px;
    margin-bottom:20px;
}
.hubslide h4 ins{
    color: var(--boxiegreen);
  border: 2px solid var(--boxiegreen);
  padding: 4px 8px 5px 8px;
  font-size: 18px;
  font-weight: 700;
  margin-right: 16px;
  border-radius: 5px;
  line-height: 15px;
  margin-top: -10px;
  display: inline-block;
  vertical-align: bottom;
}
.hubslide.sub h4{
    display:inline-block;
}
.hubslide h4 ins.vink{
    border-radius: 50%;
    width:30px;
}
.hubslide h4 ins.vink::before{
    background-size: 130%;
    margin-left: -5px;
    background-position-x: -6px;
  background-position-y: -8px;
}
.hubslide .block{
white-space: nowrap;
}
.hubgo{
text-align: center;
  display: inline-block;
  width: 270px;
  height: 230px;
  margin-top: 30px;
  padding-top: 130px;
  background-image: url(infeez/Pickuppages/pickup-large.svg);
  background-size: auto 100px;
  background-position: center 30px;
  background-repeat: no-repeat;
  border: 1px solid #ffffff;
}
.hubgo:last-of-type{
    background-image:url(infeez/Pickuppages/return-large.svg);
    margin-right:0px;
}
.hubgo:hover{
    border-color: var(--bgblue);
}
.hubslide .page-numbers > *{
    background-image:none !important;
    padding: 4px 20px 6px 20px !important;
    margin-top:20px;
    min-width:auto !important;
}
.hubswitch .switch{
     background-color:#ffffff;
     position:absolute;
     right:0px;
     top: 0px;
     height: 100%;
     width: 100px;
     background-size: 23%;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;
    padding: 20px 0px 20px 40px;
}
/*.hubswitch .switch:before{
    content:'';
    font-size:16px;
       height:20px;
   width:20px;
  position: relative;
  top: 30%;
  left: 40%;
}*/
.hubswitch .switch:after{
    content:'';
    display:block;
   height:20px;
   width:20px;
   background-image:url('infeez/arrow_blue_down.svg');
  background-size: 70%;
  position: absolute;
  top: 24px;
  right:10px;
  background-repeat: no-repeat;
  background-position-y: center;
}
.skipno{
     background-color:var(--lightblue);
     padding: 25px 40px 15px 40px;
     width:100%;
     position:absolute;
     left:0px;
     right:0px;
     bottom:0px;
}
.skip{
     background-color:var(--lightblue);
     padding: 25px 40px 15px 40px;
     width:calc(100% - 334px);
     position:relative;
     margin-left:-40px;
    
}
.skip.abs{
    position:absolute;
    bottom: 0px;
}
.skip .icon{
    height:200px;
    width:175px;
    background-image:url(https://www.boxie24.com/wp-content/uploads/2025/09/Image-employee-1.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position: bottom right;
    position:absolute;
    right:0px;
    bottom:0px;
    z-index:10;
}
.skip .link{
    padding:20px;
    padding-left:60px;
    border: 1px solid var(--titlegrey);
    border-radius: 10px;
    opacity:0.4;
    font-size: 14px;
    display:inline-block;
    margin-right:20px;
    line-height: 20px;
}
.skip .link::before{
      content:'';
      margin-left: -40px;
    background-image: url(https://www.boxie24.com/wp-content/uploads/2023/03/Icon_Transport.svg);
     background-size: cover;
     width:30px;
     height:30px;
     display:inline-block;
     margin-right:10px;
     vertical-align: middle;
}
.skip .slogan{
    text-align:center;
    line-height:18px;
    float:right;
    font-size: 12px;
    font-style: italic;
    margin-right: 150px;
    opacity: 0.7;
}
#secondary.hub{
    width: 334px;
    color:#ffffff;
    margin-top:0px;
    padding:40px;
    padding-right:10px;
    height: 100%;
    position:relative;
    display:inline-block;
}
#secondary.hub nav{
    margin-bottom:40px;
}
#secondary.hub nav h4{
    font-weight: 700;
    color:var(--boxiegreen);
    font-variant: all-small-caps;
  letter-spacing: 1px;
}

#secondary.hub nav ul{
list-style: none;
margin:0px;
padding-left:30px;
font-size:14px;
line-height:30px;
}
#secondary.hub nav ul li{
    opacity:0.5;
    cursor:pointer
}
#secondary.hub nav ul li:hover{
     opacity:1;
}
#secondary.hub nav ul li.visli, #secondary.hub .nav.done.active ul li{
     opacity:1 !important;
}
li.visli.act{
    color:var(--boxiegreen);
}
#secondary.hub nav ul li::before{
    content:'';
    background-image: url(infeez/Pickuppages/checkmark-green-big.svg);
     background-size: cover;
     width:14px;
     height:14px;
     display:inline-block;
     margin-right:10px;
     vertical-align: middle;
}

#secondary.hub .happy{
font-size:14px;
font-weight:300;
line-height:20px;
    border-radius: 6px;
    background-color:var(--bgblue);
    position:fixed;
    margin-right: 60px;
    bottom:40px;
    text-align:center;
    padding:20px;
    min-height: unset;
    width: 254px;
}
#secondary.hub .happy.shift{
    position:relative;
    bottom:unset;
}
#secondary.hub .happy b{
    font-weight:500;
    line-height:30px;
    display:block !important;
}
.happy.shiftNO ins{
    display:none !important;
}
#secondary.hub .happy::before{
    content:'';
    width: 50px;
    height:50px;
    background-color:var(--lightblue);
    background-image:url(https://www.boxie24.com/wp-content/uploads/2024/10/helpbarguy-e1728472744847.png);
    background-size: cover;
    border-radius:50%;
    position:relative;
    display: block;
    margin:-40px auto 10px auto;
}
.hub .nav h5{
    font-weight: 500;
    cursor:pointer;
    margin-bottom:0px;
    color: var(--bgblue);
    margin-top:0px;
}
.hub .nav.active h5, .hub .nav.done h5{
    color: #ffffff;
}
.hub .nav h5::before{
    content: '';
    width:30px;
    height:25px;
    display:inline-block;
    background-image:url(infeez/truck.png);
    background-size: auto 15px;
    background-repeat: no-repeat;
    background-position: left bottom;
    opacity:0.5;
}
.hub .nav.active h5::before{
     opacity:1;
}
.hub .nav[data-icon="pickup"] h5::before{
    background-image:url(infeez/pickup-white.png);
}
.hub .nav[data-icon="return"] h5::before{
    background-image:url(infeez/return-white.png);
}
.hub .nav[data-icon="label"] h5::before{
    background-image:url(infeez/icon-inventory.png);
}
.hub .nav[data-icon="pack"] h5::before{
    background-image:url(infeez/packaging-white.png);
}
.hub .nav[data-icon="faq"] h5::before{
    background-image:url(infeez/menu-faq.png);
}
.hub .nav[data-icon="terms"] h5::before{
    background-image:url(infeez/menu-tems.png);
}
.hub .nav.done h5::after{
 content: '';
    width:40px;
    height:10px;
    display:inline-block;
    background-image:url(infeez/vinkwit.svg);
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-position: center;
	position:relative;
}
.hub .nav h5::before{

}

.hub .nav.active h5::before{
    opacity:1;
}
form{
    margin: 20px 0px !important;
}
.button, input{
    padding: 8px 20px 8px 20px !important;
    font-size: 14px !important;
}
input:not([type="submit"]), textarea{
    border-radius:6px !important;
    background-color: #ffffff !important;
}
input{
    display:none !important;
}
.button.pack:before{
     content: '';
    width:40px;
    height:20px;
    margin-bottom: -4px;
    display:inline-block;
    background-image:url(infeez/packaging-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	position:relative;
}