.elementor-40 .elementor-element.elementor-element-6a2f74b{margin-top:167px;margin-bottom:0px;}.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-40 .elementor-element.elementor-element-ea123f7 .elementor-heading-title{font-family:"Anton", Sans-serif;font-weight:500;}.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-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-40 .elementor-element.elementor-element-4595e97 > .elementor-element-populated{margin:100px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-40 .elementor-element.elementor-element-1771bf2{margin:56px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-40 .elementor-element.elementor-element-faa905b{width:initial;max-width:initial;}.elementor-40 .elementor-element.elementor-element-faa905b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-40 .elementor-element.elementor-element-f0e56d7 > .elementor-element-populated{margin:82px 0px 60px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-40 .elementor-element.elementor-element-951c3f6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-40 .elementor-element.elementor-element-2ce3899{color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-ea123f7 */.elementor-40 .elementor-element.elementor-element-ea123f7 .elementor-heading-title {
    font-family: "Bebas Neue" !important;
    font-weight: 400 !important;
    font-style: normal !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2a62798 */@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap');


/* ==========================================================
   VISTA & TONIC — ATHENS
   SECTION 02 — HERO
   NEW BRAND DESIGN
   PRIMARY: #4D8F96
   ACCENT: #C86F50
   ========================================================== */


/* ==========================================================
   HERO SECTION
   ========================================================== */

.athhero-section.elementor-section {

    position: relative !important;

    width: 100% !important;

    min-height: 820px !important;

    margin: 0 !important;

    padding: 0 !important;

    background-color: #4D8F96 !important;

    overflow: hidden !important;
}


/* ==========================================================
   HERO BACKGROUND IMAGE
   ========================================================== */

.athhero-section::before {

    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(28, 69, 73, 0.88) 0%,
            rgba(54, 108, 112, 0.68) 43%,
            rgba(77, 143, 150, 0.25) 100%
        ),
        url("http://vistatonic.com/wp-content/uploads/2026/10/IMG_0046-scaled-e1792421151793.jpeg") !important;

    background-size: cover !important;

    background-position: center center !important;

    transform: scale(1.01) !important;

    z-index: 0 !important;
}


/* ==========================================================
   SECONDARY OVERLAY
   ========================================================== */

.athhero-section::after {

    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(38, 61, 64, 0.28) 0%,
            rgba(38, 61, 64, 0.02) 45%,
            rgba(38, 61, 64, 0.52) 100%
        ) !important;

    pointer-events: none !important;

    z-index: 1 !important;
}


/* ==========================================================
   INNER SECTION
   ========================================================== */

.athhero-section
.athhero-inner.elementor-container {

    position: relative !important;

    z-index: 3 !important;

    width: 100% !important;

    max-width: 1380px !important;

    min-height: 820px !important;

    margin: 0 auto !important;

    padding: 0 70px !important;

    display: flex !important;

    align-items: center !important;
}


/* ==========================================================
   CONTENT COLUMN
   ========================================================== */

.athhero-section
.athhero-content.elementor-column {

    width: 100% !important;

    max-width: 820px !important;

    padding: 0 !important;

    margin: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
}


/* ==========================================================
   EYEBROW
   ========================================================== */

.athhero-section
.athhero-eyebrow.elementor-widget-heading {

    margin: 0 0 25px 0 !important;

    padding: 0 !important;
}


.athhero-section
.athhero-eyebrow .elementor-heading-title {

    margin: 0 !important;

    padding: 0 !important;

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

    font-size: 12px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: 5px !important;

    color: #FFFFFF !important;

    text-transform: uppercase !important;
}


/* ACCENT LINE */

.athhero-section
.athhero-eyebrow .elementor-heading-title::before {

    content: "" !important;

    display: inline-block !important;

    width: 42px !important;

    height: 2px !important;

    margin: 0 16px 3px 0 !important;

    background: #C86F50 !important;
}


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

.athhero-section
.athhero-title.elementor-widget-heading {

    margin: 0 !important;

    padding: 0 !important;
}


.athhero-section
.athhero-title .elementor-heading-title {

    margin: 0 !important;

    padding: 0 !important;

    max-width: 900px !important;

    font-family: "Bebas Neue", sans-serif !important;

    font-size: clamp(78px, 9vw, 138px) !important;

    font-weight: 400 !important;

    line-height: 0.86 !important;

    letter-spacing: 1px !important;

    color: #FFFFFF !important;

    text-align: left !important;

    text-transform: uppercase !important;
}


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

.athhero-section
.athhero-description.elementor-widget-text-editor {

    max-width: 610px !important;

    margin: 34px 0 38px 0 !important;

    padding: 0 !important;

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

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;

    color: rgba(255,255,255,0.92) !important;
}


.athhero-section
.athhero-description p {

    margin: 0 !important;

    padding: 0 !important;

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

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;

    color: rgba(255,255,255,0.92) !important;
}


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

.athhero-section
.athhero-button.elementor-widget-button {

    margin: 0 !important;

    padding: 0 !important;
}


.athhero-section
.athhero-button .elementor-button {

    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-width: 205px !important;

    height: 58px !important;

    padding: 0 32px !important;

    margin: 0 !important;

    background: #C86F50 !important;

    border: 1px solid #C86F50 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

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

    font-size: 11px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: 2px !important;

    color: #FFFFFF !important;

    text-transform: uppercase !important;

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


/* BUTTON HOVER */

.athhero-section
.athhero-button .elementor-button:hover {

    background: #FFFFFF !important;

    border-color: #FFFFFF !important;

    color: #4D8F96 !important;

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


/* BUTTON ARROW */

.athhero-section
.athhero-button .elementor-button::after {

    content: "→" !important;

    margin-left: 15px !important;

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

    font-size: 17px !important;

    font-weight: 400 !important;

    transition: transform .3s ease !important;
}


/* ARROW HOVER */

.athhero-section
.athhero-button .elementor-button:hover::after {

    transform: translateX(5px) !important;
}


/* ==========================================================
   DECORATIVE SIDE ELEMENT
   ========================================================== */

.athhero-section
.athhero-content::after {

    content: "360° VIEWS" !important;

    position: absolute !important;

    right: 70px !important;

    bottom: 55px !important;

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

    font-size: 10px !important;

    font-weight: 600 !important;

    letter-spacing: 3px !important;

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

    writing-mode: vertical-rl !important;

    transform: rotate(180deg) !important;
}


/* ==========================================================
   ACCENT DETAIL
   ========================================================== */

.athhero-section
.athhero-content::before {

    content: "" !important;

    position: absolute !important;

    left: 70px !important;

    bottom: 55px !important;

    width: 45px !important;

    height: 2px !important;

    background: #C86F50 !important;
}


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

@media (max-width: 1024px) {

    .athhero-section.elementor-section {

        min-height: 720px !important;
    }


    .athhero-section
    .athhero-inner.elementor-container {

        min-height: 720px !important;

        padding: 0 45px !important;
    }


    .athhero-section
    .athhero-title .elementor-heading-title {

        font-size: 82px !important;

        letter-spacing: 0 !important;
    }


    .athhero-section
    .athhero-description.elementor-widget-text-editor {

        font-size: 15px !important;
    }


    .athhero-section
    .athhero-content::after {

        right: 40px !important;
    }


    .athhero-section
    .athhero-content::before {

        left: 45px !important;
    }
}


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

@media (max-width: 767px) {

    .athhero-section.elementor-section {

        min-height: 700px !important;
    }


    .athhero-section::before {

        background-image:
            linear-gradient(
                180deg,
                rgba(28,69,73,0.38) 0%,
                rgba(28,69,73,0.55) 45%,
                rgba(28,69,73,0.90) 100%
            ),
            url("https://images.unsplash.com/photo-1603565816030-6b389eeb23cb?auto=format&fit=crop&w=1400&q=90") !important;

        background-position: 62% center !important;
    }


    .athhero-section
    .athhero-inner.elementor-container {

        min-height: 700px !important;

        padding: 100px 25px 55px !important;

        align-items: flex-end !important;
    }


    .athhero-section
    .athhero-content.elementor-column {

        max-width: 100% !important;
    }


    /* EYEBROW */

    .athhero-section
    .athhero-eyebrow .elementor-heading-title {

        font-size: 10px !important;

        letter-spacing: 3.5px !important;
    }


    .athhero-section
    .athhero-eyebrow .elementor-heading-title::before {

        width: 28px !important;

        margin-right: 11px !important;
    }


    /* TITLE */

    .athhero-section
    .athhero-title .elementor-heading-title {

        font-size: clamp(60px, 17vw, 90px) !important;

        line-height: .88 !important;

        letter-spacing: 0 !important;
    }


    /* DESCRIPTION */

    .athhero-section
    .athhero-description.elementor-widget-text-editor {

        max-width: 100% !important;

        margin: 25px 0 30px !important;

        font-size: 14px !important;

        line-height: 1.75 !important;
    }


    .athhero-section
    .athhero-description p {

        font-size: 14px !important;

        line-height: 1.75 !important;
    }


    /* BUTTON */

    .athhero-section
    .athhero-button .elementor-button {

        width: 100% !important;

        height: 54px !important;

        min-width: 0 !important;
    }


    /* HIDE SIDE DETAILS */

    .athhero-section
    .athhero-content::after {

        display: none !important;
    }


    .athhero-section
    .athhero-content::before {

        display: none !important;
    }
}


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

@media (max-width: 480px) {

    .athhero-section.elementor-section {

        min-height: 650px !important;
    }


    .athhero-section
    .athhero-inner.elementor-container {

        min-height: 650px !important;

        padding: 90px 20px 45px !important;
    }


    .athhero-section
    .athhero-title .elementor-heading-title {

        font-size: 58px !important;
    }


    .athhero-section
    .athhero-description.elementor-widget-text-editor {

        font-size: 13px !important;

        line-height: 1.7 !important;
    }


    .athhero-section
    .athhero-description p {

        font-size: 13px !important;

        line-height: 1.7 !important;
    }


    .athhero-section
    .athhero-button .elementor-button {

        font-size: 10px !important;

        letter-spacing: 1.7px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-95a0088 *//* ==========================================================
   VISTA & TONIC — ATHENS
   SECTION 03 — THE VIEW
   NEW BRAND DESIGN
   PRIMARY: #4D8F96
   ACCENT: #C86F50
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap');


/* ==========================================================
   MAIN SECTION
   ========================================================== */

.athview-section.elementor-section {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 130px 0 !important;

    background: #F5F6F4 !important;

    overflow: hidden !important;
}


/* ==========================================================
   SUBTLE BACKGROUND DETAIL
   ========================================================== */

.athview-section::before {

    content: "ATHENS" !important;

    position: absolute !important;

    top: 55px !important;

    right: -20px !important;

    font-family: "Bebas Neue", sans-serif !important;

    font-size: 150px !important;

    line-height: 1 !important;

    letter-spacing: 5px !important;

    color: rgba(77,143,150,0.055) !important;

    pointer-events: none !important;
}


/* ==========================================================
   INNER SECTION
   ========================================================== */

.athview-section
.athview-layout.elementor-container {

    position: relative !important;

    width: 1180px !important;

    max-width: calc(100% - 100px) !important;

    margin: 0 auto !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
}


/* ==========================================================
   IMAGE COLUMN
   ========================================================== */

.athview-section
.athview-image-column.elementor-column {

    width: 55% !important;

    padding: 0 !important;

    margin: 0 !important;

    position: relative !important;

    z-index: 2 !important;
}


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

.athview-section
.athview-image {

    width: 100% !important;

    height: 620px !important;

    min-height: 620px !important;

    display: block !important;

    overflow: hidden !important;

    position: relative !important;
}


.athview-section
.athview-image img {

    width: 100% !important;

    height: 620px !important;

    min-height: 620px !important;

    display: block !important;

    object-fit: cover !important;

    object-position: center center !important;

    margin: 0 !important;

    padding: 0 !important;

    filter: saturate(.88) contrast(1.03) !important;

    transition:
        transform 1s cubic-bezier(.2,.65,.25,1),
        filter .5s ease !important;
}


/* Image hover */

.athview-section
.athview-image:hover img {

    transform: scale(1.04) !important;

    filter: saturate(1) contrast(1.03) !important;
}


/* ==========================================================
   IMAGE FRAME
   ========================================================== */

.athview-section
.athview-image-column::after {

    content: "" !important;

    position: absolute !important;

    inset: 20px !important;

    border: 1px solid rgba(255,255,255,.70) !important;

    pointer-events: none !important;

    z-index: 4 !important;
}


/* ==========================================================
   IMAGE ACCENT TAB
   ========================================================== */

.athview-section
.athview-image-column::before {

    content: "" !important;

    position: absolute !important;

    left: -14px !important;

    bottom: 45px !important;

    width: 4px !important;

    height: 80px !important;

    background: #C86F50 !important;

    z-index: 5 !important;
}


/* ==========================================================
   CONTENT COLUMN
   ========================================================== */

.athview-section
.athview-content.elementor-column {

    width: 45% !important;

    min-height: 530px !important;

    margin-left: -30px !important;

    padding: 78px 65px 78px 95px !important;

    background: #FFFFFF !important;

    box-sizing: border-box !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    align-items: flex-start !important;

    position: relative !important;

    z-index: 3 !important;

    box-shadow: 0 18px 45px rgba(38,61,64,.08) !important;
}


/* ==========================================================
   CONTENT DECORATIVE LINE
   ========================================================== */

.athview-section
.athview-content::before {

    content: "" !important;

    position: absolute !important;

    left: 95px !important;

    top: 0 !important;

    width: 52px !important;

    height: 4px !important;

    background: #C86F50 !important;
}


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

.athview-section
.athview-label.elementor-widget-heading {

    margin: 0 0 22px 0 !important;

    padding: 0 !important;
}


.athview-section
.athview-label .elementor-heading-title {

    margin: 0 !important;

    padding: 0 !important;

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

    font-size: 10px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: 3.5px !important;

    color: #C86F50 !important;

    text-transform: uppercase !important;
}


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

.athview-section
.athview-title.elementor-widget-heading {

    margin: 0 0 28px 0 !important;

    padding: 0 !important;
}


.athview-section
.athview-title .elementor-heading-title {

    max-width: 460px !important;

    margin: 0 !important;

    padding: 0 !important;

    font-family: "Bebas Neue", sans-serif !important;

    font-size: 65px !important;

    font-weight: 400 !important;

    line-height: .92 !important;

    letter-spacing: 1px !important;

    color: #4D8F96 !important;

    text-align: left !important;

    text-transform: uppercase !important;
}


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

.athview-section
.athview-description.elementor-widget-text-editor {

    max-width: 450px !important;

    margin: 0 !important;

    padding: 0 !important;

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

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 1.9 !important;

    color: #42575A !important;
}


.athview-section
.athview-description p {

    margin: 0 0 20px 0 !important;

    padding: 0 !important;

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

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 1.9 !important;

    color: #42575A !important;
}


.athview-section
.athview-description p:last-child {

    margin-bottom: 0 !important;
}


/* ==========================================================
   SMALL DECORATIVE NUMBER
   ========================================================== */

.athview-section
.athview-content::after {

    content: "01" !important;

    position: absolute !important;

    right: 35px !important;

    bottom: 25px !important;

    font-family: "Bebas Neue", sans-serif !important;

    font-size: 82px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    letter-spacing: 2px !important;

    color: rgba(77,143,150,.08) !important;

    pointer-events: none !important;
}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width: 1400px) {

    .athview-section.elementor-section {

        padding: 150px 0 !important;
    }


    .athview-section
    .athview-layout.elementor-container {

        width: 1240px !important;

        max-width: calc(100% - 120px) !important;
    }


    .athview-section
    .athview-image,
    .athview-section
    .athview-image img {

        height: 660px !important;

        min-height: 660px !important;
    }


    .athview-section
    .athview-title .elementor-heading-title {

        font-size: 72px !important;
    }
}


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

@media (max-width: 1024px) {

    .athview-section.elementor-section {

        padding: 90px 0 !important;
    }


    .athview-section
    .athview-layout.elementor-container {

        max-width: calc(100% - 60px) !important;
    }


    .athview-section
    .athview-image-column.elementor-column {

        width: 53% !important;
    }


    .athview-section
    .athview-content.elementor-column {

        width: 47% !important;

        min-height: 500px !important;

        margin-left: -25px !important;

        padding: 60px 40px 60px 65px !important;
    }


    .athview-section
    .athview-content::before {

        left: 65px !important;
    }


    .athview-section
    .athview-title .elementor-heading-title {

        font-size: 52px !important;
    }


    .athview-section
    .athview-description.elementor-widget-text-editor,
    .athview-section
    .athview-description p {

        font-size: 13px !important;

        line-height: 1.8 !important;
    }


    .athview-section
    .athview-image,
    .athview-section
    .athview-image img {

        height: 540px !important;

        min-height: 540px !important;
    }


    .athview-section::before {

        font-size: 110px !important;
    }
}


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

@media (max-width: 767px) {

    .athview-section.elementor-section {

        padding: 70px 0 !important;
    }


    .athview-section::before {

        top: 35px !important;

        right: -20px !important;

        font-size: 80px !important;
    }


    .athview-section
    .athview-layout.elementor-container {

        width: calc(100% - 32px) !important;

        max-width: none !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;
    }


    /* IMAGE */

    .athview-section
    .athview-image-column.elementor-column {

        width: 100% !important;

        margin: 0 !important;
    }


    .athview-section
    .athview-image,
    .athview-section
    .athview-image img {

        width: 100% !important;

        height: 390px !important;

        min-height: 390px !important;
    }


    .athview-section
    .athview-image-column::after {

        inset: 15px !important;
    }


    .athview-section
    .athview-image-column::before {

        left: -8px !important;

        bottom: 30px !important;

        width: 3px !important;

        height: 60px !important;
    }


    /* CONTENT */

    .athview-section
    .athview-content.elementor-column {

        width: calc(100% - 15px) !important;

        min-height: auto !important;

        margin: -15px 0 0 auto !important;

        padding: 52px 28px 60px 30px !important;

        box-shadow: 0 12px 30px rgba(38,61,64,.09) !important;
    }


    .athview-section
    .athview-content::before {

        left: 30px !important;

        width: 42px !important;

        height: 3px !important;
    }


    /* LABEL */

    .athview-section
    .athview-label.elementor-widget-heading {

        margin-bottom: 19px !important;
    }


    .athview-section
    .athview-label .elementor-heading-title {

        font-size: 9px !important;

        letter-spacing: 2.8px !important;
    }


    /* TITLE */

    .athview-section
    .athview-title .elementor-heading-title {

        max-width: 100% !important;

        font-size: 48px !important;

        line-height: .95 !important;

        letter-spacing: .5px !important;
    }


    /* DESCRIPTION */

    .athview-section
    .athview-description.elementor-widget-text-editor {

        max-width: 100% !important;

        font-size: 13px !important;

        line-height: 1.85 !important;
    }


    .athview-section
    .athview-description p {

        font-size: 13px !important;

        line-height: 1.85 !important;
    }


    /* NUMBER */

    .athview-section
    .athview-content::after {

        right: 20px !important;

        bottom: 20px !important;

        font-size: 58px !important;
    }
}


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

@media (max-width: 480px) {

    .athview-section.elementor-section {

        padding: 55px 0 !important;
    }


    .athview-section
    .athview-layout.elementor-container {

        width: calc(100% - 20px) !important;
    }


    .athview-section
    .athview-image,
    .athview-section
    .athview-image img {

        height: 320px !important;

        min-height: 320px !important;
    }


    .athview-section
    .athview-content.elementor-column {

        width: calc(100% - 10px) !important;

        padding: 44px 23px 52px 24px !important;
    }


    .athview-section
    .athview-title .elementor-heading-title {

        font-size: 41px !important;
    }


    .athview-section
    .athview-description.elementor-widget-text-editor,
    .athview-section
    .athview-description p {

        font-size: 12.5px !important;

        line-height: 1.8 !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-eaa38ba *//* =========================================================
   ATHENS — MENU SECTION
   NEW BRAND DESIGN
   Unique Namespace: athmenu-
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap');


/* =========================================================
   MAIN SECTION
   ========================================================= */

.athmenu-section.elementor-section {
    position: relative !important;
    overflow: hidden !important;
    background: #4D8F96 !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   INNER SECTION
   ========================================================= */

.athmenu-section .athmenu-layout.elementor-container {
    width: 100% !important;
    max-width: 1440px !important;
    min-height: 720px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: stretch !important;

    position: relative !important;
}


/* =========================================================
   LEFT CONTENT COLUMN
   ========================================================= */

.athmenu-section .athmenu-content-column.elementor-column {
    width: 48% !important;
    padding: 105px 7% 105px 9% !important;

    display: flex !important;
    align-items: center !important;

    position: relative !important;
    z-index: 3 !important;
}


/* =========================================================
   CONTENT WRAPPER
   ========================================================= */

.athmenu-section .athmenu-content {
    width: 100% !important;
    max-width: 560px !important;

    position: relative !important;
}


/* =========================================================
   DECORATIVE ACCENT
   ========================================================= */

.athmenu-section .athmenu-content::before {
    content: "" !important;

    display: block !important;

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

    background: #C86F50 !important;

    margin-bottom: 30px !important;
}


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

.athmenu-section .athmenu-label.elementor-widget-heading {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

.athmenu-section .athmenu-label .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    letter-spacing: 4px !important;
    text-transform: uppercase !important;

    color: #FFFFFF !important;
}


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

.athmenu-section .athmenu-title.elementor-widget-heading {
    margin: 0 0 27px !important;
    padding: 0 !important;
}

.athmenu-section .athmenu-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Bebas Neue', sans-serif !important;
    font-size: clamp(58px, 6vw, 92px) !important;
    line-height: 0.92 !important;
    font-weight: 400 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;

    color: #FFFFFF !important;
}


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

.athmenu-section .athmenu-description.elementor-widget-text-editor {
    max-width: 510px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.athmenu-section .athmenu-description p {
    margin: 0 0 18px !important;
    padding: 0 !important;

    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    font-weight: 400 !important;

    color: rgba(255,255,255,0.88) !important;
}

.athmenu-section .athmenu-description p:last-child {
    margin-bottom: 0 !important;
}


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

.athmenu-section .athmenu-button.elementor-widget-button {
    margin-top: 38px !important;
}

.athmenu-section .athmenu-button .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 190px !important;
    min-height: 56px !important;

    padding: 16px 27px !important;

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

    background: #C86F50 !important;

    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    letter-spacing: 2px !important;
    text-transform: uppercase !important;

    color: #FFFFFF !important;

    box-shadow: none !important;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease !important;
}


/* Arrow */

.athmenu-section .athmenu-button .elementor-button::after {
    content: "→" !important;

    margin-left: 15px !important;

    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1 !important;

    transition: transform 0.3s ease !important;
}


/* Button Hover */

.athmenu-section .athmenu-button .elementor-button:hover {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #4D8F96 !important;

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

.athmenu-section .athmenu-button .elementor-button:hover::after {
    transform: translateX(5px) !important;
}


/* =========================================================
   RIGHT IMAGE COLUMN
   ========================================================= */

.athmenu-section .athmenu-image-column.elementor-column {
    width: 52% !important;

    padding: 55px !important;

    position: relative !important;

    display: flex !important;
    align-items: stretch !important;
}


/* =========================================================
   IMAGE WRAPPER
   ========================================================= */

.athmenu-section .athmenu-image {
    width: 100% !important;
    height: 100% !important;

    min-height: 610px !important;

    position: relative !important;
    overflow: hidden !important;

    background: #333 !important;
}


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

.athmenu-section .athmenu-image img {
    width: 100% !important;
    height: 100% !important;

    min-height: 610px !important;

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

    display: block !important;

    transition:
        transform 1s cubic-bezier(.2,.6,.2,1),
        filter 0.6s ease !important;
}


/* Image Hover */

.athmenu-section .athmenu-image:hover img {
    transform: scale(1.045) !important;
}


/* =========================================================
   IMAGE OVERLAY
   ========================================================= */

.athmenu-section .athmenu-image::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background: linear-gradient(
        135deg,
        rgba(77,143,150,0.12),
        transparent 55%
    ) !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* =========================================================
   IMAGE FRAME
   ========================================================= */

.athmenu-section .athmenu-image::after {
    content: "" !important;

    position: absolute !important;
    inset: 18px !important;

    border: 1px solid rgba(255,255,255,0.45) !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* =========================================================
   LARGE BACKGROUND NUMBER
   ========================================================= */

.athmenu-section::before {
    content: "02" !important;

    position: absolute !important;

    right: 3% !important;
    bottom: -55px !important;

    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 210px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    letter-spacing: 4px !important;

    color: rgba(255,255,255,0.055) !important;

    pointer-events: none !important;

    z-index: 1 !important;
}


/* =========================================================
   SMALL ACCENT BLOCK
   ========================================================= */

.athmenu-section .athmenu-image-column::before {
    content: "" !important;

    position: absolute !important;

    width: 70px !important;
    height: 70px !important;

    left: 25px !important;
    bottom: 25px !important;

    background: #C86F50 !important;

    z-index: 3 !important;

    opacity: 0.95 !important;
}


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

@media (max-width: 1024px) {

    .athmenu-section .athmenu-layout.elementor-container {
        min-height: 650px !important;
    }

    .athmenu-section .athmenu-content-column.elementor-column {
        width: 50% !important;
        padding: 80px 6% !important;
    }

    .athmenu-section .athmenu-image-column.elementor-column {
        width: 50% !important;
        padding: 35px !important;
    }

    .athmenu-section .athmenu-image,
    .athmenu-section .athmenu-image img {
        min-height: 580px !important;
    }

    .athmenu-section .athmenu-title .elementor-heading-title {
        font-size: 60px !important;
    }

    .athmenu-section .athmenu-description p {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }

    .athmenu-section::before {
        font-size: 160px !important;
    }
}


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

@media (max-width: 767px) {

    .athmenu-section.elementor-section {
        padding: 0 !important;
    }

    .athmenu-section .athmenu-layout.elementor-container {
        display: flex !important;
        flex-direction: column !important;

        min-height: auto !important;
    }


    /* CONTENT */

    .athmenu-section .athmenu-content-column.elementor-column {
        width: 100% !important;

        padding: 72px 28px 62px !important;

        display: block !important;
    }

    .athmenu-section .athmenu-content {
        max-width: 100% !important;
    }


    /* Accent */

    .athmenu-section .athmenu-content::before {
        width: 50px !important;
        height: 3px !important;

        margin-bottom: 25px !important;
    }


    /* Label */

    .athmenu-section .athmenu-label .elementor-heading-title {
        font-size: 10px !important;
        letter-spacing: 3px !important;
    }


    /* Title */

    .athmenu-section .athmenu-title.elementor-widget-heading {
        margin: 16px 0 23px !important;
    }

    .athmenu-section .athmenu-title .elementor-heading-title {
        font-size: 48px !important;
        line-height: 0.94 !important;
        letter-spacing: 0.5px !important;
    }


    /* Description */

    .athmenu-section .athmenu-description {
        max-width: 100% !important;
    }

    .athmenu-section .athmenu-description p {
        font-size: 14px !important;
        line-height: 1.8 !important;
        margin-bottom: 16px !important;
    }


    /* Button */

    .athmenu-section .athmenu-button {
        margin-top: 30px !important;
    }

    .athmenu-section .athmenu-button .elementor-button {
        min-width: 175px !important;
        min-height: 53px !important;

        padding: 15px 21px !important;

        font-size: 10px !important;
        letter-spacing: 1.8px !important;
    }


    /* IMAGE */

    .athmenu-section .athmenu-image-column.elementor-column {
        width: 100% !important;

        padding: 0 20px 25px !important;
    }

    .athmenu-section .athmenu-image,
    .athmenu-section .athmenu-image img {
        min-height: 430px !important;
        height: 430px !important;
    }


    /* Image frame */

    .athmenu-section .athmenu-image::after {
        inset: 13px !important;
    }


    /* Accent block */

    .athmenu-section .athmenu-image-column::before {
        width: 55px !important;
        height: 55px !important;

        left: 7px !important;
        bottom: 10px !important;
    }


    /* Background number */

    .athmenu-section::before {
        font-size: 120px !important;

        right: -5px !important;
        bottom: 390px !important;
    }
}


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

@media (max-width: 480px) {

    .athmenu-section .athmenu-content-column.elementor-column {
        padding: 60px 22px 52px !important;
    }

    .athmenu-section .athmenu-title .elementor-heading-title {
        font-size: 42px !important;
    }

    .athmenu-section .athmenu-description p {
        font-size: 13px !important;
        line-height: 1.8 !important;
    }

    .athmenu-section .athmenu-image-column.elementor-column {
        padding: 0 15px 20px !important;
    }

    .athmenu-section .athmenu-image,
    .athmenu-section .athmenu-image img {
        min-height: 360px !important;
        height: 360px !important;
    }

    .athmenu-section .athmenu-image::after {
        inset: 11px !important;
    }

    .athmenu-section .athmenu-image-column::before {
        width: 45px !important;
        height: 45px !important;

        left: 3px !important;
        bottom: 7px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f9132e5 *//* =========================================================
   ATHENS — EVENTS SECTION
   NEW BRAND DESIGN
   Unique Namespace: athevents-
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap');


/* =========================================================
   MAIN SECTION
   ========================================================= */

.athevents-section.elementor-section {
    position: relative !important;
    overflow: hidden !important;

    background: #F5F6F4 !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   INNER SECTION
   ========================================================= */

.athevents-section .athevents-layout.elementor-container {
    width: 100% !important;
    max-width: 1440px !important;

    min-height: 720px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: stretch !important;

    position: relative !important;
}


/* =========================================================
   IMAGE COLUMN
   ========================================================= */

.athevents-section .athevents-image-column.elementor-column {
    width: 52% !important;

    padding: 55px !important;

    position: relative !important;

    display: flex !important;
    align-items: stretch !important;
}


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

.athevents-section .athevents-image {
    width: 100% !important;
    height: 100% !important;

    min-height: 610px !important;

    position: relative !important;
    overflow: hidden !important;

    background: #D9D9D9 !important;
}


.athevents-section .athevents-image img {
    width: 100% !important;
    height: 100% !important;

    min-height: 610px !important;

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

    display: block !important;

    transition:
        transform 1s cubic-bezier(.2,.6,.2,1),
        filter 0.6s ease !important;
}


/* Image Hover */

.athevents-section .athevents-image:hover img {
    transform: scale(1.045) !important;
}


/* =========================================================
   IMAGE OVERLAY
   ========================================================= */

.athevents-section .athevents-image::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background: linear-gradient(
        135deg,
        rgba(77,143,150,0.12),
        transparent 60%
    ) !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* =========================================================
   IMAGE FRAME
   ========================================================= */

.athevents-section .athevents-image::after {
    content: "" !important;

    position: absolute !important;
    inset: 18px !important;

    border: 1px solid rgba(255,255,255,0.5) !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* =========================================================
   IMAGE ACCENT BLOCK
   ========================================================= */

.athevents-section .athevents-image-column::before {
    content: "" !important;

    position: absolute !important;

    width: 70px !important;
    height: 70px !important;

    left: 25px !important;
    bottom: 25px !important;

    background: #C86F50 !important;

    z-index: 3 !important;

    opacity: 0.95 !important;
}


/* =========================================================
   CONTENT COLUMN
   ========================================================= */

.athevents-section .athevents-content-column.elementor-column {
    width: 48% !important;

    padding: 105px 9% 105px 7% !important;

    display: flex !important;
    align-items: center !important;

    position: relative !important;

    z-index: 3 !important;
}


/* =========================================================
   CONTENT WRAPPER
   ========================================================= */

.athevents-section .athevents-content {
    width: 100% !important;
    max-width: 560px !important;

    position: relative !important;
}


/* =========================================================
   DECORATIVE ACCENT
   ========================================================= */

.athevents-section .athevents-content::before {
    content: "" !important;

    display: block !important;

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

    background: #C86F50 !important;

    margin-bottom: 30px !important;
}


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

.athevents-section .athevents-label.elementor-widget-heading {
    margin: 0 0 16px !important;
    padding: 0 !important;
}


.athevents-section .athevents-label .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Montserrat', sans-serif !important;

    font-size: 12px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;

    letter-spacing: 4px !important;

    text-transform: uppercase !important;

    color: #4D8F96 !important;
}


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

.athevents-section .athevents-title.elementor-widget-heading {
    margin: 0 0 27px !important;
    padding: 0 !important;
}


.athevents-section .athevents-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Bebas Neue', sans-serif !important;

    font-size: clamp(58px, 6vw, 90px) !important;

    line-height: 0.92 !important;

    font-weight: 400 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase !important;

    color: #4D8F96 !important;
}


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

.athevents-section .athevents-description.elementor-widget-text-editor {
    max-width: 510px !important;

    margin: 0 !important;
    padding: 0 !important;
}


.athevents-section .athevents-description p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Montserrat', sans-serif !important;

    font-size: 15px !important;

    line-height: 1.85 !important;

    font-weight: 400 !important;

    color: #3F5558 !important;
}


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

.athevents-section .athevents-button.elementor-widget-button {
    margin-top: 38px !important;
}


.athevents-section .athevents-button .elementor-button {
    display: inline-flex !important;

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

    min-width: 225px !important;
    min-height: 56px !important;

    padding: 16px 26px !important;

    border: 1px solid #C86F50 !important;

    border-radius: 0 !important;

    background: #C86F50 !important;

    font-family: 'Montserrat', sans-serif !important;

    font-size: 10.5px !important;

    line-height: 1 !important;

    font-weight: 700 !important;

    letter-spacing: 2px !important;

    text-transform: uppercase !important;

    color: #FFFFFF !important;

    box-shadow: none !important;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease !important;
}


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

.athevents-section .athevents-button .elementor-button::after {
    content: "→" !important;

    margin-left: 15px !important;

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

    font-size: 17px !important;

    line-height: 1 !important;

    transition: transform 0.3s ease !important;
}


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

.athevents-section .athevents-button .elementor-button:hover {
    background: #4D8F96 !important;

    border-color: #4D8F96 !important;

    color: #FFFFFF !important;

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


.athevents-section .athevents-button .elementor-button:hover::after {
    transform: translateX(5px) !important;
}


/* =========================================================
   DECORATIVE NUMBER
   ========================================================= */

.athevents-section::before {
    content: "03" !important;

    position: absolute !important;

    left: -10px !important;
    bottom: -55px !important;

    font-family: 'Bebas Neue', sans-serif !important;

    font-size: 210px !important;

    line-height: 1 !important;

    font-weight: 400 !important;

    letter-spacing: 4px !important;

    color: rgba(77,143,150,0.055) !important;

    pointer-events: none !important;

    z-index: 1 !important;
}


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

@media (max-width: 1024px) {

    .athevents-section .athevents-layout.elementor-container {
        min-height: 650px !important;
    }


    .athevents-section .athevents-image-column.elementor-column {
        width: 50% !important;

        padding: 35px !important;
    }


    .athevents-section .athevents-content-column.elementor-column {
        width: 50% !important;

        padding: 80px 6% !important;
    }


    .athevents-section .athevents-image,
    .athevents-section .athevents-image img {
        min-height: 580px !important;
    }


    .athevents-section .athevents-title .elementor-heading-title {
        font-size: 60px !important;
    }


    .athevents-section .athevents-description p {
        font-size: 14px !important;

        line-height: 1.8 !important;
    }


    .athevents-section::before {
        font-size: 160px !important;
    }
}


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

@media (max-width: 767px) {

    .athevents-section.elementor-section {
        padding: 0 !important;
    }


    .athevents-section .athevents-layout.elementor-container {
        display: flex !important;

        flex-direction: column !important;

        min-height: auto !important;
    }


    /* CONTENT */

    .athevents-section .athevents-content-column.elementor-column {
        width: 100% !important;

        padding: 72px 28px 62px !important;

        display: block !important;

        order: 1 !important;
    }


    .athevents-section .athevents-content {
        max-width: 100% !important;
    }


    /* Accent */

    .athevents-section .athevents-content::before {
        width: 50px !important;

        height: 3px !important;

        margin-bottom: 25px !important;
    }


    /* Label */

    .athevents-section .athevents-label .elementor-heading-title {
        font-size: 10px !important;

        letter-spacing: 3px !important;
    }


    /* Title */

    .athevents-section .athevents-title.elementor-widget-heading {
        margin: 16px 0 23px !important;
    }


    .athevents-section .athevents-title .elementor-heading-title {
        font-size: 48px !important;

        line-height: 0.94 !important;

        letter-spacing: 0.5px !important;
    }


    /* Description */

    .athevents-section .athevents-description {
        max-width: 100% !important;
    }


    .athevents-section .athevents-description p {
        font-size: 14px !important;

        line-height: 1.8 !important;
    }


    /* Button */

    .athevents-section .athevents-button {
        margin-top: 30px !important;
    }


    .athevents-section .athevents-button .elementor-button {
        min-height: 53px !important;

        min-width: 215px !important;

        padding: 15px 21px !important;

        font-size: 9.5px !important;

        letter-spacing: 1.7px !important;
    }


    /* IMAGE */

    .athevents-section .athevents-image-column.elementor-column {
        width: 100% !important;

        padding: 0 20px 25px !important;

        order: 2 !important;
    }


    .athevents-section .athevents-image,
    .athevents-section .athevents-image img {
        min-height: 430px !important;

        height: 430px !important;
    }


    .athevents-section .athevents-image::after {
        inset: 13px !important;
    }


    /* Accent block */

    .athevents-section .athevents-image-column::before {
        width: 55px !important;
        height: 55px !important;

        left: 7px !important;
        bottom: 10px !important;
    }


    /* Background number */

    .athevents-section::before {
        font-size: 120px !important;

        left: -5px !important;

        bottom: 390px !important;
    }
}


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

@media (max-width: 480px) {

    .athevents-section .athevents-content-column.elementor-column {
        padding: 60px 22px 52px !important;
    }


    .athevents-section .athevents-title .elementor-heading-title {
        font-size: 42px !important;
    }


    .athevents-section .athevents-description p {
        font-size: 13px !important;

        line-height: 1.8 !important;
    }


    .athevents-section .athevents-image-column.elementor-column {
        padding: 0 15px 20px !important;
    }


    .athevents-section .athevents-image,
    .athevents-section .athevents-image img {
        min-height: 360px !important;

        height: 360px !important;
    }


    .athevents-section .athevents-image::after {
        inset: 11px !important;
    }


    .athevents-section .athevents-image-column::before {
        width: 45px !important;
        height: 45px !important;

        left: 3px !important;
        bottom: 7px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f1c82a9 */@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap');


/* =========================================================
   ATHENS — FIND US SECTION
   NEW BRAND DESIGN
   Unique Namespace: athfind-
   ========================================================= */

.athfind-section.elementor-section {
    position: relative !important;
    overflow: hidden !important;

    background: #4D8F96 !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   INNER SECTION
   ========================================================= */

.athfind-section .athfind-layout.elementor-container {
    width: 100% !important;
    max-width: 1440px !important;

    min-height: 650px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: stretch !important;

    position: relative !important;
}


/* =========================================================
   LEFT LOCATION COLUMN
   ========================================================= */

.athfind-section .athfind-location-column.elementor-column {
    width: 50% !important;

    padding: 100px 8% 100px 9% !important;

    display: flex !important;
    align-items: center !important;

    position: relative !important;

    z-index: 2 !important;
}


/* =========================================================
   LOCATION CONTENT
   ========================================================= */

.athfind-section .athfind-location {
    width: 100% !important;
    max-width: 500px !important;

    position: relative !important;
}


/* =========================================================
   DECORATIVE ACCENT
   ========================================================= */

.athfind-section .athfind-location::before {
    content: "" !important;

    display: block !important;

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

    background: #C86F50 !important;

    margin-bottom: 30px !important;
}


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

.athfind-section .athfind-label.elementor-widget-heading {
    margin: 0 0 16px !important;
    padding: 0 !important;
}


.athfind-section .athfind-label .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Montserrat', sans-serif !important;

    font-size: 12px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;

    letter-spacing: 4px !important;

    text-transform: uppercase !important;

    color: #FFFFFF !important;
}


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

.athfind-section .athfind-title.elementor-widget-heading {
    margin: 0 0 30px !important;
    padding: 0 !important;
}


.athfind-section .athfind-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Bebas Neue', sans-serif !important;

    font-size: clamp(65px, 7vw, 105px) !important;

    line-height: 0.88 !important;

    font-weight: 400 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase !important;

    color: #FFFFFF !important;
}


/* =========================================================
   ADDRESS
   ========================================================= */

.athfind-section .athfind-address {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Montserrat', sans-serif !important;

    font-size: 16px !important;

    line-height: 1.9 !important;

    font-weight: 400 !important;

    color: rgba(255,255,255,0.92) !important;
}


.athfind-section .athfind-address p {
    margin: 0 !important;
}


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

.athfind-section .athfind-contact {
    margin-top: 27px !important;

    padding-top: 25px !important;

    border-top: 1px solid rgba(255,255,255,0.25) !important;

    font-family: 'Montserrat', sans-serif !important;

    font-size: 13px !important;

    line-height: 1.9 !important;

    color: rgba(255,255,255,0.82) !important;
}


.athfind-section .athfind-contact p {
    margin: 0 !important;
}


/* Phone */

.athfind-section .athfind-contact a {
    color: #FFFFFF !important;

    text-decoration: none !important;

    transition: color 0.3s ease, opacity 0.3s ease !important;
}


.athfind-section .athfind-contact a:hover {
    color: #C86F50 !important;

    opacity: 1 !important;
}


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

.athfind-section .athfind-directions {
    margin-top: 35px !important;
}


.athfind-section .athfind-directions .elementor-button {
    display: inline-flex !important;

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

    min-width: 185px !important;
    min-height: 55px !important;

    padding: 16px 24px !important;

    border: 1px solid #C86F50 !important;

    border-radius: 0 !important;

    background: #C86F50 !important;

    font-family: 'Montserrat', sans-serif !important;

    font-size: 10px !important;

    line-height: 1 !important;

    font-weight: 700 !important;

    letter-spacing: 2px !important;

    text-transform: uppercase !important;

    color: #FFFFFF !important;

    box-shadow: none !important;

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease !important;
}


.athfind-section .athfind-directions .elementor-button::after {
    content: "→" !important;

    margin-left: 14px !important;

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

    font-size: 17px !important;

    transition: transform 0.3s ease !important;
}


.athfind-section .athfind-directions .elementor-button:hover {
    background: #FFFFFF !important;

    border-color: #FFFFFF !important;

    color: #4D8F96 !important;

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


.athfind-section .athfind-directions .elementor-button:hover::after {
    transform: translateX(5px) !important;
}


/* =========================================================
   RIGHT DETAILS COLUMN
   ========================================================= */

.athfind-section .athfind-details-column.elementor-column {
    width: 50% !important;

    padding: 100px 9% 100px 8% !important;

    display: flex !important;
    align-items: center !important;

    background: #F5F6F4 !important;

    position: relative !important;

    z-index: 2 !important;
}


/* =========================================================
   DETAILS WRAPPER
   ========================================================= */

.athfind-section .athfind-details {
    width: 100% !important;
    max-width: 520px !important;
}


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

.athfind-section .athfind-details-title.elementor-widget-heading {
    margin: 0 0 40px !important;
    padding: 0 !important;
}


.athfind-section .athfind-details-title .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Bebas Neue', sans-serif !important;

    font-size: 50px !important;

    line-height: 0.95 !important;

    font-weight: 400 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase !important;

    color: #4D8F96 !important;
}


/* =========================================================
   TRAVEL DETAILS
   ========================================================= */

.athfind-section .athfind-metro,
.athfind-section .athfind-foot,
.athfind-section .athfind-airport {
    margin: 0 !important;

    padding: 0 0 27px !important;

    font-family: 'Montserrat', sans-serif !important;

    font-size: 13.5px !important;

    line-height: 1.85 !important;

    font-weight: 400 !important;

    color: #53676A !important;

    border-bottom: 1px solid rgba(77,143,150,0.18) !important;
}


.athfind-section .athfind-foot,
.athfind-section .athfind-airport {
    padding-top: 27px !important;
}


.athfind-section .athfind-airport {
    padding-bottom: 0 !important;

    border-bottom: none !important;
}


.athfind-section .athfind-metro strong,
.athfind-section .athfind-foot strong,
.athfind-section .athfind-airport strong {
    display: block !important;

    margin-bottom: 8px !important;

    font-family: 'Montserrat', sans-serif !important;

    font-size: 10px !important;

    line-height: 1.4 !important;

    font-weight: 700 !important;

    letter-spacing: 2px !important;

    text-transform: uppercase !important;

    color: #C86F50 !important;
}


.athfind-section .athfind-metro p,
.athfind-section .athfind-foot p,
.athfind-section .athfind-airport p {
    margin: 0 !important;
}


/* =========================================================
   DECORATIVE BACKGROUND NUMBER
   ========================================================= */

.athfind-section::before {
    content: "04" !important;

    position: absolute !important;

    left: 42% !important;

    bottom: -65px !important;

    font-family: 'Bebas Neue', sans-serif !important;

    font-size: 210px !important;

    line-height: 1 !important;

    font-weight: 400 !important;

    letter-spacing: 4px !important;

    color: rgba(77,143,150,0.055) !important;

    pointer-events: none !important;

    z-index: 1 !important;
}


/* =========================================================
   SMALL ACCENT DETAIL
   ========================================================= */

.athfind-section .athfind-details-column::after {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    right: 0 !important;

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

    background: #C86F50 !important;

    opacity: 0.9 !important;
}


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

@media (max-width: 1024px) {

    .athfind-section .athfind-layout.elementor-container {
        min-height: 600px !important;
    }


    .athfind-section .athfind-location-column.elementor-column {
        width: 50% !important;

        padding: 75px 6% !important;
    }


    .athfind-section .athfind-details-column.elementor-column {
        width: 50% !important;

        padding: 75px 6% !important;
    }


    .athfind-section .athfind-title .elementor-heading-title {
        font-size: 75px !important;
    }


    .athfind-section .athfind-details-title .elementor-heading-title {
        font-size: 43px !important;
    }


    .athfind-section .athfind-address {
        font-size: 15px !important;
    }


    .athfind-section .athfind-metro,
    .athfind-section .athfind-foot,
    .athfind-section .athfind-airport {
        font-size: 13px !important;
    }


    .athfind-section::before {
        font-size: 160px !important;
    }
}


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

@media (max-width: 767px) {

    .athfind-section .athfind-layout.elementor-container {
        display: flex !important;

        flex-direction: column !important;

        min-height: auto !important;
    }


    /* LOCATION */

    .athfind-section .athfind-location-column.elementor-column {
        width: 100% !important;

        padding: 72px 28px 65px !important;

        display: block !important;
    }


    .athfind-section .athfind-location {
        max-width: 100% !important;
    }


    .athfind-section .athfind-location::before {
        width: 50px !important;

        height: 3px !important;

        margin-bottom: 25px !important;
    }


    .athfind-section .athfind-label .elementor-heading-title {
        font-size: 10px !important;

        letter-spacing: 3px !important;
    }


    .athfind-section .athfind-title.elementor-widget-heading {
        margin: 16px 0 27px !important;
    }


    .athfind-section .athfind-title .elementor-heading-title {
        font-size: 62px !important;

        line-height: 0.9 !important;

        letter-spacing: 0.5px !important;
    }


    .athfind-section .athfind-address {
        font-size: 14px !important;

        line-height: 1.8 !important;
    }


    .athfind-section .athfind-contact {
        margin-top: 23px !important;

        padding-top: 21px !important;

        font-size: 12.5px !important;
    }


    .athfind-section .athfind-directions {
        margin-top: 30px !important;
    }


    .athfind-section .athfind-directions .elementor-button {
        min-width: 180px !important;

        min-height: 53px !important;

        font-size: 9.5px !important;
    }


    /* DETAILS */

    .athfind-section .athfind-details-column.elementor-column {
        width: 100% !important;

        padding: 65px 28px 70px !important;

        display: block !important;
    }


    .athfind-section .athfind-details {
        max-width: 100% !important;
    }


    .athfind-section .athfind-details-title.elementor-widget-heading {
        margin-bottom: 32px !important;
    }


    .athfind-section .athfind-details-title .elementor-heading-title {
        font-size: 40px !important;
    }


    .athfind-section .athfind-metro,
    .athfind-section .athfind-foot,
    .athfind-section .athfind-airport {
        font-size: 13px !important;

        line-height: 1.8 !important;
    }


    .athfind-section .athfind-details-column::after {
        width: 100% !important;

        height: 4px !important;

        top: auto !important;
        bottom: 0 !important;
    }


    .athfind-section::before {
        font-size: 120px !important;

        left: -5px !important;

        bottom: 420px !important;
    }
}


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

@media (max-width: 480px) {

    .athfind-section .athfind-location-column.elementor-column {
        padding: 60px 22px 55px !important;
    }


    .athfind-section .athfind-title .elementor-heading-title {
        font-size: 54px !important;
    }


    .athfind-section .athfind-address {
        font-size: 13.5px !important;
    }


    .athfind-section .athfind-details-column.elementor-column {
        padding: 55px 22px 60px !important;
    }


    .athfind-section .athfind-details-title .elementor-heading-title {
        font-size: 35px !important;
    }


    .athfind-section .athfind-metro,
    .athfind-section .athfind-foot,
    .athfind-section .athfind-airport {
        font-size: 12.5px !important;
    }


    .athfind-section::before {
        font-size: 100px !important;

        bottom: 400px !important;
    }
}/* End custom CSS */