body,html { scroll-behavior: smooth;}
.header.content { position: relative; }  

.cta-container .cta {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
    width: 24%;
}

.cta-container .cta img { opacity: 0;}

.block-search {
    display: block;
    width: calc(100% - 400px);
    position: absolute;
    right: 110px;
    top: calc(50% - 15px);
    z-index: 4;
}

.block-search #search {  }

.block-search .label > span { display: none; }
.block-search .label { 
    display: none; position: absolute; 
    top: 7px; right: 7px;
}

.mobile-menu-trigger { 
	display: none; 
	cursor: pointer; 
	position: absolute; top: calc(50% - 18px); right: 15px;
}
.mobile-menu-trigger .bi { font-size: 36px; line-height: 1;  }
.mobile-menu-trigger .bi-list { display: inline; }
.mobile-menu-trigger .bi-x { display: none; }
.mobile-menu-trigger .active .bi-list { display: none; }
.mobile-menu-trigger .active .bi-x { display: inline; }

/* Technical Data CSS changes */

.product-tabs .tab-content .tab-detail {
    font-size: 14px!important;
}

.tab-tech-data table tr {
    border: 1px solid #e5e5e5;
}

.wk-table thead tr th {
    background-color: #f5f5f5!important;
}

table.table.wk-table th:first-child {
    width: 50%;
}

.tab-detail.tab-tech-data.df1 h5 {
    display: none;
}

.product-item-info {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.parts-finder-select-btn {
    background: #c4cc30;
    color: #fff;
    border: 0;
    position: relative;
    top: -1px;
}

.parts-finder-select-btn:hover {
    background: #c4cc30;
    color: #fff;
}

/* Technical Data CSS changes END */

.btn-callback span { color: #333 !important; } 

.trust-bar a { color: inherit !important; text-decoration: none; }
.trust-bar a { width: 100%; height: 100%; }

.tech-data-video iframe {
    width: 560px !important;
    height: 315px !important;
}

.trust-builder-container { text-transform: uppercase;}
.trust-builder-container ul li strong { font-weight: 600;}

#contact-form textarea { height: 150px; }

.verve-creds {
    color: #000 !important;
    text-decoration: none;
    padding-right: 55px;
    background: url(https://verve-design.co.uk/wp-content/themes/verve/images/verve-black.svg) no-repeat right;
    background-size: 50px 16px;
    font-weight: 500;
}

.footer-container .footer-bottom .attrib {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 19px;
}

.btn-callback {
    height: 60px !important;
    right: 217px !important;
}

.callback-button--new {
    animation: fade-in 1s ease-in-out .001s forwards;
    width: 16rem;

    text-align: center;
    background: #c5c945;

    clip-path: url(#olark-chat-button-clip-path) !important;
    transition: .6s ease-in-out !important;

    animation-name: loadBubble;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: .2s;
    
}

.callback-button--new button {
    display: flex;
    align-items: center;
    padding: 1.4rem 1rem;
    transition: .6s ease-in-out !important;
    background: inherit;
    border: none;
}

.callback-button--new button span {
    font-size: 16px;
    letter-spacing: .5px;
    font-family: "Noto Sans","sans-serif";
    font-weight: bold !important;
    text-align: start;
    width: 15rem;
    padding-top: 0.6rem;
}

@keyframes fade-in {
    0% {
      opacity: 0; 
  }
  100% {
      opacity: 1; 
  }
}

.callback-button--new button i {
    font-size: 23px;
    padding-right: 10px;
}

.toolbar-products .pages {
    margin-top:-80px;
}

.more-options {
    background: #007499;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 16px;
    border: 0;
    font-weight: 400;
    padding: 15px !important;
    line-height: 21px;
    margin: 0 auto;
}

.more-options:hover {
    background: #007499;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 16px;
    border: 0;
    font-weight: 400;
    padding: 15px !important;
    line-height: 21px;
    margin: 0 auto;
}

.buying-options .more-options { margin-top: 0 !important; }

.downloads-list li .downloads-title     { padding: 10px 0 10px 50px; background: url('../images/icon-pdf.png') left center no-repeat; background-size: contain }
.downloads-list li .downloads-title.file-zip    { background-image: url('../images/icon-zip-large.png') }

.post-list-wrapper .aside { min-height: 260px; }
.post-text-hld { text-align: left; }

.block.related .price-box { text-align: center; }

.blog-related {
    border-radius: 3px;
    background: #007499;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    padding: 14px 0;
    display: block;
    box-sizing: border-box;
    text-align: center;
}

.blog-related:hover {
    background: #006180;
    text-decoration: none;
}

.list-parent {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width:100%;
}

.list-parent .item {
    box-sizing: border-box;
    width: 33.3%;
    padding: 15px 15px 15px 15px;
}

.list-parent .featured .post-container { min-height: auto; }

.featured { height: 350px; margin-bottom:15px; padding: 0 15px; width: 100%; }
.featured img {     
    object-fit: cover;
    height: 350px;
    width: 100%; 
}

strong {
    font-weight: 900;
}

.featured .post-container {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.featured .post-container .post-imagery { width: 50%; box-sizing: border-box; }
.featured .post-container .post-details { width: 50%; box-sizing: border-box; }

.featured .post-details { padding: 30px;  }

.list-parent .item img {
    height: 180px;
    width: 100%;
    object-fit: cover;
}

.post-details { background-color: #f4f5f7; padding: 15px; }

.post-imagery { background-color: #f4f5f7; }

.blog-page-list #maincontent { max-width: 1200px; }

.blog-page-list .page-title {
 display: flex;
 align-items: center;
 height: 300px;
 font-size: 40px;
 padding-left: 10%; 
}     

.blog-page-list .page-title-wrapper {
    height: 300px;
    background-image: url('../images/NewsBanner.png');
    background-size: cover;
    background-position: center;
    margin-bottom: 15px;    
} 

.blog-page-list .page-title {
    color: #c4cc30;
    font-size: 50px;
    font-weight: bold;
} 


.blog-page .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity (0.5 in this case) */
    z-index: 999; /* Ensure it's above other content */
    display: none; /* Initially hidden */
}

.slide-out-panel {
    position: fixed;
    top: 0;
    right: -35rem; /* Adjust the initial position as needed */
    width: 35rem;    
    height: 100%;
    background-color: #fff;
    transition: right 0.3s ease-in-out; /* Add smooth animation */
    z-index: 1000; /* Ensure it's above the overlay */
}

.close-panel-button {
    position: absolute;
    top: 25px;
    right: 10px;
    font-size: 42px;
    cursor: pointer;
    background: none;
    border: none;
    color: #fff;
}

.open-panel-button { 
    float: right;
    margin: 0 15px 15px;
    border-radius: 3px;
    background: #007499;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    padding: 14px 0;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 20px;
}
.slideout-container { padding: 10px; }

.slideout-container ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;    
    list-style: none;
    padding: 0;
}

.slideout-container ul a,
.tagclaud-hld a {
    font-weight: 600;
    color: black;
}

.slide-out-panel .block-title > strong { font-weight: 500;}
.slide-out-panel .block-title {
    background: #317194;
    padding: 1rem;
    font-size: 1.5rem;
    color: #fff;
}

.blog-post-view .post-content {
    background: whitesmoke;
    padding: 2rem;
}

.blog-post-view .post-content img {
    width: 100%;
}

.olark-launch-button.olark-text-button {
    clip-path: url(#olark-chat-button-clip-path) !important;
}

.post-read-more.bluebtn {
    border-radius: 3px;
    background: #007499;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    padding: 14px 0;
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin-top: auto;
    margin-top: -10px;
}

.post-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.featured .post-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.post-info.clear {
    display: flex;
}

.post-info.clear .dash {
    margin-inline: .4rem;
}

/* Styles for homepage news widget */

.post-content .post-read-more {
    border-radius: 3px;
    background: #007499;
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    text-decoration: none;
    padding: 14px 0;
    display: block !important;
    box-sizing: border-box;
    text-align: center;
}

 .post-item-link {
    color: #007499;
    font-family: inherit;
    font-style: inherit;
    font-weight: 300 !important;
    line-height: 1.1;
    font-size: 26px !important;
    margin-top: 7px;
    margin-bottom: 7px;
    text-decoration: none;
    padding-bottom: 0 !important;
}

 .post-item-link:hover {
    text-decoration: underline;
}

 .post-ftimg-hld {
    height: 23rem;
}

body.blog-post-view .post-ftimg-hld {
    height: 23rem;
    margin-bottom: 2rem;

    display: flex;
    justify-content: center;
}

body.blog-post-view .widget.block.block-recent-posts.block-list-posts .block-title,
body.blog-post-view .widget.block.block-recent-posts.block-list-posts .block-title > strong {
    font-size: 26px;
    color: #007499;
    font-weight: 600;
}

body.blog-post-view .post-ftimg-hld img {
    max-width: 75%;
}

.recent-blogs--fix,
.product-logos-container {
    max-width: 1600px;
    margin-inline: auto;
}

 .post-ftimg-hld img {
    width: 100%;
    height: 100%;
    object-fit: contain;


    border-radius: 2rem;
}

 .post-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

 .post-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cms-index-index .post-content .post-read-more {
    border-radius: 3px;
    background: #007499;
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    text-decoration: none;
    padding: 14px 0;
    display: block !important;
    box-sizing: border-box;
    text-align: center;
}

.cms-index-index .post-item-link {
    color: #007499;
    font-family: inherit;
    font-style: inherit;
    font-weight: 300 !important;
    line-height: 1.1;
    font-size: 26px !important;
    margin-top: 7px;
    margin-bottom: 7px;
    text-decoration: none;
    padding-bottom: 0 !important;
}

.cms-index-index .post-item-link:hover {
    text-decoration: underline;
}

.cms-index-index .post-ftimg-hld {
    height: 23rem;
}

.cms-index-index .post-ftimg-hld img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
}

.cms-index-index .post-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.cms-index-index .post-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cms-home .trust-bar-container { margin-bottom: 0 !important; }

.home-about .content-container {
    max-width: 1540px;
    padding: 30px;
}    
    
.cms-index-index .blog-widget-recent { padding: 0 30px; }


.match-post {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 6;
    margin-bottom: 20px;
}

.blog-page-list .post-imagery {
    padding: 15px;
}

.featured .post-container .post-imagery { padding: 0; }

.featured .post-content { display: block !important; }

.trust-bar-container {
    margin-bottom: 0;
}

.trust-bar-container.fixed {
    position: fixed;
    width: 100%;    
    top: 51px;
}

.trust-bar-container .trust-bar { height: 40px; width: 65%; }
.trust-bar-container .trust-bar ul li { line-height: 38px; }

.trust-bar {
    background: #c4cc30;
    border-radius: 0 0 30px 30px;
}

#ub-mega-menu-1 { border-bottom: 1px solid rgba(196, 214, 0, 0.2); border-top: 1px solid rgba(196, 214, 0, 0.2); }

.cart-account-btns .account {
    background: #007499;
    color: #fff;
    padding: 10px 36px 0 60px;
    border-radius: 30px 0 0 0;
    font-size: 16px;
    position: relative;
    right: -30px;
    top:1px;
}

.cart-account-btns .basket {
    background: #C4D600;
    color: #fff;
    padding: 10px 30px 0 30px;
    border-radius: 30px 0 0 0;
    font-size: 16px;
    position: relative;
    z-index: 99;
    top:1px;
}

.cart-account-btns-content {
    position: relative;
    top: -4px;
    left: -10px;    
}

#search {
    height: 40px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    padding-left: 20px;
}

.product-tabs .tab-headings { margin-right: 0 !important; }
.product-tabs .tab-content { 
   box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); padding: 50px; 
}

.product-tabs { border-top: 0 !important; }

.buying-options .item-list thead tr th { color: #fff !important; }

.product-enquiry .aside { padding: 40px; }

.footer-container { border-top: 10px solid #C4D600; }

.navMenuContainer.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; /* Ensures the menu is above other content */
}

.menu-fixed-items {
  color: white !important;
  padding: 0 20px;
  position: relative;
  display: block;
  font-weight: 600;
  line-height: 50px;
  padding: 0 20px !important;
  text-transform: uppercase;    
}

.minicart-wrapper {
    float: initial;   
}

.action.showcart .text {
    position: relative !important;
    color: #fff;
    top: -5px;
}

.minicart-wrapper { margin-left: 0 !important; }

.minicart-wrapper .action.showcart::before { 
    font-size: 16px !important;
    line-height: 34px !important;
    vertical-align: bottom;    
}

.minicart-wrapper .action.showcart.active:before {
    vertical-align: bottom;   
}


.minicart-wrapper .action.showcart .counter.qty { background: none; }

.clear {
  clear: both; /* Clear the floats */
}

.cart-account-btns {
  float: right; /* Float the element to the right */
}

.usps-container {
    display: flex;
    justify-content: space-around; /* or any other preferred spacing */
}

.footer-ctas {
    background: #007499;
    color: #fff;
    padding: 12px;  
}

.footer-ctas img {
    margin-inline-end: 5px;
}

.footer-ctas .container {
    margin: 0 20%;
}

.usps-container {
    display: flex;
    justify-content: space-around;
}

.usps-container img { position: relative; top: 5px; }

ul.level0>li.mega>.mega:after {
    content: '';
    position: absolute;
    top: 12px;
    bottom: 12px;
    right: 0;
    width: 1px;
    background-color: #fff;
}

.mega.dynamic-width.menu-fixed-items { padding: 0 !important; }

.product-tabs .tab-headings a.active, .product-tabs .tab-headings a:hover { color: #ffffff !important; }

.product-info-main .product.attribute.overview { font-weight: normal; }

.fixed-logo { 
    position: absolute;
    left: 50px;
    margin-top: 10px;
    height: 30px;
}

.menu-fixed-items a.account-icon:before {
  font-family: FontAwesome; /* Specify FontAwesome font family */
  content: "\f007"; /* Unicode for the user icon */
  margin-right: 5px; /* Adjust spacing as needed */
  color: #C4D600;
}

.menu-fixed-items a.basket-icon:before {
  font-family: FontAwesome; /* Specify FontAwesome font family */
  content: "\f291"; /* Unicode for the shopping basket icon */
  margin-right: 5px; /* Adjust spacing as needed */
  color: #C4D600;
}

.buying-options .col.col-qty { display: none; }

.tech-title {  
    display: block !important;
    color: #007499;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.product-tabs .tab-content .tab-detail { padding: 0; }

.techdata-content {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 60px;    
}

.downloads-content {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 60px;    
}

.downloads-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;    
}

.grid-item { text-align: center; }

.donwload-btn {
    background: #007499;
    color: #ffffff;
    width: 100%;
    display: block;
    padding: 10px 0;
    border-radius: 20px;    
}

.donwload-btn:hover { color: #ffffff; }
.downloads-title {
    min-height: 50px;
    display: block;    
}    

.verve-related {
    display: grid;
    grid-template-columns: repeat(4, 4fr);
    grid-gap: 20px;
    text-align:center;
    font-size: 24px;    
}

.verve-related .related-name {     
    font-size: 24px;
    min-height: 75px;
    display: block; 
}
.verve-related .price { font-size: 24px; color: #000000; }

.verve-related .product-item-link { text-decoration: none; }

.video-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns with equal width */
    grid-gap: 20px; /* Gap between grid items */
}
.video-item {
    padding: 20px; /* Padding inside grid items */
}

.related-vid iframe {  
    width: 350px !important;
    height: 200px !important;
}

.related-vid-title {  
    display: block !important;
    color: #007499;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.product-info-main .page-title-wrapper .page-title {
    font-size: 26px;
}

.product-sku { font-size: 16px !important; }

.product-info-main .price-final_price.price-box:before {
    font-size: 14px;
}

.category-description p { font-weight: normal !important; }
.labfax-home-banner .banner-link { border:3px solid #fff !important; }
.product-info-main .price-including-tax { order: 1; }
.product-info-main .price-excluding-tax { order: 0; }


.buying-options .price-container {
    display: flex;
    flex-wrap: wrap;
}

.price-container .price-including-tax { order: 1; }
.price-container .price-excluding-tax { order: 0; }

.product-info-main .price-excluding-tax .price {
    font-size: 26px !important;
    color: #000000 !important;    
}

.product-info-main .price-excluding-tax:after { color: #000000; }
.product-info-main .price-including-tax .price:after { font-size: 8px; }

.product-info-main .price-box .price-including-tax + .price-excluding-tax {
    font-size: 14px !important;
    color: #717171 !important;  
}

.product-info-main .price-excluding-tax:after { font-size: 8px; }

.image-container {
    height: 180px;
    object-fit: cover;   
}

.buying-options .item-list tbody tr .col.col-price .price-excluding-tax .price { color: #000000; }
.labfax-home-banner .banner-link:hover { color: #ffffff; }

.labfax-home-banner .banner-link:active, .labfax-home-banner .banner-link:visited { color:#fff; }

.cms-page-view .content-container .open-day-banner p { font-size: 44px; line-height: 44px; }  

.open-day-form { margin-top: 50px; text-align: center; }

.home-cta {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem; 
    padding-block-start: 7rem;
    
    @media (max-width: 991px) {
        padding-block-start: 4rem;
    }
}


.home-cta__box {
    width: 100%;
    height: 410px;
    position: relative;
    margin-inline: auto;
}

.home-cta__box::after {
    content: "";
    background: linear-gradient(to bottom, transparent 67%, rgba(0, 115, 153, 0.5) 83%);
    width: 100%;
    height: 100%;
    display: block;
    z-index: 100;
    position: relative;
    top: 0;
    position: absolute;
    border-radius: 2rem;
}



.home-cta__box img {
    width: 100%;  
    height: 100%; 
    object-fit: cover; 
    border-radius: 2rem;
}

.box__text {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 15px;
    transition: transform 0.3s ease, opacity 0.3s ease; 
    z-index: 101;
}

.box__text h3 {
    color: #fff;
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.box__text a {
    opacity: 0;
    transition: opacity 0.3s ease; 

    border: 1px solid #cbdb1f;
    padding: 1rem 2rem;
    border-radius: 1rem;
    font-size: 1.1rem;
    color: white;
    text-decoration: none;

}

.box__text a, .box__text a:active, .box__text a:visited {
    color: white;
}

.home-cta__box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0073997c;
    opacity: 0;
    border-radius: 1.9rem;
    transition: opacity 0.3s ease;
}

.home-cta__box:hover::before {
    opacity: 1; 
}

/* Make sure the first child does not have the transition */
.home-cta__box:first-child:hover::before {
    opacity: 0; 
}

.home-cta__box.blip  {
    display: grid;
    place-content: center;
}

.home-cta__box.blip p {
    font-weight: 400;
}

.home-cta h2 {
    text-align: center;
    max-width: 30px;
    margin-inline: auto;
    font-size: 2.4rem;
    color: #006b8d;
    font-weight: 100 !important;
}

.blip::after {
    content: "";
    width: 50%;
    height: 80%;
    margin-block: 5rem;
    display: block;
    background: #f5f5f5;
    position: absolute;
    right: 0;
    border-radius: 14px;
    transform: translate(40px, -30px);
    z-index: -1;

    @media (max-width: 767px) {
        left: 0;
    }
}

.blip--end::after {
    left: -110px !important;
}

.gradient-fade::before {
    content: "";
    background: linear-gradient(to bottom, #8080800a 9%, #ffffff00 22%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    z-index: -1;
}


.hp-hero-icons > p {
    color: #007499;
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    margin-block-start: 4rem;
    max-width: 38rem !important;
    margin-inline: auto;
    line-height: 38px;
}

.hp-hero-icons__container {
    padding-block: 2rem 5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.hero-icon__title {
    color: #007499;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    padding-block: 1rem 0.4rem;
}

.hero-icon__subtitle {
    margin-top: .3rem;
    font-weight: 400;
    font-size: 0.9rem;
    max-width: 60%;
}


.hero-icon__item {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.hp-bio__container {
    padding-block: 5.5rem;

    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 6rem;
    
}

.hp-bio__container .bio__image {
    height: 100%;
}

.hp-bio__container .bio__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    min-height: 477px;
    object-position: left;
}

.hp-bio__container .bio__logo img {
    max-width: 300px;
    margin-bottom: 1rem;
}

.hp-bio__container p {
    font-weight: 400;
}

.bio__item a {
    font-weight: 100;
    color: white !important;
    background: #015f87;
    padding: 0.6rem 1.2rem;
    border-radius: 20px;
    font-size: 1rem;
    text-decoration: none;
    transition: all .1s ease-in-out;
}

.bio__item a:hover {
    text-decoration: none;
    background-color: #c4d600;
}

.faq-blip {
    position: relative;
}

.faq-blip::after {
    content: "";
    display: block;
    width: 210px;
    height: 420px;
    background: #f5f5f5;
    position: absolute;
    right: -130px;
    top: -90px;
    z-index: -1;
    border-radius: 30px;
}

.banner-text--center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    width: 100%;
    text-align: center;
}

.banner-text__heading {
    font-size: 4rem;
}

.banner-text__content {
    font-size: 2rem;
}

.brand-yellow {
    color: #c4d600;
}

.post-description.clearfix {
    position: relative;
}

/* .post-description.clearfix .post-title-holder.clearfix {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 70%;
    text-wrap: pretty;
    
} */

.recent-blog-slick .post-info.clear {   
    display: none;
}

.recent-blog.post-list-wrapper.blog-widget-recent {
    position: relative;
}

.recent-blog.post-list-wrapper.blog-widget-recent::after {
    content: "";
    display: block;
    width: 80%;
    height: 80%;
    background-color: #f5f5f5;
    position: absolute;
    bottom: 0;
    z-index: -1;
    border-radius: 24px;
    transform: translate(10%, 40px);
}

.recent-blog-slick .post-description .post-ftimg-hld {
    position: relative;
    transition: all .3s ease-in-out;
}

.btn-enquire-now--related   {
    background: #007499;
    font-size: 12px;
    text-align: center;
    color: #fff !important;
    font-weight: 400;
    border: 0;
    padding: .5rem 1rem;
    border-radius: 15px;
    text-decoration: none !important;
}

.cms-about-us .page-bottom { display: none; }

.related-products .verve-related .related-item .product-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.recent-blog-slick .post-content .post-ftimg-hld::before {
    content: "";
    background: linear-gradient(to bottom, transparent 65%, rgb(0 115 153 / 81%) 83%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    z-index: 1;
    border-radius: 2rem;

    transition: background .3s ease-in-out;
}

.recent-blog-slick {
    overflow: visible !important;
}

.recent-blog-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.recent-blog-btn--prev {
    left: -50px;
    transform: rotate(179deg);
    top: 43%;
}

.recent-blog-btn--next {
    right: -50px;
}

.recent-blog-btn,
.recent-blog-btn:hover,
.recent-blog-btn:active,
.recent-blog-btn:focus,
.recent-blog-btn:focus-visible {
    background: transparent;
    border: none;
    outline: none; 
}


.recent-blog-slick .post-title,
.recent-blog-slick .post-title-holder,
.recent-blog-slick .post-item-link {
    text-decoration: none !important;
}

.recent-blog-slick .post-content:hover .post-ftimg-hld::before {

    background: linear-gradient(to bottom, #00000091 -3%, rgb(0 115 153) 78%);
}

.recent-blog-slick .post-title {
    height: auto !important;
}

.recent-blog-slick .post-title-holder {
    position: absolute;
    bottom: 23px;
    width: 100%;
    text-align: center;
    z-index: 99;

    transition: all .3s ease-in-out;
}

.recent-blog-slick .post-content {
    position: relative;
}

.recent-blog-slick .post-text-hld {
    position: absolute;
    bottom: 0;
    opacity: 0;
    text-align: center;

    transition: all .3s ease-in-out;

}

.recent-blog-slick .post-header {
    position: absolute;
    width: 100%;
    bottom: 0;
    opacity: 0;

    transition: all .3s ease-in-out;
    z-index: 1;
    text-align: center; 
    color: #fff;
}

.recent-blog-slick .post-content:hover .post-header {
    opacity: 1;
    bottom: 23px;
}

.recent-blog-slick .post-content:hover .post-title-holder {
    bottom: 170px;
}

.recent-blog-slick .post-content:hover .post-text-hld {
    opacity: 1;
    color: white;
    text-align: center;
    bottom: 67px;
    z-index: 999;
    padding-inline: 10px;
}

.recent-blog-slick .post-read-more {
    border-radius: 2rem;
    background-color: transparent;
}

.recent-blog-slick .post-header .post-read-more {
    border-radius: 2rem !important;
}

.recent-blog-slick .post-header > span {
    display: inline;
    padding: 0.6rem 1.2rem;
    border: 1px solid white;
    border-radius: 1.4rem;
}

.recent-blog-heading {
    text-align: center;
    font-weight: 400;
    max-width: 80rem !important;
    margin-inline: auto !important;
}

.recent-blog-more__wrapper {
    text-align: center;
    margin-bottom: 1rem;
}

.recent-blog-more {
    background-color: #007499;
    color: white !important;
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 100;
    transition: all .1s ease-in-out;
}

.recent-blog-more:hover {
    text-decoration: none;
    background-color: #c4d600;
}

.gradient-fade {
    overflow: hidden;
}

.gradient-fade__mb {
    margin-bottom: 9rem;
    overflow: hidden;
}

.home-cta__box.blip:first-of-type .box__text {
    transform: translate(0);
    height: 85%;
    display: grid;
    place-content: center; 

    @media (max-width: 405px) {
        width: 100%;
    }
}

.home-cta__box.blip .box__text h3 {
    color: #007499;
    text-align: center;
    font-size: 2rem;
    font-weight: 400 !important;
    margin-block-start: 4rem;
    max-width: 38rem !important;
    margin-inline: auto;
    line-height: 38px;
    text-align: start;

    @media (max-width: 405px) {
        text-align: center;
    }
}

.home-cta__box.blip.blip--end .box__text {
    text-align: start;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-51%);
    left: 0;
}

.category-view {
    padding: 40px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    margin-bottom: 15px;
    background-color: #1e7096;
    background-image: linear-gradient(180deg, #1e7096 0%, #23a0c5 49%, #ffffff 100%);
    border: none;
    min-height: 60dvh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    
}
.category-image {
    position: absolute;
    right: 0;
    top: 6rem;
}
.category-image .image {
    max-width: 40dvw !important;
    max-height: 60dvh;
}
.category-view__svg {
    position: relative;
    right: 18dvw;
    top: 60px;
}
.category-description {
    margin-left: -18dvw;
    position: relative;
    top: -1rem;
    width: fit-content;
    text-wrap: balance;
    margin-bottom: 150px;
}
.category-view h1.page-title {
    color: #fff;
    font-size: clamp(1.5625rem, -0.1559rem + 5.499vw, 3.25rem);
    margin-bottom: .5rem;
    white-space: nowrap;
}
.category-view .category-description a {
    color: #fff !important;
    text-decoration: none !important;
}
.category-view__svg svg {
    max-width: 500px;
}
.cat-top-description {
    font-weight: 500;
}
.filter-options .filter-options-title {
    color: #007499 !important;
}
.product-text-box {
    margin-top: 9px;
    font-size: 1rem;
    font-weight: 200;
    text-wrap: pretty;
    line-height: 1.3;
    font-family:"Open Sans";
}
.product-box__button,
.product-text-box {
    opacity: 0;
    transition: all .15s ease-in-out;
}
.product-item-info:hover .product-item-details .product-box__button,
.product-item-info:hover .product-item-details .product-text-box {
    opacity: 1;
}
.item.product.product-item {
    border-radius: 10px;
    transition: all .15s ease-in-out;
}
.item.product.product-item:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 14px;
}
.item.product.product-item .product-image-wrapper {
    border: none !important;
}
.page-products .new-products-grid .product-items {
    padding-top: 10px;
}
.page-products .new-products-grid .product-item-link {
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
    text-wrap: balance !important;
    color: #222 !important;
    text-decoration: none !important;
}
.page-products .new-products-grid .product-image-photo {
    object-fit: contain;
}
.product-image-photo {
    margin-bottom: 0;
}
.product-item .price-box .price-excluding-tax:before {
    display: none;
}
.product-item .price-box {
    margin-block: 0;
}
.page-products .new-products-grid .main-link:hover {
    background-color: #C4D600;
}
.sidebar-help {
    position: absolute;
    bottom: 66px;
    padding: 2rem 1rem;
    background: #f5f5f5;
    text-align: center;
    border-radius: 10px;
    padding-inline: 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    filter: drop-shadow(2px 2px 6px #5e5e5e50);
}
.sidebar-help__head {
    color: #007499;
    font-weight: 400;
    margin-bottom: 8px;
}
.sidebar-help__main {
    color: black;
    font-weight: 400;
    text-wrap: balance;
}
.sidebar-help__action {
    background: #1e7096;
    color: white;
    border-radius: 17px;
    padding: 0.5rem 0;
    margin-top: 10px;
    font-size: 0.9rem;
    font-weight: 100;
    transition: all .15s ease-in-out;
}
.sidebar-help__action:hover {
    color: white;
    text-decoration: none;
    background: #C4D600;
}
.product.details.product-item-details {
    text-align: center !important;
}
.cta-slideout {
    display: none;
    grid-column: span 2;
    position: relative;
    background-color: #f5f5f5;
    border-radius: 30px 0 0 30px;
    height: 65%;
    font-size: 1rem;
    filter: drop-shadow(2px 2px 6px #5e5e5e50);
}
.cta-slideout::after {
    content: "";
    position: absolute;
    top: 0;
    left: -162px;
    right: 0;
    bottom: 0;
    box-shadow: 628px 0 0px #f5f5f5;
    z-index: -1;
}
.cta-slideout__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-inline-start: min(5vw, 7rem);
    padding-inline-end: 1rem;
    height: 100%;
}
.cta-slideout__head div:first-child {
    color: #C4D600; 
    font-size: 1.2rem;
    margin-block-end: .3rem;
}
.cta-slideout__head {
    color: #1e7096;
    font-size: 2rem;
    line-height: 1;
    margin-block-end: .3rem;
}
.cta-slideout__body {
    font-weight: 100;
    letter-spacing: .5px;
}
.cta-slideout__footer {
    margin-block-start: 1.2rem;
}
.cta-slideout__footer .sidebar-help__action {
    padding-inline: 2rem;
}
.product.details.product-item-details {
    padding-inline: 1rem;
}
body.catalog-category-view .toolbar-sorter.sorter {
    display: none;
}
body.catalog-category-view .sidebar-main .toolbar-sorter.sorter {
    display: flex !important;
    flex-direction: column;
    align-items: start;
    width: 100%;
}
body.catalog-category-view .sidebar-main #sorter {
    margin: 0;
    width: 100%;
}
body.catalog-category-view .sidebar-main .sorter-label {
    color: #007499;
    margin-bottom: 10px;
}
body.catalog-category-view .sidebar-main {
    position: relative;
}
body.catalog-category-view .toolbar-products .pages {
    float: unset;
}
body.catalog-category-view .toolbar-products .pages li.item {
    width: 2.4rem;
    margin-right: 1rem;
}
body.catalog-category-view .toolbar-products .pages li.item:not(.pages-item-next) {
    background-color: #f5f5f5;
}
body.catalog-category-view .toolbar-products .pages li.item.current {
    background-color:#C4D600;
}
body.catalog-category-view .toolbar-products .pages li.item.current span {
    color: #fff;
}
.pages .action.next:before {
    content: 'VIEW ALL' !important;
    font-size: .8rem;
    font-family: 'Repo' !important;
    margin: 0 !important;
    color: #1e7096;
}
.pages-items .item.pages-item-next > a {
    width: 90px;
    margin-left: 0;
    border: none;
    background-color: #f5f5f5;
}
.pages-items .item.pages-item-next > a span {
    color: #1e7096;
}

.category-view .category-description p span {
    color: white !important;
}

body.catalog-category-view .sidebar.sidebar-main {
}
body.catalog-category-view .sidebar.sidebar-main > .block.filter,
body.catalog-category-view .sidebar.sidebar-main > .toolbar.toolbar-products {
    margin-bottom: auto;
}
body.catalog-category-view .sidebar.sidebar-main > .sidebar-help {
    margin-top: auto;
}

body.blog-post-view  .post-header.clearfix,
body.blog-post-view .open-panel-button {    
    display: none;
}

body.blog-post-view .page-title {
    margin: 0;
    background-color: whitesmoke;
    padding-top: 2rem;
    padding-inline: 2rem;
}

body.blog-post-view .post-text-hld {
    overflow: hidden;
    font-weight: 500;
}

body.blog-post-view .widget.block.block-recent-posts.block-list-posts {
    text-align: center;
    padding-block: 2rem;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 23%);

}

.blog-read-more-btn {
    text-align: center;
    margin-bottom: 3rem;
}

.blog-read-more-btn a {
    font-weight: 100;
    color: white !important;
    background: #015f87;
    padding: 0.6rem 1.2rem;
    border-radius: 20px;
    font-size: 1rem;
    text-decoration: none;
    transition: all .1s ease-in-out;
}

.blog-read-more-btn a:hover {
    text-decoration: none;
    background-color: #c4d600;
}

body.blog-post-view .widget.block.block-recent-posts.block-list-posts {
    border-radius: 1rem;
}

body.blog-post-view .content-container {
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 23%);
    border-radius: 1rem;
    overflow: hidden;
}

.breadcrumbs {
    padding-inline: 1rem;

    @media (max-width: 991px) {
        display: none;
    }
}

body.blog-post-view .post-next .nextprev-link {
    text-align: left;
}

.blog-post-view .post-nextprev {
    gap: 2rem;
}

body.blog-post-view .post-item-link {
    font-size: 20px !important;
    font-weight: 500 !important;
}

body.blog-post-view .widget.block.block-recent-posts.block-list-posts .block-content {
    padding-inline: 2rem;
}

body.blog-post-view iframe {
    width: 100%;
    height: 32rem;
}


@media (min-width: 576px) {
    .page-products .new-products-grid .product-items { 
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }
    .page-products .new-products-grid .product-image-container {
        width: 100% !important;
    }
    
}
@media (min-width: 768px) {
    .page-products .new-products-grid .product-items {
        /* grid-template-columns: repeat(3, 1fr) !important; */
    }

    body.blog-post-view  .sidebar.sidebar-additional {
        width: 24% !important;
        padding: 0;
    }
}
@media (min-width: 991px) {


    body.blog-post-view #maincontent .columns {
        display: block !important;
    }

    .category-view {
        margin-top: -41px; 
   }
   .page-products .new-products-grid .product-items { 
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1250px) {
    .page-products .new-products-grid .product-item {
        width: 90% !important;
    }
    .cta-slideout {
        display: block
    }
    .page-products .new-products-grid .product-items { 
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 1390px) {
    .category-image {
        right: 13rem;
    }
}
@media (min-width: 1550px) {
    .page-products .new-products-grid .product-items {
        /* grid-template-columns: repeat(4, 1fr); */
    }
}
@media (max-width: 1200px) {

    .sidebar-help {
        display: none;
    }
    .sidebar-help__action {
        padding: 0.5rem 2rem;
    }
    .sidebar-help {
        width: max(38dvw, 15rem);
        margin-inline: auto;
        margin-block: 3rem;
        align-items: center;
    }
}
@media (max-width: 990px) {

    body.blog-post-view #maincontent .columns {
        display: flex !important;
    }

    .category-view {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .category-image,
    .category-view__svg {
     position: initial;
    }
 
    .category-description {
     position: initial;
     margin-left: 0;
     margin-bottom: 0;
     margin-top: -82px;
     }
}
@media (max-width: 767px) {

    .product-enquiry .aside {
        width: auto !important;
        padding: 20px 0;
    }
    
    .category-view__svg {
        position: initial;
    }
    .category-view__svg svg {
        max-width: 300px;
    }
}
@media (max-width: 576px) {
    .product-image-wrapper {
        height: 230px;
    }
    .page-products .new-products-grid .product-items {
        gap: 30px;
    }
    .page-products .new-products-grid .main-link {
        max-width: 13rem;
        margin-inline: auto;
    }
}



/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                        BOOTSTRAP 5 BREAKPOINTS                                       ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                 SPECIFIC BREAKPOINT RANGES (AVOID USING)                             ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* XS -> SKPPED (dublicated breakpoint below)  */
/* SM */
@media (min-width:576px) and (max-width:767.98px) {} /* @media */
/* MD */
@media (min-width:768px) and (max-width:991.98px) {

    ul.level0>li.mega>.mega.active {
        background-color: white !important;
    }

    .child-content {
        display: none !important;
    }

    .child-content,
    ul.level0>li.mega.has-child.mega-hover>.mega {
        background: white !important;
    }

    .child-content li.group > .mega {
        font-size: 18px;
        padding: 21px 0 0 !important;
        text-transform: uppercase;
    }

    ul.level0>li.mega.has-child:hover>.child-content {
        border: none;
    }

    .mega.has-child .child-content > div {
        padding-inline: 10px !important;
    }

    .child-content.active {
        display: block !important;
    }

    #ub-mega-menu-1 {
        display: flex;
        flex-direction: column;
        background: white;
    }

    #ub-mega-menu-1 li.mega >a {
        color: #575757 !important;
    }

    ul.level0 > li.mega {
        border-bottom: 1px solid #d7d7d7;
        width: 100%;
    }

    #ub-mega-menu-1 {
        width: 97% !important;
        float: right !important;
    }

    ul.level0 > li.mega.dynamic-width {
        position: relative;
    }

    ul.level0 > li.mega {
        border-bottom: 1px solid #d7d7d7;
        width: 100%;
    }

    ul.level0 > li.mega.has-child > .mega {
        font-weight: 700;
    }

    ul.level0 > li.mega .mega {
        padding: 0;
        position: relative;
        z-index: 1;
    }

    ul.level0 > li.mega.has-child .child-content {
        background: 0;
        border: 0 none;
        display: none ;
        padding: 0 0 0 15px;
        position: static;
        box-shadow: none;
    }

    ul.level0 > li.mega.has-child > .mega > span.menu-title {
        background: none !important;
        padding: 0;
    }

    ul.level0 > li.mega.has-child > .mega {
        font-weight: 700;
    }

    ul.level0 > li.mega.dynamic-width .child-content .child-content-inner {
        padding: 0 20px 0 0;
    }

    ul.level0 > li.mega.has-child .child-content .child-content-inner {
        padding: 0;
        width: 100% !important;
    }

    ul.level0 > li.mega.has-child .child-content .child-content-inner .mega-col {
        width: 100% !important;
    }

    ul.level0 > li.mega .mega {
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .child-content li.group > .mega {
        font-size: 14px;
    }

    ul.level0 > li.mega .mega {
        padding: 0;
        position: relative;
        z-index: 1;
    }

    ul.level1 li.mega .mega span.menu-title {
        background: none;
        padding: 0;
    }

    .child-content li.group > .mega {
        font-size: 14px;
    }

    ul.level0 > li.mega .mega {
        padding: 0;
        position: relative;
        z-index: 1;
    }

    header.page-header {
        background-color: white !important;
    }

    .navMenuContainer {
        background-color: white !important;
    }

    ul.level0>li.mega>.mega:active,
    ul.level0>li.mega>.mega:hover {
        background-color: white !important;
    }



} /* @media */

/* ══════════╣   The following codes are specifically for iPad (portrait and landscape)    ╠═════════════ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {} /* @media iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {} /* @media iPad Portrait */

/* LG */
@media (min-width:992px) and (max-width: 1279.98px) {
    .trust-bar ul li {
        font-size: .9rem !important;
    }



} /* @media */

@media (min-width:992px) and (max-width: 1370.98px) { 
    .navMenuContainer.fixed ul.level0 > li.mega > .mega {
        padding: 0 5px !important;
      }

    .navMenuContainer.fixed #ub-mega-menu-1 {
        justify-content: space-between;
    }  



    .navMenuContainer.fixed ul.level0>li.mega>.mega:after {
        right: -5px !important;
    }
}
/* XL */
@media (min-width:1280px) and (max-width: 1365.98px) {} /* @media */
/* 2XL */
@media (min-width:1366px) and (max-width: 1439.98px) {} /* @media */
/* 3XL: */
@media (min-width:1440px) and (max-width: 1599.98px) {} /* @media */

/* custom */
@media (min-width:991px) and (max-width: 1698.98px) {

    .navMenuContainer.fixed .fixed-logo {
        display: none !important;
    }
}

/* 4XL */
@media (min-width:1600px) and (max-width: 1919.98px) {} /* @media */
/* 5XL -> SKPPED (dublicated breakpoint below)  */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                         IF WIDTH EXCEEDS "$" (DO NOT USE ON FULL-WIDTH SITES)                        ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */
@media (min-width: 576px) {}
@media (min-width: 769px) {

    .catalog-category-view .category-view{
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }


    
}
@media (min-width: 992px) {

    .logo {
        margin: 43px 0 0;
    }
    
    .block-search {
        left: 100px;
        top: 57px;
        right: 110px;
        width: calc(91% - 370px);
        margin-inline: auto;
    }

    .banner-text__content {
        max-width: 69rem;
        margin-inline: auto;
    }

} /* @media */
@media (min-width: 1280px) {
  
} /* @media */
@media (min-width: 1366px) {}
@media (min-width: 1440px) {}
@media (min-width: 1600px) {}
/* 5XL */
@media (min-width: 1920px) {} /* 1920px & Up */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                         IF WIDTH REACHES "$"                                         ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* 4XL */
@media (max-width: 1919.98px) {
    .banner-text { font-size: 28px; }
} /* @media -----------------------------------| width < 1920px |-------------------------------------------*/

/* 3XL */
@media (max-width: 1599.98px) {
    .banner-text { font-size: 28px; }
   
} /* @media -----------------------------------| width < 1600px |-------------------------------------------*/

/* 2XL */
@media (max-width: 1439.98px) {
    
} /* @media -----------------------------------| width < 1440px |-------------------------------------------*/

/* XL */
@media (max-width: 1365.98px) {
    
} /* @media -----------------------------------| width < 1366px |-------------------------------------------*/

/* LG */
@media (max-width: 1279.98px) {
    .cms-page-view .content-container .open-day-banner p { font-size: 28px; line-height: 28px; }  

    .home-cta {
        grid-template-columns: repeat(2, 1fr);
    }

    .hp-hero-icons__container {
        grid-template-columns: repeat(2, 1fr);
    }

    .faq-blip::after {
        top: -62px;
    }

    ul.level0 > li.mega.has-child > .mega > span.menu-title {
        padding: 0;
    }
    
   
    
} /* @media -----------------------------------| width < 1200px |-------------------------------------------*/

/* MD */
@media (max-width: 991.98px) {


    body.blog-post-view .post-ftimg-hld {
        height: auto;
    }

    
    body.blog-post-view .post-ftimg-hld img {
        max-width: 100%;
        width: 100%;
        height: 100%;

    }

    .page-header { background: #fff; }


    .hero-icon__item {
        margin-top: 1rem;
    }

    .banner-text__heading {
        font-size: 3rem;
    }

    .banner-text__content {
        font-size: 1.4rem;
        line-height: 28px !important;
        padding-inline: 0 10px  ;
    }



    .navMenuContainer.active { display: block; }
    .mobile-menu-trigger { display: inline-block; }

    .block-search {
    margin-bottom: 0; }
    .block-search .block-title {
        display: none; }
    .block-search .block-content {
        margin-bottom: 0; }
    .block-search .label { }
    .block-search .label > span { }
    .block-search .label:before {
    -webkit-font-smoothing: antialiased;
    font-size: 35px;
    line-height: 33px;
    color: #8f8f8f;
    content: "";
    font-family: "icons-blank-theme";
    margin: inherit;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    vertical-align: middle; }
    .block-search .label:hover:before {
    color: #333; }
    .block-search .label:active:before {
    color: #333; }
    .block-search .label.active + .control input {
    position: static; }
    .block-search .action.search {
        display: none; }
    
    .block-search .nested {
        display: none;
    }

    .sections.nav-sections-new {
    background-color: white;
    position: relative;
    top: -6px;
    }

    .navMenuContainer { display: none; }
    .trust-bar-container { display: none;  }


    .footer-container .footer-bottom {
        display: flex;
        flex-direction: column;
    }

    .box__text h3 {
        font-size: 1.4rem;
    }

    .home-cta__box {
        height: 300px;
    }

    .footer-container .footer-bottom .attrib {
        position: initial;
        transform: none;
        padding-top: 0;
    }

    .cta-container .cta { width: 49%;
    }

    .list-parent .item {
        width: 50%;
    }

    .cms-page-view .content-container .open-day-banner p { font-size: 28px; line-height: 28px; }  

    .hp-bio__container {
        grid-template-columns: 1fr;
    }

    .faq-blip::after {
        display: none;
    }

    .hp-bio__container .bio__image img {
        min-height: 307px;
    }

    .hp-bio__container {
        gap: 4rem;
    }
    
} /* @media -----------------------------------| width < 992px |-------------------------------------------*/

/* SM */
@media (max-width: 767.98px) {

    .home-cta__box.blip:first-of-type .box__text {
        transform: translate(-50%, 0);
    }

    .home-cta__box.blip.blip--end .box__text {
        overflow: auto;
        height: 100%;
    }

    .cta-container .cta { width:100%; }
    
    .header.content { padding: 0; width: 100%; }
    
    .block-search { width: 100%; position: static; }
    .block-search .control { clear: both;  }
    
    .block-search #search {  
        display: block; 
        margin: 0; 
        position: absolute; top: 13px; left: 15px;  right: 0; 
        width: calc(100% - 30px);
    }
    
    .block-search .field.search { position: relative; }
    .block-search .label { 
        display: none; float: none;
        position: absolute; top: 20px; right: 20px; bottom: auto; left: auto; 
        z-index: 10;
    }
    .block-search .actions {
        display: inline-block; 
        position: absolute; 
        top: 22px; right: 24px;
        bottom: auto; left: auto;
        z-index: 10;
    }
    .block-search .actions .action.search {
        display: block; 
        font-size: 12px;
        text-transform: uppercase;
        padding: 6px 10px;
    }
    a.logo { margin-left: 15px; }
    a.logo.search-opened { }
    
    #search_mini_form.active { 
        display: block; background-color: #007499; color: #fff; 
        position: relative; z-index: 10;
    }
    .block-search.active {  margin-top: 0;  }

    


    
    .blog-page .banner .overlay-container .overlay .title { font-size: 26px; line-height: 1.3; }
    .ts-image { display: block; }
    .ts-label { display: block; line-height: 1.1; text-align: center; font-size: 10px; } 
    .trust-bar-container { margin-bottom: 10px; padding-bottom: 10px;  }
    .trust-bar-container .trust-bar { height: auto; }
    .trust-bar-container .trust-bar ul li img { margin-right: 0; }
    
    .list-parent .item {
        width: 100%;
    }

    .featured .post-container .post-imagery { width: 100%; box-sizing: border-box; }
    .featured .post-container .post-details { width: 100%; box-sizing: border-box; }
    .featured { height: auto; }

    .banner-text { font-size: 22px !important; }

    .navMenuContainer.fixed { position: relative;  }

    .page-header.fixed { position: fixed; background: #fff; width: 100%; }

    .header.content { height: 60px; }
    .logo img { width: 100px !important; }

    .usps-container {
        display: block;
        text-align: center;
    }

    .usps-container div {
        padding: 10px;
    }

.verve-related {
    grid-template-columns: repeat(2, 4fr); 
}

.video-container {
    grid-template-columns: repeat(1, 1fr); /* Two columns with equal width */
}

.video-container iframe { width: 100% !important; }

} /* @media -----------------------------------| width < 768px |-------------------------------------------*/

@media (max-width: 660px) {
    .post-info.clear {
        flex-direction: column;
    }
    
    .post-info.clear .dash {
        display: none;
    }
}

/* XS */
@media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {

    .home-cta {
        grid-template-columns: 1fr;
    }

    .slide-out-panel {
        width: 300px;
    }
   
}

@media (max-width: 480px) {

    .cms-index-index .post-ftimg-hld {
        height: 16rem;
    }

    .footer .footer-main-links li {
        width: 50% !important;
    }
    .toolbar-products .pages {
        margin-top:-5px !important;
        float:none;
    }

    .blog-post-view .open-panel-button {
        float: none;
        margin: 1rem 0;
    } 

}


/* @media -----------------------------------| width < 576px |-------------------------------------------*/

/* ════════════════════════════════════════════╣     END    ╠════════════════════════════════════════════ */
@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }
/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                 ¡ NO STYLES BELOW THIS LINE PLEASE !                                 ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */