/** Shopify CDN: Minification failed

Line 346:13 Unexpected "{"
Line 349:4 "pading" is not a known CSS property
Line 360:4 "pading" is not a known CSS property

**/
.review-heading{
  margin-bottom:40px;
}
.product-recommendations--title{
  padding-bottom:30px;
}
.customer-review-cover{
  background-color:#fff;
}
.service-overview-subtitle{
      word-break: break-word;
}
.product-form--atc-button{
 background-color: #0099d8 !important;
 color:#fff !important;  
}
.product-recommendations--container{
  padding-top:40px;
  padding-bottom:40px;
}
/* tab collection */
.tab-content .grid{
  /* display: grid;
  grid-template-columns: repeat(4, 1fr); */
}
.product-link.active{
  background-color: #0099d8 !important;
}
.size-button{
  border: 1px solid #0099d8 !important;
  /* color: #fff !important; */
}
.tabbed-collections-section .home-section--title{
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 26px;
}
.tab-button-next,.tab-button-prev{
  color: #fff !important;
  background-color: #0099d8 !important;
  width:40px !important;
  height:40px !important;
  padding: 20px;
  border-radius: 3px;
}
.tab-button-next:after,.tab-button-prev:after{
  font-size:30px !important;
}
/* testimonials */
.custom_testimonials_section .testimonial__content{
  align-items:start;
  text-align:start;
  background-color: #fff;
}
.custom_testimonials_section .home-section--title{
  font-weight: 700;
  font-size: 30px;  
  margin-bottom: 26px;
}
.image-with-text__image-wrapper img{
  border-radius: 0px 30px 0px 30px;
}
.site-header .navmenu-link{
  font-weight:600 !important;
}
.navmenu-meganav--desktop .navmenu-meganav-standard__wrapper .navmenu-meganav-standard__items{
  grid-gap: 10px !important;
  grid-template-columns: repeat(1, 1fr) !important;
}
.tab-button-next{
  right:0px !important;
}
.tab-button-prev{
  left:0px !important;
}
.product__container{
  padding-top: 20px;
  padding-bottom: 20px;
}
/*  */
.service-overview-outter{
  background-color:#fff;
}
.featured-collection__content .productitem--title,.product-recommendations--container .productitem--title{
  min-height:130px;
  margin-top:0px !important;
}
.tab-content .productitem--title,.product-recommendations--container .productitem--title,.productgrid-gridview .productitem--title{
  margin-top:0px !important;
  
}
.tab-slide .productitem--title{
  min-height:115px; 
}
.productgrid-gridview .productitem--title{
  min-height:80px;
}
.product-recommendations--container .productitem--title{
  min-height:90px;
}
.tab-swiper .swiper-wrapper{
  margin:5px 0px !important;
}
.featured-collection__content .productgrid--item,.tab-slide,.product-recommendations--container .productgrid--item,.productgrid-gridview .productitem{
  box-shadow: #3c40434d 0 1px 2px, #3c404326 0 1px 3px 1px;
}
.featured-collection__content .productitem__container{
  
}
.featured-collection__content .productitem--info,.tab-content .productitem--info,.product-recommendations--container .productitem--info,.productgrid-gridview .productitem{
   background-color:#f7f7f7 !important;
  text-align:center;
}
.productgrid-gridview  .productitem--info,.product-recommendations--container .productitem--info,.tab-slide .productitem--info,.featured-collection__container .productitem--info{
   background-color:#f7f7f7 !important;
  padding:16px;
  
}
.featured-collection__content,.product-recommendations--container .product-section--content.product-row{
  gap:12px !important;
}
/* media */
@media screen and (min-width: 1024px) {
  .page-width{
    max-width:100% !important;
  }
  .productgrid-gridview{
    margin:0 5% !important;
  }
    .home-section--title {
        margin-top: 26px !important;
    }
  .site-page .page-content{
        max-width: 85% !important;
  }
  .image-columns-grid,.collection-list-grid,.featured-collection-main-container,.tabbed-collections-section,.image-with-text-padding{
    margin: 0 5% !important;
  }
  .service-overview-container,.testimonial-cards,.review-top,.product-recommendations--title,.product-recommendations--container .product-section--content{ 
   margin: 0 5% !important;
  }
  .breadcrumbs-container,.product__container{
    margin-left:5%;
    margin-right:5%;
  }
  .logistics-program-container{
  margin:0 5%;
}
}
@media screen and (max-width: 859px) {
    .back-to-top+.shopify-section-group-footer-group .site-footer-wrapper {
        margin-top: 0px !important;
    }
}
@media only screen and (max-width:768px){
  .productitem--info{
    margin:0px !important;
  }
  .productgrid--outer {
    padding:25px;
  }
  .featured-collection__container,.image-with-text{
    padding: 0px 25px;
  }
  .productitem{
    padding: 0px !important;
  }
  .product__container{
    padding: 20px;
}
  .breadcrumbs-container{
    padding-left:20px;
    padding-right:20px; 
    
  }
  .product-recommendations--container {
    padding:20px;
    margin-top:0px !important;
 }
  .product-recommendations--title{
    margin-top:0px !important;
  }
}

/* Logistics Program hightlight CSS starts Here  */

.logistics-program-highlight {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 40px 25px; /* Add more top spacing */
  align-items: stretch; /* Ensures children match height */
}

/* Left side */
.left-side {
  flex: 1 1 350px;
  min-width: 280px;
}

.left-side .btn-primary {
  background-color: white;
  border: none;
  color: black;
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  cursor: pointer;
  margin-bottom: 1rem;
  border-radius: 20px;
  font-weight: bold;
}

.left-side h1 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  white-space: pre-line; /* preserve line breaks */
}

.left-side p {
    font-size: 0.9rem;
    margin-bottom: 3rem;
    margin-top: 3rem;
    line-height: 1.6;
}

/* Row for image + name block */
.left-row {
  display: flex;
  align-items: center; /* same height for image and name-block */
  gap: 1.5rem;
  margin-top: 1rem;
}

/* Image styling */
.left-image {
  max-height: 200px; /* adjust height */
  height: 100%;      /* fill container height */
  width: auto;
  flex-shrink: 0;
  border-radius: 6px;
}

/* Name block stacked top and bottom */
.name-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* name top, role bottom */
  height: 100%;  /* match image height */
  line-height:2;
}

.name-block .name {
  font-weight: 700;
  font-size: 1.3rem;
}

.name-block .job-role-bottom {
  font-style: italic;
  color: #555;
  font-size: 0.9rem;
}

/* Right side */
.right-side {
  flex: 1 1 350px;
  min-width: 280px;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* Cards styling */
.card {
  flex: 1 1 calc(50% - 1rem);
  position: relative;
  border: 1px solid #ffffff;
  padding: 1rem;
  cursor: pointer;
  overflow: hidden;
  background: #f9f9f9;
  transition: background 0.5s ease;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-height: unset;
  height: auto;
}

.card-content-left {
  flex-grow: 1;
}

.big-number {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.card-content-right {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 80px; /* Increased width */
  height: 80px; /* Increased height */
}

.card-content-right img {
  width: 100%;
  height: auto;
  display: block;
}

/* Hover background animation */
.card:hover {
  animation: bgSlide 1s forwards;
}

@keyframes bgSlide {
  0% {
    background-position: right bottom;
    background-size: 0% 100%;
    background-image: linear-gradient(to top, #a3d5ff 30%, transparent 100%);
    background-repeat: no-repeat;
  }
  50% {
    background-position: right 30%;
    background-size: 100% 100%;
  }
  100% {
    background-position: right bottom;
    background-size: 0% 100%;
  }
}

/* Responsive */
@media (max-width: 768px) { 


  .left-side,{
    flex: 1 1 100%;
    min-width: unset;
    pading:0px !important;
  }


  
  .right-side {
     /* flex: 1 1 100%; */
    display: block; /* instead of flex */
    width: 100%;
    margin-bottom: 2rem;
    min-width: unset;
    pading:0px !important;
    
  }

  .card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    min-height: auto;     /* Let content decide height */
    width: 100%;
    margin-bottom: 1rem;
    position: relative;
    padding-right: 100px; /* space for image */
  }

  .card-content-left {
    flex: 1;
  }

  .card-content-right {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 60px;
    height: 60px;
  }

  .card-content-right img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 719px) {
    .product-gallery, .product-main, .product-readmore {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}
/* Logistics Program hightlight CSS Ends Here  */
@media only screen and (min-width:1500px){
  .breadcrumbs-container,.product__container{
    margin:1% auto;
  }
}
@media only screen and (min-width:1750px){
  .productgrid-gridview{
    margin:0 auto !important;
  }
}
@media screen and (min-width: 860px) {
    .productitem {
        padding: 0px !important;
    }
    .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-3 .productgrid--item {
        width: calc(33.3333333333% - 13.3333333333px);
        margin-top: 12px !important;
        margin-left: 12px !important;
  }
}
@media screen and (min-width: 1080px) {
    .product-recommendations--container .product-row .productgrid--item {
        margin-right: 0px !important;
        width: calc(25% - 12px) !important;
    }
}