.elementor-803 .elementor-element.elementor-element-0189a06{--display:flex;}.elementor-803 .elementor-element.elementor-element-5fb0f39{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-803 .elementor-element.elementor-element-5fb0f39:not(.elementor-motion-effects-element-type-background), .elementor-803 .elementor-element.elementor-element-5fb0f39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://don-camillo-berlin.de/wp-content/uploads/2026/05/food3.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-803 .elementor-element.elementor-element-f1b41ee{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-803 .elementor-element.elementor-element-204c491{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-803 .elementor-element.elementor-element-204c491 .elementor-divider-separator{width:100%;}.elementor-803 .elementor-element.elementor-element-204c491 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-803 .elementor-element.elementor-element-0d2534d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-803 .elementor-element.elementor-element-0570c9c{--display:flex;--min-height:750px;--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;--align-items:stretch;--gap:40px 70px;--row-gap:40px;--column-gap:70px;--flex-wrap:nowrap;--padding-top:90px;--padding-bottom:90px;--padding-left:10px;--padding-right:10px;}.elementor-803 .elementor-element.elementor-element-bbaa939{--display:flex;--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:stretch;--gap:40px 70px;--row-gap:40px;--column-gap:70px;--flex-wrap:nowrap;}.elementor-803 .elementor-element.elementor-element-6633ecb{--display:flex;--min-height:535px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--flex-wrap:nowrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-803 .elementor-element.elementor-element-54997fb{text-align:center;}.elementor-803 .elementor-element.elementor-element-54997fb img{width:100%;}.elementor-803 .elementor-element.elementor-element-660f526{--display:flex;--min-height:535px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-803 .elementor-element.elementor-element-c1a8207{--display:flex;}.elementor-803 .elementor-element.elementor-element-b8feb8c{--display:flex;}.elementor-803 .elementor-element.elementor-element-ae9e49f{--display:flex;}.elementor-803 .elementor-element.elementor-element-95b07f3{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-803 .elementor-element.elementor-element-f1b41ee{--content-width:100%;}.elementor-803 .elementor-element.elementor-element-0d2534d{--width:100%;}.elementor-803 .elementor-element.elementor-element-0570c9c{--width:100%;}.elementor-803 .elementor-element.elementor-element-6633ecb{--width:48%;}.elementor-803 .elementor-element.elementor-element-660f526{--width:25%;}}@media(max-width:1024px){.elementor-803 .elementor-element.elementor-element-bbaa939{--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;}}@media(max-width:767px){.elementor-803 .elementor-element.elementor-element-bbaa939{--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;--gap:32px 0px;--row-gap:32px;--column-gap:0px;}}/* Start custom CSS for container, class: .elementor-element-f1b41ee */.elementor-803 .elementor-element.elementor-element-f1b41ee {
    width: min(90%, 700px);
    margin-inline: auto;
}

/* ==========================================================
   DON CAMILLO — MENU SHOWCASE
========================================================== */

.elementor-803 .elementor-element.elementor-element-f1b41ee {
    width: min(90%, 700px);
    margin-inline: auto;
    position: relative;
    z-index: 3;
    text-align: center;
}

/* ---------- DIVIDER ---------- */

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-divider {
    padding: 0 0 18px;
}

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-divider-separator {
    width: 150px !important;
    border-top: 1px solid rgba(239, 229, 213, .72) !important;
}

/* ---------- TITLE ---------- */

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-heading-title {
    margin: 0;

    font-family: var(--dc-font-sans, Arial, sans-serif);
    font-size: clamp(42px, 5vw, 74px);
    font-weight: 500;
    line-height: .95;
    letter-spacing: -.025em;

    color: #f1e8dc !important;
    text-transform: uppercase;
}

/* ---------- DESCRIPTION ---------- */

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-widget-text-editor {
    margin-top: 8px;
}

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-widget-text-editor,
.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-widget-text-editor p {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(18px, 1.5vw, 24px);
    font-weight: 400;
    line-height: 1.4;

    color: rgba(241, 232, 220, .92) !important;
}

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-widget-text-editor p {
    margin: 0;
}

/* ---------- BUTTON ---------- */

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-widget-button {
    margin-top: 22px;
}

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-button {
    min-width: 210px;

    padding: 17px 30px !important;

    border: 1px solid #f1e8dc !important;
    border-radius: 0 !important;

    background: #f1e8dc !important;
    color: #071e29 !important;

    font-family: var(--dc-font-sans, Arial, sans-serif);
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: .15em;
    text-transform: uppercase;

    transition:
        background-color .35s ease,
        color .35s ease,
        transform .35s ease;
}

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-button:hover {
    background: transparent !important;
    color: #f1e8dc !important;
    transform: translateY(-2px);
}
/* ==========================================================
   DON CAMILLO — DECORATIVE MENU DIVIDER
========================================================== */

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-widget-divider {
    width: 180px;
    margin: 0 auto 24px;
}

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-divider {
    width: 180px;
    height: 32px;
    padding: 0 !important;

    background-image: url("https://don-camillo-berlin.de/wp-content/uploads/2026/09/DecorativeDivider101.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    /* Make SVG white */
    filter: brightness(0) invert(1);
}

.elementor-803 .elementor-element.elementor-element-f1b41ee .elementor-divider-separator {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fb0f39 *//* ==========================================================
   DON CAMILLO — SCENE 04
   SPEISEKARTE — PURE CSS CINEMATIC SHOWCASE
========================================================== */

.elementor-803 .elementor-element.elementor-element-5fb0f39 {
    position: relative;
    min-height: 100svh;

    overflow: hidden;
    isolation: isolate;

    background-position: center center !important;
    background-size: 112% auto !important;
    background-repeat: no-repeat !important;

    transform: translateZ(0);

    animation:
        dc-menu-camera 8s
        cubic-bezier(.16, 1, .3, 1)
        forwards;
}


/* ==========================================================
   CINEMATIC OVERLAY
========================================================== */

.elementor-803 .elementor-element.elementor-element-5fb0f39::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            rgba(3, 12, 17, 0.06) 0%,
            rgba(3, 12, 17, 0.10) 30%,
            rgba(3, 12, 17, 0.28) 64%,
            rgba(3, 12, 17, 0.74) 100%
        ),
        linear-gradient(
            to right,
            rgba(0, 0, 0, 0.12) 0%,
            rgba(0, 0, 0, 0.02) 50%,
            rgba(0, 0, 0, 0.12) 100%
        );
}


/* ==========================================================
   SUBTLE CINEMATIC DEPTH
========================================================== */

.elementor-803 .elementor-element.elementor-element-5fb0f39::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 0;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(255, 226, 180, 0.035) 0%,
            rgba(4, 15, 20, 0.03) 48%,
            rgba(4, 15, 20, 0.18) 100%
        );
}


/* ==========================================================
   ELEMENTOR CONTENT LAYER
========================================================== */

.elementor-803 .elementor-element.elementor-element-5fb0f39 > * {
    position: relative;
    z-index: 2;
}


.elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__content {
    position: relative;

    z-index: 3;

    width: min(90%, 700px);
    margin-inline: auto;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* ==========================================================
   DECORATIVE ORNAMENT
========================================================== */

.elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__ornament {
    position: relative;

    opacity: 0;

    transform:
        translate3d(0, 32px, 0)
        scale(.80);

    transform-origin: center center;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    animation:
        dc-menu-ornament-in
        1.25s
        cubic-bezier(.16, 1, .3, 1)
        .20s
        forwards;
}


.elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__ornament img,
.elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__ornament svg {
    display: block;

    max-width: 100%;
    height: auto;

    margin-inline: auto;
}


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

.elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__title {
    position: relative;

    opacity: 0;

    transform: translate3d(0, 72px, 0);

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    animation:
        dc-menu-title-in
        1.35s
        cubic-bezier(.16, 1, .3, 1)
        .38s
        forwards;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__text {
    position: relative;

    opacity: 0;

    transform: translate3d(0, 44px, 0);

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    animation:
        dc-menu-text-in
        1.20s
        cubic-bezier(.16, 1, .3, 1)
        .62s
        forwards;
}


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

.elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__button {
    position: relative;

    opacity: 0;

    transform:
        translate3d(0, 34px, 0)
        scale(.96);

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    animation:
        dc-menu-button-in
        1.20s
        cubic-bezier(.16, 1, .3, 1)
        .84s
        forwards;
}


.elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__button .elementor-button {
    transition:
        transform .35s cubic-bezier(.2, .8, .2, 1),
        background-color .35s ease,
        color .35s ease,
        border-color .35s ease;
}


.elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__button .elementor-button:hover {
    transform: translateY(-3px);
}


/* ==========================================================
   CINEMATIC BACKGROUND CAMERA
========================================================== */

@keyframes dc-menu-camera {

    0% {
        background-size: 114% auto;
        background-position: center 46%;
    }

    100% {
        background-size: 106% auto;
        background-position: center 51%;
    }
}


/* ==========================================================
   ORNAMENT ENTRANCE
========================================================== */

@keyframes dc-menu-ornament-in {

    0% {
        opacity: 0;

        transform:
            translate3d(0, 32px, 0)
            scale(.80);
    }

    100% {
        opacity: 1;

        transform:
            translate3d(0, 0, 0)
            scale(1);
    }
}


/* ==========================================================
   TITLE ENTRANCE
========================================================== */

@keyframes dc-menu-title-in {

    0% {
        opacity: 0;
        transform: translate3d(0, 72px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}


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

@keyframes dc-menu-text-in {

    0% {
        opacity: 0;
        transform: translate3d(0, 44px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}


/* ==========================================================
   BUTTON ENTRANCE
========================================================== */

@keyframes dc-menu-button-in {

    0% {
        opacity: 0;

        transform:
            translate3d(0, 34px, 0)
            scale(.96);
    }

    100% {
        opacity: 1;

        transform:
            translate3d(0, 0, 0)
            scale(1);
    }
}


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

@media (max-width: 1024px) {

    .elementor-803 .elementor-element.elementor-element-5fb0f39 {
        background-size: 120% auto !important;
    }


    .elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__content {
        width: min(88%, 640px);
    }


    @keyframes dc-menu-camera {

        0% {
            background-size: 122% auto;
            background-position: center 47%;
        }

        100% {
            background-size: 114% auto;
            background-position: center 51%;
        }
    }
}


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

@media (max-width: 767px) {

    .elementor-803 .elementor-element.elementor-element-5fb0f39 {
        min-height: 100svh;

        background-size: auto 114% !important;
        background-position: center center !important;
    }


    .elementor-803 .elementor-element.elementor-element-5fb0f39::before {
        background:
            linear-gradient(
                to bottom,
                rgba(3, 12, 17, .10) 0%,
                rgba(3, 12, 17, .16) 38%,
                rgba(3, 12, 17, .58) 100%
            );
    }


    .elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__content {
        width: min(88%, 520px);
    }


    .elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__button .elementor-button:hover {
        transform: none;
    }


    @keyframes dc-menu-camera {

        0% {
            background-size: auto 118%;
            background-position: center 47%;
        }

        100% {
            background-size: auto 108%;
            background-position: center 51%;
        }
    }
}


/* ==========================================================
   REDUCED MOTION
========================================================== */

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

    .elementor-803 .elementor-element.elementor-element-5fb0f39 {
        animation: none !important;

        background-position: center !important;
        background-size: cover !important;
    }


    .elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__ornament,
    .elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__title,
    .elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__text,
    .elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__button {
        animation: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }


    .elementor-803 .elementor-element.elementor-element-5fb0f39 .dc-menu-showcase__button .elementor-button {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-660f526 *//* ==========================================================
   DON CAMILLO — NEED TO KNOW / FAQ
   Scoped completely to this section
========================================================== */

.elementor-803 .elementor-element.elementor-element-660f526 {
    --dc-faq-cream: #eeeadd;
    --dc-faq-line: rgba(238, 234, 221, 0.42);

    position: relative;
    width: 100%;
    min-height: 750px;
    overflow: hidden;
}


/* ==========================================================
   MAIN INNER LAYOUT
========================================================== */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__inner {
    width: min(1140px, 100%);
    margin-inline: auto;

    display: flex;
    flex-direction: row;
    align-items: center;

    gap: clamp(55px, 6vw, 90px);
}


/* ==========================================================
   LEFT IMAGE
========================================================== */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__visual {
    flex: 0 0 48%;
    width: 48%;
    min-width: 0;
    overflow: hidden;
}


.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__image {
    width: 100%;
    height: 535px;
    overflow: hidden;
}


.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__image img {
    display: block;

    width: 100% !important;
    height: 535px !important;

    object-fit: cover;
    object-position: center;

    transition:
        transform 1.1s cubic-bezier(.2,.7,.2,1),
        filter 1.1s ease;
}


/* Subtle cinematic image movement */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__visual:hover
.dc-need-to-know__image img {
    transform: scale(1.025);
}


/* ==========================================================
   RIGHT CONTENT
========================================================== */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__content {
    flex: 1 1 0;
    width: auto;
    min-width: 0;

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: stretch;

    gap: 22px;
}


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

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__title {
    margin: 0 0 18px !important;
}


.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__title .elementor-heading-title {
    margin: 0 !important;

    color: var(--dc-faq-cream) !important;

    font-family: var(--dc-font-sans, Arial, sans-serif);
    font-size: clamp(38px, 3.4vw, 54px);
    font-weight: 600;

    line-height: 0.98;
    letter-spacing: -0.025em;

    text-transform: uppercase;
}


/* ==========================================================
   ACCORDION
========================================================== */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion {
    width: 100%;
}


/*
 * Remove Elementor's default box appearance.
 */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion .e-n-accordion,
.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion .e-n-accordion-item {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/*
 * Each FAQ row
 */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion .e-n-accordion-item {
    border-bottom:
        1px solid var(--dc-faq-line) !important;
}


/* First row also receives its top separator */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item:first-child {
    border-top:
        1px solid var(--dc-faq-line) !important;
}


/* ==========================================================
   QUESTION
========================================================== */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item-title {
    position: relative;

    min-height: 82px;

    padding:
        24px 54px
        24px 0 !important;

    display: flex;
    align-items: center;

    background: transparent !important;
    border: 0 !important;

    color: var(--dc-faq-cream) !important;

    cursor: pointer;
}


.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item-title-text {
    color: var(--dc-faq-cream) !important;

    font-family: var(--dc-font-serif, Georgia, serif);
    font-size: 18px;
    font-weight: 500;

    font-style: italic;

    line-height: 1.4;
    letter-spacing: 0;
}


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

/*
 * Hide Elementor's original icon.
 */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item-title-icon {
    display: none !important;
}


/*
 * Create our own minimal plus.
 */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item-title::before,

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item-title::after {
    content: "";

    position: absolute;

    right: 8px;
    top: 50%;

    width: 23px;
    height: 1.5px;

    background: var(--dc-faq-cream);

    transform-origin: center;

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1),
        opacity .3s ease;
}


.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item-title::before {
    transform:
        translateY(-50%)
        rotate(0deg);
}


.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item-title::after {
    transform:
        translateY(-50%)
        rotate(90deg);
}


/*
 * Open:
 * vertical line rotates away → +
 * becomes a clean —
 */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title::after {
    transform:
        translateY(-50%)
        rotate(0deg);

    opacity: 0;
}


/* ==========================================================
   ANSWER
========================================================== */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item > div {
    background: transparent !important;
}


.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item > div:not(.e-n-accordion-item-title) {
    padding:
        0 54px
        28px 0 !important;

    color: rgba(238, 234, 221, 0.76);
}


.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item > div:not(.e-n-accordion-item-title) p {
    margin: 0;

    color: inherit;

    font-family: var(--dc-font-sans, Arial, sans-serif);
    font-size: 15px;
    font-weight: 400;

    line-height: 1.7;
}


/* ==========================================================
   HOVER
========================================================== */

@media (hover: hover) {

    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
    .e-n-accordion-item-title-text {
        transition:
            opacity .3s ease,
            transform .35s cubic-bezier(.2,.8,.2,1);
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
    .e-n-accordion-item-title:hover
    .e-n-accordion-item-title-text {
        opacity: .72;
        transform: translateX(5px);
    }
}


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

@media (max-width: 1024px) {

    .elementor-803 .elementor-element.elementor-element-660f526 {
        min-height: auto;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__inner {
        gap: 45px;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__visual {
        flex-basis: 46%;
        width: 46%;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__image,
    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__image img {
        height: 480px !important;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__title
    .elementor-heading-title {
        font-size: 40px;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
    .e-n-accordion-item-title-text {
        font-size: 16px;
    }
}


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

@media (max-width: 767px) {

    .elementor-803 .elementor-element.elementor-element-660f526 {
        min-height: auto;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__inner {
        width: 100%;

        flex-direction: column;

        align-items: stretch;

        gap: 52px;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__visual,
    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__content {
        flex: none;

        width: 100%;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__image,
    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__image img {
        height: min(115vw, 520px) !important;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__title {
        margin-bottom: 10px !important;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__title
    .elementor-heading-title {
        font-size: clamp(34px, 10vw, 46px);
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
    .e-n-accordion-item-title {
        min-height: 74px;

        padding:
            21px 45px
            21px 0 !important;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
    .e-n-accordion-item-title-text {
        font-size: 16px;
    }


    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
    .e-n-accordion-item-title::before,

    .elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
    .e-n-accordion-item-title::after {
        right: 4px;

        width: 20px;
    }
}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item-title:focus-visible {
    outline:
        1px solid var(--dc-faq-cream);

    outline-offset: -3px;
}

/* ==========================================================
   FAQ — CLEAN OPEN CONTENT
========================================================== */

/* Remove Elementor default box/border from answer area */
.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item > .elementor-element,
.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item > div {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* Open accordion content */
.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item[open] > .elementor-element {
    padding: 0 54px 24px 0 !important;
}


/* Don't leave a big empty box if no answer has been added yet */
.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__accordion
.e-n-accordion-item[open] > .elementor-element:empty {
    padding: 0 !important;
    min-height: 0 !important;
}

.elementor-803 .elementor-element.elementor-element-660f526 .dc-need-to-know__title .elementor-heading-title {
    margin: 0 !important;

    color: var(--dc-faq-cream) !important;

    font-family: var(--dc-font-serif, Georgia, serif) !important;
    font-size: clamp(42px, 3.8vw, 58px);
    font-weight: 400 !important;

    line-height: 1;
    letter-spacing: 0.015em;

    text-transform: uppercase;
}/* End custom CSS */