.elementor-57 .elementor-element.elementor-element-e33d22f{--display:flex;--min-height:800px;--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;--align-items:center;--padding-top:120px;--padding-bottom:120px;--padding-left:25px;--padding-right:25px;}.elementor-57 .elementor-element.elementor-element-0ced1ec{--display:flex;}.elementor-57 .elementor-element.elementor-element-7d37c49{--display:flex;}.elementor-57 .elementor-element.elementor-element-d4be7ed{--display:flex;}.elementor-57 .elementor-element.elementor-element-af7e06e{--display:flex;}.elementor-57 .elementor-element.elementor-element-052d179{--display:flex;}.elementor-57 .elementor-element.elementor-element-33910fa{--display:flex;}.elementor-57 .elementor-element.elementor-element-f48e0cd{--display:flex;}.elementor-57 .elementor-element.elementor-element-ac9e3e9{--display:flex;}.elementor-57 .elementor-element.elementor-element-82023d0{--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;}.elementor-57 .elementor-element.elementor-element-b6508a8{--grid-template-columns:repeat(0, auto);text-align:left;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-57 .elementor-element.elementor-element-540103b{padding:15px 0px 0px 0px;}.elementor-57 .elementor-element.elementor-element-57d4225{--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;}.elementor-57 .elementor-element.elementor-element-49b8023{--grid-template-columns:repeat(0, auto);text-align:left;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-57 .elementor-element.elementor-element-a92cff3{padding:15px 0px 0px 0px;}.elementor-57 .elementor-element.elementor-element-5eb7027{--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;}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-0ced1ec{--width:900px;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-e33d22f{--padding-top:70px;--padding-bottom:70px;--padding-left:18px;--padding-right:18px;}}/* Start custom CSS *//* =====================================================
   FAQ PAGE
===================================================== */

.lookout-faq {
    position: relative;
    overflow: hidden;

    background: #F7F3ED;
}


/* =====================================================
   LARGE BACKGROUND "FAQ"
===================================================== */

.lookout-faq-bg {
    position: absolute !important;

    top: 50%;
    left: 50%;

    width: 100%;

    transform: translate(-50%, -50%);

    text-align: center;

    pointer-events: none;

    z-index: 0;
}

.lookout-faq-bg .elementor-heading-title {
    margin: 0;

    color: #292725;

    font-family: "Questrial", sans-serif !important;

    font-size: clamp(250px, 38vw, 600px);

    font-weight: 400;

    line-height: .7;

    letter-spacing: -20px;

    opacity: .025;

    white-space: nowrap;
}


/* =====================================================
   MAIN CONTENT
===================================================== */

.lookout-faq-content {
    position: relative;

    z-index: 5;

    width: 900px !important;
    max-width: 100% !important;

    margin: 0 auto;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
}


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

.lookout-faq-label .elementor-heading-title {
    color: #B8A89A;

    font-size: 10px;

    font-weight: 500;

    letter-spacing: 4px;

    text-transform: uppercase;
}


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

.lookout-faq-title {
    margin-bottom: 18px;
}

.lookout-faq-title .elementor-heading-title {
    color: #292725;

    font-family: "Questrial", sans-serif !important;

    font-size: clamp(50px, 6vw, 78px);

    font-weight: 400;

    line-height: .95;

    letter-spacing: -2px;

    text-align: center;
}


/* =====================================================
   LOOKOUT FAQ ACCORDION
   Question = Accordion title
   Answer   = normal Text Editor widget
===================================================== */


/* Main accordion */
.lookout-faq-accordion {
    width: 100%;
}


/* =====================================================
   EACH FAQ ITEM
===================================================== */

.lookout-faq-accordion .e-n-accordion-item {
    background: transparent !important;

    border: 0 !important;
    border-top: 1px solid rgba(184, 168, 154, 0.65) !important;
}


/* Bottom border on final question */
.lookout-faq-accordion .e-n-accordion-item:last-child {
    border-bottom: 1px solid rgba(184, 168, 154, 0.65) !important;
}


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

.lookout-faq-accordion summary {
    background: transparent !important;

    padding: 26px 5px !important;

    color: #292725 !important;

    font-family: "Questrial", sans-serif !important;

    font-size: 19px;
    font-weight: 400;

    line-height: 1.4;

    transition: color 0.25s ease;
}


/* Question hover */
.lookout-faq-accordion summary:hover {
    color: #B8A89A !important;
}


/* Open question */
.lookout-faq-accordion details[open] > summary {
    color: #292725 !important;
}


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

/* Container Elementor creates inside the open accordion */
.lookout-faq-accordion .e-n-accordion-item > .e-con {
    background: transparent !important;

    padding-top: 0 !important;
    padding-bottom: 28px !important;
}


/* =====================================================
   TEXT EDITOR ANSWER
   No CSS class needed on Text Editor
===================================================== */

.lookout-faq-accordion .elementor-widget-text-editor {
    width: 100%;
    max-width: 760px;

    margin: 0;
}


/* Answer paragraph */
.lookout-faq-accordion .elementor-widget-text-editor p {
    margin: 0 0 12px;

    color: #292725;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.9;

    opacity: 0.72;

    text-align: left;
}


/* Last paragraph doesn't need bottom spacing */
.lookout-faq-accordion .elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   LINKS INSIDE ANSWERS
   WhatsApp / Instagram etc.
===================================================== */

.lookout-faq-accordion .elementor-widget-text-editor a {
    color: #292725;

    text-decoration: underline;

    text-decoration-color: #B8A89A;
    text-underline-offset: 4px;

    transition: color 0.2s ease;
}

.lookout-faq-accordion .elementor-widget-text-editor a:hover {
    color: #B8A89A;
}


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

@media (max-width: 767px) {

    .lookout-faq-accordion summary {
        padding: 20px 0 !important;

        font-size: 16px;
        line-height: 1.45;
    }


    .lookout-faq-accordion .e-n-accordion-item > .e-con {
        padding-bottom: 22px !important;
    }


    .lookout-faq-accordion .elementor-widget-text-editor p {
        font-size: 14px;
        line-height: 1.8;
    }

}/* End custom CSS */