:root {
    --bs-body-font-family: Helvetica, Arial, sans-serif;
    --space-between-sections: 100px;
    --gap: 30px;
}

img{
    width: 100%;
}

#overview img,
#flush-overview img{
    object-fit: contain;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    margin-bottom: 25px;
}

p{
    margin-bottom: 25px;
    line-height: 1.5;
}
.jumbotron{
    padding: 50px 20px;
}
.jumbotron h1{
    margin-bottom: 0;
    font-size: 30px;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/fonts/glyphicons-halflings-regular.woff2');
}
@font-face {
    font-family: 'epson-icons';
    src: url('/fonts/epson-icons.woff2');
}
.glyphicon, .glyphicon-content:before{
    font-family: 'Glyphicons Halflings';
}
.glyphicon:not(.glyphicon-pause) {
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-play,
.glyphicon-pause {
    font-size: 8px;
}
.glyphicon-content{
    position: relative;
}
.glyphicon-content:before {
    font-size: small;
    padding-right: 5px;
}
.glyphicon-map-marker:before {
    /* position: absolute;
    left: -15px;
    top: 2px; */
    font-size: unset;
}

.breadcrumb {
    /* Override bootstrap variables */
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23fff' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E");
    --bs-breadcrumb-bg: #353535;
    --bs-breadcrumb-item-active-color: #9ddfff;
    --bs-breadcrumb-margin-bottom: 0;
    padding: 0 20px;
    display: none;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.text-bg-dark {
    background-color: #19212b!important;
}

.text-bg-black{
    background-color: #000000;
    color: #ffffff;
}

.text-bg-gray{
    background-color: #353535;
    color: #ffffff;
}

.breadcrumb-item+.breadcrumb-item::before {
    position: relative;
    top: 1px;
}

.breadcrumb a,
.breadcrumb-item {
    color: #ffffff;
    padding: 14px 0;
}

.breadcrumb-item:not(.active) {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
}

.breadcrumb-item {
    font-size: 12px;
}

/* NAVIGATION: BEGIN */

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}

button.navbar-toggler {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    padding: 0;
}

.eal-logo {
    min-width: 150px;
    max-width: 150px;
}

.eal-logo img {
    width: 100%;
}

.eal-navigation-top,
.eal-country-selector .dropdown-menu {
    background-color: #f2f6f6;
}

.eal-country-selector .dropdown-menu p {
    padding: 4px 16px;
}

.eal-country-selector .dropdown-menu.show {
    transform: translate(-4px, 24px) !important;
    border-radius: 0;
}

.dropdown-toggle::after {
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    transition: transform .3s ease-in-out;
}

.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(-180deg);
}

.eal-country-selector .dropdown-menu .dropdown-item:not(.active, .disabled) {
    color: #10218b;
}

.eal-country-selector .dropdown-menu .dropdown-item:not(.active, .disabled):hover {
    color: #fff;
}

.eal-navigation-top .nav-link,
.eal-navigation-top a.dropdown-toggle,
.eal-navigation-top .dropdown-menu {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #10218b;
}

/* OVERRIDE BOOTSTRAP VARIABLES: BEGIN */
.dropdown-item.active,
.dropdown-item:active {
    --bs-dropdown-link-active-bg: #10218b;
    --bs-dropdown-link-active-color: #fff;
}

.dropdown-item:focus,
.dropdown-item:hover {
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: #10218b;
}

/* OVERRIDE BOOTSTRAP VARIABLES: END */

.eal-navigation-bottom {
    position: relative;
    padding: 20px;
    z-index: 99;
    background-color: #19212b!important;
}

.eal-navigation-top {
    padding-left: 20px;
}

.eal-navigation-bottom .nav-link {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    color: white;
    padding: 20px;
}

.eal-navigation-bottom .nav-link,
.offcanvas-header {
    border-bottom: 1px solid #46505e;
}

.eal-navigation-bottom .nav-link:hover,
.eal-navigation-bottom .nav-item.active .nav-link {
    background-color: #d9e3ec;
    color: #212529;
}

.eal-navigation-bottom .nav-item {
    position: relative;
}

.eal-navigation-bottom .eal-first-item.nav-item::before {
    content: "";
}

.bi::before,
[class*=" bi-"]::before,
[class^=bi-]::before {
    font-weight: bold !important;
}

.glyphicon-shopping-cart:before {
    content: "\e116";
    font-size: 12px;
}

.eal-toggler-text {
    font-size: 12px;
}

.eal-inner-nav-container {
    width: 100%;
}

.eal-menu-items-container {
    justify-content: flex-end;
}

.eal-cart-icon .eal-cart-count {
    display: inline-block;
    background: currentColor;
    border-radius: 50%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: currentColor;
    height: 15px;
    width: 15px;
    line-height: 13px;
    text-align: center;
}

.eal-cart-icon {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
    justify-content: center;
    align-items: center;
    /* background-color: #e2eced; */
    height: 100%;
}

.eal-cart-icon--floating {
    position: fixed;
    z-index: 9999;
    right: 0;
    top: 125px;
    background-color: #eaeaea;
    padding: 10px 20px;
    height: unset;
}

.eal-cart-icon .eal-cart-count .eal-items-total{
    color: #ffffff;
}

.offcanvas-shown{
    z-index: 1;
}

.eal-navigation-top-right li {
    border-left: 1px solid #ccc;
}

.eal-navigation-top .dropdown-toggle:hover,
.eal-navigation-top .nav-link:hover {
    background-color: #e2eced;
}

.offcanvas .btn-close {
    color: white;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
    opacity: 1;
    width: 20px;
    height: 20px;
    background-size: cover;
    padding: 0;
    margin: 0;
}

.offcanvas-body,
body>nav.eal-navigation-bottom.text-bg-dark.navbar.navbar-expand-xl>div>a {
    padding: 0;
}

.offcanvas.offcanvas-start {
    width: 100%;
}

.offcanvas.show .eal-search-icon,
.eal-navigation-bottom .eal-search-icon {
    border-bottom: none;
}

/* NAVIGATION: END */
.card-img, .card-img-top{
    border-radius: 0;
    object-fit: cover;
}
.btn{
    position: relative;
    font-size: 16px;
    padding: 7px 35px 7px 25px;
    /* line-height: 16px; */
}

.btn-primary:not(.product-button):after,
.eal-carousel-caption .btn-outline-primary::after,
.btn-orange-fill::after,
.btn-outline-secondary::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: 15px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%) rotate(0deg) scale(1);
    transform: translateY(-50%) rotate(0deg) scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
}
.btn-outline-secondary:hover:after{
    border-left: 10px solid #006DDC;
}
.btn-primary:hover:after{
    /* border-color: #10218b; */
    border-left-color: #10218b;
}
/* .solutions-group .main-content .card{
    background-color: #f1f3f5;
} */
.card{
    border-radius: 0;
    border: none;
    padding: 0 30px;
}
.body-carousel.min-height-500{
    min-height: 300px;
}
.card-body{
    padding: 20px 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.card-text{
    height: 100% ;
}

.solutions-group .solutions .row>* {
    margin-top: var(--space-between-sections);
}
.solutions-group #products .col{
    padding: 20px;
    background-color: #f1f3f5;
}
.solutions-group #products .col .card{
    background-color: #f1f3f5;
}
.product-wtb-copy{
    font-size: inherit;
    color: #10218b;
    text-decoration: none;
    font-weight: bold;
}
.product-wtb-copy:hover{
    text-decoration: underline;
}

.product-highlights ul,
.product-details .bullet-points ul{
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 0;
}
.product-details .bullet-points ul li b{
    display: block;
}
.product-details .bullet-points li:not(:last-of-type){
    padding-bottom: 10px;
}
.product-details .bullet-points ul br{
    display: none;
}

/* .product-highlights ul li,
.product-details .bullet-points ul li{
    background: transparent url("https://www.epson.com.au/img/bullet.gif") 2px 9px no-repeat;
    padding-left: 15px;
} */
.gray-bg{
    background-color: #f1f3f5;
}
.gray-bg-mobile{
    background-color: #f2f6f6;
}
.dark-bg,
.dark-bg-mobile{
    background-color: #000000;
    color: #ffffff;
}
.brown-bg{
    background-color: #1c1c1c;
    color: #ffffff;
}

.eal-section-spacing-top {
    padding-top: calc(var(--space-between-sections) - 50px);
}

.eal-section-spacing-bottom{
    padding-bottom: calc(var(--space-between-sections) - 50px)!important;
}

.eal-section-spacing-top-bottom {
    padding-top: calc(var(--space-between-sections) - 50px)!important;
    padding-bottom: calc(var(--space-between-sections) - 50px)!important;
}

.footer-container{
    padding-top: 0;
}

#sust-report{
    background-image: url('/images/home-sustainability-bg.jpg');
    background-size: cover;
}

#hf-tech{
    background-size: cover;
    background-image: url('/images/home-hf-bg.jpg');
}

#sust-vision{
    background-image: url('/images/home-sustainability2-bg.jpg');
    background-size: cover;
}

.group-container{
    width: 100%;
    padding: 30px;
}

.row{
    margin: 0;
    --bs-gutter-x: 0;
}

.eal-navigation-bottom .nav-item ul li,
.eal-navigation-bottom .nav-item ul li a{
    padding: 10px 25px;
    color: #000000;
    /* cursor: default; */
}

.eal-navigation-bottom .nav-item ul li a{
    text-decoration: none;
    padding: 0;
}

.eal-navigation-bottom .nav-item ul li:hover,
.eal-navigation-bottom .nav-item ul li:hover a { 
    background-color: #212529;
    color: #ffffff;
}

@media screen and (min-width: 1200px) {
    .eal-navigation-bottom .nav-item ul { 
        display: none; 
        list-style: none;
        margin: 0; 
        padding: 18px;
        padding-top: calc(var(--bs-navbar-nav-link-padding-x) + 10px );
        padding-bottom: calc(var(--bs-navbar-nav-link-padding-x) + 10px );
        background-color: #d9e3ec;
    }
}
.eal-navigation-bottom .nav-item ul { 
    list-style: none;
    margin: 0; 
    padding: 18px;
    padding-top: calc(var(--bs-navbar-nav-link-padding-x) + 10px );
    padding-bottom: calc(var(--bs-navbar-nav-link-padding-x) + 10px );
    background-color: #d9e3ec;
    border: unset;
    border-radius: unset;
}

.eal-navigation-bottom .nav-item ul li:not(:last-child){
    border-bottom: 1px solid #ccc;
}

#trolleyOffCanvas{
    gap: var(--gap);
}

#trolleyOffCanvas .trolley-actions a{
    color: #10218b;
    text-transform: uppercase;
    width: fit-content;
    position: relative;
    margin-left: 20px;
}

#trolleyOffCanvas a:hover{
    text-decoration: underline;
}

#trolleyOffCanvas .trolley-actions a::before{
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 10px solid #10218b;
    position: absolute;
    /* margin-left: 10px; */
    left: -20px;
    top: 45%;
    bottom: auto;
    -webkit-transform: translateY(-50%) rotate(0deg) scale(1);
    transform: translateY(-50%) rotate(0deg) scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
}

#trolleyOffCanvas .offcanvas-body .group-container{
    gap: var(--gap);
    padding: 0 16px;
}

.section-title{
    margin-bottom: calc(var(--space-between-sections) - 50px);
}

footer .sign-up-section{
    background-color: #d9e3ec;
    padding: var(--gap);
}

footer p{
    margin-bottom: 0;
}

footer .form-control{
    border: 0;
}

.footer-links{
    color: #10218b;
}

/* .footer-links .d-flex{
    gap: calc(var(--gap) + 20px);
} */

.footer-links ul{
    padding-left: 0;
}

.footer-links ul li{
    list-style: none;
}

.footer-links ul li:not(:last-child){
    padding-bottom: 10px;
}

.footer-links a,
.copyright p{
    text-decoration: none;
    color: #10218b;
}

.footer-links a:hover{
    text-decoration: underline;
}

.footer-links h5 {
    margin-bottom: 10px;
    font-weight: 700;
}

.gap-x{
    gap: var(--gap);
}

.gap-y{
    gap: var(--gap);
}

.gap-10{
    gap: 10px;
}

.gap-20{
    gap: 20px;
}

.gap-30{
    gap: 30px;
}

.row.eal-row .col:first-child{
    padding-left: 0;
}

.disclaimer a{
    color: #10218b;
}

.disclaimer a:hover{
    color: #384ac3;
}

.accordion {
    --bs-accordion-border-color: none;
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-btn-padding-x: 30px;
    --bs-accordion-btn-padding-y: 20px;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-focus-border-color: none;
    --bs-accordion-btn-focus-box-shadow: 0;
    --bs-accordion-body-padding-x: 30px;
    --bs-accordion-body-padding-y: 30px;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
    --bs-accordion-btn-icon-transform: rotate(180deg);
    --bs-accordion-bg: #f1f3f5;
}
.accordion.footer-links {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
}

.accordion-button{
    color: #10218b;
}

.accordion-button:focus{
    border-bottom: 0;
}

.accordion-collapse.show,
.accordion-button.collapsed{
    border-bottom: 1px solid #ebebeb;
}

.accordion-button:not(.collapsed) {
    background-color: #ffffff;
}

.accordion-body{
    padding-top: 15px;
}

.sign-up-form{
    padding-bottom: var(--gap);
}

@media screen and (max-width: 1399px) {
    .container {
        max-width: 1095px;
    }
}

.eal-search-bar {
    display: none;
    z-index: 98;
    box-shadow: 0 10px 25px rgba(0,0,0,.5);
    background-color: #ffffff;
    position: relative;
}

.eal-search-bar .container{
    text-align: right;
}

.eal-search-bar .inner-container{
    width: 500px;
}

.form-control:focus {
    box-shadow: none;
    border-color: unset;
    border: none;
    border-left: 1px solid rgb(0 0 0 / 28%);
}

input{
    border-radius: 0!important;
}

.bi-x-lg{
    display: none;
}

.link-to-grid{
    display: none!important;
    position: relative;
    justify-content: center;
    display: block;
    width: 130px;
    color: #4a4e51;
    text-decoration: none;
    border: 1px solid #4a4e51;
    padding: 0 10px;
    height: 30px;
    gap: 5px;
    font-size: 15px;
}

.link-to-grid:hover{
    background-color: #9ddfff;
    color: #4a4e51;
}

.link-to-grid:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%234a4e51'%3E%3Cg id='grid-2'%3E%3Cpath d='M10.246,4.228c0-0.547-0.443-0.991-0.99-0.991H3.914c-0.548,0-0.991,0.443-0.991,0.991V9.57c0,0.546,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.444,0.99-0.99V4.228z'/%3E%3Cpath d='M19.453,4.228c0-0.547-0.443-0.991-0.991-0.991h-5.343c-0.546,0-0.99,0.443-0.99,0.991V9.57c0,0.546,0.444,0.99,0.99,0.99h5.343c0.548,0,0.991-0.444,0.991-0.99V4.228z'/%3E%3Cpath d='M28.868,4.228c0-0.547-0.443-0.991-0.99-0.991h-5.342c-0.548,0-0.991,0.443-0.991,0.991V9.57c0,0.546,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.444,0.99-0.99V4.228z'/%3E%3Cpath d='M10.246,13.224c0-0.547-0.443-0.99-0.99-0.99H3.914c-0.548,0-0.991,0.443-0.991,0.99v5.342c0,0.549,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.441,0.99-0.99V13.224z'/%3E%3Cpath d='M19.453,13.224c0-0.547-0.443-0.99-0.991-0.99h-5.343c-0.546,0-0.99,0.443-0.99,0.99v5.342c0,0.549,0.444,0.99,0.99,0.99h5.343c0.548,0,0.991-0.441,0.991-0.99V13.224z'/%3E%3Cpath d='M28.868,13.224c0-0.547-0.443-0.99-0.99-0.99h-5.342c-0.548,0-0.991,0.443-0.991,0.99v5.342c0,0.549,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.441,0.99-0.99V13.224z'/%3E%3Cpath d='M10.246,22.43c0-0.545-0.443-0.99-0.99-0.99H3.914c-0.548,0-0.991,0.445-0.991,0.99v5.344c0,0.547,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.443,0.99-0.99V22.43z'/%3E%3Cpath d='M19.453,22.43c0-0.545-0.443-0.99-0.991-0.99h-5.343c-0.546,0-0.99,0.445-0.99,0.99v5.344c0,0.547,0.444,0.99,0.99,0.99h5.343c0.548,0,0.991-0.443,0.991-0.99V22.43z'/%3E%3Cpath d='M28.868,22.43c0-0.545-0.443-0.99-0.99-0.99h-5.342c-0.548,0-0.991,0.445-0.991,0.99v5.344c0,0.547,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.443,0.99-0.99V22.43z'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
    transition: color .15s ease-in-out;
}

.link-to-grid:hover::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%234a4e51'%3E%3Cg id='grid-2'%3E%3Cpath d='M10.246,4.228c0-0.547-0.443-0.991-0.99-0.991H3.914c-0.548,0-0.991,0.443-0.991,0.991V9.57c0,0.546,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.444,0.99-0.99V4.228z'/%3E%3Cpath d='M19.453,4.228c0-0.547-0.443-0.991-0.991-0.991h-5.343c-0.546,0-0.99,0.443-0.99,0.991V9.57c0,0.546,0.444,0.99,0.99,0.99h5.343c0.548,0,0.991-0.444,0.991-0.99V4.228z'/%3E%3Cpath d='M28.868,4.228c0-0.547-0.443-0.991-0.99-0.991h-5.342c-0.548,0-0.991,0.443-0.991,0.991V9.57c0,0.546,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.444,0.99-0.99V4.228z'/%3E%3Cpath d='M10.246,13.224c0-0.547-0.443-0.99-0.99-0.99H3.914c-0.548,0-0.991,0.443-0.991,0.99v5.342c0,0.549,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.441,0.99-0.99V13.224z'/%3E%3Cpath d='M19.453,13.224c0-0.547-0.443-0.99-0.991-0.99h-5.343c-0.546,0-0.99,0.443-0.99,0.99v5.342c0,0.549,0.444,0.99,0.99,0.99h5.343c0.548,0,0.991-0.441,0.991-0.99V13.224z'/%3E%3Cpath d='M28.868,13.224c0-0.547-0.443-0.99-0.99-0.99h-5.342c-0.548,0-0.991,0.443-0.991,0.99v5.342c0,0.549,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.441,0.99-0.99V13.224z'/%3E%3Cpath d='M10.246,22.43c0-0.545-0.443-0.99-0.99-0.99H3.914c-0.548,0-0.991,0.445-0.991,0.99v5.344c0,0.547,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.443,0.99-0.99V22.43z'/%3E%3Cpath d='M19.453,22.43c0-0.545-0.443-0.99-0.991-0.99h-5.343c-0.546,0-0.99,0.445-0.99,0.99v5.344c0,0.547,0.444,0.99,0.99,0.99h5.343c0.548,0,0.991-0.443,0.991-0.99V22.43z'/%3E%3Cpath d='M28.868,22.43c0-0.545-0.443-0.99-0.99-0.99h-5.342c-0.548,0-0.991,0.445-0.991,0.99v5.344c0,0.547,0.443,0.99,0.991,0.99h5.342c0.547,0,0.99-0.443,0.99-0.99V22.43z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#contact {
    background-image: url('/images/for-home/contact.jpg');
}

.group-container.d-flex.flex-column{
    gap: 30px;
}

.mh-260{
    height: 260px;
    max-height: 260px;
    object-fit: cover;
}

.mobile-slider .splide__pagination{
    bottom: -35px!important;
}

.splide__arrows.white svg{
    fill: #ffffff;
}

.splide.is-active:active {
    cursor: grabbing;
}

#three-cols-footer .card{
    margin: 0 30px;
    padding: 10px;
}

.social-icons{
    gap: 20px;
}

.px-30{
    padding: 0 30px;
}

.py-30{
    padding: 30px 0;
}

.pt-30{
    padding-top: 30px;
}

.pb-30{
    padding-bottom: 30px;
}

.hero-section {
    min-height: 600px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-position: center;
}

.column-with-gap{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.column-with-gap > *{
    margin-bottom: 0;
}

.blue-bg{
    background-color: #0376E7;
    color: #ffffff;
}

.footnotes{
    padding: 30px 0;
    line-height: 1.5;
}

.footnotes ol{
    list-style: none;
    counter-reset: custom-counter;
    padding-left: 0;
    margin-bottom: 0;
}

.footnotes li {
    counter-increment: custom-counter;
    position: relative;
    padding-left: 20px;
    font-size: calc(var(--body-font-size) - 4px);
    padding-bottom: 10px;
}

.footnotes ol li:last-child{
    padding-bottom: 0;
}

.footnotes li::before {
    content: counter(custom-counter);
    font-size: calc(var(--body-font-size) - 7px);
    position: absolute;
    left: 0;
    top: 0;
}

.back-to-top{
    /* opacity: 0; */
    visibility: hidden;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #eaeaea6e;
    color: #ffffff;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    z-index: 9999;
    transition: all .3s ease-in-out;
}

.back-to-top::after{
    color: #ffffff;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-caret-up-fill' viewBox='0 0 16 16'%3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.back-to-top:hover{
    background-color: #eaeaea;
}
/* .search-news{
    visibility: hidden;
} */

@media screen and (max-width: 991px) {
    .mobile-padding{
        padding: 30px 10px;
    }
    
}

@media screen and (max-width: 1199px) {
    .container {
        max-width: 915px;
        padding: 0;
    }
}

@media screen and (min-width: 768px) {
     .eal-row{
        gap: 50px;
     }
     .row-cols-md-3>* {
        width: 31%;
    }
    .row-cols-md-2>* {
        width: 48%;
    }
    .row-cols-md-4>* {
        width: 22%;
    }
    footer{
        margin-top: 0;
        padding-top: 40px;
    }
    .text-white-md{
        color: #ffffff;
    }
}

@media screen and (min-width: 992px) {
    .hero-section .group-container{
        width: 50%;
    }
    .row-cols-lg-2>*,
    .row-cols-xl-2>* {
        width: 48%;
    }
    .row-cols-xl-4>* {
        width: 23%;
    }
    .py-30,
    .px-30,
    .pt-30,
    .pb-30{
        padding: 0;
    }
    .eal-section-spacing-top,
    .footer-container{
        padding-top: var(--space-between-sections);
    }
    .eal-section-spacing-bottom{
        padding-bottom: var(--space-between-sections)!important;
    }
    .eal-section-spacing-top-bottom {
        padding-top: var(--space-between-sections)!important;
        padding-bottom: var(--space-between-sections)!important;
    }

    .eal-navigation-bottom .navbar-nav .nav-link {
        --bs-navbar-nav-link-padding-x: 35px;
    }

    .eal-navigation-bottom .nav-item::before {
        color: #707070;
        content: "|";
        position: absolute;
        left: -1px;
        top: 40px;
    }

    .breadcrumb {
        padding: 0;
    }

    .eal-navigation-top {
        padding-left: 0;
    }

    .min-height-400{
        min-height: 400px;
    }

    .min-height-500,
    .body-carousel.min-height-500{
        min-height: 500px;
    }
    .body-carousel.min-height-500{
        padding-bottom: 0!important;
    }

    .min-height-600{
        min-height: 600px;
    }

    .min-height-700{
        min-height: 700px;
    }

    .min-height-770{
        min-height: 770px;
    }

    .min-height-800{
        min-height: 800px;
    }

    .min-height-825{
        min-height: 825px;
    }


    #home-projector-section{
        background-image: url("/images/home-projectors-bg.jpg");
    }

    .text-black-lg{
        color: #212529;
    }
    .gray-bg{
        background-color: #f1f3f5;
    }
    .gray-bg-mobile,
    .dark-bg-mobile {
        background-color: unset;
    }
    .jumbotron{
        padding-top: calc(var(--space-between-sections) + 1px )!important;
        padding-bottom: calc(var(--space-between-sections) + 1px )!important;
    }
    .jumbotron h1{
        font-size: 40px;
    }
    #trolleyOffCanvas{
        width: 700px;
    }

    .group-container{
        padding: 0;
    }

    .group-container.d-flex.flex-column{
        gap: 50px;
    }

    #sustainability-columns .group-container:last-of-type{
        padding-right: 30px;
    }

    .card,
    #three-cols-footer .card{
        padding: 0;
    }
    #three-cols-footer .card{
        margin: 0;
    }
    .support-group .card-body,
    .gray-bg .card-body{
        padding: 0 16px 40px 16px;
    }
    .glyphicon-play,
    .glyphicon-pause {
        font-size: 10px;
    }
    
}

@media screen and (min-width: 1024px) {
    .text-white-lg{
        color: #ffffff!important;
    }
    .row .card-img, .row .card-img-top{
        max-height: 245px;
    }
    /* .group-container{
        padding: 0;
    } */
    #home-projector-section{
        background-position-x: center;
    }
    #home-projector-section .group-container {
        width: 400px;
        margin-left: auto;
    }
    #sustainability-columns .row .col {
        padding: 400px 220px 50px;
    }
    .text-white-lg{
        color: #ffffff;
    }
    .breadcrumb {
        display: flex;
    }
}

@media screen and (min-width: 1200px) {
    .hero-section .group-container {
        width: 43%;
    }
    .hero-section .group-container.WE{
        width: 35%;
    }
    .eal-navigation-bottom .nav-link {
        padding: 42px 20px;
    }
    .w-lg-100{
        width: 100%!important;
    }
    #products{
        gap: var(--space-between-sections);
    }
    .sign-up-form{
        padding-bottom: 0;
    }
    footer .sign-up-section div:first-child{
        width: 80%;
    }
    .eal-navigation-bottom {
        padding: 0;
    }

    .eal-logo {
        min-width: 140px;
        max-width: 140px;
    }
    .eal-navigation-top a.dropdown-toggle{
        min-height: 32.5px;
    }
    .eal-navigation-bottom .navbar-nav .nav-link {
        --bs-navbar-nav-link-padding-x: 12px;
    }

    .eal-navigation-bottom .nav-item ul li .level-one{
        display: block;
        /* padding-top: var(--bs-navbar-nav-link-padding-x);
        padding-bottom: var(--bs-navbar-nav-link-padding-x); */
    }

    .eal-navigation-bottom .nav-item ul li:hover:not(:last-child) .level-one{
        border-bottom: 1px solid #212529;
    }
    .eal-navigation-bottom .nav-item ul {
        min-width: 360px;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #d9e3ec;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        list-style: none;
        margin: 0; 
        padding: 0;
        padding-top: calc(var(--bs-navbar-nav-link-padding-x) + 10px );
        padding-bottom: calc(var(--bs-navbar-nav-link-padding-x) + 10px );
        width: max-content;
        z-index: 999;
    }
    .icon-container{
        max-width: 300px;
    }
    #home-projector-section .group-container {
        width: 600px;
    }
    #sustainability-columns .row .col {
        padding: 335px 187px 0 160px;
    }
    #sust-vision .group-container{
        width: 32%;
    }
    .text-white-xl{
        color: #ffffff;
    }
    .new-line{
        display: block;
    }
}

@media screen and (min-width: 1400px) {
    /* .hero-section {
        min-height: 680px;
    } */
    .eal-logo {
        min-width: 150px;
        max-width: 150px;
    }

    .container {
        max-width: 1250px;
    }

    #sustainability-columns .row .col {
        padding: 335px 187px 0 145px;
    }
    .eal-navigation-bottom .nav-item ul {
        min-width: 300px;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #d9e3ec;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        list-style: none;
        margin: 0; 
        padding: 0;
        padding-top: calc(var(--bs-navbar-nav-link-padding-x) + 10px );
        padding-bottom: calc(var(--bs-navbar-nav-link-padding-x) + 10px );
        width: max-content;
    }
    .eal-navigation-bottom .nav-link,
    .offcanvas-header {
        border-bottom: none;
    }
}

@media screen and (min-width: 1600px) {
    .eal-navigation-bottom .navbar-nav .nav-link {
        --bs-navbar-nav-link-padding-x: 25px;
    }
    .container {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1920px) {
    .container {
        max-width: 1600px;
        /* max-width: 1485px; */
        padding-left: 0;
        padding-right: 0;
    }

    .eal-navigation-bottom .nav-link {
        font-size: 16px;
    }
}

/* BADGES */
.badge{
    display: inline;
    padding: 3px 10px;
    font-size: 12px;
    height: fit-content;
    vertical-align: middle;
    border-radius: 0;
    margin-left: 10px;
    top: -2px;
    position: relative;
}
.badge--in-stock{
    background-color: #2dac83;
    color: #ffffff;
}
.badge--no-stock{
    background-color: #eb5c2a;
    color: #ffffff;
}

.paginationjs{
    -webkit-user-select: none;  /* Safari */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* Internet Explorer/Edge */
    user-select: none; 
}


.floating-message {
    /* position: absolute; */
    /* bottom: 20px;
    left: 50%;
    transform: translateX(-50%); */
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: none;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.floating-message.success {
    background-color: #28a745; /* Green for success */
}

.floating-message.error {
    background-color: #dc3545; /* Red for error */
}

/* START TROLLEY COMPONENT */

.items-in-cart{
    list-style: none;
    padding: 0;
}

.cart-item{
    position: relative;
    display: flex;
    border-left: none!important;
    /* justify-content: space-between; */
    gap: 20px;
    border-top: 1px solid #cccccc4a;
    border-bottom: 1px solid #cccccc4a;
    padding: 20px 0;
}

#trolleyOffCanvas .cart-item__image{
    min-width: 150px;
    max-width: 150px;
}

.cart-item__image{
    /* width: 20%; */
    height: 100px;
    object-fit: contain;
    /* gap: 20px; */
}

.cart-item__details > *{
    margin: 0;
}

.cart-item__details{
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cart-item__details a,
.cart-item__details h3{
    font-size: 18px;
    text-decoration: none;
    color: #000000;
}

.cart-item__details .globalcode{
    font-size: 12px;
}

.cart-item__details .item-type{
    font-size: .8rem;
    font-style: italic;
}

.cart-item__pricing{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-item__pricing .quantity{
    display: flex;
}

.cart-item__pricing .price{
    font-weight: normal;
    font-size: 16px;
}

.cart-item__pricing .quantity-number{
    color: #555;
    text-align: center;
    margin: 0 7px;
    border: 1px solid #90949c;
    width: 45px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cart-item__pricing .quantity-plus{
    font-family: 'Glyphicons Halflings';
    color: #ffffff;
    background-color: #10218b;
    padding: 0;
    width: 35px;
    font-size: 14px;
}

.cart-item__pricing .quantity-plus:hover{
    color: #10218b;
    background-color: #9ddfff;
}

.cart-item__pricing .quantity-plus::before{
    content: "\002b";
}

.cart-item__image-cons-link{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media screen and (min-width: 768px){
.cart-item__image-cons-link {
    width: 200px;
}
}

.cart-item__image-cons-link .link-to-cons{
    font-size: 12px!important;
    color: #10218b;
}

.remove-cart-item {
    position: absolute;
    right: 0;
    color: #d00606;
    font-family: 'Glyphicons Halflings';
    flex-wrap: nowrap;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #f0efef;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    padding: 0;
}

.remove-cart-item::before{
    content: "\e020";
}

.trolley-total{
    text-align: right;
}
.trolley-total .gst{
    display: block;
    font-weight: normal;
    font-size: 14px;
}
.trolley-actions{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 767px) {
    #trolleyOffCanvas .cart-item,
    .trolley-page .cart-item{
        flex-direction: column;
    }
    #trolleyOffCanvas .cart-item__details,
    .trolley-page .cart-item__details{
        width: 100%;
    }
}

/* END TROLLEY COMPONENT */

.break-line {
    display: block;
}

#productCategoryCarousel .splide:not(.is-initialized){
    visibility: hidden;
}

.shop-message-container{
    padding-block: 20px;
    background-color: #efefef;
}

.shop-message-container p:not(:last-child){
    margin-bottom: 10px;
}

.shop-message-container p:last-child{
    margin: 0;
}

.shop-message-container .text-red{
    color: #e02b25;
    font-weight: bold;
}

.cart-item__details .product-type:not(.Voucher){
    display: none;
}

.dropdown-toggle{
    cursor: default;
}

.nav-item:has(.not-indented) li:not(.not-indented){
    padding-left: 50px!important;
}

/* @media screen and (min-width: 1200px) {
    .nav-item:has(.not-indented) li:not(.not-indented){
        padding-left: 20%!important;
    }
    
} */

.nav-item li.not-indented{
    font-weight: bold;
    color: #363636;
}

/* Mobile menu */
#mobileMenu{
    display: none;
}

@media screen and (max-width: 991px) {
    .eal-sticky-nav .sticky-nav-ul{
        position: absolute;
        left: 0;
        display: none;
    }
}

.eal-sticky-nav #mobileMenu:checked~.sticky-nav-ul{
    display: block;
    background-color: #90949c;
}

.eal-sticky-nav #mobileMenu:checked~.sticky-nav-ul li{
    text-align: left;
    border-bottom: 1px solid #c6c6c6;
}

.eal-sticky-nav #mobileMenu:checked~.sticky-nav-ul li a{
    text-align: left;
}

label[for="mobileMenu"]{
    width: 100%;
    padding-block: 10px;
    color: white;
    border-bottom: 1px solid #c6c6c6;
}

.company-details > p{
    margin: 0;
}

.company-details {
    margin-bottom: 20px;
}

.navbar-nav .nav-link.active {
    color: #ffffff;
}

.nav-link.dropdown-toggle{
    cursor: default;
}

main[data-region="Australia"] [data-region="nz"]{
    display: none;
}

main[data-region="New Zealand"] [data-region="au"]{
    display: none;
}

.downloadpdf img{
    width: unset;
}