.elementor-1527 .elementor-element.elementor-element-8ba646a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1527 .elementor-element.elementor-element-60a50a2{--display:flex;--z-index:2;}.elementor-1527 .elementor-element.elementor-element-8c8dce0 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-1527 .elementor-element.elementor-element-8c8dce0 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-1527 .elementor-element.elementor-element-8c8dce0 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-1527 .elementor-element.elementor-element-8c8dce0 .jet-listing-dynamic-field__content{text-align:left;}/* Start custom CSS for container, class: .elementor-element-60a50a2 *//*.third-circle-mask {*/
/*    aspect-ratio: 632 / 213;*/

/*    -webkit-mask-image: url(/wp-content/uploads/2026/08/third-circle-cutout.svg);*/
/*    -webkit-mask-position: center top;*/
/*    -webkit-mask-repeat: no-repeat;*/
/*    -webkit-mask-size: 100% auto;*/

/*    mask-image: url(/wp-content/uploads/2026/08/third-circle-cutout.svg);*/
/*    mask-position: center top;*/
/*    mask-repeat: no-repeat;*/
/*    mask-size: 100% auto;*/
/*}*/

/*.graphic-orientation-top{*/
    
/*}*/

/*.graphic-orientation-right{*/
    
/*}*/

/*.graphic-orientation-bottom{*/
    
/*}*/

/*.graphic-orientation-left{*/
    
/*}*//* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-8c8dce0 */.elementor .mask-circle {
    aspect-ratio: 1;
    width: 100%;
    mask: radial-gradient(circle, transparent 0 45%, #000 45% 100%);
    clip-path: circle(50% at 50% 50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ba646a *//* =========
   HERO GRAPHIC COMPONENT
========= */

.hero-graphic-img {
    --graphic-overlap: 4rem;
    --side-ratio: calc(213 / 632);

    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    overflow: visible;
}


/* =========
   THIRD-CIRCLE MASK — BASE
========= */

.third-circle-mask {
    flex: 0 0 auto;

    position: relative;
    z-index: 3;

    margin: 0;

    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;

    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
}


/* =========
   REGULAR CIRCLE
========= */

/*.mask-circle {*/
/*    aspect-ratio: 1 / 1;*/

/*    flex: 0 0 auto;*/

/*    position: relative;*/
/*    z-index: 2;*/

/*    margin: 0;*/

/*    border-radius: 50%;*/
/*    overflow: hidden;*/
/*}*/

/*.mask-circle img {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

.mask-circle {
    width: 100%;
    aspect-ratio: 1 / 1;

    position: relative;
    z-index: 2;

    overflow: hidden;
    border-radius: 50%;
}


/* =========
   JETENGINE LISTING GRID
========= */

.hero-graphic-img .mask-circle .jet-listing-grid {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;
}

.hero-graphic-img .mask-circle .jet-listing-grid__items,
.hero-graphic-img .mask-circle .jet-listing-grid__slider,
.hero-graphic-img .mask-circle .slick-list,
.hero-graphic-img .mask-circle .slick-track,
.hero-graphic-img .mask-circle .slick-slide,
.hero-graphic-img .mask-circle .slick-slide > div,
.hero-graphic-img .mask-circle .jet-listing-grid__item {
    width: 100%;
    height: 100%;
}


/* =========
   DYNAMIC FIELD WRAPPERS
========= */

.hero-graphic-img .mask-circle .elementor-widget-jet-listing-dynamic-field,
.hero-graphic-img .mask-circle .elementor-widget-container,
.hero-graphic-img .mask-circle .jet-listing-dynamic-field,
.hero-graphic-img .mask-circle .jet-listing-dynamic-field__content {
    width: 100%;
    height: 100%;
}


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

.hero-graphic-img .mask-circle img {
    position: absolute;
    inset: 0;

    display: block;

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

    max-width: none !important;

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


/* =========
   TOP
========= */

.hero-graphic-img:has(.graphic-orientation-top) {
    flex-direction: column;
}

.hero-graphic-img:has(.graphic-orientation-top) .mask-circle {
    width: 100%;
    margin-top: calc(var(--graphic-overlap) * -1);
}

.graphic-orientation-top {
    width: 100%;
    aspect-ratio: 632 / 213;

    -webkit-mask-image:
        url("/wp-content/uploads/2026/08/third-circle-cutout-top.svg");

    mask-image:
        url("/wp-content/uploads/2026/08/third-circle-cutout-top.svg");
}


/* =========
   BOTTOM
========= */

.hero-graphic-img:has(.graphic-orientation-bottom) {
    flex-direction: column-reverse;
}

.hero-graphic-img:has(.graphic-orientation-bottom) .mask-circle {
    width: 100%;
    margin-bottom: calc(var(--graphic-overlap) * -1);
}

.graphic-orientation-bottom {
    width: 100%;
    aspect-ratio: 632 / 213;

    -webkit-mask-image:
        url("/wp-content/uploads/2026/08/third-circle-cutout-bottom.svg");

    mask-image:
        url("/wp-content/uploads/2026/08/third-circle-cutout-bottom.svg");
}


/* =========
   LEFT & RIGHT
========= */

.hero-graphic-img:has(.graphic-orientation-left),
.hero-graphic-img:has(.graphic-orientation-right) {
    /*
     * Circle diameter:
     *
     * (container width + overlap)
     * --------------------------------
     * (1 + 213/632)
     *
     * This ensures:
     *
     * circle + side mask - overlap = 100%
     */
    --circle-size:
        calc(
            (100% + var(--graphic-overlap))
            /
            (1 + (213 / 632))
        );
}


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

.hero-graphic-img:has(.graphic-orientation-right) {
    flex-direction: row-reverse;
}

.hero-graphic-img:has(.graphic-orientation-right) .mask-circle {
    width: var(--circle-size);

    margin-right: calc(var(--graphic-overlap) * -1);
}

.graphic-orientation-right {
    /*
     * Side mask width is derived from the circle diameter.
     * Its height will therefore equal the circle diameter.
     */
    width: calc(var(--circle-size) * 213 / 632);
    aspect-ratio: 213 / 632;

    -webkit-mask-image:
        url("/wp-content/uploads/2026/08/third-circle-cutout-right.svg");

    mask-image:
        url("/wp-content/uploads/2026/08/third-circle-cutout-right.svg");
}


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

.hero-graphic-img:has(.graphic-orientation-left) {
    flex-direction: row;
}

.hero-graphic-img:has(.graphic-orientation-left) .mask-circle {
    width: var(--circle-size);

    margin-left: calc(var(--graphic-overlap) * -1);
}

.graphic-orientation-left {
    width: calc(var(--circle-size) * 213 / 632);
    aspect-ratio: 213 / 632;

    -webkit-mask-image:
        url("/wp-content/uploads/2026/08/third-circle-cutout-left.svg");

    mask-image:
        url("/wp-content/uploads/2026/08/third-circle-cutout-left.svg");
}/* End custom CSS */