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

#egert-contact {
    --eg-dark:#171b18;
    --eg-deep:#263229;
    --eg-green:#758964;
    --eg-green-dark:#596b4e;
    --eg-green-light:#a7b59b;
    --eg-orange:#ed741b;
    --eg-orange-dark:#d86514;
    --eg-cream:#f5f3ee;
    --eg-text:#626962;
    --eg-line:rgba(23,27,24,.12);

    width:100% !important;

    background:
        var(--eg-cream) !important;

    color:
        var(--eg-dark) !important;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;
}


#egert-contact
.egert-contact-inner {
    width:
        calc(100% - 60px) !important;

    max-width:
        1350px !important;

    margin:
        0 auto !important;

    padding:
        95px
        0
        105px !important;
}


/* =========================================================
   HEAD
   ========================================================= */

#egert-contact
.egert-contact-head {
    display:grid !important;

    grid-template-columns:
        minmax(0,1.1fr)
        minmax(300px,.9fr) !important;

    gap:
        70px !important;

    align-items:
        end !important;

    margin-bottom:
        55px !important;
}


#egert-contact
.egert-contact-kicker {
    display:flex !important;

    align-items:center !important;

    gap:12px !important;

    margin-bottom:
        17px !important;

    color:
        var(--eg-green) !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    letter-spacing:
        2px !important;

    text-transform:
        uppercase !important;
}


#egert-contact
.egert-contact-kicker::before {
    content:"" !important;

    width:38px !important;
    height:2px !important;

    background:
        var(--eg-orange) !important;
}


#egert-contact h2 {
    margin:0 !important;

    padding:0 !important;

    color:
        var(--eg-dark) !important;

    font-size:
        clamp(46px,5vw,68px) !important;

    line-height:
        1 !important;

    letter-spacing:
        -2.8px !important;

    font-weight:
        650 !important;
}


#egert-contact h2 span {
    color:
        var(--eg-green) !important;
}


#egert-contact
.egert-contact-intro {
    max-width:
        470px !important;

    margin:0 !important;

    color:
        var(--eg-text) !important;

    font-size:
        15px !important;

    line-height:
        1.75 !important;
}


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

#egert-contact
.egert-contact-grid {
    display:grid !important;

    grid-template-columns:
        minmax(350px,.82fr)
        minmax(0,1.18fr) !important;

    gap:
        24px !important;

    align-items:
        stretch !important;
}


/* =========================================================
   LEFT PANEL
   ========================================================= */

#egert-contact
.egert-contact-panel {
    position:relative !important;

    overflow:hidden !important;

    padding:
        45px
        40px !important;

    background:
        var(--eg-deep) !important;

    color:#fff !important;
}


#egert-contact
.egert-contact-panel::before {
    content:"" !important;

    position:absolute !important;

    width:420px !important;
    height:420px !important;

    right:-220px !important;
    top:-210px !important;

    border-radius:50% !important;

    background:
        radial-gradient(
            circle,
            rgba(117,137,100,.30),
            transparent 68%
        ) !important;

    pointer-events:none !important;
}


#egert-contact
.egert-contact-panel::after {
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    top:0 !important;

    width:4px !important;
    height:92px !important;

    background:
        var(--eg-orange) !important;
}


#egert-contact
.egert-contact-panel-inner {
    position:relative !important;

    z-index:2 !important;
}


#egert-contact
.egert-contact-panel-label {
    margin-bottom:
        16px !important;

    color:
        var(--eg-green-light) !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    letter-spacing:
        1.8px !important;

    text-transform:
        uppercase !important;
}


#egert-contact
.egert-contact-panel h3 {
    margin:0 !important;

    color:#fff !important;

    font-size:
        31px !important;

    line-height:
        1.1 !important;

    letter-spacing:
        -1.2px !important;

    font-weight:
        600 !important;
}


#egert-contact
.egert-contact-panel-text {
    margin:
        16px
        0
        35px !important;

    color:
        rgba(255,255,255,.66) !important;

    font-size:
        14px !important;

    line-height:
        1.7 !important;
}


/* =========================================================
   ITEMS
   ========================================================= */

#egert-contact
.egert-contact-items {
    border-top:
        1px solid rgba(255,255,255,.11) !important;
}


#egert-contact
.egert-contact-item {
    display:grid !important;

    grid-template-columns:
        42px
        minmax(0,1fr) !important;

    gap:
        15px !important;

    align-items:
        center !important;

    padding:
        22px
        0 !important;

    border-bottom:
        1px solid rgba(255,255,255,.11) !important;
}


#egert-contact
.egert-contact-icon {
    width:42px !important;
    height:42px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:
        rgba(117,137,100,.23) !important;

    border:
        1px solid rgba(167,181,155,.23) !important;

    color:
        var(--eg-green-light) !important;
}


#egert-contact
.egert-contact-icon svg {
    width:18px !important;
    height:18px !important;
}


#egert-contact
.egert-contact-item-label {
    display:block !important;

    margin-bottom:
        4px !important;

    color:
        rgba(255,255,255,.43) !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    letter-spacing:
        1.5px !important;

    text-transform:
        uppercase !important;
}


#egert-contact
.egert-contact-item-value,
#egert-contact
.egert-contact-item-value a {
    color:#fff !important;

    font-size:
        14px !important;

    line-height:
        1.55 !important;

    font-weight:
        550 !important;

    text-decoration:
        none !important;
}


#egert-contact
.egert-contact-item-value a:hover {
    color:
        #ef8a42 !important;
}


/* OWNER */

#egert-contact
.egert-contact-owner {
    display:flex !important;

    align-items:center !important;

    gap:12px !important;

    margin-top:
        32px !important;

    color:
        rgba(255,255,255,.58) !important;

    font-size:
        12px !important;

    line-height:
        1.5 !important;
}


#egert-contact
.egert-owner-line {
    width:28px !important;
    height:2px !important;

    background:
        var(--eg-orange) !important;
}


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

#egert-contact
.egert-form-panel {
    padding:
        45px
        46px !important;

    background:
        #fff !important;

    border:
        1px solid var(--eg-line) !important;
}


#egert-contact
.egert-form-top {
    margin-bottom:
        31px !important;
}


#egert-contact
.egert-form-label {
    margin-bottom:
        10px !important;

    color:
        var(--eg-green) !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    letter-spacing:
        1.7px !important;

    text-transform:
        uppercase !important;
}


#egert-contact
.egert-form-panel h3 {
    margin:0 !important;

    color:
        var(--eg-dark) !important;

    font-size:
        34px !important;

    line-height:
        1.08 !important;

    letter-spacing:
        -1.3px !important;

    font-weight:
        600 !important;
}


#egert-contact
.egert-form-desc {
    max-width:
        600px !important;

    margin:
        12px
        0
        0 !important;

    color:
        var(--eg-text) !important;

    font-size:
        13px !important;

    line-height:
        1.7 !important;
}


/* =========================================================
   CONTACT FORM 7
   ========================================================= */

#egert-contact .wpcf7 {
    width:100% !important;
}


#egert-contact .wpcf7 p {
    margin:
        0
        0
        18px !important;
}


#egert-contact .wpcf7 label {
    display:block !important;

    color:
        var(--eg-dark) !important;

    font-size:
        11px !important;

    font-weight:
        650 !important;
}


#egert-contact
.wpcf7-form-control-wrap {
    display:block !important;

    width:100% !important;

    margin-top:
        7px !important;
}


#egert-contact
.wpcf7 input[type="text"],
#egert-contact
.wpcf7 input[type="email"],
#egert-contact
.wpcf7 input[type="tel"],
#egert-contact
.wpcf7 input[type="number"],
#egert-contact
.wpcf7 select,
#egert-contact
.wpcf7 textarea {
    width:100% !important;

    min-height:
        52px !important;

    margin:0 !important;

    padding:
        12px
        14px !important;

    background:
        #f8f8f5 !important;

    color:
        var(--eg-dark) !important;

    border:
        1px solid #dadeda !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    outline:
        none !important;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;
}


#egert-contact
.wpcf7 textarea {
    min-height:
        145px !important;

    resize:
        vertical !important;
}


#egert-contact
.wpcf7 input:focus,
#egert-contact
.wpcf7 select:focus,
#egert-contact
.wpcf7 textarea:focus {
    background:
        #fff !important;

    border-color:
        var(--eg-green) !important;

    box-shadow:
        0 0 0 1px
        var(--eg-green) !important;
}


/* SUBMIT */

#egert-contact
.wpcf7 input[type="submit"],
#egert-contact
.wpcf7 button[type="submit"] {
    min-height:
        53px !important;

    padding:
        0
        25px !important;

    background:
        var(--eg-orange) !important;

    color:#fff !important;

    border:
        1px solid var(--eg-orange) !important;

    border-radius:
        0 !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    cursor:
        pointer !important;
}


#egert-contact
.wpcf7 input[type="submit"]:hover,
#egert-contact
.wpcf7 button[type="submit"]:hover {
    background:
        var(--eg-orange-dark) !important;

    border-color:
        var(--eg-orange-dark) !important;

    transform:
        translateY(-2px) !important;
}


/* CHECKBOX */

#egert-contact
.wpcf7-list-item {
    margin:0 !important;
}


#egert-contact
.wpcf7-list-item label {
    display:flex !important;

    align-items:flex-start !important;

    gap:9px !important;

    color:
        var(--eg-text) !important;

    font-size:
        11px !important;

    font-weight:
        400 !important;

    line-height:
        1.6 !important;
}


/* MESSAGES */

#egert-contact
.wpcf7-not-valid-tip {
    margin-top:
        5px !important;

    color:
        #c85b32 !important;

    font-size:
        11px !important;
}


#egert-contact
.wpcf7-response-output {
    margin:
        20px
        0
        0 !important;

    padding:
        14px
        16px !important;

    background:
        #f8f8f5 !important;

    color:
        var(--eg-dark) !important;

    border:
        1px solid var(--eg-line) !important;

    border-left:
        3px solid var(--eg-green) !important;

    font-size:
        12px !important;

    line-height:
        1.6 !important;
}


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

@media(max-width:1024px) {

    #egert-contact
    .egert-contact-inner {
        width:
            calc(100% - 50px) !important;

        padding:
            80px
            0
            90px !important;
    }


    #egert-contact
    .egert-contact-head {
        grid-template-columns:
            1fr !important;

        gap:
            22px !important;
    }


    #egert-contact
    .egert-contact-grid {
        grid-template-columns:
            minmax(300px,.8fr)
            minmax(0,1.2fr) !important;
    }

}


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

@media(max-width:767px) {

    #egert-contact
    .egert-contact-inner {
        width:
            calc(100% - 34px) !important;

        padding:
            65px
            0
            70px !important;
    }


    #egert-contact
    .egert-contact-head {
        margin-bottom:
            35px !important;
    }


    #egert-contact h2 {
        font-size:
            42px !important;

        letter-spacing:
            -2px !important;
    }


    #egert-contact
    .egert-contact-intro {
        font-size:
            14px !important;
    }


    #egert-contact
    .egert-contact-grid {
        grid-template-columns:
            1fr !important;

        gap:
            16px !important;
    }


    #egert-contact
    .egert-contact-panel {
        padding:
            35px
            24px !important;
    }


    #egert-contact
    .egert-form-panel {
        padding:
            32px
            22px !important;
    }


    #egert-contact
    .egert-form-panel h3 {
        font-size:
            29px !important;
    }

}