.elementor-978 .elementor-element.elementor-element-418bf8c{--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;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-978 .elementor-element.elementor-element-bcd1556{--spacer-size:50px;}.elementor-978 .elementor-element.elementor-element-2919d9a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-978 .elementor-element.elementor-element-2919d9a:not(.elementor-motion-effects-element-type-background), .elementor-978 .elementor-element.elementor-element-2919d9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-714dfc9 );}.elementor-978 .elementor-element.elementor-element-a14d3c9{--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;--justify-content:space-around;}.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 );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-978 .elementor-element.elementor-element-b72d9fd .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:90px;font-weight:900;text-transform:uppercase;}.elementor-978 .elementor-element.elementor-element-c6dc0df{--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;--justify-content:space-around;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-978 .elementor-element.elementor-element-7b8f403{--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;}.elementor-978 .elementor-element.elementor-element-f343a4b{--spacer-size:50px;}.elementor-978 .elementor-element.elementor-element-74bb70f{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-978 .elementor-element.elementor-element-2919d9a{--content-width:1400px;}.elementor-978 .elementor-element.elementor-element-a14d3c9{--width:50%;}.elementor-978 .elementor-element.elementor-element-c6dc0df{--width:50%;}.elementor-978 .elementor-element.elementor-element-7b8f403{--content-width:1400px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-aaba39b */<style>

/* =========================================================
   LIQUID COLOURS
   PRODUCT CATEGORY CARDS
   ========================================================= */

.lc-category-section {
    width: 100%;
    padding: 30px 0 80px;

    background: #fbf8f1;

    box-sizing: border-box;
}


/* =========================================================
   GRID
   ========================================================= */

.lc-category-grid {
    width: 100%;
    max-width: 1680px;

    margin: 0 auto;

    padding: 0 2.5%;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 15px;

    box-sizing: border-box;
}


/* =========================================================
   CARD
   ========================================================= */

.lc-category-card {
    position: relative;

    min-height: 300px;

    padding: 26px 25px 28px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    overflow: hidden;

    text-decoration: none;

    box-sizing: border-box;

    color: #08065b;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================================
   CARD COLOURS
   ========================================================= */

.lc-automotive {
    background: #ff694d;
}

.lc-decorative {
    background: #48cbc8;
}

.lc-industrial {
    background: #ffd21c;
}

.lc-specialised {
    background: #866bea;
}


/* =========================================================
   NUMBER
   ========================================================= */

.lc-category-number {
    position: absolute;

    top: 25px;
    left: 25px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    font-weight: 700;

    line-height: 1;

    color: #08065b;

    z-index: 2;
}


/* =========================================================
   CONTENT
   ========================================================= */

.lc-category-content {
    position: relative;

    z-index: 3;

    max-width: 330px;
}


/* =========================================================
   HEADING
   ========================================================= */

.lc-category-card h3 {
    margin: 0 0 15px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: clamp(25px, 2vw, 31px);

    font-weight: 800;

    line-height: .98;

    letter-spacing: -1.2px;

    color: #08065b;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.lc-category-card p {
    max-width: 300px;

    margin: 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.5;

    color: #08065b;
}


/* =========================================================
   BOTTOM RIGHT CIRCLE
   ========================================================= */

.lc-category-circle {
    position: absolute;

    width: 100px;
    height: 100px;

    right: -1px;
    bottom: -1px;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    padding-left: 30px;

    box-sizing: border-box;

    background: rgba(255, 255, 255, .30);

    color: #08065b;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 25px;

    font-weight: 400;

    z-index: 2;

    transition:
        transform .3s ease,
        background .3s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.lc-category-card:hover {

    transform: translateY(-7px);

    box-shadow:
        0 18px 35px rgba(8, 6, 91, .14);
}


.lc-category-card:hover .lc-category-circle {

    transform: scale(1.08);

    background: rgba(255, 255, 255, .45);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .lc-category-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 18px;

        padding: 0 5%;
    }


    .lc-category-card {

        min-height: 330px;

        padding: 30px;
    }


    .lc-category-card h3 {

        font-size: 30px;
    }

}


/* =========================================================
   TABLET PORTRAIT
   ========================================================= */

@media (max-width: 768px) {

    .lc-category-section {

        padding: 20px 0 65px;
    }


    .lc-category-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 14px;

        padding: 0 4%;
    }


    .lc-category-card {

        min-height: 310px;

        padding: 27px;
    }


    .lc-category-card h3 {

        font-size: 27px;

        letter-spacing: -1px;
    }


    .lc-category-card p {

        font-size: 13px;
    }


    .lc-category-circle {

        width: 85px;
        height: 85px;

        font-size: 22px;

        padding-left: 25px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .lc-category-section {

        padding: 15px 0 60px;

        background: #fbf8f1;
    }


    .lc-category-grid {

        width: 100%;

        max-width: 430px;

        margin: 0 auto;

        padding: 0 20px;

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 18px;
    }


    .lc-category-card {

        width: 100%;

        min-height: 330px;

        padding: 32px 28px;

        text-align: center;

        align-items: center;

        justify-content: center;
    }


    /* NUMBER */

    .lc-category-number {

        top: 22px;

        left: 50%;

        transform: translateX(-50%);

        font-size: 12px;
    }


    /* CONTENT */

    .lc-category-content {

        max-width: 340px;

        width: 100%;
    }


    /* HEADING */

    .lc-category-card h3 {

        margin-bottom: 16px;

        font-size: 31px;

        line-height: 1;

        letter-spacing: -1px;
    }


    /* DESCRIPTION */

    .lc-category-card p {

        max-width: 310px;

        margin: 0 auto;

        font-size: 14px;

        line-height: 1.55;
    }


    /* CIRCLE */

    .lc-category-circle {

        width: 75px;
        height: 75px;

        right: 50%;
        bottom: -1px;

        transform: translateX(50%);

        padding-left: 0;

        font-size: 22px;
    }


    .lc-category-card:hover .lc-category-circle {

        transform: translateX(50%) scale(1.08);
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

    .lc-category-grid {

        padding: 0 15px;
    }


    .lc-category-card {

        min-height: 310px;

        padding: 28px 22px;
    }


    .lc-category-card h3 {

        font-size: 28px;
    }


    .lc-category-card p {

        font-size: 13px;
    }

}

</style>/* End custom CSS */