.elementor-100 .elementor-element.elementor-element-a7d4b43{--display:flex;}/* Start custom CSS for html, class: .elementor-element-06e0282 *//* ==================================================
   DUTCH PHARMA — PRODUCTVERIFICATIE V1.0
   Elementor Pro Custom CSS

   Dark Matte Navy
   Glassmorphism
   1200px Content
   Desktop / Tablet / Mobile
================================================== */


/* 01 — SECTION */

.dpverify {
    --v-bg: #071426;
    --v-panel: #10233D;
    --v-white: #FFFFFF;
    --v-muted: #AFC4DC;
    --v-border: rgba(189,216,245,.23);

    width: 100%;
    position: relative;
    isolation: isolate;

    padding: 65px 20px 75px;

    color: var(--v-white);
    font-family: "Inter", Arial, sans-serif;

    background:
        radial-gradient(
            ellipse 50% 35% at 50% 0%,
            rgba(41,105,177,.18),
            transparent 85%
        ),
        linear-gradient(
            130deg,
            #071426,
            #0A1C35 65%,
            #102642
        );
}

.dpverify,
.dpverify * {
    box-sizing: border-box;
}

.dpverify__shell {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* 02 — INTRO */

.dpverify__intro {
    max-width: 720px;
    margin: 0 auto 42px;
    text-align: center;
}

.dpverify__eyebrow {
    color: #ACCAE9;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .2em;
    margin-bottom: 17px;
}

.dpverify__shield {
    display: grid;
    place-items: center;

    width: 66px;
    height: 66px;

    margin: 0 auto 20px;

    border: 1px solid #5277A0;
    border-radius: 17px;

    color: #D6E9FF;

    background:
        linear-gradient(
            135deg,
            rgba(139,194,249,.17),
            rgba(255,255,255,.035)
        );
}

.dpverify__shield svg {
    width: 33px;
    height: 33px;
}

.dpverify h1 {
    color: #FFFFFF;

    font-family: "Manrope", "Inter", sans-serif;
    font-size: clamp(30px, 3.3vw, 42px);

    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.035em;

    margin: 0 0 14px;
}

.dpverify__intro p {
    margin: 0;

    color: #B8CBE1;
    font-size: 14px;
    line-height: 1.8;
}


/* 03 — TWO COLUMNS */

.dpverify__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, .95fr);

    gap: 22px;
    align-items: start;
}


/* 04 — GLASS CARDS */

.dpverify__card {
    min-width: 0;

    padding: 30px;

    border: 1px solid transparent;
    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.025)
        ) padding-box,

        linear-gradient(
            140deg,
            rgba(215,235,255,.5),
            rgba(110,164,222,.12) 48%,
            rgba(215,235,255,.26)
        ) border-box;

    box-shadow: 0 18px 48px rgba(0,5,18,.16);
}

.dpverify__card-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    margin-bottom: 27px;
}

.dpverify__step {
    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;
    flex: 0 0 38px;

    border: 1px solid #50749A;
    border-radius: 9px;

    background: rgba(140,190,242,.1);

    color: #D9EBFF;

    font-size: 12px;
    font-weight: 800;
}

.dpverify h2 {
    margin: 0 0 5px;

    color: #FFFFFF;

    font-family: "Manrope", "Inter", sans-serif;
    font-size: 20px;
    font-weight: 750;
}

.dpverify__card-top p {
    margin: 0;

    color: #AFC4DB;
    font-size: 12px;
    line-height: 1.6;
}


/* 05 — FORM */

.dpverify__form {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.dpverify__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dpverify__field label {
    color: #EAF3FF;
    font-size: 13px;
    font-weight: 700;
}

.dpverify .dpverify__field input {
    display: block;

    width: 100%;
    height: 51px;

    padding: 12px 15px;
    margin: 0;

    background: rgba(6,18,36,.55);
    color: #FFFFFF;

    border: 1px solid #3B5777;
    border-radius: 9px;

    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .045em;

    box-shadow: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.dpverify .dpverify__field input::placeholder {
    color: #7794B3;
    opacity: 1;
}

.dpverify .dpverify__field input:focus {
    outline: none;
    border-color: #A0C8F2;
    box-shadow:
        0 0 0 3px rgba(110,171,236,.13);
}

.dpverify__field small {
    color: #96ACC6;
    font-size: 11px;
    line-height: 1.5;
}


/* 06 — SUBMIT */

.dpverify .dpverify__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 11px;

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

    margin-top: 3px;
    padding: 12px 18px;

    background:
        linear-gradient(
            130deg,
            #F4F9FF,
            #C6DBF1
        );

    color: #092440;

    border: 1px solid #DCEBFB;
    border-radius: 9px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 800;

    cursor: pointer;

    transition:
        background .2s ease,
        transform .2s ease;
}

.dpverify__submit svg {
    width: 20px;
    height: 20px;
}

.dpverify .dpverify__submit:hover {
    background: #FFFFFF;
    color: #071426;

    transform: translateY(-1px);
}


/* 07 — VERIFICATION RESULT */

.dpverify__result {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    margin-top: 24px;
    padding: 18px;

    border-radius: 10px;

    border: 1px solid rgba(191,219,248,.28);
    background: rgba(25,52,79,.65);
}

.dpverify__result--success {
    border-color: rgba(112,193,175,.48);
    background: rgba(32,105,88,.16);
}

.dpverify__result--error {
    border-color: rgba(234,133,147,.48);
    background: rgba(133,48,65,.14);
}

.dpverify__result-icon {
    display: grid;
    place-items: center;

    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    border-radius: 50%;

    background: #B6D7F5;
    color: #071426;

    font-size: 17px;
    font-weight: 800;
}

.dpverify__result--success
.dpverify__result-icon {
    background: #8AD2B8;
}

.dpverify__result--error
.dpverify__result-icon {
    background: #F2ADB8;
}

.dpverify__result-body {
    flex: 1;
    min-width: 0;
}

.dpverify__result h3 {
    margin: 1px 0 8px;

    color: #FFFFFF;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 750;
}

.dpverify__result p {
    margin: 0;

    color: #D4E2F1;
    font-size: 12px;
    line-height: 1.75;
}


/* 08 — SUCCESS DETAILS */

.dpverify__details {
    display: grid;
    gap: 0;

    margin: 17px 0 0;

    border-top: 1px solid rgba(215,232,250,.17);
}

.dpverify__details > div {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 11px 0;

    border-bottom:
        1px solid rgba(215,232,250,.1);
}

.dpverify__details dt {
    color: #AAC3DD;

    font-size: 11px;
    font-weight: 500;
}

.dpverify__details dd {
    margin: 0;

    color: #FFFFFF;

    font-size: 11px;
    font-weight: 750;

    text-align: right;
    overflow-wrap: anywhere;
}


/* 09 — HELP PANEL */

.dpverify__help-item {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    padding: 17px 0;

    border-top: 1px solid rgba(211,230,250,.11);
}

.dpverify__number {
    color: #88B4E5;

    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
}

.dpverify__help-item h3 {
    color: #FFFFFF;

    font-size: 14px;
    font-weight: 700;

    margin: 0 0 5px;
}

.dpverify__help-item p {
    margin: 0;

    color: #AFC3D9;

    font-size: 12px;
    line-height: 1.7;
}


/* 10 — SAMPLE RECORD */

.dpverify__sample {
    margin-top: 22px;
    padding: 19px;

    border: 1px solid rgba(165,204,244,.2);
    border-radius: 10px;

    background: rgba(5,18,35,.45);
}

.dpverify__sample-heading {
    color: #A7C6E8;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;

    margin-bottom: 15px;
}

.dpverify__sample-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 12px;
}

.dpverify__sample-row span {
    color: #B4C9E0;
    font-size: 12px;
}

.dpverify__sample-row code {
    padding: 6px 9px;

    background: #18314F;
    color: #FFFFFF;

    border: 1px solid #39597B;
    border-radius: 5px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    overflow-wrap: anywhere;
}

.dpverify__sample p {
    margin: 13px 0 0;

    color: #92AEC9;

    font-size: 11px;
    line-height: 1.6;
}


/* 11 — BOTTOM NOTICE */

.dpverify__notice {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    margin-top: 24px;
    padding: 18px 21px;

    border: 1px solid rgba(190,216,245,.16);
    border-radius: 10px;

    background: rgba(255,255,255,.03);
}

.dpverify__notice svg {
    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    color: #9FC7EE;
}

.dpverify__notice p {
    margin: 0;

    color: #AFC4DD;

    font-size: 12px;
    line-height: 1.75;
}

.dpverify__notice strong {
    color: #FFFFFF;
}


/* 12 — TABLET */

@media (max-width: 1024px) {

    .dpverify {
        padding: 48px 17px 60px;
    }

    .dpverify__grid {
        gap: 16px;
    }

    .dpverify__card {
        padding: 23px;
    }

    .dpverify h2 {
        font-size: 18px;
    }
}


/* 13 — MOBILE */

@media (max-width: 767px) {

    .dpverify {
        padding: 38px 15px 48px;
    }

    .dpverify__intro {
        margin-bottom: 28px;
    }

    .dpverify h1 {
        font-size: 30px;
    }

    .dpverify__intro p {
        font-size: 13px;
    }

    .dpverify__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 17px;
    }

    .dpverify__card {
        padding: 22px 18px;
    }

    .dpverify__card-top {
        margin-bottom: 23px;
    }

    .dpverify__verification,
    .dpverify__result {
        padding: 15px;
    }

    .dpverify__notice {
        padding: 15px;
    }
}


/* 14 — SMALL MOBILE */

@media (max-width: 420px) {

    .dpverify {
        padding: 30px 12px 40px;
    }

    .dpverify__card {
        padding: 19px 14px;
    }

    .dpverify h1 {
        font-size: 28px;
    }

    .dpverify__sample-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .dpverify__details > div {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .dpverify__details dd {
        text-align: left;
    }
}


/* 15 — REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    .dpverify__submit {
        transition: none;
        transform: none;
    }
}

/* END — DUTCH PHARMA VERIFICATION CSS *//* End custom CSS */