.elementor-6700 .elementor-element.elementor-element-06a363f{--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;}.elementor-6700 .elementor-element.elementor-element-80ebea1{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6700 .elementor-element.elementor-element-80ebea1{--content-width:1000px;}}/* Start custom CSS for html, class: .elementor-element-70d4b93 *//* =========================================================
   DUTCH ANABOLEN — CONTACT US
   PREMIUM BLACK + DARK CHERRY GRADIENT GLASS
   3 BOX TEXT SLIGHTLY LARGER
   ========================================================= */

.da-contact-widget {
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;

    padding: 42px 34px;

    background:
        radial-gradient(
            ellipse 90% 80% at 50% 100%,
            rgba(210, 4, 45, 0.20),
            transparent 68%
        ),
        radial-gradient(
            ellipse 60% 50% at 0% 0%,
            rgba(110, 0, 25, 0.16),
            transparent 70%
        ),
        linear-gradient(
            135deg,
            rgba(30, 30, 30, 0.98) 0%,
            rgba(16, 10, 12, 0.98) 38%,
            rgba(10, 5, 7, 0.99) 68%,
            rgba(3, 3, 3, 1) 100%
        );

    border: 1px solid rgba(210, 4, 45, 0.24);
    border-radius: 20px;

    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.78),
        0 10px 30px rgba(210, 4, 45, 0.08),
        inset 0 1px 2px rgba(255, 255, 255, 0.08),
        inset 0 -4px 12px rgba(0, 0, 0, 0.88);

    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);

    color: #ffffff;
    font-family: inherit;
}


/* =========================================================
   PREMIUM GLASS TOP BORDER
   ========================================================= */

.da-contact-widget::before {
    content: "";

    position: absolute;
    top: 0;
    left: 6%;

    width: 88%;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.08) 10%,
            rgba(210,4,45,0.35) 28%,
            #D2042D 50%,
            rgba(210,4,45,0.35) 72%,
            rgba(255,255,255,0.08) 90%,
            transparent 100%
        );

    box-shadow:
        0 0 12px rgba(210,4,45,0.22);

    pointer-events: none;
}


/* =========================================================
   SUBTLE GLASS HIGHLIGHT
   ========================================================= */

.da-contact-widget::after {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 45%;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.035),
            transparent
        );

    pointer-events: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.da-contact-header {
    position: relative;
    z-index: 2;

    text-align: center;
    margin-bottom: 34px;
}


.da-contact-header h2 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 34px;
    font-weight: 800;

    line-height: 1.2;
    letter-spacing: 0.3px;

    text-shadow:
        0 2px 12px rgba(0,0,0,0.5);
}


.da-contact-header h2 span {
    color: #D2042D;

    text-shadow:
        0 0 14px rgba(210,4,45,0.28),
        0 0 30px rgba(210,4,45,0.10);
}


.da-contact-header p {
    margin: 0 auto;

    max-width: 680px;

    color:
        rgba(255,255,255,0.68);

    font-size:
        16px;

    line-height:
        1.75;
}


/* =========================================================
   CONTACT GRID — 3 BOXES
   ========================================================= */

.da-contact-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 20px;

    margin-bottom: 30px;
}


/* =========================================================
   PREMIUM GLASS CONTACT CARDS
   ========================================================= */

.da-contact-card {
    position: relative;
    overflow: hidden;

    padding: 28px 22px;

    text-align: center;

    background:
        radial-gradient(
            ellipse 90% 80% at 50% 110%,
            rgba(210,4,45,0.12),
            transparent 68%
        ),
        linear-gradient(
            145deg,
            rgba(39,39,39,0.82) 0%,
            rgba(20,13,15,0.88) 45%,
            rgba(6,6,6,0.96) 100%
        );

    border:
        1px solid rgba(255,255,255,0.075);

    border-radius:
        16px;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.52),
        0 3px 12px rgba(210,4,45,0.035),
        inset 0 1px 2px rgba(255,255,255,0.07),
        inset 0 -3px 7px rgba(0,0,0,0.65);

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}


/* CARD TOP HIGHLIGHT */

.da-contact-card::before {
    content: "";

    position: absolute;
    top: 0;
    left: 12%;

    width: 76%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.14),
            rgba(210,4,45,0.45),
            rgba(255,255,255,0.10),
            transparent
        );

    pointer-events: none;
}


/* CARD HOVER */

.da-contact-card:hover {
    transform:
        translateY(-5px);

    border-color:
        rgba(210,4,45,0.38);

    background:
        radial-gradient(
            ellipse 90% 80% at 50% 110%,
            rgba(210,4,45,0.17),
            transparent 68%
        ),
        linear-gradient(
            145deg,
            rgba(45,45,45,0.86),
            rgba(22,12,15,0.92),
            rgba(6,6,6,0.97)
        );

    box-shadow:
        0 18px 34px rgba(0,0,0,0.65),
        0 8px 25px rgba(210,4,45,0.09),
        0 0 25px rgba(210,4,45,0.06),
        inset 0 1px 2px rgba(255,255,255,0.08);
}


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

.da-contact-icon {
    width: 52px;
    height: 52px;

    margin:
        0 auto 16px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        linear-gradient(
            145deg,
            #F03355 0%,
            #D2042D 45%,
            #85001D 100%
        );

    color:
        #ffffff;

    font-size:
        22px;

    box-shadow:
        0 9px 20px rgba(210,4,45,0.28),
        0 0 15px rgba(210,4,45,0.07),
        inset 0 2px 3px rgba(255,255,255,0.20),
        inset 0 -3px 5px rgba(90,0,18,0.30);
}


/* =========================================================
   3 BOX HEADINGS
   ========================================================= */

.da-contact-card h3 {
    margin:
        0 0 10px;

    color:
        #ffffff;

    font-size:
        19px;

    font-weight:
        750;

    line-height:
        1.3;

    letter-spacing:
        0.1px;

    text-shadow:
        0 2px 8px rgba(0,0,0,0.45);
}


/* =========================================================
   3 BOX TEXT
   ========================================================= */

.da-contact-card p {
    margin:
        0;

    color:
        rgba(255,255,255,0.64);

    font-size:
        15px;

    line-height:
        1.75;
}


/* =========================================================
   CARD LINKS
   ========================================================= */

.da-contact-card a {
    color:
        #E02649;

    text-decoration:
        none;

    font-weight:
        700;

    transition:
        color 0.25s ease,
        text-shadow 0.25s ease;
}


.da-contact-card a:hover {
    color:
        #FF4A69;

    text-shadow:
        0 0 12px rgba(210,4,45,0.32);
}


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

.da-contact-form {
    position: relative;
    z-index: 2;

    padding:
        30px;

    background:
        radial-gradient(
            ellipse 70% 80% at 50% 100%,
            rgba(210,4,45,0.07),
            transparent 70%
        ),
        linear-gradient(
            145deg,
            rgba(20,20,20,0.76),
            rgba(5,5,5,0.88)
        );

    border:
        1px solid rgba(255,255,255,0.055);

    border-radius:
        17px;

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.045),
        inset 0 -3px 8px rgba(0,0,0,0.55),
        0 12px 28px rgba(0,0,0,0.38);

    backdrop-filter:
        blur(15px);

    -webkit-backdrop-filter:
        blur(15px);
}


/* FORM TOP LINE */

.da-contact-form::before {
    content: "";

    position: absolute;
    top: 0;
    left: 8%;

    width: 84%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(210,4,45,0.35),
            rgba(255,255,255,0.12),
            rgba(210,4,45,0.35),
            transparent
        );

    pointer-events: none;
}


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

.da-contact-form h3 {
    margin:
        0 0 22px;

    color:
        #ffffff;

    font-size:
        23px;

    font-weight:
        700;

    line-height:
        1.3;
}


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

.da-form-row {
    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        16px;

    margin-bottom:
        16px;
}


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

.da-form-group {
    margin-bottom:
        17px;
}


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

.da-contact-form label {
    display:
        block;

    margin-bottom:
        8px;

    color:
        rgba(255,255,255,0.80);

    font-size:
        14px;

    font-weight:
        600;

    line-height:
        1.4;
}


/* =========================================================
   INPUT + TEXTAREA
   ========================================================= */

.da-contact-form input,
.da-contact-form textarea {
    width:
        100%;

    box-sizing:
        border-box;

    color:
        #181818;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.97),
            rgba(235,235,235,0.94)
        );

    border:
        1px solid rgba(255,255,255,0.68);

    border-radius:
        9px;

    padding:
        14px 15px;

    font-family:
        inherit;

    font-size:
        15px;

    line-height:
        1.5;

    outline:
        none;

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.95),
        0 5px 14px rgba(0,0,0,0.25);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.da-contact-form textarea {
    min-height:
        140px;

    resize:
        vertical;
}


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

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

    border-color:
        #D2042D;

    box-shadow:
        0 0 0 2px rgba(210,4,45,0.12),
        0 6px 18px rgba(0,0,0,0.30),
        0 0 15px rgba(210,4,45,0.05);
}


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

.da-contact-form input::placeholder,
.da-contact-form textarea::placeholder {

    color:
        rgba(0,0,0,0.42);
}


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

.da-contact-button {
    position: relative;
    overflow: hidden;

    width:
        100%;

    padding:
        15px 25px;

    border:
        1px solid rgba(255,255,255,0.16);

    border-radius:
        999px;

    color:
        #ffffff;

    background:
        linear-gradient(
            135deg,
            #F03355 0%,
            #D2042D 45%,
            #A50022 75%,
            #700018 100%
        );

    font-family:
        inherit;

    font-size:
        16px;

    font-weight:
        700;

    line-height:
        1.4;

    cursor:
        pointer;

    box-shadow:
        0 10px 22px rgba(0,0,0,0.62),
        0 5px 20px rgba(210,4,45,0.20),
        inset 0 2px 3px rgba(255,255,255,0.20),
        inset 0 -3px 6px rgba(90,0,18,0.32);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}


/* BUTTON SHINE */

.da-contact-button::before {
    content: "";

    position: absolute;
    top: 0;
    left: -100%;

    width: 60%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.14),
            transparent
        );

    transform:
        skewX(-20deg);

    transition:
        left 0.55s ease;

    pointer-events: none;
}


.da-contact-button:hover::before {
    left:
        140%;
}


.da-contact-button:hover {

    transform:
        translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #FF4565 0%,
            #E02649 45%,
            #B50027 75%,
            #78001A 100%
        );

    box-shadow:
        0 15px 30px rgba(0,0,0,0.76),
        0 8px 28px rgba(210,4,45,0.28),
        0 0 28px rgba(210,4,45,0.11),
        inset 0 2px 3px rgba(255,255,255,0.24);
}


/* =========================================================
   DIRECT EMAIL CONTACT
   ========================================================= */

.da-direct-contact {
    position: relative;
    z-index: 2;

    margin-top:
        24px;

    padding:
        20px;

    text-align:
        center;

    background:
        radial-gradient(
            ellipse 70% 100% at 50% 100%,
            rgba(210,4,45,0.10),
            transparent 70%
        ),
        linear-gradient(
            145deg,
            rgba(30,15,18,0.45),
            rgba(8,5,6,0.62)
        );

    border:
        1px solid rgba(210,4,45,0.18);

    border-radius:
        13px;

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,0.04),
        0 8px 20px rgba(0,0,0,0.28);
}


/* =========================================================
   DIRECT EMAIL TEXT
   ========================================================= */

.da-direct-contact p {
    margin:
        0 0 7px;

    color:
        rgba(255,255,255,0.60);

    font-size:
        14px;

    line-height:
        1.5;
}


.da-direct-contact a {
    color:
        #E02649;

    font-size:
        18px;

    font-weight:
        700;

    text-decoration:
        none;

    transition:
        color 0.25s ease,
        text-shadow 0.25s ease;
}


.da-direct-contact a:hover {
    color:
        #FF4A69;

    text-shadow:
        0 0 12px rgba(210,4,45,0.30);
}


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

@media (max-width: 767px) {

    .da-contact-widget {
        padding:
            28px 16px;

        border-radius:
            16px;
    }


    .da-contact-header {
        margin-bottom:
            26px;
    }


    .da-contact-header h2 {
        font-size:
            28px;

        line-height:
            1.25;
    }


    .da-contact-header p {
        font-size:
            15px;

        line-height:
            1.7;
    }


    .da-contact-grid {
        grid-template-columns:
            1fr;

        gap:
            14px;

        margin-bottom:
            25px;
    }


    .da-contact-card {
        padding:
            25px 19px;
    }


    .da-contact-card h3 {
        font-size:
            19px;
    }


    .da-contact-card p {
        font-size:
            15px;

        line-height:
            1.7;
    }


    .da-contact-icon {
        width:
            50px;

        height:
            50px;

        font-size:
            21px;
    }


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

        gap:
            0;
    }


    .da-contact-form {
        padding:
            22px 15px;
    }


    .da-contact-form h3 {
        font-size:
            21px;
    }


    .da-contact-form label {
        font-size:
            14px;
    }


    .da-contact-form input,
    .da-contact-form textarea {
        font-size:
            15px;

        padding:
            13px 14px;
    }


    .da-contact-form textarea {
        min-height:
            130px;
    }


    .da-contact-button {
        padding:
            14px 20px;

        font-size:
            16px;
    }


    .da-direct-contact {
        padding:
            18px 12px;
    }


    .da-direct-contact p {
        font-size:
            14px;
    }


    .da-direct-contact a {
        font-size:
            16px;

        word-break:
            break-word;
    }

}/* End custom CSS */