.elementor-48 .elementor-element.elementor-element-bd9e3db{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-48 .elementor-element.elementor-element-32d4982{z-index:1;}.elementor-48 .elementor-element.elementor-element-7b1a372{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-c612b27{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-f514471{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-1433532{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-989ce25{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-c10d052{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-5f8b5e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-2d853a8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-2bcdad2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-48 .elementor-element.elementor-element-bd9e3db{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-48 .elementor-element.elementor-element-bd9e3db{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-32d4982 *//*======================================================
FORCE HERO FULL WIDTH
======================================================*/

.ps-hero{

    position:relative !important;

    width:100% !important;

    max-width:none !important;

    min-height:700px;

    padding:180px 0 140px !important;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    margin:0 !important;

}

/*======================================================
BACKGROUND IMAGE
======================================================*/

.ps-hero-image{

    position:absolute !important;

    inset:0;

    width:100%;

    height:100%;

    z-index:1;

    overflow:hidden;

}

.ps-hero-image img{

    width:100% !important;

    height:100% !important;

    object-fit:cover;

    object-position:center center;

    display:block;

}

/*======================================================
DARK OVERLAY
======================================================*/

.ps-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(5,5,5,.75) 0%,
        rgba(5,5,5,.55) 95%,
        rgba(5,5,5,.35) 100%
    );

    z-index:2;

}

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

.ps-hero .ps-container{

    position:relative;

    z-index:3;

    width:100%;

    max-width:1200px !important;

    margin:0 auto !important;

    padding:0 25px;

}

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

.ps-hero-content{

    max-width:700px;

}

.ps-hero h1{

    color:#ffffff;

}

.ps-hero p{

    color:rgba(255,255,255,.92);

}

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

@media (max-width:1200px){

    .ps-hero{

        min-height:600px;

        padding:150px 0 110px !important;

        text-align:center;

    }

    .ps-hero-content{

        margin:0 auto;

    }

    .ps-hero-buttons{

        justify-content:center;

    }

}

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

@media (max-width:1000px){

    .ps-hero{

        min-height:600px;

        padding:150px 0 110px !important;

        text-align:center;

    }

    .ps-hero-content{

        margin:0 auto;

    }

    .ps-hero-buttons{

        justify-content:center;

    }

}

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

@media (max-width:767px){

    .ps-hero{

        min-height:560px;

        padding:140px 0 100px !important;

    }

    .ps-hero .ps-container{

        padding:0 20px;

    }

}

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

@media (max-width:480px){

    .ps-hero{

        min-height:520px;

        padding:130px 0 90px !important;

    }

    .ps-hero .ps-container{

        padding:0 15px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd9e3db *//*==========================================================
PREVENT HORIZONTAL SCROLL
==========================================================*/

html,
body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    margin:0 !important;
    padding:0 !important;
    scroll-behavior:smooth;
}

body{
    position:relative !important;
}

*,
*::before,
*::after{
    box-sizing:border-box !important;
}

img,
video,
iframe,
svg,
canvas{
    display:block !important;
    max-width:100% !important;
    height:auto !important;
}

/* Prevent rogue Elementor containers */

.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap{
    max-width:100% !important;
}

/* Any section using 100vw can cause horizontal scrolling */

section,
header,
footer,
main{
    max-width:100% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b252d7 *//*======================================================
WELCOME SECTION RESPONSIVE
======================================================*/

/* Desktop */

.elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column > div:first-child{

    text-align:left;

}

.elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column > div:first-child p{

    text-align:left;

}

.elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column > div:first-child .ps-btn{

    display:inline-flex;

    margin-top:30px;

}

/* Tablet */

@media (max-width:1200px){

    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column{

        grid-template-columns:1fr;

        gap:45px;

    }

    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column > div:first-child,
    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column > div:first-child p,
    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column > div:first-child h2{

        text-align:center;

    }

    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-btn{

        display:inline-flex;

        margin:30px auto 0;

    }

    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-image-card{

        max-width:700px;

        margin:0 auto;

    }

}

@media (max-width:1200px){

    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column > div:first-child{

        max-width:800px;

        margin:0 auto;

    }

    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column > div:first-child p{

        text-align:center;

    }

}

/* Large Mobile */

@media (max-width:767px){

    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column{

        gap:35px;

    }

    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-image-card{

        max-width:100%;

    }

}

/* Small Mobile */

@media (max-width:480px){

    .elementor-48 .elementor-element.elementor-element-7b252d7 .ps-two-column{

        gap:30px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c612b27 */.ps-primary .ps-icon{

    background:rgba(255,255,255,.10) !important;

    color:var(--ps-accent);

    border:1px solid rgba(255,255,255,.15);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1433532 *//*==========================================================
  LIME PROJECT SECTION
==========================================================*/

.ps-lime-project-section{

    padding:120px 0;

    background:linear-gradient(
        135deg,
       #0F172A 20%,
        #27486F 75%,
        #345A84 100%
    );

    position:relative;

    overflow:hidden;

    color:#fff;

}

.ps-lime-project-section::before{

    content:"";

    position:absolute;

    width:600px;
    height:600px;

    top:-320px;
    right:-220px;

    border-radius:50%;

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

}

.ps-lime-project-section::after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    bottom:-260px;
    left:-180px;

    border-radius:50%;

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

}

.ps-lime-project-section .ps-container{

    position:relative;

    z-index:2;

}



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

.ps-lime-project-section .ps-section-title{

    max-width:850px;

    margin:0 auto;

}

.ps-lime-project-section h2{

    color:#fff;

    margin:20px 0;

}

.ps-lime-project-section .ps-section-title p{

    color:rgba(255,255,255,.78);

    line-height:1.9;

}



/*==========================================================
  BADGE
==========================================================*/

.ps-lime-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 18px;

    margin-bottom:18px;

    border-radius:999px;

    background:rgba(212,175,55,.12);

    border:1px solid rgba(212,175,55,.35);

    color:#d4af37;

    font-size:.82rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.14em;

}



/*==========================================================
  BEFORE / AFTER GRID
==========================================================*/

.ps-before-after-grid{

    display:grid;

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

    gap:40px;

    margin:70px 0;

}

.ps-before-after-card{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    background:#0b1220;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 30px 70px rgba(0,0,0,.35);

    transition:.35s;

}

.ps-before-after-card:hover{

    transform:translateY(-8px);

    box-shadow:0 40px 80px rgba(0,0,0,.45);

}

.ps-before-after-card img{

    width:100%;

    display:block;

}

.ps-before-after-label{

    position:absolute;

    top:22px;

    left:22px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 18px;

    border-radius:999px;

    background:#d4af37;

    color:#0F172A;

    font-size:.8rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}



/*==========================================================
  PROJECT STORY
==========================================================*/

.ps-project-story{

    max-width:900px;

    margin:0 auto;

    text-align:center;

}

.ps-project-story h3{

    color:#fff;

    margin:20px 0 25px;

}

.ps-project-story p{

    color:rgba(255,255,255,.82);

    line-height:1.95;

    margin-bottom:24px;

}

.ps-project-story strong{

    color:#fff;

}

.ps-project-story blockquote{

    margin:50px auto 0;

    max-width:760px;

    padding:35px;

    border-left:4px solid #d4af37;

    border-radius:0 14px 14px 0;

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

    color:#fff;

    font-size:1.15rem;

    font-style:italic;

    line-height:1.8;

}



/*==========================================================
  RESPONSIVE
==========================================================*/

@media (max-width:768px){

    .ps-lime-project-section{

        padding:90px 0;

    }

    .ps-before-after-grid{

        grid-template-columns:1fr;

        gap:30px;

        margin:50px 0;

    }

    .ps-project-story blockquote{

        padding:25px;

        font-size:1rem;

    }

}

@media (max-width:576px){

    .ps-lime-project-section{

        padding:70px 0;

    }

    .ps-before-after-label{

        top:16px;
        left:16px;

        padding:8px 14px;

        font-size:.75rem;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-989ce25 */.ps-feature-list + .ps-btn{

    margin-top:30px;

}
/*======================================================
SPECIALIST FINISHES RESPONSIVE
======================================================*/

/*------------------------------------
Desktop
------------------------------------*/

.elementor-48 .elementor-element.elementor-element-989ce25 .ps-two-column{

    align-items:center;

}

.elementor-48 .elementor-element.elementor-element-989ce25 .ps-two-column > div:last-child{

    text-align:left;

}

.elementor-48 .elementor-element.elementor-element-989ce25 .ps-two-column > div:last-child h2,
.elementor-48 .elementor-element.elementor-element-989ce25 .ps-two-column > div:last-child p{

    text-align:left;

}

.elementor-48 .elementor-element.elementor-element-989ce25 .ps-feature-list{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    margin:30px 0;

}

.elementor-48 .elementor-element.elementor-element-989ce25 .ps-feature-list li{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:12px;

    text-align:left;

}

.elementor-48 .elementor-element.elementor-element-989ce25 .ps-btn{

    display:inline-flex;

    margin-top:30px;

}

/*------------------------------------
Large Tablet & Tablet
------------------------------------*/

@media (max-width:1200px){

    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-two-column{

        grid-template-columns:1fr;

        gap:45px;

    }

    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-two-column > div:last-child{

        max-width:800px;

        margin:0 auto;

        text-align:center;

    }

    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-two-column > div:last-child h2,
    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-two-column > div:last-child p{

        text-align:center;

    }

    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-feature-list{

        align-items:center;

    }

    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-feature-list li{

        justify-content:center;

        text-align:center;

    }

    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-btn{

        display:inline-flex;

        margin:30px auto 0;

    }

    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-image-card{

        max-width:700px;

        margin:0 auto;

    }

}

/*------------------------------------
Large Mobile
------------------------------------*/

@media (max-width:767px){

    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-two-column{

        gap:35px;

    }

    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-image-card{

        max-width:100%;

    }

}

/*------------------------------------
Mobile
------------------------------------*/

@media (max-width:480px){

    .elementor-48 .elementor-element.elementor-element-989ce25 .ps-two-column{

        gap:30px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c10d052 */.ps-feature-list + .ps-btn{

    margin-top:30px;

}
.ps-primary .ps-service-card .ps-icon{

    background:rgba(255,255,255,.10) !important;

    color:var(--ps-accent) !important;

    border:1px solid rgba(255,255,255,.15) !important;

}
/*======================================================
BACKGROUND IMAGE
WHY CHOOSE US
======================================================*/

.ps-primary{

    position:relative;

    overflow:hidden;

}

.ps-primary::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("https://metheringhamplasteringservices.co.uk/wp-content/uploads/2026/01/Our-Clients-pic-1.png") center center no-repeat;

    background-size:cover;

    opacity:.06;

    pointer-events:none;

    z-index:0;

}

.ps-primary .ps-container{

    position:relative;

    z-index:1;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2bcdad2 *//*======================================================
FAQ
======================================================*/

.ps-faq-wrapper{

    max-width:900px;

    margin:0 auto;

}

.ps-faq-item{

    background:#ffffff;

    border:1px solid var(--ps-border);

    border-radius:18px;

    margin-bottom:18px;

    overflow:hidden;

    box-shadow:var(--ps-shadow);

}

.ps-faq-item summary{

    list-style:none;

    cursor:pointer;

    position:relative;

    padding:24px 70px 24px 30px;

    font-family:'Poppins',sans-serif;

    font-size:20px;

    font-weight:600;

    color:var(--ps-primary);

    transition:.3s;

}

.ps-faq-item summary::-webkit-details-marker{

    display:none;

}

.ps-faq-item summary::after{

    content:"+";

    position:absolute;

    right:30px;

    top:50%;

    transform:translateY(-50%);

    font-size:28px;

    font-weight:300;

    color:var(--ps-accent);

    transition:.3s;

}

.ps-faq-item[open] summary::after{

    content:"–";

}

.ps-faq-item summary:hover{

    background:#f8f8f8;

}

.ps-faq-content{

    padding:0 30px 30px;

}

.ps-faq-content p{

    margin:0;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b1a372 *//*==========================================================
PREVENT HORIZONTAL SCROLL
==========================================================*/

html,
body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    margin:0 !important;
    padding:0 !important;
    scroll-behavior:smooth;
}

body{
    position:relative !important;
}

*,
*::before,
*::after{
    box-sizing:border-box !important;
}

img,
video,
iframe,
svg,
canvas{
    display:block !important;
    max-width:100% !important;
    height:auto !important;
}

/* Prevent rogue Elementor containers */

.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap{
    max-width:100% !important;
}

/* Any section using 100vw can cause horizontal scrolling */

section,
header,
footer,
main{
    max-width:100% !important;
}/* End custom CSS */