.elementor-22 .elementor-element.elementor-element-4e1c8e78{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.45;}.elementor-22 .elementor-element.elementor-element-4e1c8e78:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-4e1c8e78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vizagflowers.com/wp-content/uploads/2026/05/ChatGPT-Image-May-8-2026-02_01_04-PM.png");background-position:top center;background-repeat:repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-4e1c8e78::before, .elementor-22 .elementor-element.elementor-element-4e1c8e78 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-4e1c8e78 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-4e1c8e78 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-4e1c8e78 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-4e1c8e78 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-5d42fe63{width:var( --container-widget-width, 97.082% );max-width:97.082%;--container-widget-width:97.082%;--container-widget-flex-grow:0;}.elementor-22 .elementor-element.elementor-element-5d42fe63.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-b595131{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b22ea67 *//* =========================================
   WRAPPER
========================================= */

.vf-contact-wrapper{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:50px;

    align-items:stretch;

    max-width:1350px;

    margin:auto;

    padding:40px 20px 120px;
}

/* =========================================
   LEFT SIDE
========================================= */

.vf-contact-info{

    background:
    linear-gradient(
        135deg,
        #1f5c45 0%,
        #163f31 100%
    );

    border-radius:36px;

    padding:60px 50px;

    position:relative;

    overflow:hidden;

    color:#ffffff;
}

.vf-contact-info::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    background:
    radial-gradient(
        rgba(217,108,149,.25),
        transparent 70%
    );

    top:-120px;

    right:-120px;
}

/* =========================================
   LABEL
========================================= */

.vf-contact-label{

    display:inline-block;

    margin-bottom:24px;

    font-size:12px;

    font-weight:700;

    letter-spacing:.28em;

    text-transform:uppercase;

    color:#f6c6d7;
}

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

.vf-contact-heading{

    font-family:'Cormorant Garamond',serif;

    font-size:68px;

    line-height:.95em;

    font-weight:600;

    margin-bottom:30px;
}

/* =========================================
   TEXT
========================================= */

.vf-contact-text{

    font-size:16px;

    line-height:2em;

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

    margin-bottom:50px;
}

/* =========================================
   POINTS
========================================= */

.vf-contact-points{

    display:grid;

    gap:26px;
}

.vf-point{

    display:flex;

    gap:18px;

    align-items:flex-start;
}

.vf-point-icon{

    width:48px;

    height:48px;

    min-width:48px;

    border-radius:14px;

    background:
    linear-gradient(
        135deg,
        #d96c95,
        #f0a7c1
    );

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    font-size:18px;

    box-shadow:
    0 10px 25px rgba(217,108,149,.25);
}

.vf-point h4{

    font-size:20px;

    font-weight:600;

    margin-bottom:8px;

    color:#ffffff;
}

.vf-point p{

    font-size:15px;

    line-height:1.8em;

    color:rgba(255,255,255,.75);
}

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

.vf-form-card{

    background:#fffdfb;

    border:1px solid #eadfd7;

    border-radius:36px;

    padding:55px;

    box-shadow:
    0 20px 50px rgba(20,20,20,.04);
}

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

.vf-form-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:28px;
}

.vf-full{

    grid-column:1 / -1;
}

/* =========================================
   LABEL
========================================= */

.vf-field label{

    display:block;

    margin-bottom:12px;

    font-size:11px;

    font-weight:700;

    letter-spacing:.24em;

    text-transform:uppercase;

    color:#1b4032;
}

/* =========================================
   INPUTS
========================================= */

.vf-field input,
.vf-field select,
.vf-field textarea{

    width:100%;

    border:1px solid #e6ddd6;

    background:#ffffff;

    border-radius:18px;

    padding:0 22px;

    font-size:15px;

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

    color:#18352b;

    transition:all .35s ease;

    outline:none;

    box-shadow:
    0 8px 18px rgba(20,20,20,.03);
}

/* =========================================
   HEIGHT
========================================= */

.vf-field input,
.vf-field select{

    height:64px;
}

.vf-field textarea{

    min-height:170px;

    padding:22px;

    resize:none;
}

/* =========================================
   PLACEHOLDER
========================================= */

.vf-field input::placeholder,
.vf-field textarea::placeholder{

    color:#9b8e86;
}

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

.vf-field select{

    appearance:none;

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

    background-repeat:no-repeat;

    background-position:right 22px center;

    padding-right:55px;
}

/* =========================================
   FOCUS
========================================= */

.vf-field input:focus,
.vf-field textarea:focus,
.vf-field select:focus{

    border-color:#d96c95;

    box-shadow:
    0 0 0 4px rgba(217,108,149,.10);
}

/* =========================================
   SUBMIT
========================================= */

.wpcf7-submit{

    width:100%;

    height:68px;

    border:none;

    border-radius:18px;

    background:
    linear-gradient(
        135deg,
        #1f5c45,
        #d96c95
    );

    color:#ffffff;

    font-size:14px;

    font-weight:700;

    letter-spacing:.24em;

    text-transform:uppercase;

    cursor:pointer;

    transition:all .35s ease;

    box-shadow:
    0 16px 35px rgba(31,92,69,.16);
}

.wpcf7-submit:hover{

    transform:translateY(-4px);
}

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

@media(max-width:1100px){

    .vf-contact-wrapper{

        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .vf-form-grid{

        grid-template-columns:1fr;
    }

    .vf-full{

        grid-column:auto;
    }

    .vf-contact-heading{

        font-size:48px;
    }

    .vf-contact-info,
    .vf-form-card{

        padding:38px 28px;

        border-radius:28px;
    }

    .vf-field input,
    .vf-field select{

        height:60px;
    }
}/* End custom CSS */