.elementor-675 .elementor-element.elementor-element-62da14f{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1e05d9d *//*==============================================================
CONTACT PAGE
PART 1
Hero • Contact Grid • Contact Cards • Contact Form
==============================================================*/


/*==============================
PAGE
==============================*/

.ps-contact-page{
    overflow:hidden;
}


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

.ps-contact-hero{
    position:relative;
    padding:170px 0 110px;
    background:
    linear-gradient(rgba(20,24,32,.78),rgba(2,4,2,.22)),
    url("https://metheringhamplasteringservices.co.uk/wp-content/uploads/2026/07/Polished-Plaster.jpg") center center/cover no-repeat;
    color:#fff;
}

.ps-contact-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,
    rgba(25,25,25,.0),
    rgba(0,0,0,.1)) ;
}

.ps-contact-hero .ps-container{
    position:relative;
    z-index:2;
}
.ps-badge{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 18px;

    margin-bottom:20px;

    border-radius:999px;

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

    border:1px solid rgba(212,175,55,.25)!important;

    color:#d4af37 !important;

    font-size:.85rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
    line-height:1;

    white-space:nowrap;

}

.ps-contact-hero-content{
    max-width:760px;
}

.ps-contact-hero h1{
    margin:20px 0 25px;
    color:#fff;
}

.ps-contact-hero p{
    font-size:1.15rem;
    line-height:1.8;
    color:rgba(255,255,255,.88);
    margin-bottom:40px;
}

.ps-contact-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
}


/*==============================
MAIN SECTION
==============================*/

.ps-contact-main-section{
    padding:110px 0;
    background:#f8f9fb !important;
}

.ps-contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:start;
}


/*==============================
LEFT COLUMN
==============================*/

.ps-contact-information h2{
    margin:20px 0;
}

.ps-contact-intro{
    font-size:1.05rem;
    margin-bottom:25px;
}

.ps-contact-information p{
    color:#666;
    line-height:1.8;
}


/*==============================
CONTACT DETAILS
==============================*/

.ps-contact-details{
    margin-top:45px;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.ps-contact-detail-card{
    display:flex;
    align-items:center;
    gap:22px;
    padding:22px;
    background:#fff;
    border-radius:18px;
    text-decoration:none;
    color:inherit;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    transition:.35s;
}

.ps-contact-detail-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,.10);
}

.ps-contact-detail-icon{
    width:64px;
    height:64px;
    border-radius:16px;
    background:var(--ps-primary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.ps-contact-detail-icon svg{
    width:28px;
    height:28px;
}

.ps-contact-detail-content{
    display:flex;
    flex-direction:column;
}

.ps-contact-detail-content span{
    color:#888;
    font-size:.92rem;
    margin-bottom:4px;
}

.ps-contact-detail-content strong{
    font-size:1.1rem;
    color:#1b1b1b;
}


/*==============================
OPENING HOURS
==============================*/

.ps-contact-hours{
    margin-top:45px;
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
}

.ps-contact-hours h3{
    margin-bottom:25px;
}

.ps-contact-hours-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid #ececec;
}

.ps-contact-hours-row:last-child{
    border-bottom:none;
}

.ps-contact-hours-row span{
    color:#666;
}

.ps-contact-hours-row strong{
    color:#222;
}


/*==============================
FORM WRAPPER
==============================*/

.ps-contact-form-wrapper{
    background:#fff;
    padding:45px;
    border-radius:22px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

.ps-contact-form-heading{
    margin-bottom:35px;
}

.ps-contact-form-eyebrow{
    display:inline-block;
    color:var(--ps-primary);
    font-weight:600;
    margin-bottom:12px;
}

.ps-contact-form-heading h2{
    margin-bottom:18px;
}

.ps-contact-form-heading p{
    color:#666;
}


/*==============================
FORM
==============================*/

.ps-contact-form{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.ps-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.ps-form-group{
    display:flex;
    flex-direction:column;
}

.ps-form-group label{
    margin-bottom:10px;
    font-weight:600;
    color:#222;
    font-size:.95rem;
}

.ps-form-group input,
.ps-form-group select,
.ps-form-group textarea{
    width:100%;
    padding:16px 18px;
    border:1px solid #d9d9d9;
    border-radius:12px;
    font-size:1rem;
    background:#fff;
    transition:.3s;
    font-family:inherit;
}

.ps-form-group textarea{
    resize:vertical;
    min-height:180px;
}

.ps-form-group input:focus,
.ps-form-group textarea:focus,
.ps-form-group select:focus{
    outline:none;
    border-color:var(--ps-primary);
    box-shadow:0 0 0 4px rgba(190,150,84,.15);
}


/*==============================
PLACEHOLDERS
==============================*/

.ps-form-group input::placeholder,
.ps-form-group textarea::placeholder{
    color:#999;
}


/*==============================
SELECT
==============================*/

.ps-form-group select{
    cursor:pointer;
    appearance:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 8 10 12 14 8'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:right 18px center;
    background-size:18px;
}


/*==============================
CONSENT
==============================*/

.ps-form-consent{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-top:8px;
}

.ps-form-consent input{
    width:18px;
    height:18px;
    margin-top:4px;
    accent-color:var(--ps-primary);
}

.ps-form-consent label{
    color:#666;
    line-height:1.7;
    font-size:.92rem;
}


/*==============================
BUTTON
==============================*/

.ps-contact-submit{
    width:100%;
    margin-top:12px;
    justify-content:center;
}

.ps-contact-form-note{
    margin-top:12px;
    text-align:center;
    color:#888;
    font-size:.9rem;
}


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

.ps-form-group input:hover,
.ps-form-group textarea:hover,
.ps-form-group select:hover{
    border-color:#bdbdbd;
}


/*==============================
AUTOFILL
==============================*/

.ps-form-group input:-webkit-autofill,
.ps-form-group textarea:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #fff inset;
}


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

@media (max-width:1100px){

.ps-contact-grid{
    grid-template-columns:1fr;
    gap:60px;
}

}


@media (max-width:768px){

.ps-contact-hero{
    padding:140px 0 90px;
}

.ps-contact-hero-buttons{
    flex-direction:column;
}

.ps-contact-form-wrapper{
    padding:35px 25px;
}

.ps-contact-detail-card{
    padding:18px;
}

.ps-contact-detail-icon{
    width:56px;
    height:56px;
}

.ps-form-row{
    grid-template-columns:1fr;
}

.ps-contact-hours{
    padding:28px;
}

.ps-contact-hours-row{
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
}

}


@media (max-width:480px){

.ps-contact-hero h1{
    font-size:2.2rem;
}

.ps-contact-detail-card{
    gap:16px;
}

.ps-contact-detail-content strong{
    font-size:1rem;
}

.ps-contact-form-wrapper{
    padding:28px 20px;
}

.ps-contact-hours{
    padding:22px;
}

.ps-form-group input,
.ps-form-group textarea,
.ps-form-group select{
    padding:15px;
}

}
/*==============================================================
CONTACT PAGE
PART 2
Benefits • Service Area • FAQ
==============================================================*/


/*==============================
BENEFITS SECTION
==============================*/

.ps-contact-benefits-section{
    padding:110px 0;
    background:#fff;
}

.ps-contact-benefits-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:60px;
}

.ps-contact-benefit-card{
    background:#f8f9fb;
    padding:40px 30px;
    border-radius:20px;
    text-align:center;
    transition:.35s;
    border:1px solid transparent;
}

.ps-contact-benefit-card:hover{
    transform:translateY(-8px);
    border-color:rgba(190,150,84,.25);
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}

.ps-contact-benefit-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    border-radius:18px;
    background:var(--ps-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}

.ps-contact-benefit-icon svg{
    width:34px;
    height:34px;
}

.ps-contact-benefit-card h3{
    margin-bottom:15px;
}

.ps-contact-benefit-card p{
    color:#666;
    line-height:1.8;
    margin:0;
}



/*==============================
SERVICE AREA
==============================*/

.ps-contact-area-section{
    padding:110px 0;
    background:#f8f9fb;
}

.ps-contact-area-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:70px;
    align-items:center;
}

.ps-contact-area-content h2{
    margin:20px 0;
}

.ps-contact-area-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:22px;
}

.ps-text-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:10px;
    text-decoration:none;
    font-weight:600;
    color:var(--ps-primary);
    transition:.3s;
}

.ps-text-link span{
    transition:.3s;
}

.ps-text-link:hover{
    color:#111;
}

.ps-text-link:hover span{
    transform:translateX(6px);
}



/*==============================
AREA LIST
==============================*/

.ps-contact-area-list{
    background:#fff;
    border-radius:22px;
    padding:45px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.07);
}

.ps-contact-area-item{
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:500;
    color:#333;
}

.ps-contact-area-item span{
    width:28px;
    height:28px;
    border-radius:50%;
    background:var(--ps-primary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.85rem;
    flex-shrink:0;
}



/*==============================
FAQ SECTION
==============================*/

.ps-contact-faq-section{
    padding:110px 0;
    background:#fff;
}

.ps-contact-faq-list{
    max-width:900px;
    margin:60px auto 0;
}

.ps-contact-faq-item{
    margin-bottom:20px;
    background:#f8f9fb;
    border-radius:18px;
    overflow:hidden;
    border:1px solid #ececec;
    transition:.3s;
}

.ps-contact-faq-item:hover{
    border-color:rgba(190,150,84,.35);
}

.ps-contact-faq-item[open]{
    background:#fff;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
}



/*==============================
FAQ SUMMARY
==============================*/

.ps-contact-faq-item summary{
    list-style:none;
    cursor:pointer;
    position:relative;
    padding:28px 70px 28px 30px;
    font-weight:600;
    font-size:1.05rem;
    color:#222;
}

.ps-contact-faq-item summary::-webkit-details-marker{
    display:none;
}



/*==============================
PLUS ICON
==============================*/

.ps-contact-faq-toggle{
    position:absolute;
    right:28px;
    top:50%;
    width:18px;
    height:18px;
    transform:translateY(-50%);
}

.ps-contact-faq-toggle::before,
.ps-contact-faq-toggle::after{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:18px;
    height:2px;
    background:var(--ps-primary);
    transition:.3s;
}

.ps-contact-faq-toggle::after{
    transform:rotate(90deg);
}

.ps-contact-faq-item[open] .ps-contact-faq-toggle::after{
    transform:rotate(0deg);
}



/*==============================
FAQ ANSWER
==============================*/

.ps-contact-faq-answer{
    padding:0 30px 28px;
}

.ps-contact-faq-answer p{
    color:#666;
    line-height:1.9;
    margin:0;
}



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

@media (max-width:1100px){

.ps-contact-benefits-grid{
    grid-template-columns:repeat(2,1fr);
}

.ps-contact-area-grid{
    grid-template-columns:1fr;
}

}


@media (max-width:768px){

.ps-contact-benefits-grid{
    grid-template-columns:1fr;
}

.ps-contact-area-list{
    grid-template-columns:1fr;
    padding:35px;
}

.ps-contact-faq-item summary{
    padding:24px 60px 24px 24px;
    font-size:1rem;
}

.ps-contact-faq-answer{
    padding:0 24px 24px;
}

}


@media (max-width:480px){

.ps-contact-benefit-card{
    padding:35px 25px;
}

.ps-contact-benefit-icon{
    width:70px;
    height:70px;
}

.ps-contact-benefit-icon svg{
    width:30px;
    height:30px;
}

.ps-contact-area-list{
    padding:28px;
}

.ps-contact-faq-item summary{
    padding:22px 55px 22px 20px;
}

.ps-contact-faq-answer{
    padding:0 20px 22px;
}

}
/*==============================================================
CONTACT PAGE
PART 3
Final CTA • Finishing Touches
==============================================================*/


/*==============================
FINAL CTA SECTION
==============================*/

.ps-contact-cta-section{
    padding:110px 0;
    background:#141120;
}

.ps-contact-cta{
    position:relative;
    overflow:hidden;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
    padding:70px;
    border-radius:28px;
    background:linear-gradient(135deg,var(--ps-primary),#9f7940);
    color:#fff;
    box-shadow:0 25px 60px rgba(0,0,0,.18);
}

.ps-contact-cta::before{
    content:"";
    position:absolute;
    top:-140px;
    right:-140px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
}

.ps-contact-cta::after{
    content:"";
    position:absolute;
    bottom:-90px;
    left:-90px;
    width:200px;
    height:200px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
}

.ps-contact-cta-content,
.ps-contact-cta-buttons{
    position:relative;
    z-index:2;
}

.ps-contact-cta-content{
    max-width:650px;
}

.ps-contact-cta-eyebrow{
    display:inline-block;
    margin-bottom:15px;
    font-size:.95rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(255,255,255,.9);
}

.ps-contact-cta-content h2{
    color:#fff;
    margin-bottom:22px;
}

.ps-contact-cta-content p{
    margin:0;
    color:rgba(255,255,255,.92);
    line-height:1.8;
    font-size:1.05rem;
}

.ps-contact-cta-buttons{
    display:flex;
    flex-direction:column;
    gap:18px;
    flex-shrink:0;
}



/*==============================
LIGHT BUTTONS
==============================*/

.ps-btn-light{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:240px;
    padding:16px 34px;
    border-radius:12px;
    background:#fff;
    color:#1b1b1b;
    font-weight:600;
    text-decoration:none;
    transition:.35s;
}

.ps-btn-light:hover{
    transform:translateY(-3px);
    background:#f3f3f3;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.ps-btn-outline-light{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:240px;
    padding:16px 34px;
    border-radius:12px;
    border:2px solid rgba(255,255,255,.85);
    background:transparent;
    color:#fff;
    font-weight:600;
    text-decoration:none;
    transition:.35s;
}

.ps-btn-outline-light:hover{
    background:#fff;
    color:#1b1b1b;
    border-color:#fff;
    transform:translateY(-3px);
}



/*==============================
ACCESSIBILITY
==============================*/

.ps-contact-detail-card:focus-visible,
.ps-text-link:focus-visible,
.ps-btn-light:focus-visible,
.ps-btn-outline-light:focus-visible{
    outline:3px solid rgba(255,255,255,.55);
    outline-offset:4px;
}

.ps-contact-faq-item summary:focus-visible{
    outline:3px solid rgba(190,150,84,.35);
    outline-offset:-3px;
}



/*==============================
SMOOTH TRANSITIONS
==============================*/

.ps-contact-detail-card,
.ps-contact-benefit-card,
.ps-contact-area-item,
.ps-contact-faq-item,
.ps-btn-light,
.ps-btn-outline-light{
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease,
        color .35s ease;
}



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

@media (max-width:1100px){

.ps-contact-cta{
    flex-direction:column;
    text-align:center;
    padding:60px 50px;
}

.ps-contact-cta-content{
    max-width:100%;
}

.ps-contact-cta-buttons{
    width:100%;
    align-items:center;
}

}


@media (max-width:768px){

.ps-contact-cta-section{
    padding:90px 0;
}

.ps-contact-cta{
    padding:50px 35px;
    gap:40px;
}

.ps-contact-cta-content h2{
    font-size:2rem;
}

.ps-btn-light,
.ps-btn-outline-light{
    width:100%;
    max-width:340px;
}

}


@media (max-width:480px){

.ps-contact-cta{
    padding:40px 24px;
    border-radius:22px;
}

.ps-contact-cta-content h2{
    font-size:1.75rem;
}

.ps-contact-cta-content p{
    font-size:1rem;
}

.ps-contact-cta::before{
    width:220px;
    height:220px;
}

.ps-contact-cta::after{
    width:140px;
    height:140px;
}

.ps-btn-light,
.ps-btn-outline-light{
    min-width:100%;
    padding:15px 24px;
}

}/* End custom CSS */