.elementor-51 .elementor-element.elementor-element-8e37995{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51 .elementor-element.elementor-element-6992ff9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-51 .elementor-element.elementor-element-7277058{width:var( --container-widget-width, 52.49% );max-width:52.49%;--container-widget-width:52.49%;--container-widget-flex-grow:0;}.elementor-51 .elementor-element.elementor-element-7277058.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-51 .elementor-element.elementor-element-e6fe212{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51 .elementor-element.elementor-element-ec661f0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-51:not(.elementor-motion-effects-element-type-background), body.elementor-page-51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-51 .elementor-element.elementor-element-6992ff9{width:var( --container-widget-width, 550px );max-width:550px;--container-widget-width:550px;--container-widget-flex-grow:0;}.elementor-51 .elementor-element.elementor-element-7277058{width:var( --container-widget-width, 334.488px );max-width:334.488px;--container-widget-width:334.488px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-af12c52 *//* ==========================
   PLANMYSPACES CONTACT HERO
========================== */

.pms-contact-hero{

    position:relative;

    overflow:hidden;

    width:100%;

    padding:90px 6%;

    background:
    linear-gradient(
        180deg,
        #FAF7F2 0%,
        #F7F2EB 100%
    );

    border-bottom:1px solid rgba(198,140,95,.15);
}

.pms-contact-inner{

    max-width:800px;

    position:relative;

    z-index:2;
}

.pms-contact-tag{

    display:inline-block;

    font-size:12px;

    font-weight:600;

    letter-spacing:4px;

    color:#C68C5F;

    margin-bottom:18px;
}

.pms-contact-inner h1{

    font-size:68px;

    line-height:1.05;

    color:#1A1A1A;

    margin-bottom:20px;

    font-weight:700;
}

.pms-contact-inner p{

    max-width:650px;

    color:#666;

    font-size:18px;

    line-height:1.8;

    margin-bottom:30px;
}

/* animated gold line */

.pms-gold-line{

    width:120px;

    height:3px;

    background:#C68C5F;

    border-radius:20px;

    animation:goldLine 3s ease-in-out infinite;
}

@keyframes goldLine{

    0%{
        width:80px;
    }

    50%{
        width:180px;
    }

    100%{
        width:80px;
    }
}

/* luxury dots */

.pms-dot{

    position:absolute;

    border-radius:50%;

    background:rgba(198,140,95,.18);

    animation:floatDot 8s ease-in-out infinite;
}

.dot1{

    width:18px;
    height:18px;

    top:80px;
    right:12%;
}

.dot2{

    width:10px;
    height:10px;

    top:180px;
    right:22%;

    animation-delay:2s;
}

.dot3{

    width:14px;
    height:14px;

    bottom:80px;
    right:16%;

    animation-delay:4s;
}

@keyframes floatDot{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-15px);
    }

    100%{
        transform:translateY(0);
    }
}

/* mobile */

@media(max-width:768px){

    .pms-contact-hero{

        padding:70px 25px;
    }

    .pms-contact-inner h1{

        font-size:42px;
    }

    .pms-contact-inner p{

        font-size:16px;
    }

    .pms-dot{

        display:none;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6992ff9 *//* Main form wrapper */

.fluentform{

    position:relative;

    background:#ffffff;

    padding:40px;

    border-radius:32px;

    overflow:hidden;

    box-shadow:
    0 30px 80px rgba(0,0,0,.08);
}

/* floating glow */

.fluentform:before{

    content:'';

    position:absolute;

    width:250px;

    height:250px;

    top:-120px;

    right:-80px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(198,140,95,.20),
    transparent 70%);
}

/* inputs */

.fluentform input,
.fluentform textarea,
.fluentform select{

    background:#F8F4EF !important;

    border:none !important;

    border-radius:18px !important;

    padding:18px 20px !important;

    transition:.4s ease;

    font-size:15px;
}

/* premium hover */

.fluentform input:hover,
.fluentform textarea:hover,
.fluentform select:hover{

    transform:translateY(-2px);
}

/* premium focus */

.fluentform input:focus,
.fluentform textarea:focus,
.fluentform select:focus{

    background:#fff !important;

    box-shadow:
    0 0 0 2px #C68C5F,
    0 10px 25px rgba(198,140,95,.18) !important;
}

/* luxury button */

.ff-btn-submit{

    width:100%;

    border:none !important;

    border-radius:60px !important;

    padding:18px !important;

    background:
    linear-gradient(
    135deg,
    #C68C5F,
    #D9A87A) !important;

    color:#fff !important;

    font-weight:700 !important;

    letter-spacing:1px;

    transition:.4s ease !important;
}

.ff-btn-submit:hover{

    transform:translateY(-4px);

    box-shadow:
    0 20px 40px rgba(198,140,95,.30);
}
/* MOBILE FIX */

@media (max-width:768px){

    .fluentform{
        padding:20px !important;
        border-radius:20px !important;
    }

    .fluentform input,
    .fluentform textarea,
    .fluentform select{

        width:100% !important;

        padding:14px !important;

        font-size:16px !important;
    }

    .ff-btn-submit{
        width:100% !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7277058 */.pms-contact-side{
padding:20px;
}

.pms-mini-tag{
color:#C68C5F;
font-size:12px;
letter-spacing:4px;
font-weight:600;
}

.pms-contact-side h2{
font-size:42px;
color:#1A1A1A;
margin:15px 0;
line-height:1.1;
}

.pms-short-desc{
color:#666;
line-height:1.7;
margin-bottom:30px;
}

.pms-feature-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
}

.pms-feature{
background:#fff;
border-radius:18px;
padding:18px;
display:flex;
align-items:center;
gap:12px;
transition:.35s ease;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.pms-feature:hover{
transform:translateY(-5px);
box-shadow:0 20px 40px rgba(198,140,95,.15);
}

.pms-icon{
color:#C68C5F;
font-size:18px;
}

.pms-feature span{
font-size:14px;
font-weight:600;
color:#1A1A1A;
}

.pms-highlight-box{
margin-top:25px;
padding:25px;
border-radius:22px;
background:linear-gradient(
135deg,
#C68C5F,
#D6A77A
);
}

.pms-highlight-box h3{
color:#fff;
margin-bottom:8px;
}

.pms-highlight-box p{
color:rgba(255,255,255,.9);
margin:0;
}

@media(max-width:768px){

```
.pms-contact-side h2{
    font-size:32px;
}

.pms-feature-grid{
    grid-template-columns:1fr;
}
```

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34b0be6 *//* SECTION */

.pms-connect-section{

    text-align:center;

    padding:90px 20px;

    background:#FAF7F2;
}

.pms-connect-tag{

    color:#C68C5F;

    font-size:12px;

    letter-spacing:4px;

    font-weight:600;
}

.pms-connect-section h2{

    font-size:52px;

    color:#1A1A1A;

    margin:15px 0;
}

.pms-connect-section p{

    color:#666;

    font-size:16px;

    margin-bottom:45px;
}

/* ICON ROW */

.pms-social-line{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:55px;

    flex-wrap:nowrap;
}

/* LINKS */

.pms-social-line a{

    text-decoration:none;

    transition:.35s ease;
}

/* ICONS */

.pms-social-line i{

    font-size:42px;

    transition:.35s ease;
}

/* BRAND COLORS */

.fa-instagram{
    color:#E4405F;
}

.fa-whatsapp{
    color:#25D366;
}

.fa-linkedin-in{
    color:#0A66C2;
}

.fa-facebook-f{
    color:#1877F2;
}

.fa-phone{
    color:#C68C5F;
}

/* HOVER */

.pms-social-line a:hover i{

    transform:translateY(-6px) scale(1.15);

    filter:
    drop-shadow(0 0 10px currentColor)
    drop-shadow(0 0 20px currentColor);
}

/* MOBILE */

@media(max-width:768px){

    .pms-connect-section{

        padding:70px 15px;
    }

    .pms-connect-section h2{

        font-size:34px;
    }

    .pms-connect-section p{

        font-size:15px;

        margin-bottom:35px;
    }

    .pms-social-line{

        gap:22px;

        overflow-x:auto;

        justify-content:center;

        scrollbar-width:none;
    }

    .pms-social-line::-webkit-scrollbar{
        display:none;
    }

    .pms-social-line i{

        font-size:30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c37457 */.pms-location-section{

text-align:center;

padding:100px 20px;

background:#FAF7F2;

}

.pms-location-tag{

color:#C68C5F;

font-size:12px;

letter-spacing:4px;

font-weight:600;


}

.pms-location-section h2{

font-size:54px;

color:#1A1A1A;

margin:15px 0;


}

.pms-location-section p{


color:#666;

margin-bottom:40px;


}

/* MAP */

.pms-map-wrapper{


position:relative;

max-width:1100px;

margin:auto;

border-radius:30px;

overflow:hidden;

transition:.4s ease;

box-shadow:
0 20px 60px rgba(0,0,0,.08);


}

.pms-map-wrapper:hover{


transform:translateY(-8px);

box-shadow:
0 30px 80px rgba(198,140,95,.20);


}

.pms-map-wrapper iframe{

width:100%;

height:500px;

border:none;

transition:.4s ease;

}

.pms-map-wrapper:hover iframe{


transform:scale(1.02);


}

/* PIN */

.pms-map-pin{


position:absolute;

top:25px;

right:25px;

z-index:5;

width:70px;

height:70px;

display:flex;

align-items:center;

justify-content:center;

font-size:32px;

background:#fff;

border-radius:50%;

animation:pulsePin 2s infinite;

box-shadow:
0 10px 30px rgba(198,140,95,.25);


}

@keyframes pulsePin{

0%{
    transform:scale(1);
}

50%{
    transform:scale(1.12);
}

100%{
    transform:scale(1);
}

}

/* ADDRESS BOX */

.pms-address-box{

max-width:800px;

margin:35px auto 0;

padding:35px;

border-radius:24px;

background:#fff;

box-shadow:
0 15px 40px rgba(0,0,0,.05);

}

.pms-address-box h3{

color:#1A1A1A;

margin-bottom:10px;

}

.pms-address-box a{

display:inline-block;

margin-top:15px;

color:#C68C5F;

text-decoration:none;

font-weight:600;

transition:.3s ease;

}

.pms-address-box a:hover{

transform:translateX(5px);


}

/* MOBILE */

@media(max-width:768px){

.pms-location-section{

    padding:70px 15px;
}

.pms-location-section h2{

    font-size:34px;
}

.pms-map-wrapper iframe{

    height:320px;
}

.pms-map-pin{

    width:55px;

    height:55px;

    font-size:24px;
}

.pms-address-box{

    padding:25px;
}

}/* End custom CSS */