.elementor-12 .elementor-element.elementor-element-cf9a518{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--padding-top:80px;--padding-bottom:80px;--padding-left:5%;--padding-right:5%;}.elementor-12 .elementor-element.elementor-element-cf9a518:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-cf9a518 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ecolandrubber.com.au/wp-content/uploads/Continueous-Sheet-Banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-9236388 .elementor-heading-title{font-family:var( --e-global-typography-23bb097-font-family ), Sans-serif;font-size:var( --e-global-typography-23bb097-font-size );font-weight:var( --e-global-typography-23bb097-font-weight );line-height:var( --e-global-typography-23bb097-line-height );color:var( --e-global-color-b9e84c1 );}.elementor-12 .elementor-element.elementor-global-546 > .elementor-widget-container{margin:0px 0px 0px 3px;}.elementor-12 .elementor-element.elementor-global-573{--grid-template-columns:repeat(1, auto);--icon-size:15px;--grid-column-gap:0px;--grid-row-gap:6px;}.elementor-12 .elementor-element.elementor-global-573 .elementor-widget-container{text-align:center;}.elementor-12 .elementor-element.elementor-global-573.elementor-element{--align-self:flex-end;}.elementor-12 .elementor-element.elementor-global-573 .elementor-social-icon{background-color:var( --e-global-color-b9e84c1 );}.elementor-12 .elementor-element.elementor-global-573 .elementor-social-icon i{color:var( --e-global-color-73f3e7c );}.elementor-12 .elementor-element.elementor-global-573 .elementor-social-icon svg{fill:var( --e-global-color-73f3e7c );}.elementor-12 .elementor-element.elementor-element-57ee23e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:80px;--padding-left:5%;--padding-right:5%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-cf9a518{--min-height:300px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-12 .elementor-element.elementor-element-9236388 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-9236388 .elementor-heading-title{font-size:var( --e-global-typography-23bb097-font-size );line-height:var( --e-global-typography-23bb097-line-height );}.elementor-12 .elementor-element.elementor-global-573 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-cf9a518{--min-height:200px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-12 .elementor-element.elementor-element-9236388{text-align:center;}.elementor-12 .elementor-element.elementor-element-9236388 .elementor-heading-title{font-size:var( --e-global-typography-23bb097-font-size );line-height:var( --e-global-typography-23bb097-line-height );}.elementor-12 .elementor-element.elementor-global-573{--grid-template-columns:repeat(4, auto);--grid-column-gap:6px;}.elementor-12 .elementor-element.elementor-global-573 .elementor-widget-container{text-align:center;}.elementor-12 .elementor-element.elementor-global-573 > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-global-573.elementor-element{--align-self:center;}}/* Start custom CSS for global, class: .elementor-global-546 */.elementor-12 .elementor-element.elementor-global-546 .custom-breadcrumb a, .elementor-12 .elementor-element.elementor-global-546 .custom-breadcrumb{
    color: #fff;
    font-family: "Mulish", Sans-serif;
    font-size: 1rem;
    line-height: 1.3em;
    text-transform: uppercase;
}

@media (max-width: 500px){
    .elementor-12 .elementor-element.elementor-global-546 .custom-breadcrumb a, .elementor-12 .elementor-element.elementor-global-546 .custom-breadcrumb{
        font-size: 0.875rem;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-573 */@media (min-width: 768px){
    .elementor-12 .elementor-element.elementor-global-573{
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ff9ceb0 *//* Base Grid Styles */
.responsive-category-grid {
    display: grid;
    gap: 2rem;
}

/* Column Variations */
.responsive-category-grid.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

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

.responsive-category-grid.columns-1 {
    grid-template-columns: 1fr;
}

/* Card Styles */
.category-card {
    font-family: "Mulish", Sans-Serif;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.category-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 20px 20px 0 0 !important;
    margin-bottom: -6px;
}

.category-title {
    background: #F3F1F1;
    color: #414141;
    padding: 20px 12px;
    text-align: center;
    flex-grow: 1;
}

.category-title h3{
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.5em;
}

.category-button {
    display: block;
    background: #83BC42;
    color: white !important;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    border-radius: 0 0 20px 20px;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: bold;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
    .responsive-category-grid.columns-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .category-image img {
        height: 250px;
    }
}

@media (max-width: 768px) {
    .responsive-category-grid {
        gap: 1rem;
    }
}

@media (max-width: 600px) {
    .responsive-category-grid.columns-3,
    .responsive-category-grid.columns-2 {
        grid-template-columns: 1fr;
    }
    
    .category-image img {
        height: 200px;
    }
    
    .category-title {
        padding: 15px 10px;
    }
}


.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.category-button:hover {
    background: #4F8314;
}/* End custom CSS */