.elementor-110 .elementor-element.elementor-element-dc31a15{--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;}.elementor-110 .elementor-element.elementor-element-2a12f6d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-b34f07f{--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;}.elementor-110 .elementor-element.elementor-element-f3577da{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-110 .elementor-element.elementor-element-deb6219{--display:flex;--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-110 .elementor-element.elementor-element-87fa14f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-2a12f6d *//*==================================================
CONTACT HERO
==================================================*/

.contact-hero{

position:relative;

overflow:visible;

background:#082216;

}

.contact-container{

max-width:1600px;

margin:auto;

display:flex;

align-items:center;

justify-content:space-between;

min-height:620px;

}

/* LEFT */

.contact-left{

width:42%;

padding:80px;

position:relative;

z-index:5;

}

.contact-tag{

font-family:Poppins,sans-serif;

font-size:13px;

font-weight:600;

letter-spacing:3px;

color:#B89254;

margin-bottom:15px;

}

.contact-left h1{

font-family:"Cormorant Garamond",serif;

font-size:50px;

line-height:1.05;

font-weight:500;

color:#F5F2ED;

margin-bottom:30px;

}

.contact-left h1 span{

display:block;

color:#B89254;

}

.contact-left p{

max-width:520px;

font-size:16px;

line-height:1.8;

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

margin-bottom:45px;

}

/* BUTTON */

.contact-btn-gold{

display:inline-flex;

align-items:center;

justify-content:center;

height:56px;

padding:0 38px;

background:#B89254;

color:#082216;

text-decoration:none;

font-family:Poppins;

font-weight:600;

transition:.35s;

}

.contact-btn-gold:hover{

background:#D1B177;

transform:translateY(-3px);

}

/* RIGHT */

.contact-right{

width:60%;

height:600px;

display:flex;

justify-content:flex-end;

}

.contact-image-frame{

width:100%;

height:100%;

overflow:hidden;

border-left:6px solid #082216;

border-top:6px solid #082216;

border-bottom:6px solid #082216;

border-top-left-radius:320px;

border-bottom-left-radius:320px;

}

.contact-image-frame img{

width:100%;

height:100%;

object-fit:cover;

display:block;

}

/* GOLD BOTANICAL */

.contact-leaf{

position:absolute;

left:-30px;

top:70px;

width:330px;

height:520px;

background:url("https://hamive.com/wp-content/uploads/2026/08/hamive-2-e1785938661173.png") no-repeat;

background-size:contain;

opacity:.35;

pointer-events:none;

}

/* GLOW */

.contact-glow{

position:absolute;

inset:0;

background:

radial-gradient(circle at left center,
rgba(184,146,84,.12),
transparent 45%),

radial-gradient(circle at right top,
rgba(255,255,255,.05),
transparent 35%);

pointer-events:none;

}

/* FLOATING CHAIR */

.contact-chair{

position:absolute;

right:4%;

bottom:-45px;

z-index:30;

}

.contact-chair img{

height:300px;

display:block;

}


/* GOLD LEAVES */

.contact-vase-leaf{

position:absolute;

width:120px;

height:120px;

background:url("https://hamive.com/wp-content/uploads/2026/08/hamive-2-e1785938661173.png") no-repeat;

background-size:contain;

opacity:.6;

}

.contact-vase-leaf-left{

left:30%;

bottom:-5px;

transform:rotate(-15deg);

}

.contact-vase-leaf-right{

left:31%;

bottom:-15px;

transform:scaleX(-1) rotate(15deg);

}
/*==================================================
CONTACT HERO — NEW RESPONSIVE
==================================================*/

/*========================
TABLET
1024px AND BELOW
========================*/

@media (max-width:1044px){

    .contact-hero{
        min-height:620px;
        overflow:hidden;
    }

    .contact-container{
        display:block;
        min-height:620px;
        position:relative;
    }

    /* IMAGE BECOMES BACKGROUND */

    .contact-right{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        padding:0;
        z-index:0;
    }

    .contact-image-frame{
        width:100%;
        height:100%;
        border:none;
        border-radius:0;
        overflow:hidden;
    }

    .contact-image-frame img{
        width:100%;
        height:100%;
        object-fit:cover;
        opacity:.25;
    }

    /* DARK LUXURY OVERLAY */

    .contact-image-frame::after{
        content:"";
        position:absolute;
        inset:0;

        background:
            linear-gradient(
                deg,
                rgba(8,34,22,.94),
                rgba(8,34,22,.70)
            ),
            linear-gradient(
                180deg,
                rgba(8,34,22,.50),
                rgba(8,34,22,.88)
            );

        z-index:2;
    }

    /* TEXT */

    .contact-left{
        position:relative;
        z-index:10;

        width:100%;
        min-height:620px;

        padding:80px 40px;

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;

        text-align:center;
    }

    .contact-tag{
        font-size:13px;
        letter-spacing:3px;
    }

    .contact-left h1{
        font-size:56px;
        line-height:1.05;
        margin-bottom:25px;
    }

    .contact-left p{
        max-width:650px;
        font-size:16px;
        line-height:1.7;
        margin-bottom:35px;
    }

    .contact-btn-gold{
        height:54px;
        padding:0 35px;
    }

    /* HIDE DECORATIONS */

    .contact-chair,
    .contact-vase,
    .contact-vase-leaf,
    .contact-leaf{
        display:none;
    }
}


/*========================
PHONE
767px AND BELOW
========================*/

@media (max-width:100px){

    .contact-hero{
        min-height:680px;
    }

    .contact-container{
        min-height:680px;
    }

    .contact-left{
        min-height:680px;
        padding:60px 25px;
    }

    /* FADE IMAGE MORE ON PHONE */

    .contact-image-frame img{
        opacity:.18;
    }

    .contact-left h1{
        font-size:40px;
        line-height:1.05;
        margin-bottom:22px;
    }

    .contact-tag{
        font-size:12px;
        letter-spacing:2px;
        margin-bottom:12px;
    }

    .contact-left p{
        font-size:15px;
        line-height:1.7;
        margin-bottom:32px;
    }

    .contact-btn-gold{
        width:100%;
        max-width:320px;
        height:54px;
    }

    /* HIDE ALL DECORATIONS */

    .contact-chair,
    .contact-vase,
    .contact-vase-leaf,
    .contact-leaf{
        display:none;
    }
}


/*========================
SMALL PHONES
480px AND BELOW
========================*/

@media (max-width:350px){

    .contact-hero{
        min-height:700px;
    }

    .contact-container{
        min-height:700px;
    }

    .contact-left{
        min-height:700px;
        padding:50px 20px;
    }

    .contact-left h1{
        font-size:34px;
    }

    .contact-left p{
        font-size:14px;
        line-height:1.7;
    }

    .contact-btn-gold{
        max-width:100%;
    }

    .contact-image-frame img{
        opacity:.15;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3577da *//*==================================================
CONTACT SECTION
==================================================*/

.contact-section{

background:#F8F5F0;

padding:80px 0;

}

.contact-wrapper{

max-width:1450px;

margin:auto;

display:grid;

grid-template-columns:58% 42%;

gap:60px;

padding:0 40px;

align-items:start;

}

/* LEFT */

.contact-form-box{

background:#fff;

padding:50px;

border-radius:25px;

box-shadow:0 20px 45px rgba(0,0,0,.06);

}

.contact-small-title{

display:inline-block;

font-family:Poppins;

font-size:13px;

letter-spacing:3px;

font-weight:600;

color:#B89254;

margin-bottom:15px;

}

.contact-form-box h2,
.contact-info h2{

font-family:"Cormorant Garamond",serif;

font-size:40px;

color:#082216;

margin-bottom:35px;

}

/* FORM */

.contact-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:10px;

margin-bottom:10px;

}

.contact-form-box input,
.contact-form-box textarea{

width:100%;

padding:10px 10px;

border:1px solid #e5dfd6;

margin-bottom:10px;

font-size:14px;

font-family:Inter;

border-radius:10px;

outline:none;

transition:.3s;

background:#fff;

}

.contact-form-box input:focus,
.contact-form-box textarea:focus{

border-color:#B89254;

}

.contact-form-box button{

width:100%;

height:58px;

border:none;

background:#082216;

color:#fff;

font-family:Poppins;

font-weight:600;

letter-spacing:1px;

cursor:pointer;

transition:.3s;

border-radius:10px;

}

.contact-form-box button:hover{

background:#103527;

}

/* RIGHT */

.contact-info{

display:flex;

flex-direction:column;

gap:10px;

}

.info-card{

background:#fff;

padding:25px;

display:flex;

gap:20px;

align-items:flex-start;

border-radius:18px;

box-shadow:0 12px 35px rgba(0,0,0,.05);

transition:.3s;

}

.info-card:hover{

transform:translateY(-6px);

}

.info-icon{

width:60px;

height:60px;

border-radius:50%;

background:#F8F5F0;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

color:#B89254;

flex-shrink:0;

}

.info-card h4{

margin:0 0 8px;

font-family:Poppins;

color:#082216;

}

.info-card p{

margin:0;

font-family:Inter;

color:#666;

line-height:1.7;

}
@media(max-width:992px){

.contact-wrapper{

grid-template-columns:1fr;

}

.contact-form-box{

padding:40px;

}

}

@media(max-width:768px){

.contact-wrapper{

padding:0 20px;

}

.contact-grid{

grid-template-columns:1fr;

}

.contact-form-box{

padding:30px;

}

.contact-form-box h2,
.contact-info h2{

font-size:34px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87fa14f *//*==================================================
CONTACT MAP
==================================================*/

.contact-map{

background:#F8F5F0;

padding:50px 0;

position:relative;

overflow:hidden;

}

/* HEADER */

.contact-map-header{

max-width:720px;

margin:auto;

text-align:center;

margin-bottom:60px;

padding:0 20px;

}

.map-tag{

display:inline-block;

font-family:Poppins;

font-size:13px;

font-weight:600;

letter-spacing:3px;

color:#B89254;

margin-bottom:15px;

}

.contact-map-header h2{

font-family:"Cormorant Garamond",serif;

font-size:50px;

font-weight:600;

color:#082216;

margin-bottom:20px;

}

.contact-map-header p{

font-family:Inter;

font-size:16px;

line-height:1.8;

color:#666;

}

/* MAP */

.contact-map-wrapper{

position:relative;

max-width:1450px;

height:600px;

margin:auto;

padding:0 40px;

}

.contact-map-wrapper iframe{

width:100%;

height:100%;

border:none;

border-radius:28px;

box-shadow:0 25px 60px rgba(0,0,0,.10);

border:4px solid #B89254;

}

/* BOTANICAL */

.map-leaf{

position:absolute;

width:180px;

height:180px;

background-image:url("https://hamive.com/wp-content/uploads/2026/08/hamive-2-e1785938661173.png");

background-repeat:no-repeat;

background-size:contain;

opacity:.12;

pointer-events:none;

z-index:5;

}

.map-leaf-left{

left:-30px;

bottom:-20px;

}

.map-leaf-right{

right:-30px;

top:-20px;

transform:scaleX(-1);

}
/*==================================================
CONTACT MAP RESPONSIVE
==================================================*/

@media(max-width:992px){

.contact-map{

padding:90px 0;

}

.contact-map-wrapper{

height:500px;

padding:0 25px;

}

.contact-map-header h2{

font-size:42px;

}

}

@media(max-width:768px){

.contact-map{

padding:70px 0;

}

.contact-map-wrapper{

height:350px;

padding:0 20px;

}

.contact-map-header h2{

font-size:34px;

}

.contact-map-header p{

font-size:15px;

}

.map-leaf{

display:none;

}

}/* End custom CSS */