body {
      font-family: "Roboto Slab", serif;
     color:#2C393F;
}


p {
font-family: "Roboto", sans-serif;
}

section {
    padding-top: 50px;
    padding-bottom: 50px;
}


.btn {
    border-radius: 30px;
}

h1, h2, h3, h4, #nav a {
  font-family: "Roboto Slab", serif;
}

h2 {
    margin-bottom: 25px;
        font-size: 37px;
}

h3 {
    font-weight: 600;
    font-size: 25px;
}



.bg-primary, .bg-dark {
    background-color: #2A3D42!important;
}

.btn-primary {
    background-color: #68B155;
    border-color: #68B155;
}

.btn-primary:hover {
    background-color: #68B155;
    border-color: #68B155;
    opacity: 0.7;;
}


div#header-container.bg-dark:before {
    opacity: 0;
}



.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius);
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    color: #2C393F;
    font-family: "Roboto Slab", serif;
    margin-right: 4px;
    margin-left: 5px;
    font-size: 13px;
}




h2.product-header {
    background-color: #67B154;
    display: inline-block;
    color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 40px;
    position: relative;
    font-size: 30px;
}

h2.product-header:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #67B154;
    bottom: -20px;
    left: 50%;
    margin-left: -21px;
    right: 0;
}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: transparent;
    color: #67B154;
    border-bottom: solid 1px #67B154;
    border-radius: 0px;
}


.flickity-page-dots .dot {
    background: #67B154;
    opacity: .35;
}


.btn-outline-primary {
    background-color: transparent;
    border-color: #68B155;
    color: #68B155;
}


.btn-outline-primary:hover {
    background-color: transparent;
    border-color: #68B155;
    color: #68B155;
    opacity:0.7;
}


.btn-outline-light {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}



 #nav a {
    color:#fff;
    text-transform: uppercase;
}

h1 {
    color:#fff;
    font-weight: 400;
        font-size: 45px;
    line-height: 45px;
}

#header .header-p {
    color:#fff;
    font-size: 20px;
    width: 70%;
}




.text-secondary {
    color: #67B154!important;
}

nav#nav {
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
}

div#header-container {
    position: relative;
    overflow: hidden;
}

.header-video {
    position: absolute;
    width: 100%;
    opacity: 0.5;
    height: 100%;
    object-fit: cover;
}

#header-container .header-image {
    position: absolute;
    width: 100%;
    opacity: 0.3;
    height: 100%;
    object-fit: cover;
    top: 0px;
}


div#header .container-header-straplines {
    z-index: 1;
    position: relative;
}


.carousel-cell {

  
    margin-right: 15px;
    opacity: 0.5;
    border-radius: 5px;
    counter-increment: caro5usel-cell;
    overflow: hidden;
}


.carousel-cell-industries {

  min-height:300px;
}

.carousel-cell-testimonials {
 width: 95%!important;
 min-height:100%;
     background-color: #eee;
}





.img-gradient:after {
    content: "";
    position: absolute;
    height: 65%;
    width: 100%;
    bottom: 0px;
    background: linear-gradient(162deg, rgba(54, 76, 89, 0) 39%, rgba(54, 76, 89, 0.8) 52%, rgba(54, 76, 89, 1) 100%);
}


.card-img-overlay {
    z-index: 1;
}


footer .icon {
    background-color: #fff;
    margin-right: 5px;
    margin-left: 5px;
    padding: 10px;
    border-radius: 30px;
}

footer .icon svg {
    width: 35px;
}



.card-body, .card-category, .carousel-cell-product, .card-product-sm {

    height:100%;
}



.section-logos img{

max-width: 100%;
}

.section-logos  .carousel-cell {
    width: 8%;
    height:auto;
    margin-right:30px;
    margin-left:30px;

}

.flickity-slider:hover > .carousel-cell .card-product-sm {
    opacity: 0.6;
}


.flickity-slider:hover > .carousel-cell .card-product-sm:hover {
    opacity: 1;
}


.carousel-cell.carousel-cell-product {
    width: 45%;
    height: 330px;
}


.carousel-cell.carousel-cell-product {
    margin-right: 15px;
    opacity: 1;
    border-radius: 5px;
    overflow: hidden;
}


.carousel-cell.carousel-cell-product .product-card-img-sm {
    border: none;
    margin-top: 0px;
    height: 150px;
}


.carousel-cell.carousel-cell-product .product-list-sm .btn {
     font-size: 14px;
    padding-right: 0px;
    padding-left: 0px;
    width: 50%;
    margin-right: 0px;
    /* display: none; */
    margin-top: 3px;
    font-size: 12px;
    height: 32px;
    border: none;
    line-height: 27px;
    opacity: 1;
    transition: all 350ms ease-out;
    border-radius: 0px;
}

.carousel-cell.carousel-cell-product .product-list-sm:hover .btn {
    opacity: 1;
    transition: all 350ms ease-out;
    border-radius: 0px;
}


.carousel-cell.carousel-cell-product .product-modal__buttons {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 0px;
    display: flex;
}

.carousel-cell.carousel-cell-product .product-modal__buttons .btn-primary{
border-bottom-left-radius: 6px !important;

}


.carousel-cell.carousel-cell-product .product-modal__buttons .btn-seocndary{
border-bottom-right-radius: 6px !important;

}

.carousel-cell.carousel-cell-product .product-list-sm .btn svg {
display: none;
}



.carousel-cell.carousel-cell-product .product-card-title {
    font-size: 20px;
}

.carousel-cell.is-selected {
    opacity: 1;
}

.flickity-page-dots {
    bottom: -67px;
}

.flickity-page-dots .dot {
    margin: 4px 8px;

}

.product-card-img {


}

.product-card-title {


}

.product-card-id {
    color:#878787;
    font-size: 14px;
        margin-bottom: 6px;

}

.flickity-page-dots .dot {
    background: transparent;
    opacity: .35;
    /* padding-top: 15px; */
    padding: 10px;
    position: relative;
    margin: 0px;
    /* border: solid 1px #ccc; */
}

.flickity-page-dots .dot:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #67B154;
    position: absolute;
    border-radius: 10px;
    top: 5px;
    left: 5px;
}

.product-card-title {
    margin-bottom: 0px;
}

.product-card-price {

    color: #68B155;
    font-size: 22px;
}


.product-card-price span, .product-price span {
    font-size: 12px;
    color: #2C393F;
}


.card-link {
    height: 100%;
}


span.badge.text-bg-secondary {
    color: #67B154 !important;
    background-color: transparent !important;
    text-transform: uppercase;
    padding-left: 0px;
    font-family: "Roboto Slab", serif;
    letter-spacing: 0px !important;
    font-size: 13px;
    font-weight: 500;
    white-space: normal;
}

span.badge.text-bg-secondary.text-primary {
    color: #2C393F !important;
}


.icon svg {
    width: 65px;
    filter: invert(61%) sepia(30%) saturate(723%) hue-rotate(62deg) brightness(96%) contrast(86%);
}

.card-features h4 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 24px;
}

.card.card-testimonial {
    background-color: #eee;
    border-radius: 0px;
    padding: 21px;
    border: none;
}

.card.card-testimonial .card-text {
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    font-size: 18px;
}


.card.card-testimonial .text-end {
    color: #5FA457;
    font-family: "Roboto Slab", serif;
}

.card-testimonial figure {
    width: 70px;
    border-radius: 36px;
    overflow: hidden;
}


a.columnImageVideoCover {
    border: none !important;
    height: 100%;
    background-color: #ccc;
    border-radius: 307px;
    /* margin-left: -20px; */
    /* position: absolute !important; */
}

.header-video {
    position: absolute;
    width: 100%;
    opacity: 0.5;
    height: 100%;
    object-fit: cover;
    top: 0px;
}

.play-btn {
    height: 100px;
    position: absolute;
    z-index: 666;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    border: 0;
    width: 100px;
    color: #fff;
}

 .header-image {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-cta .justify-content-md-start {
    justify-content: flex-end !important;
}


.section-column video.header-image {
    /* opacity: 0.4; */
    border-radius: 319px;
    /* overflow: hidden; */
    opacity: 0.7;
}

.section-column img.header-image {
    /* opacity: 0.4; */
    border-radius: 319px;
    /* overflow: hidden; */
    opacity: 1;
}

a.columnImageVideoCover {
    border: none !important;
    height: 100%;
    background-color: #ccc;
    border-radius: 307px;
    margin-left: 5%;
    margin-right: 5%;
}

a.columnImageVideoCover:hover .header-image {
 opacity: 0.9;
}

a.columnImageVideoCover:before {
    width: 104%;
    height: 104%;
    content: "";
    background-color: #67B155;
    z-index: 0;
    position: absolute;
    border-radius: 300px;
}


section.service {
    text-align: center;
    border-top: solid 1px #e5e8eb;
    margin-top: 64px;
    padding-top:0px;
    padding-bottom:0px!important;
}

section.service h4{
    font-size: 18px;
    text-transform: none;
}


section.service svg{
    width:40px;
    margin-bottom: 10px;
}


section.service .item-feature {
    border-left: solid 1px #e5e8eb;
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 20px;
}

section.service .row .col-lg:first-child .item-feature {
    border-left: none !important;
    /* background-color: #ccc; */
}

section.features-scroll h4 {
    text-transform: none;
}



p.product-sku {
    color: #878787;
}

p.product-price {
    color: #5FA457;
    font-size: 24px;
    font-family: "Roboto Slab", serif;
}

.header2 {
    position: relative;
    z-index: 1;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #717171;
}

.header2 strong {
    color: #60A457;
    font-weight: 500;
}


.header2 .uk {
    font-size: 11px;
    line-height: 15px;
    font-family: "Roboto Slab", serif;
    color: #a1a1a1;
}

span.ukflag img {
    width: 35px;
}

nav img {
    width: 120px;
}


div#header-container:before {
    content: "";
    height: 100%;
    width: 100%;
background: linear-gradient(to bottom, rgba(42,61,66,0.9) 8%,rgba(42,61,66,0.43) 21%,rgba(42,61,66,0.43) 75%,rgba(42,61,66,0.47) 77%,rgba(42,61,66,0.89) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    z-index: 1;
    position: absolute;
}

#header-container .card-features {
    color: #fff;
}


#header-container .card-features p {
  margin-bottom: 0px;
}


#header:after {
    content: "";
    width: 100%;
    position: absolute;
    width: 100%;
    height: 61px;
    z-index: 3;
    z-index: 100;
    bottom: -3px;
    border: 0px;
}


#header:after {
    background-image: url(/assets/images/divider-white.png);
}

.header-features {
    padding-top: 40px;
    padding-bottom: 26px;
}

#header-container .card-features h4 {
    font-size: 19px;
    margin-bottom: 0px !important;
}

section.section-logos {
    padding-top: 10px;
}

.container-header-straplines .header-play svg {
    color: #ccc;
    filter: invert(61%) sepia(30%) saturate(723%) hue-rotate(62deg) brightness(96%) contrast(86%);
    width: 138px;
    margin-top: -14px;
    margin-left: -14px;
}


.header-play span {
    display: block;
    text-align: center;
    color: #fff;
    font-family: "Roboto Slab", serif;
    text-transform: uppercase;
   
}

.header-play a {
 text-decoration:none;
   
}

.header-play {
    text-align: center;
}



.pulse{
    width: 110px;
    height: 110px;
    margin-left: auto;
    margin-right: auto;

  
    border-radius: 50%;
    animation: animate-pulse 4s linear infinite;
    cursor: pointer;
    margin-bottom: 10px;
}


.header-play a:hover span {
    color: #67B154;
}

.header-play:hover .pulse{
    animation: none;
}

.header-play:hover svg{
  opacity:0.7;
}




@keyframes animate-pulse{
    0%{
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5),  0 0 0 0 rgba(255, 255, 255, 0.5);
    }
    40%{
        box-shadow: 0 0 0 50px rgba(255,109,74,0.0),  0 0 0 0 rgba(255, 255, 255, 0.5);
    }
    80%{
        box-shadow: 0 0 0 50px rgba(255,109,74,0.0),  0 0 0 30px rgba(255,109,74,0);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(255,109,74,0.0),  0 0 0 30px rgba(255,109,74,0);
    }
    
}



.category-header {
    margin-top:30px;
}


.category-header .card {
    border: none !important;
    padding: 30px;
    background-color: transparent;
}


.cat-img-top img {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.cat-img-top {
    height: 160px;
}


.col-product-cats ul {
    margin-top: 50px;
    font-family: "Roboto Slab", serif;
    list-style: none;
    padding: 0px;
    padding-left: 40px;
}


.col-product-cats ul .active a {
    font-weight: 700;
    /* text-decoration: underline !important; */
    border-bottom: solid 2px #67B154;
    display: inline-block !important;
    line-height: 19px;
}

.col-product-cats ul li.level1, li .dropdown-item-text {
    font-weight: 600;
    margin-top: 30px;
    color: #67B154 !important;
}

li .dropdown-item-text {
    margin-top: 0px;
}

.dropdown li:first-child {
    opacity: 0;
}


ul.dropdown-menu {
    padding-left: 0px;
    width: 100%;
}


.col-product-cats ul li.level2 a {
    text-decoration: none;
    color: #2A3D42;
    display: block;
}

.col-product-cats ul li.level2 a:hover {
    text-decoration: underline;
    color: #2A3D42;
}


.product-list-md .d-flex {

}

.product-card-img {

}

.product-list-md .product-card-title {
    font-size: 31px;
    margin-bottom: 3px;
}

.product-list-md {
    border-bottom: solid 1px #ccc;
    padding-top: 40px;
    padding-bottom: 40px;
}


.col-products {
    margin-top: 50px;
}

h3.cat-title {
    color: #67B154;
    font-size: 35px;
    border-top: solid 1px #ccc;
    padding-top: 25px;
    padding-bottom: 20px;
}


.row.row-products-sm {
    padding-bottom: 0px;
}


.shopify-buy__layout-vertical {
    text-align: left;
}


.shopify-buy__btn-wrapper {
    margin-top: 0px;
}



.btn-lg  {
    height: 54px;
    line-height: 54px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
}

.product-modal__buttons .btn-lg, .btn-details.btn-lg {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    line-height: 20px;
    height: 40px;
    margin-right: 10px;
}



.btn-outline-seocndary {
    border: solid 1px #2C393F;
}


.btn-seocndary {
    background-color: #2C393F;
    color: #fff;
}

.btn-seocndary:hover {
    background-color: #2C393F;
    color: #fff;
    opacity:0.7;
}

.btn-details {
    border: none;
    padding-top: 10px !important;
    font-size: 14px;
}


.btn-outline-seocndary:hover {
    border: solid 1px #2C393F;
    opacity:0.7;
}

.btn-outline-seocndary svg {
filter: invert(17%) sepia(30%) saturate(389%) hue-rotate(154deg) brightness(96%) contrast(89%)!important;
}

.btn-primary svg {
filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(48deg) brightness(104%) contrast(103%)!important;
}



.shopify-buy-frame--toggle.is-sticky {
    top: 103px;
}





  h2.accordion-header img {
                width: 36px;
                border: solid 1px #ccc;
                border-radius: 5px;
                padding: 3px;
                margin-right: 10px;
            }

           .product-desc button.accordion-button {
                padding-top: 8px;
                padding-bottom: 8px;
                padding-left: 5px;
            }

            ul.two-column {
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                font-size: 14px;
                line-height: 19px;
            }
          
            ul.two-column li { flex:1 1 auto; width:40%; }

            .product-image {
            
                height: fit-content;
                padding: 20px;
                /* margin-right: 40px; */
                border-radius: 10px;
                margin-right:40px;
                    border: solid 2px #efefef;
            }

            .product-image img {
                width: 100%;
                 border-radius: 10px;
            }


    .product-list-md .product-image {
        padding: 15px;
        margin-right: 20px;
    }

    .product-list-md .product-image img {
    max-height: 252px;
    /* width: 100%; */
    /* height: auto; */
    object-fit: contain;
}


.product-list-md li , .product-detail .product-desc li {
    display: inline-block;
    position: relative;
    margin-right: 40px;
    line-height: 20px;
    margin-bottom: 10px;
    max-width: 40%;
    font-size: 18px;
}

.product-list-md li p , .product-detail .product-desc li p{

    font-size: 18px;
}




.product-list-md li:before , .product-detail .product-desc li:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #67B154;
    position: absolute;
    border-radius: 10px;
    left: -15px;
    top: 7px;
}

.product-list-md ul , .product-detail .product-desc ul {
    margin-left: 0px;
    padding-left: 15px;
}

.product-list-md ul li a, .product-detail .product-desc ul li a {
text-decoration: none;
color:#2C393F;
}

.product-list-md ul li a:hover, .product-detail .product-desc ul li a:hover {
text-decoration: underline;
color:#2C393F;
}

.product-list-md h4 {
    font-size: 16px;
}


.product-list-md ul strong , .product-detail .product-desc ul strong{
    font-family: "Roboto Slab", serif;
}


.product-card-title a {
    color: #2C393F;
    text-decoration: none;
}

.product-card-title a:hover {
    color: #68B155;
    text-decoration: underline;
}


.breacrumbs {
    font-size: 14px;
    color: #717171;
    margin-left: 40px;
    margin-top: 10px;
}

.breacrumbs a.active {
    color: #000 !important;
    font-weight: 700 !important;
}

.breacrumbs a {
    color: #717171;
}

.breacrumbs {
    margin-lefT: 40px;
    margin-top: 10px;
    font-size: 14px;
    font-family: "Roboto Slab", serif;
}


.btn svg {
    width: 18px;
    filter: invert(61%) sepia(30%) saturate(723%) hue-rotate(62deg) brightness(96%) contrast(86%);
}


.accordion-button:not(.collapsed) {
    background-color: #f5f5f5;
    box-shadow: none;
}

.accordion-button:hover {
    background-color: #f5f5f5;
}
.accordion-button:focus {

    box-shadow: none;
}



.product-detail .breacrumbs {
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 0px;
}



section.product-detail-tabs ul.nav-pills {
    border-bottom: solid 1px #ccc;
}


section.product-detail-tabs .tab-content {
    padding: 39px;
}


.carousel-cell .card-features {
    display: flex;
}


.carousel-cell .card-features .crd-feature-text {
    margin-left: 20px;
}



.product-card-img-sm {
    height: 200px;
    overflow: hidden;
    margin-bottom: 0px;
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 7px;
}

.product-card-img-sm h4{
    height: 200px;
    overflow: hidden;
    margin-bottom: 8px;
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 7px;
}



.product-card-img-sm a {
    display: block;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
}

.product-card-img-sm img {
    max-height: 180px;
    margin-right: auto;
    margin-lefT: auto;
    text-align: center;
}


.carousel-cell .product-card-img-sm img {
    max-height: 130px;

}



.product-detail .btn-lg {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 23px;
    padding-bottom: 20px;
    padding-top: 20px;
    height: auto;
    margin-right: 20px;
}

.section-cta .card {
   
    background-color: rgba(58, 58, 58, 0.486);
    background-blend-mode: overlay;
    background-size: cover;
    box-shadow: 0px 10px 20px 0px #00000040;
    background-repeat: no-repeat;
}


@media (min-width: 1400px) {
    .section-cta .card-body {
        padding-top: 100px;
        padding-bottom: 100px;
           padding-left: 60px;
        padding-right: 60px;
    }
}


p {
    font-size: 18px;
}


.card-testimonial.card-team figure {
    width: 100%;
    border-radius: 5px;
    height: 181px;
    /* display: none; */
}
    


a.btn.btn-link {
    color: #67B154 !important;
    text-decoration: none;
}




.section-dark .table-dark td, .section-dark .table-dark th {
    background-color: transparent !important;
}
@media (min-width: 1200px) {
    .table thead th {
        font-size: 30px;
        line-height: 30px;
    }
}


tbody tr th {
  font-size: 24px;
  font-weight: 500;
  white-space: nowrap !important;
  padding-right: 40px !important;
}

tbody tr:first-child {
  border: none;
}
tbody tr:last-child {
  border: none;
}

tbody tr, thead th {
  border-bottom: solid 1px #fff;
  vertical-align: top !important;
}

.table tbody th, .table tbody td {
  padding-bottom: 20px;
  padding-top: 20px;
}


.table tbody tr.tr-title-sm {
  border: none;
}

.table  .tr-title-sm td {
  padding-bottom: 0px !important;
}


.table tbody tr td:nth-of-type(1),
.table thead tr th:nth-of-type(2)
{
  color: #F9DA00!important;
  font-weight: 700;
}


    .table thead th {

        font-family: "Roboto Slab", serif;
        font-weight: 400 !important;
    }
    

.table tbody tr td:nth-of-type(1), .table thead tr th:nth-of-type(2) {
    color: #67B154 !important;
    font-weight: 700;
}


.row.row-products-sm .card-body {
    padding-top: 10px;
    padding-bottom: 0px;
}

.product-list-md .card-body {
    padding-top: 0px;
    padding-bottom: 0px;
}


.card-product-sm .card-body {
    padding-top: 0px;
    padding-bottom: 0px;
}


a.text-reset {
    text-decoration: none;
}




.cart-title {
    font-size: 30px;
    font-weight: 400;
    font-family: "Roboto Slab", serif!important;
}


.line-heading {

    font-family: "Roboto Slab", serif!important;
}


  .navigation__view-cart {
    position: relative;
}

.navigation__view-cart svg {
    width: 50px;
    /* height: 29px; */
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(36deg) brightness(107%) contrast(101%);
}



.navigation__view-cart__quantity {
    bottom: 27%;
    position: absolute;
    background-color: #68B155;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 10px;
    font-size: 11px;
    z-index: 2;
    border: 5px;
    right: -4px;
}

li.nav-cart a:hover {
    cursor: pointer;
    opacity: 0.7;
}


.product-list-sm .btn {
    font-size: 14px;
    padding-right: 10px;
    padding-left: 10px;
}

.product-list-sm p.product-card-price {
    margin-bottom: 0px;
}


.cart-title {
    font-size: 28px;
    font-weight: 400;
    font-family: "Roboto Slab", serif!important;
}


.line-heading {
    font-family: "Roboto Slab", serif!important;
}

.card.card-stockist  {
    margin-bottom: 30px;
}

.card.card-stockist figure {
    width: 120px;
    margin-bottom: 0px;
}


.card.card-stockist figure img {
    width: 120px;
}


.card.card-stockist a {
    text-decoration: none;
    color: #2A3D42;
}

.card.card-stockist h3 {
    margin-left: 20px;
    margin-bottom: 0px;
}


.card-stockists figure {
    height: 100px;
    display: flex;
    align-items: center;
}


.card-stockists figure img {
    max-height: 100px;
}

.card.card-stockists:hover {
    border: solid 1px #837d7d;
}


section.section-industry.section-industry-page .card-link {
    margin-bottom: 30px;
}


section.section-industry h3.card-title {
    text-align: left;
}



section.section-industry .card-link {
    border: solid 1px #fff;
    border-radius: 10px;
    overflow: hidden;
}

section.section-industry .card-link:hover {
opacity:0.7;
}


section.section-industry .card-img-overlay {
    justify-content: space-between;
}

.link-cover:before {

    content:"";
    width:100%;
    height:100%;
    position: absolute;
    z-index: 10;;
}

section.section-industry .card-img-overlay svg {
    width: 33px;
        filter: invert(61%) sepia(30%) saturate(723%) hue-rotate(62deg) brightness(96%) contrast(86%);
}


.link-cover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    top: 0px;
    display: block;
    left: 0px;
}


.desc-longform ul {
    margin-bottom: 40px;
  font-family: "Roboto", sans-serif;
    font-size: 19px;
}

.desc-longform ul li {
    margin-bottom: 15px;
}

.desc-longform ul li::marker {
    color: #67B154;
}


.card.card-category.by-country .category-card-img a {
    display: flex;
}

.card.card-category.by-country img {
    width: 101px;
    padding-bottom: 30px;
    padding-top: 30px;
    /* align-self: center; */
    margin-right: auto;
    margin-left: auto;
}


span.header-phone-no {
    color: #67B154;
    font-weight: 600;
}

.header-phone {
    font-size: 15px;
    line-height: 19px;
}



.navbar-toggler-icon {
    background-image: url(/assets/images/system/mobile-nav.svg) !important;
    border-color: #ccc !important;
    filter: invert(1);
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: -2px;
}

.navbar-toggler-icon {
    background-image: url(/assets/images/system/mobile-nav.svg) !important;
    border-color: #ccc !important;
    filter: invert(1);
}

.offcanvas-header img {
    width: 100px;
}

a.btn.btn-info {
    color: #F9DA00;
    border: none;
    background-color: rgb(255 255 255 / 16%);
    border-radius: 59px;
    width: 45px;
    height: 45px;
    line-height: 28px;
    text-align: center;
    margin-left: 20px;
}

#nav a.nav-link:hover, #mobile-menu li a:hover {
    color: #67B154 !important;
}


#mobile-menu li a.active {
     color: #67B154 !important;
}

ul#mobile-menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#mobile-menu li {
    margin-bottom: 0px !important;
}

#mobile-menu li a {
    text-decoration: none;
    display: block;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 24px;
    border-bottom: solid 1px #ffffff52;
}



.flickity-prev-next-button.next {
    right: -12px!important;
}

.flickity-prev-next-button.previous {
    left: -12px!important;
}



.carousel-cell.carousel-cell-industries h3 {
    font-size: 17px;
}



@media (max-width: 992px) { 
    .carousel-cell {
        width: 45%;
        height: 330px;
    }

    a.columnImageVideoCover {
        margin-bottom: 50px;
    }
        
    .carousel-cell.carousel-cell-testimonials  {
        height: auto!important;        
    }


    .section-logos .carousel-cell {
        width: 16%;
        margin-right: 15px;
        margin-left: 15px;
    }

    .row.row-products-sm .product-list-sm .btn {
        width: 100%;
        margin-top: 10px;
    }

    .breacrumbs {
        margin-lefT: 0px;
    }

    .product-detail .btn-lg, .btn-lg {
        font-size: 18px;
    }

    .product-detail .product-image {
        margin-bottom: 35px;
        margin-right: 0px;
    }


}


@media (max-width: 768px) { 

    .row.row-products-sm .product-list-sm .btn {
        width: 100%;
        margin-top: 10px;
        padding-top: 9px;
    }

    .product-list-md .card-body {
        padding: 15px;
    }

    .product-list-md li, .product-detail .product-desc li {

        margin-right: 25px;
        margin-bottom: 0px;
        max-width: 40%;
        font-size: 14px;
    }

    .product-modal__buttons .btn-lg, .btn-details.btn-lg {
        margin-right: 0px;
        width: 100%;
        padding: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }


    .product-card-img {
        padding: 15px;
    }


    .product-list-md .product-image {
        padding: 0px;
        margin-right: 0px;
    }


    .product-modal__buttons {
        grid-gap: 2.0rem 0.9rem;
    }

}





.carousel-cell-testimonials-only {
    padding-bottom: 20px!important;
}


.product-list-sm {
    margin-bottom: 30px;
}



/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 


 }





/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 


span.header-phone-no {
    color: #fff;
    font-weight: 400;
}

.header-phone {
    font-size:initial;
    line-height: initial;
}

.cat-img-top {
    height: 100%;
}

.category-header {
    margin-top: 50px;
}

 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .nav-pills .nav-link {

        padding-bottom: 3px;
        padding-left: 2px;
        padding-right: 2px;
        margin-right: 10px;
        margin-left: 10px;
        font-size: 16px;
    }

    .carousel-cell.carousel-cell-product {
        width: 28%;
        height: 300px;
    }

    .carousel-cell.carousel-cell-product .product-list-sm .btn {
        opacity: 0;
    }

    .carousel-cell-industries {
    width: 27%!important;
    min-height:300px;
    }

    .carousel-cell.carousel-cell-category {
        width: 27%;
    }


    .carousel-cell.carousel-cell-industries h3 {
        font-size:25px;
    }


    .carousel-cell-testimonials {
        width: 41%!important;
    }

 }

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

    h1 {
        font-size: 55px;
        line-height: 55px;
    }

    .header2 .uk {
        font-size: 16px;
        line-height: 20px;
    }


    .carousel-cell.carousel-cell-product {
        width: 20%;
        height: 300px;
    }


    .category-header .card {
        padding: 50px;
    }

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

    h1 {
        font-size: 65px;
        line-height: 65px;
    }

    nav img {
        width: 150px;
    }


    .nav-pills .nav-link {
        padding-bottom: 3px;
        padding-left: 10px;
        padding-right: 10px;
        margin-right:10px;
        margin-left:10px;
        font-size: 18px;
    }


    .carousel-cell.carousel-cell-product {
    width: 16%;
    height: 300px;
}

 }