.elementor-491 .elementor-element.elementor-element-f3be84d{--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:stretch;--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-491 .elementor-element.elementor-element-cb71179{--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:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-833e090{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-00d5cc3{--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:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.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-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-491 .elementor-element.elementor-element-40ac945{--display:flex;}.elementor-491 .elementor-element.elementor-element-31af6cc{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-491 .elementor-element.elementor-element-3e41ef8{text-align:center;}.elementor-491 .elementor-element.elementor-element-22216dd{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-2b4056c{--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:stretch;--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-491 .elementor-element.elementor-element-7615348{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-491 .elementor-element.elementor-element-df768a7{--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:space-between;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-22c0af4{--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-7f95d52 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-491 .elementor-element.elementor-element-b5a5295 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:54px;font-weight:500;color:var( --e-global-color-accent );}.elementor-491 .elementor-element.elementor-element-c1e874d{--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-f87b388{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-491 .elementor-element.elementor-element-9829d38{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-05da1bc );}.elementor-491 .elementor-element.elementor-element-9acc9a5{--display:flex;}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-491 .elementor-element.elementor-element-10f9c57{--grid-columns:3;}.elementor-491 .elementor-element.elementor-element-10f9c57 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-491 .elementor-element.elementor-element-530da24{--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:stretch;--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-491 .elementor-element.elementor-element-19f494b{--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:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-35f3ddc{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-640cede .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-weight:600;}.elementor-491 .elementor-element.elementor-element-d44590c .elementor-heading-title{color:#3F6980;}.elementor-491 .elementor-element.elementor-element-8de371f{--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-b7699b8{--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-bbe3752{--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:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-491 .elementor-element.elementor-element-e20703d{--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:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-7a4e2fd{--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:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-491 .elementor-element.elementor-element-d6eb9f7{--display:flex;}.elementor-491 .elementor-element.elementor-element-bb84750{--display:flex;}.elementor-491 .elementor-element.elementor-element-a08da47{--display:flex;}.elementor-491 .elementor-element.elementor-element-a274e96{--display:flex;}.elementor-491 .elementor-element.elementor-element-d2b20cc{--display:flex;}.elementor-491 .elementor-element.elementor-element-b7f0a3d{--display:flex;}.elementor-491 .elementor-element.elementor-element-9edfec6{--display:flex;}.elementor-491 .elementor-element.elementor-element-4821f00{--n-accordion-title-font-size:1rem;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-491 .elementor-element.elementor-element-104b0ad{--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:stretch;--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-491 .elementor-element.elementor-element-a3646ff{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-f3f3f9b{--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:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-7c04602{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-491 .elementor-element.elementor-element-97ec01f{--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-491 .elementor-element.elementor-element-45f4581{--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-491 .elementor-element.elementor-element-8ce1bab{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-491 .elementor-element.elementor-element-b5a5295 .elementor-heading-title{font-size:46px;}.elementor-491 .elementor-element.elementor-element-10f9c57{--grid-columns:2;}}@media(max-width:767px){.elementor-491 .elementor-element.elementor-element-b5a5295 .elementor-heading-title{font-size:38px;}.elementor-491 .elementor-element.elementor-element-10f9c57{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-f3be84d *//* =========================================================
   UBUD CYCLING TOUR
   INNER PAGE HERO — EDITORIAL GATEWAY

   REUSABLE FOR:
   - ABOUT US
   - CONTACT US
   - PACKAGES
   - GALLERY
   - FAQ
   - OTHER INNER PAGES

   CSS CONTROLS:
   - TYPOGRAPHY
   - COLORS
   - HEIGHT
   - SPACING
   - IMAGE
   - RESPONSIVE
   - ANIMATION
   - MICRO INTERACTIONS

   FONTS:
   - EL MESSIRI
   - DM SANS
========================================================= */


/* =========================================================
   01. ROOT
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d {
    --ih-sky: #7DB7D8;
    --ih-sky-dark: #5E9FC5;
    --ih-sky-soft: #EAF6FB;

    --ih-navy: #153247;
    --ih-text: #536772;

    --ih-bg: #FBFAF7;
    --ih-cream: #F6F1E8;
    --ih-white: #FFFFFF;

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

    background:
        linear-gradient(
            145deg,
            #FBFAF7 0%,
            #FBFAF7 63%,
            #F6F8F7 100%
        );
}


/* =========================================================
   02. AMBIENT SKY LIGHT
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    top: -350px;
    left: -180px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.15) 0%,
            rgba(125,183,216,.05) 42%,
            transparent 72%
        );

    filter: blur(24px);

    animation:
        innerHeroAmbient
        15s ease-in-out infinite alternate;
}


@keyframes innerHeroAmbient {

    from {
        transform:
            translate3d(0,0,0)
            scale(.96);
    }

    to {
        transform:
            translate3d(34px,25px,0)
            scale(1.06);
    }

}


/* =========================================================
   03. BOTTOM DECORATIVE CIRCLE
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d::after {
    content: "";

    position: absolute;

    width: 330px;
    height: 330px;

    right: -210px;
    bottom: -215px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    border:
        1px solid
        rgba(21,50,71,.035);

    box-shadow:
        0 0 0 38px
        rgba(21,50,71,.008),
        0 0 0 76px
        rgba(21,50,71,.004);
}


/* =========================================================
   04. SHELL
   SHORTER THAN HOMEPAGE HERO
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-shell {
    position: relative;

    z-index: 2;

    display:
        grid !important;

    grid-template-columns:
        minmax(0,.90fr)
        minmax(0,1.10fr);

    align-items:
        center !important;

    width:
        min(calc(100% - 64px),1280px) !important;

    max-width:
        1280px !important;

    min-width:
        0 !important;

    min-height:
        510px;

    margin-inline:
        auto !important;

    gap:
        clamp(56px,6vw,94px);

    padding-top:
        66px;

    padding-bottom:
        62px;
}


/* =========================================================
   05. SUBTLE EDITORIAL GRID
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-shell::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: -4;

    pointer-events: none;

    opacity: .13;

    background-image:
        linear-gradient(
            rgba(21,50,71,.019) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(21,50,71,.019) 1px,
            transparent 1px
        );

    background-size:
        62px 62px;

    -webkit-mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 42%,
            transparent 73%
        );

    mask-image:
        linear-gradient(
            to right,
            #000 0%,
            #000 42%,
            transparent 73%
        );
}


/* =========================================================
   06. CONTENT
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-content {
    position: relative;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    width:
        100% !important;

    max-width:
        560px;

    min-width:
        0 !important;
}


/* =========================================================
   07. CONTENT SIDE DETAIL
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-content::before {
    content: "";

    position: absolute;

    left: -28px;
    top: 17%;

    width: 1px;
    height: 66%;

    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(125,183,216,.32),
            rgba(125,183,216,.10),
            transparent
        );
}


/* =========================================================
   08. META ROW
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-meta {
    position: relative;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    width:
        100% !important;

    max-width:
        520px;

    min-width:
        0 !important;

    gap:
        20px;

    margin-bottom:
        24px;

    padding-bottom:
        15px;

    border-bottom:
        1px solid
        rgba(21,50,71,.075);
}


/* =========================================================
   09. BREADCRUMB
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb p,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .075em !important;

    color:
        var(--ih-sky-dark) !important;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb {
    position: relative;

    width:
        auto !important;

    margin:
        0 !important;

    padding-left:
        30px;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width:
        18px;

    height:
        1px;

    transform:
        translateY(-50%);

    background:
        var(--ih-sky);
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb::after {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width:
        4px;

    height:
        4px;

    transform:
        translateY(-50%);

    border-radius:
        50%;

    background:
        var(--ih-sky);

    box-shadow:
        0 0 0 4px
        rgba(125,183,216,.08);

    animation:
        innerBreadcrumbDot
        5s ease-in-out infinite;
}


@keyframes innerBreadcrumbDot {

    0%,
    100% {
        transform:
            translate(0,-50%);
    }

    50% {
        transform:
            translate(14px,-50%);
    }

}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb p {
    margin:
        0 !important;
}


/* =========================================================
   10. PAGE NUMBER
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-number,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-number p,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-number span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        .06em !important;

    color:
        var(--ih-text) !important;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-number {
    width:
        fit-content !important;

    margin:
        0 !important;

    padding:
        7px 10px;

    border:
        1px solid
        rgba(21,50,71,.09);

    border-radius:
        999px;

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


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-number p {
    margin:
        0 !important;
}


/* =========================================================
   11. MAIN H1
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title
.elementor-heading-title {
    width:
        100% !important;

    max-width:
        540px;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    font-family:
        "El Messiri", sans-serif !important;

    font-size:
        52px !important;

    font-weight:
        500 !important;

    line-height:
        1.04 !important;

    letter-spacing:
        -.025em !important;

    color:
        var(--ih-navy) !important;
}


/* =========================================================
   12. TITLE REVEAL ACCENT
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title::after {
    content: "";

    display: block;

    width:
        64px;

    height:
        2px;

    margin-top:
        22px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            var(--ih-sky),
            rgba(125,183,216,.08)
        );

    transition:
        width .5s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-content:hover
.uct-inner-hero-title::after {
    width:
        108px;
}


/* =========================================================
   13. DESCRIPTION
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description p,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        400 !important;

    line-height:
        1.65 !important;

    letter-spacing:
        0 !important;

    color:
        var(--ih-text) !important;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description {
    width:
        100% !important;

    max-width:
        490px;

    margin-top:
        22px;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description p {
    margin:
        0 !important;
}


/* =========================================================
   14. BOTTOM ACCENT
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent {
    position: relative;

    width:
        100% !important;

    max-width:
        355px;

    height:
        1px;

    min-height:
        1px !important;

    margin-top:
        28px;

    overflow:
        visible;

    background:
        rgba(21,50,71,.075);
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent::before {
    content: "";

    position: absolute;

    left:
        0;

    top:
        -1px;

    width:
        48px;

    height:
        3px;

    border-radius:
        999px;

    background:
        var(--ih-sky);

    animation:
        innerAccentBreath
        4.5s ease-in-out infinite;
}


@keyframes innerAccentBreath {

    0%,
    100% {
        width:
            48px;

        opacity:
            .65;
    }

    50% {
        width:
            86px;

        opacity:
            1;
    }

}


/* =========================================================
   =========================================================
   VISUAL
   =========================================================
========================================================= */


/* =========================================================
   15. VISUAL WRAPPER
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual {
    position: relative;

    width:
        100% !important;

    height:
        385px;

    min-width:
        0 !important;

    overflow:
        visible;

    isolation:
        isolate;
}


/* =========================================================
   16. ABSTRACT BACKPLATE
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual::before {
    content: "";

    position: absolute;

    width:
        42%;

    height:
        74%;

    left:
        -18px;

    top:
        -16px;

    z-index:
        -2;

    pointer-events: none;

    border-radius:
        28px 115px 28px 28px;

    background:
        linear-gradient(
            145deg,
            var(--ih-sky-soft),
            rgba(125,183,216,.17)
        );
}


/* =========================================================
   17. DECORATIVE ORBIT
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual::after {
    content: "";

    position: absolute;

    width:
        150px;

    height:
        150px;

    right:
        -42px;

    bottom:
        -52px;

    z-index:
        -3;

    pointer-events: none;

    border-radius:
        50%;

    border:
        1px solid
        rgba(21,50,71,.055);

    box-shadow:
        0 0 0 24px
        rgba(125,183,216,.02),
        0 0 0 48px
        rgba(125,183,216,.01);

    animation:
        innerOrbitMove
        14s linear infinite;
}


@keyframes innerOrbitMove {

    from {
        transform:
            rotate(0deg)
            scale(1);
    }

    50% {
        transform:
            rotate(180deg)
            scale(1.04);
    }

    to {
        transform:
            rotate(360deg)
            scale(1);
    }

}


/* =========================================================
   18. IMAGE WIDGET
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-image {
    position:
        absolute !important;

    inset:
        0 !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden;

    border-radius:
        24px 82px 24px 24px;

    background:
        var(--ih-sky-soft);

    box-shadow:
        0 24px 58px
        rgba(21,50,71,.12);

    transform:
        translateZ(0);

    transition:
        transform .6s
        cubic-bezier(.2,.8,.2,1),
        box-shadow .55s ease;
}


/* Elementor image wrapper */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-image
.elementor-widget-container {
    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden;

    border-radius:
        inherit;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-image a {
    display:
        block;

    width:
        100%;

    height:
        100%;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-image img {
    display:
        block;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    object-fit:
        cover !important;

    object-position:
        center center;

    transform:
        scale(1.02);

    filter:
        saturate(.95)
        contrast(.98)
        brightness(1.01);

    transition:
        transform 1.3s
        cubic-bezier(.2,.8,.2,1),
        filter .65s ease;
}


/* =========================================================
   19. IMAGE OVERLAY
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-image::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index:
        2;

    pointer-events:
        none;

    background:
        linear-gradient(
            180deg,
            rgba(21,50,71,.01),
            transparent 55%,
            rgba(21,50,71,.12)
        );
}


/* =========================================================
   20. IMAGE HOVER
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual:hover
.uct-inner-hero-image {
    transform:
        translateY(-5px);

    box-shadow:
        0 32px 70px
        rgba(21,50,71,.16);
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual:hover
.uct-inner-hero-image img {
    transform:
        scale(1.06);

    filter:
        saturate(.99)
        contrast(.99)
        brightness(1.02);
}


/* =========================================================
   21. LIGHT SWEEP OVER VISUAL
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-image::before {
    content: "";

    position: absolute;

    width:
        70px;

    height:
        170%;

    top:
        -35%;

    left:
        -110px;

    z-index:
        4;

    pointer-events:
        none;

    opacity:
        0;

    transform:
        skewX(-20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual:hover
.uct-inner-hero-image::before {
    animation:
        innerHeroImageSweep
        .95s ease forwards;
}


@keyframes innerHeroImageSweep {

    0% {
        left:
            -110px;

        opacity:
            0;
    }

    18% {
        opacity:
            1;
    }

    100% {
        left:
            120%;

        opacity:
            0;
    }

}


/* =========================================================
   22. LOCATION CARD
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-location {
    position:
        absolute !important;

    left:
        -28px;

    bottom:
        24px;

    z-index:
        8;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    width:
        auto !important;

    min-width:
        170px;

    max-width:
        230px;

    padding:
        14px 18px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(255,255,255,.65);

    border-radius:
        14px 42px 14px 14px;

    background:
        rgba(251,250,247,.88);

    -webkit-backdrop-filter:
        blur(14px);

    backdrop-filter:
        blur(14px);

    box-shadow:
        0 18px 44px
        rgba(21,50,71,.12);

    transition:
        transform .45s
        cubic-bezier(.2,.8,.2,1),
        box-shadow .4s ease;
}


/* location accent */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-location::before {
    content: "";

    position: absolute;

    width:
        30px;

    height:
        2px;

    left:
        18px;

    top:
        0;

    border-radius:
        999px;

    background:
        var(--ih-sky);

    transition:
        width .4s ease;
}


/* subtle circle */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-location::after {
    content: "";

    position: absolute;

    width:
        70px;

    height:
        70px;

    right:
        -36px;

    bottom:
        -38px;

    z-index:
        -1;

    border-radius:
        50%;

    background:
        rgba(125,183,216,.09);
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-location:hover {
    transform:
        translateY(-5px);

    box-shadow:
        0 24px 52px
        rgba(21,50,71,.15);
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-location:hover::before {
    width:
        58px;
}


/* =========================================================
   23. LOCATION LABEL
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-label,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-label p,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-label span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .09em !important;

    color:
        var(--ih-sky-dark) !important;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-label {
    margin:
        0 0 4px !important;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-label p {
    margin:
        0 !important;
}


/* =========================================================
   24. LOCATION TEXT
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-text,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-text p,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-text span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        .025em !important;

    color:
        var(--ih-navy) !important;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-text {
    margin:
        0 !important;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-text p {
    margin:
        0 !important;
}


/* =========================================================
   25. VISUAL INDEX
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index p,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    color:
        #FFFFFF !important;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index {
    position:
        absolute !important;

    top:
        15px;

    right:
        15px;

    z-index:
        8;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        36px !important;

    height:
        36px !important;

    margin:
        0 !important;

    border:
        1px solid
        rgba(255,255,255,.28);

    border-radius:
        50%;

    background:
        rgba(21,50,71,.22);

    -webkit-backdrop-filter:
        blur(10px);

    backdrop-filter:
        blur(10px);

    box-shadow:
        0 8px 18px
        rgba(21,50,71,.08);

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


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index p {
    margin:
        0 !important;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual:hover
.uct-inner-visual-index {
    transform:
        rotate(8deg)
        scale(1.07);

    background:
        rgba(21,50,71,.34);
}


/* =========================================================
   =========================================================
   ENTRANCE ANIMATIONS
   =========================================================
========================================================= */


/* =========================================================
   26. INITIAL REVEAL
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-meta,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description,
.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent {
    animation:
        innerHeroTextReveal
        .7s
        cubic-bezier(.2,.8,.2,1)
        both;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-meta {
    animation-delay:
        .08s;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title {
    animation-delay:
        .15s;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description {
    animation-delay:
        .23s;
}


.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent {
    animation-delay:
        .30s;
}


@keyframes innerHeroTextReveal {

    from {
        opacity:
            0;

        transform:
            translateY(18px);
    }

    to {
        opacity:
            1;

        transform:
            translateY(0);
    }

}


/* image reveal */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual {
    animation:
        innerHeroVisualReveal
        .85s
        cubic-bezier(.2,.8,.2,1)
        .12s both;
}


@keyframes innerHeroVisualReveal {

    from {
        opacity:
            0;

        transform:
            translateX(22px)
            scale(.985);
    }

    to {
        opacity:
            1;

        transform:
            translateX(0)
            scale(1);
    }

}


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

@media (max-width:1024px) {

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-shell {
        width:
            min(calc(100% - 48px),960px) !important;

        grid-template-columns:
            minmax(0,.92fr)
            minmax(0,1.08fr);

        min-height:
            455px;

        gap:
            46px;

        padding-top:
            56px;

        padding-bottom:
            54px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title
    .elementor-heading-title {
        font-size:
            44px !important;

        line-height:
            1.06 !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description p {
        font-size:
            14px !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb p {
        font-size:
            10px !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-number,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-number p {
        font-size:
            10px !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual {
        height:
            340px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-image {
        border-radius:
            22px 68px 22px 22px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-location {
        left:
            -20px;

        bottom:
            18px;
    }

}


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

@media (max-width:820px) {

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-shell {
        display:
            grid !important;

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,.92fr);

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

        min-height:
            430px;

        gap:
            34px;

        padding-top:
            50px;

        padding-bottom:
            50px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-content::before {
        display:
            none;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title
    .elementor-heading-title {
        font-size:
            40px !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-meta {
        margin-bottom:
            19px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description {
        margin-top:
            19px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual {
        height:
            310px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-location {
        left:
            -14px;

        min-width:
            150px;

        padding:
            12px 15px;
    }

}


/* =========================================================
   MOBILE
   <= 767PX
========================================================= */

@media (max-width:767px) {

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-shell {
        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

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

        min-height:
            0;

        gap:
            32px;

        padding-top:
            48px;

        padding-bottom:
            48px;
    }


    /* CONTENT */

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-content {
        width:
            100% !important;

        max-width:
            100%;
    }


    /* META */

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-meta {
        width:
            100% !important;

        max-width:
            100%;

        gap:
            12px;

        margin-bottom:
            18px;

        padding-bottom:
            12px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb {
        padding-left:
            27px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb::before {
        width:
            16px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-breadcrumb p {
        font-size:
            10px !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-number,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-number p {
        font-size:
            9px !important;
    }


    /* H1 */

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title
    .elementor-heading-title {
        max-width:
            100%;

        font-size:
            36px !important;

        line-height:
            1.08 !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title::after {
        width:
            50px;

        margin-top:
            17px;
    }


    /* DESCRIPTION */

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description {
        max-width:
            100%;

        margin-top:
            18px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description p,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description span {
        font-size:
            14px !important;

        line-height:
            1.62 !important;
    }


    /* ACCENT */

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent {
        max-width:
            260px;

        margin-top:
            22px;
    }


    /* IMAGE */

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual {
        width:
            100% !important;

        height:
            285px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual::before {
        width:
            56%;

        height:
            70%;

        left:
            -10px;

        top:
            -10px;

        border-radius:
            20px 74px 20px 20px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-image {
        border-radius:
            20px 56px 20px 20px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual:hover
    .uct-inner-hero-image {
        transform:
            none;
    }


    /* LOCATION */

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-location {
        left:
            12px;

        bottom:
            12px;

        min-width:
            142px;

        max-width:
            190px;

        padding:
            11px 14px;

        border-radius:
            12px 34px 12px 12px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-label,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-label p {
        font-size:
            9px !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-text,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-location-text p {
        font-size:
            11px !important;
    }


    /* INDEX */

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index {
        width:
            32px !important;

        height:
            32px !important;

        top:
            11px;

        right:
            11px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index p {
        font-size:
            9px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   <= 480PX
========================================================= */

@media (max-width:480px) {

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-shell {
        width:
            calc(100% - 32px) !important;

        gap:
            28px;

        padding-top:
            42px;

        padding-bottom:
            42px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-title
    .elementor-heading-title {
        font-size:
            32px !important;

        line-height:
            1.09 !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description,
    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-description p {
        font-size:
            13px !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual {
        height:
            250px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-image {
        border-radius:
            18px 46px 18px 18px;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-location {
        left:
            10px;

        bottom:
            10px;

        min-width:
            132px;

        padding:
            10px 12px;
    }

}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover:none) {

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual:hover
    .uct-inner-hero-image {
        transform:
            none;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-visual:hover
    .uct-inner-hero-image img {
        transform:
            scale(1.02);
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-location:hover {
        transform:
            none;
    }

}


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

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

    .elementor-491 .elementor-element.elementor-element-f3be84d *,
    .elementor-491 .elementor-element.elementor-element-f3be84d *::before,
    .elementor-491 .elementor-element.elementor-element-f3be84d *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}
/* =========================================================
   INNER HERO — FINAL SMALL FIXES
   01. VISUAL INDEX POSITION
   02. PAGE ACCENT / DIVIDER FIX
========================================================= */


/* =========================================================
   01. VISUAL INDEX
   Make the circle sit safely inside the image
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index {
    top: 18px !important;
    right: 28px !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 !important;

    transform: none;
}


/* make sure Elementor wrapper doesn't push it */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index
.elementor-widget-container {
    display: flex !important;

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

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

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


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

@media (max-width:1024px) {

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index {
        top: 16px !important;
        right: 24px !important;

        width: 34px !important;
        height: 34px !important;
    }

}


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

@media (max-width:767px) {

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index {
        top: 12px !important;
        right: 18px !important;

        width: 32px !important;
        height: 32px !important;
    }

}


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

@media (max-width:480px) {

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-visual-index {
        top: 10px !important;
        right: 15px !important;

        width: 30px !important;
        height: 30px !important;
    }

}


/* =========================================================
   02. PAGE ACCENT / DIVIDER
   Reset Elementor empty-container behavior
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent {
    position: relative !important;

    display: block !important;

    flex: none !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;

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

    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;

    margin:
        28px 0 0 0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    border: 0 !important;
    border-radius: 0 !important;

    background:
        rgba(21,50,71,.10) !important;

    box-shadow:
        none !important;
}


/* remove height from Elementor inner container */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent
> .e-con-inner,

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent
.elementor-element,

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent
.elementor-widget-wrap {
    min-height: 0 !important;
    height: 0 !important;

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


/* =========================================================
   SKY BLUE MOVING LINE
========================================================= */

.elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent::before {
    content: "";

    position: absolute;

    left: 0;
    top: -1px;

    width: 48px;
    height: 3px;

    border-radius: 999px;

    background:
        #7DB7D8;

    box-shadow:
        0 2px 8px
        rgba(125,183,216,.14);

    animation:
        innerAccentBreathFix
        4.5s ease-in-out infinite;
}


@keyframes innerAccentBreathFix {

    0%,
    100% {
        width: 48px;
        opacity: .65;
    }

    50% {
        width: 86px;
        opacity: 1;
    }

}


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

@media (max-width:1024px) {

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent {
        max-width: 320px !important;

        margin-top:
            25px !important;
    }

}


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

@media (max-width:767px) {

    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent {
        max-width: 250px !important;

        margin-top:
            21px !important;
    }


    .elementor-491 .elementor-element.elementor-element-f3be84d .uct-inner-hero-accent::before {
        height: 2px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b4056c *//* =========================================================
   UBUD CYCLING TOUR
   GALLERY — CURATED UBUD FRAMES
   FINAL FIXED VERSION

   FIXED:
   01. COUNTER VERTICALLY CENTERED
   02. CARD 04 META OVERFLOW FIXED
   03. CARD 05 META OVERFLOW FIXED
   04. STRONGER CLIPPING
   05. BETTER META RESPONSIVE
   06. TABLET + MOBILE SAFE

   IMPORTANT:
   FONT FAMILY + FONT SIZE
   ARE CONTROLLED FROM ELEMENTOR
========================================================= */


/* =========================================================
   01. ROOT
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c {
    --gallery-sky: #7DB7D8;
    --gallery-sky-dark: #5E9FC5;
    --gallery-sky-soft: #EAF6FB;

    --gallery-navy: #153247;
    --gallery-text: #536772;

    --gallery-bg: #FBFAF7;
    --gallery-cream: #F6F1E8;
    --gallery-white: #FFFFFF;

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

    background:
        var(--gallery-bg);
}


/* =========================================================
   02. LARGE SKY GLOW
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c::before {
    content: "";

    position: absolute;

    width: 720px;
    height: 720px;

    top: -390px;
    right: -250px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.22) 0%,
            rgba(125,183,216,.09) 38%,
            rgba(125,183,216,0) 72%
        );

    filter:
        blur(28px);

    animation:
        galleryAmbientOne
        15s ease-in-out infinite alternate;
}


@keyframes galleryAmbientOne {

    from {
        transform:
            translate3d(0,0,0);
    }

    to {
        transform:
            translate3d(-35px,35px,0)
            scale(1.06);
    }

}


/* =========================================================
   03. LEFT SOFT GLOW
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c::after {
    content: "";

    position: absolute;

    width: 540px;
    height: 540px;

    left: -310px;
    bottom: -260px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(94,159,197,.13),
            rgba(94,159,197,0) 70%
        );

    filter:
        blur(22px);
}


/* =========================================================
   04. MAIN SHELL
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-shell {
    position: relative;

    z-index: 2;

    width:
        min(calc(100% - 64px),1320px) !important;

    max-width:
        1320px;

    margin-inline:
        auto !important;

    padding-top:
        105px;

    padding-bottom:
        92px;
}


/* =========================================================
   05. SUBTLE EDITORIAL GRID
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-shell::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: -4;

    pointer-events: none;

    opacity: .13;

    background-image:
        linear-gradient(
            rgba(21,50,71,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(21,50,71,.022) 1px,
            transparent 1px
        );

    background-size:
        64px 64px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );
}


/* =========================================================
   06. DECORATIVE ARCH
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-shell::after {
    content: "";

    position: absolute;

    width: 410px;
    height: 410px;

    top: 260px;
    right: -180px;

    z-index: -3;

    pointer-events: none;

    border:
        1px solid
        rgba(125,183,216,.14);

    border-radius: 50%;

    box-shadow:
        0 0 0 42px rgba(125,183,216,.025),
        0 0 0 88px rgba(125,183,216,.015);
}


/* =========================================================
   07. HEADER
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-head {
    position: relative;

    display:
        grid !important;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(0,.92fr);

    align-items:
        end !important;

    width:
        100% !important;

    gap:
        clamp(60px,8vw,120px);

    padding-bottom:
        52px;
}


/* =========================================================
   08. HEADER LEFT
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-heading {
    position: relative;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    width:
        100% !important;

    min-width: 0;
}


/* =========================================================
   09. EYEBROW
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-eyebrow {
    position: relative;

    width:
        fit-content;

    max-width:
        100%;

    margin:
        0 0 23px !important;

    padding-left:
        47px;

    color:
        var(--gallery-sky-dark) !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-eyebrow::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 31px;
    height: 1px;

    transform:
        translateY(-50%);

    background:
        var(--gallery-sky);
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-eyebrow::after {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 5px;
    height: 5px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background:
        var(--gallery-sky);

    box-shadow:
        0 0 0 4px
        rgba(125,183,216,.10);

    animation:
        galleryEyebrowDot
        5s ease-in-out infinite;
}


@keyframes galleryEyebrowDot {

    0%,
    100% {
        transform:
            translate(0,-50%);
    }

    50% {
        transform:
            translate(26px,-50%);
    }

}


/* =========================================================
   10. TITLE
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-title {
    position: relative;

    width:
        100% !important;

    max-width:
        680px;

    min-width: 0;

    margin:
        0 !important;

    color:
        var(--gallery-navy) !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-title::after {
    content: "";

    display: block;

    width: 72px;
    height: 3px;

    margin-top:
        25px;

    border-radius:
        100px;

    background:
        linear-gradient(
            90deg,
            var(--gallery-sky),
            rgba(125,183,216,.12)
        );
}


/* =========================================================
   11. HEADER RIGHT
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-intro-wrap {
    position: relative;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        flex-end !important;

    width:
        100% !important;

    max-width:
        510px;

    min-width: 0;

    margin-left:
        auto;
}


/* =========================================================
   12. COUNTER
   FIX: TEXT NOW PERFECTLY CENTERED
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-counter {
    position: relative;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        fit-content !important;

    min-width:
        0;

    min-height:
        46px;

    box-sizing:
        border-box;

    margin:
        0 0 17px !important;

    padding:
        0 16px !important;

    border:
        1px solid
        rgba(125,183,216,.30);

    border-radius:
        100px;

    background:
        rgba(125,183,216,.07);

    color:
        var(--gallery-sky-dark) !important;

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


/* Elementor inner wrapper fix */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-counter
.elementor-widget-container {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    height:
        100% !important;

    min-height:
        44px;

    margin:
        0 !important;

    padding:
        0 !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-counter p {
    display:
        block;

    margin:
        0 !important;

    padding:
        0 !important;

    transform:
        none !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-counter:hover {
    transform:
        translateY(-3px);

    background:
        rgba(125,183,216,.14);

    border-color:
        rgba(125,183,216,.48);

    box-shadow:
        0 10px 25px
        rgba(94,159,197,.09);
}


/* =========================================================
   13. INTRO
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-intro {
    width:
        100% !important;

    max-width:
        510px;

    min-width: 0;

    margin:
        0;

    color:
        var(--gallery-text) !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-intro p {
    margin:
        0;
}


/* =========================================================
   14. GALLERY STAGE
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-stage {
    position: relative;

    display:
        grid !important;

    grid-template-columns:
        repeat(12,minmax(0,1fr));

    grid-template-rows:
        repeat(12,minmax(0,1fr));

    width:
        100% !important;

    height:
        780px;

    min-width: 0;

    gap:
        16px;

    overflow:
        visible;
}


/* =========================================================
   15. SKY BACKPLATE
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-stage::before {
    content: "";

    position: absolute;

    width: 48%;
    height: 53%;

    left: -22px;
    top: -20px;

    z-index: -3;

    border-radius:
        42px 190px 42px 42px;

    background:
        linear-gradient(
            145deg,
            var(--gallery-sky-soft),
            rgba(125,183,216,.23)
        );
}


/* =========================================================
   16. DECORATIVE CIRCLE
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-stage::after {
    content: "";

    position: absolute;

    width: 155px;
    height: 155px;

    right: 16%;
    bottom: 3%;

    z-index: -3;

    border-radius: 50%;

    background:
        var(--gallery-cream);

    box-shadow:
        inset 0 0 0 12px
        rgba(255,255,255,.40);

    border:
        1px solid
        rgba(21,50,71,.05);
}


/* =========================================================
   17. CARD POSITIONS
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-01 {
    grid-column:
        1 / 8;

    grid-row:
        1 / 10;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-02 {
    grid-column:
        8 / 13;

    grid-row:
        1 / 5;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-03 {
    grid-column:
        8 / 11;

    grid-row:
        5 / 10;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04 {
    grid-column:
        11 / 13;

    grid-row:
        5 / 10;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial {
    grid-column:
        1 / 6;

    grid-row:
        10 / 13;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05 {
    grid-column:
        6 / 13;

    grid-row:
        10 / 13;
}


/* =========================================================
   18. BASE PHOTO CARD
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card {
    position: relative;

    width:
        100% !important;

    height:
        100% !important;

    min-width:
        0 !important;

    min-height:
        0 !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;

    isolation:
        isolate;

    background:
        var(--gallery-sky-soft);

    box-shadow:
        0 26px 58px
        rgba(21,50,71,.11);

    transform:
        translateZ(0);

    transition:
        transform .62s
        cubic-bezier(.2,.8,.2,1),
        box-shadow .55s ease,
        filter .5s ease;
}


/* Elementor children can never force card wider */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card > * {
    min-width:
        0 !important;

    max-width:
        100%;
}


/* =========================================================
   19. UNIQUE CARD SHAPES
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-01 {
    border-radius:
        34px 170px 34px 34px;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-02 {
    border-radius:
        24px 95px 24px 24px;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-03 {
    border-radius:
        100px 24px 24px 24px;
}


/*
   Card 04:
   bottom-right reduced slightly so meta doesn't visually
   enter the white curved area.
*/

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04 {
    border-radius:
        24px 24px 62px 24px;
}


/*
   Card 05:
   still unique, but safer for bottom metadata.
*/

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05 {
    border-radius:
        24px 24px 76px 24px;
}


/* =========================================================
   20. IMAGE WIDGET
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-image {
    position:
        absolute !important;

    inset:
        0 !important;

    z-index:
        1;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-image
.elementor-widget-container {
    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    border:
        0 !important;

    background:
        transparent !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-image a {
    display:
        block;

    width:
        100%;

    height:
        100%;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-image img {
    display:
        block;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    object-fit:
        cover !important;

    object-position:
        center center;

    transform:
        scale(1.035);

    filter:
        saturate(.93)
        contrast(.98)
        brightness(1);

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


/* =========================================================
   21. PHOTO OVERLAY
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(21,50,71,.015) 0%,
            transparent 47%,
            rgba(21,50,71,.16) 74%,
            rgba(21,50,71,.46) 100%
        );

    transition:
        background .5s ease;
}


/* =========================================================
   22. LIGHT SWEEP
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card::after {
    content: "";

    position: absolute;

    width:
        85px;

    height:
        180%;

    top:
        -40%;

    left:
        -130px;

    z-index:
        5;

    pointer-events:
        none;

    opacity:
        0;

    transform:
        skewX(-18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.20),
            transparent
        );
}


/* =========================================================
   23. CARD HOVER
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card:hover {
    z-index:
        15;

    transform:
        translateY(-8px)
        scale(1.008);

    box-shadow:
        0 38px 82px
        rgba(21,50,71,.17);
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card:hover
.uct-gallery-image img {
    transform:
        scale(1.085);

    filter:
        saturate(.99)
        contrast(.99)
        brightness(1.02);
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card:hover::before {
    background:
        linear-gradient(
            180deg,
            rgba(21,50,71,0) 0%,
            transparent 42%,
            rgba(21,50,71,.14) 70%,
            rgba(21,50,71,.56) 100%
        );
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card:hover::after {
    animation:
        galleryCardSweep
        .95s ease forwards;
}


@keyframes galleryCardSweep {

    0% {
        left:
            -130px;

        opacity:
            0;
    }

    18% {
        opacity:
            1;
    }

    100% {
        left:
            120%;

        opacity:
            0;
    }

}


/* =========================================================
   24. SUBTLE OTHER-CARD DIM
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-stage:hover
.uct-gallery-card:not(:hover) {
    filter:
        saturate(.94)
        brightness(.985);
}


/* =========================================================
   25. BASE META
   STRONG OVERFLOW PROTECTION
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-meta {
    position:
        absolute !important;

    left:
        20px !important;

    right:
        20px !important;

    bottom:
        18px !important;

    z-index:
        7;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    width:
        auto !important;

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

    min-width:
        0 !important;

    box-sizing:
        border-box !important;

    gap:
        14px;

    padding:
        12px 14px;

    overflow:
        hidden !important;

    border:
        1px solid
        rgba(255,255,255,.18);

    border-radius:
        13px;

    background:
        rgba(21,50,71,.14);

    -webkit-backdrop-filter:
        blur(12px)
        saturate(120%);

    backdrop-filter:
        blur(12px)
        saturate(120%);

    opacity:
        .84;

    transform:
        translateY(5px);

    transition:
        transform .45s
        cubic-bezier(.2,.8,.2,1),
        opacity .4s ease,
        background .4s ease,
        border-color .4s ease;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card:hover
.uct-gallery-meta {
    opacity:
        1;

    transform:
        translateY(0);

    background:
        rgba(21,50,71,.24);

    border-color:
        rgba(255,255,255,.30);
}


/* =========================================================
   26. NUMBER
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-item-number {
    position:
        relative;

    flex:
        0 0 auto;

    width:
        auto !important;

    max-width:
        100%;

    min-width:
        0 !important;

    margin:
        0;

    color:
        rgba(255,255,255,.80) !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-item-number
.elementor-widget-container {
    max-width:
        100%;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-item-number p {
    margin:
        0 !important;
}


/* =========================================================
   27. LABEL
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-item-label {
    width:
        auto !important;

    max-width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    text-align:
        right;

    color:
        var(--gallery-white) !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-item-label
.elementor-widget-container {
    width:
        100%;

    max-width:
        100%;

    min-width:
        0;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-item-label
.elementor-heading-title {
    max-width:
        100%;

    white-space:
        normal !important;

    word-break:
        normal !important;

    overflow-wrap:
        anywhere;
}


/* =========================================================
   28. CARD 04 META
   FIXED: NO MORE GOING INTO CURVED CORNER
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
.uct-gallery-meta {
    left:
        12px !important;

    right:
        26px !important;

    bottom:
        14px !important;

    width:
        auto !important;

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

    min-width:
        0 !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    gap:
        7px;

    padding:
        10px 12px;

    border-radius:
        11px;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
.uct-gallery-item-number {
    width:
        100% !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
.uct-gallery-item-label {
    width:
        100% !important;

    max-width:
        100% !important;

    text-align:
        left;
}


/* =========================================================
   29. CARD 05 META
   FIXED: PULLED AWAY FROM LARGE CURVED CORNER
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05
.uct-gallery-meta {
    left:
        20px !important;

    right:
        38px !important;

    bottom:
        17px !important;

    width:
        auto !important;

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

    min-width:
        0 !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05
.uct-gallery-item-label {
    min-width:
        0 !important;

    max-width:
        70% !important;

    text-align:
        right;
}


/* =========================================================
   30. EDITORIAL CARD
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial {
    position:
        relative;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        space-between !important;

    width:
        100% !important;

    min-width:
        0;

    padding:
        28px 30px;

    overflow:
        hidden;

    isolation:
        isolate;

    border:
        1px solid
        rgba(125,183,216,.18);

    border-radius:
        24px 90px 24px 24px;

    background:
        linear-gradient(
            145deg,
            var(--gallery-sky-soft),
            rgba(234,246,251,.45)
        );

    box-shadow:
        0 20px 46px
        rgba(21,50,71,.08);

    transition:
        transform .48s
        cubic-bezier(.2,.8,.2,1),
        box-shadow .4s ease,
        border-color .4s ease;
}


/* =========================================================
   31. EDITORIAL DECORATIVE CIRCLE
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial::before {
    content: "";

    position:
        absolute;

    width: 150px;
    height: 150px;

    right: -65px;
    top: -65px;

    z-index: -1;

    border-radius: 50%;

    border:
        1px solid
        rgba(125,183,216,.22);

    box-shadow:
        0 0 0 24px rgba(125,183,216,.035),
        0 0 0 48px rgba(125,183,216,.018);

    transition:
        transform .6s
        cubic-bezier(.2,.8,.2,1);
}


/* =========================================================
   32. EDITORIAL ACCENT LINE
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial::after {
    content: "";

    position: absolute;

    left: 30px;
    bottom: 27px;

    width: 48px;
    height: 2px;

    border-radius:
        100px;

    background:
        var(--gallery-sky);

    transition:
        width .45s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial:hover {
    transform:
        translateY(-7px);

    border-color:
        rgba(125,183,216,.38);

    box-shadow:
        0 31px 68px
        rgba(21,50,71,.12);
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial:hover::before {
    transform:
        scale(1.12)
        rotate(8deg);
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial:hover::after {
    width:
        90px;
}


/* =========================================================
   33. EDITORIAL LABEL
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial-label {
    position:
        relative;

    width:
        fit-content;

    margin:
        0;

    padding:
        7px 11px;

    border:
        1px solid
        rgba(94,159,197,.20);

    border-radius:
        100px;

    color:
        var(--gallery-sky-dark) !important;

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


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial-label p {
    margin:
        0;
}


/* =========================================================
   34. EDITORIAL TEXT
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial-text {
    position:
        relative;

    width:
        100% !important;

    max-width:
        350px;

    margin:
        auto 0 18px !important;

    color:
        var(--gallery-navy) !important;
}


/* =========================================================
   35. FOOTER
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-footer {
    position:
        relative;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    width:
        100% !important;

    gap:
        30px;

    margin-top:
        44px;

    padding-top:
        28px;

    border-top:
        1px solid
        rgba(21,50,71,.10);
}


/* =========================================================
   36. LOCATION
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-location {
    position:
        relative;

    width:
        auto;

    margin:
        0;

    padding-left:
        22px;

    color:
        var(--gallery-text) !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-location p {
    margin:
        0;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-location::before {
    content: "";

    position:
        absolute;

    width: 7px;
    height: 7px;

    left: 0;
    top: 50%;

    transform:
        translateY(-50%);

    border-radius:
        50%;

    background:
        var(--gallery-sky);

    box-shadow:
        0 0 0 5px
        rgba(125,183,216,.11);
}


/* =========================================================
   37. BUTTON
========================================================= */

.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-button {
    width:
        fit-content !important;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-button
.elementor-button {
    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        13px;

    min-height:
        50px;

    padding:
        0 22px;

    overflow:
        hidden;

    isolation:
        isolate;

    border:
        1px solid
        rgba(21,50,71,.14);

    border-radius:
        100px;

    background:
        transparent;

    color:
        var(--gallery-navy) !important;

    box-shadow:
        none;

    transition:
        transform .4s
        cubic-bezier(.2,.8,.2,1),
        background .35s ease,
        border-color .35s ease,
        color .35s ease,
        box-shadow .35s ease;
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-button
.elementor-button::after {
    content:
        "↗";

    position:
        relative;

    transition:
        transform .35s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-button
.elementor-button::before {
    content: "";

    position: absolute;

    width: 58px;
    height: 170%;

    top: -35%;
    left: -100px;

    z-index: -1;

    opacity: 0;

    transform:
        skewX(-20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-button
.elementor-button:hover {
    transform:
        translateY(-3px);

    border-color:
        var(--gallery-sky);

    background:
        var(--gallery-sky);

    color:
        var(--gallery-navy) !important;

    box-shadow:
        0 15px 34px
        rgba(94,159,197,.17);
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-button
.elementor-button:hover::after {
    transform:
        translate(4px,-3px);
}


.elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-button
.elementor-button:hover::before {
    animation:
        galleryButtonSweep
        .8s ease forwards;
}


@keyframes galleryButtonSweep {

    0% {
        left: -100px;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        left: 120%;
        opacity: 0;
    }

}


/* =========================================================
   38. TABLET LANDSCAPE
========================================================= */

@media (max-width:1024px) {

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-shell {
        width:
            min(calc(100% - 48px),960px) !important;

        padding-top:
            86px;

        padding-bottom:
            78px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-head {
        gap:
            52px;

        padding-bottom:
            44px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-stage {
        grid-template-columns:
            minmax(0,1.15fr)
            minmax(0,.85fr);

        grid-template-rows:
            repeat(4,230px);

        height:
            auto;

        gap:
            14px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-01 {
        grid-column: 1;
        grid-row: 1 / 3;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-02 {
        grid-column: 2;
        grid-row: 1;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-03 {
        grid-column: 2;
        grid-row: 2;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04 {
        grid-column: 1;
        grid-row: 3;

        border-radius:
            22px 22px 54px 22px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05 {
        grid-column: 2;
        grid-row: 3;

        border-radius:
            22px 22px 62px 22px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial {
        grid-column: 1 / 3;
        grid-row: 4;

        min-height:
            190px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-01 {
        border-radius:
            30px 130px 30px 30px;
    }


    /* Card 04 becomes wider on tablet */

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
    .uct-gallery-meta {
        left:
            16px !important;

        right:
            28px !important;

        bottom:
            15px !important;

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

        flex-direction:
            row !important;

        align-items:
            center !important;

        gap:
            12px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
    .uct-gallery-item-number {
        width:
            auto !important;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
    .uct-gallery-item-label {
        width:
            auto !important;

        text-align:
            right;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05
    .uct-gallery-meta {
        left:
            16px !important;

        right:
            30px !important;

        bottom:
            15px !important;

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

}


/* =========================================================
   39. TABLET PORTRAIT
========================================================= */

@media (max-width:820px) {

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-shell {
        width:
            calc(100% - 48px) !important;

        padding-top:
            78px;

        padding-bottom:
            70px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-head {
        grid-template-columns:
            1fr;

        align-items:
            start !important;

        gap:
            32px;

        padding-bottom:
            40px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-intro-wrap {
        max-width:
            620px;

        margin-left:
            0;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-stage {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        grid-template-rows:
            360px 260px 230px 185px;

        gap:
            13px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-01 {
        grid-column:
            1 / 3;

        grid-row:
            1;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-02 {
        grid-column:
            1;

        grid-row:
            2;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-03 {
        grid-column:
            2;

        grid-row:
            2;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04 {
        grid-column:
            1;

        grid-row:
            3;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05 {
        grid-column:
            2;

        grid-row:
            3;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial {
        grid-column:
            1 / 3;

        grid-row:
            4;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-01 {
        border-radius:
            28px 115px 28px 28px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
    .uct-gallery-meta,
    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05
    .uct-gallery-meta {
        left:
            14px !important;

        right:
            24px !important;

        bottom:
            14px !important;

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

}


/* =========================================================
   40. MOBILE
========================================================= */

@media (max-width:767px) {

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-shell {
        width:
            calc(100% - 40px) !important;

        padding-top:
            64px;

        padding-bottom:
            58px;
    }


    /* HEADER */

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-head {
        gap:
            27px;

        padding-bottom:
            32px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-eyebrow {
        margin-bottom:
            19px !important;

        padding-left:
            38px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-eyebrow::before {
        width:
            24px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-title::after {
        width:
            52px;

        margin-top:
            20px;
    }


    /* counter center remains clean */

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-counter {
        min-height:
            42px;

        padding:
            0 13px !important;

        margin-bottom:
            13px !important;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-counter
    .elementor-widget-container {
        min-height:
            40px;
    }


    /* STAGE */

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-stage {
        display:
            flex !important;

        flex-direction:
            column !important;

        width:
            100% !important;

        height:
            auto;

        gap:
            12px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-stage::before {
        width:
            76%;

        height:
            400px;

        top:
            -10px;

        left:
            -10px;

        border-radius:
            26px 110px 26px 26px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-stage::after {
        width:
            115px;

        height:
            115px;

        right:
            -25px;

        bottom:
            21%;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card {
        width:
            100% !important;

        flex:
            none !important;

        overflow:
            hidden !important;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-01 {
        height:
            470px !important;

        border-radius:
            24px 105px 24px 24px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-02 {
        height:
            270px !important;

        border-radius:
            20px 75px 20px 20px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-03 {
        height:
            360px !important;

        border-radius:
            80px 20px 20px 20px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04 {
        height:
            300px !important;

        border-radius:
            20px 20px 50px 20px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial {
        width:
            100% !important;

        min-height:
            210px;

        padding:
            24px;

        border-radius:
            20px 70px 20px 20px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05 {
        height:
            260px !important;

        border-radius:
            20px 20px 56px 20px;
    }


    /* DEFAULT MOBILE META */

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-meta {
        left:
            14px !important;

        right:
            14px !important;

        bottom:
            14px !important;

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

        padding:
            11px 12px;

        border-radius:
            11px;
    }


    /* CARD 04 */

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
    .uct-gallery-meta {
        left:
            14px !important;

        right:
            24px !important;

        bottom:
            14px !important;

        width:
            auto !important;

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

        flex-direction:
            row !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        gap:
            10px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
    .uct-gallery-item-number {
        width:
            auto !important;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
    .uct-gallery-item-label {
        width:
            auto !important;

        max-width:
            70% !important;

        text-align:
            right;
    }


    /* CARD 05 */

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05
    .uct-gallery-meta {
        left:
            14px !important;

        right:
            28px !important;

        bottom:
            14px !important;

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


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05
    .uct-gallery-item-label {
        max-width:
            65% !important;
    }


    /* FOOTER */

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-footer {
        flex-direction:
            column !important;

        align-items:
            flex-start !important;

        gap:
            23px;

        margin-top:
            32px;

        padding-top:
            24px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-button {
        width:
            100% !important;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-button
    .elementor-button {
        width:
            100%;

        justify-content:
            center;
    }

}


/* =========================================================
   41. SMALL MOBILE
========================================================= */

@media (max-width:480px) {

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-shell {
        width:
            calc(100% - 32px) !important;

        padding-top:
            58px;

        padding-bottom:
            52px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-01 {
        height:
            410px !important;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-02 {
        height:
            235px !important;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-03 {
        height:
            320px !important;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04 {
        height:
            260px !important;

        border-radius:
            18px 18px 44px 18px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05 {
        height:
            235px !important;

        border-radius:
            18px 18px 48px 18px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-editorial {
        min-height:
            190px;

        padding:
            21px;
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-04
    .uct-gallery-meta {
        right:
            20px !important;

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


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card-05
    .uct-gallery-meta {
        right:
            22px !important;

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

}


/* =========================================================
   42. TOUCH DEVICES
========================================================= */

@media (hover:none) {

    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card:active
    .uct-gallery-image img {
        transform:
            scale(1.065);
    }


    .elementor-491 .elementor-element.elementor-element-2b4056c .uct-gallery-card:active
    .uct-gallery-meta {
        opacity:
            1;

        transform:
            translateY(0);

        background:
            rgba(21,50,71,.24);
    }

}


/* =========================================================
   43. REDUCED MOTION
========================================================= */

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

    .elementor-491 .elementor-element.elementor-element-2b4056c *,
    .elementor-491 .elementor-element.elementor-element-2b4056c *::before,
    .elementor-491 .elementor-element.elementor-element-2b4056c *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-530da24 *//* =========================================================
   UBUD CYCLING TOUR
   FAQ — COMPACT CONCIERGE LEDGER
   FINAL COMPACT VERSION

   - COMPACT HEIGHT
   - NESTED ACCORDION
   - ANSWER = TEXT EDITOR ONLY
   - HIGH-END EDITORIAL STYLE
   - RESPONSIVE TABLET + MOBILE
   - CSS CONTROLS TYPOGRAPHY

   FONTS:
   EL MESSIRI + DM SANS
========================================================= */


/* =========================================================
   01. ROOT
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 {
    --faq-sky: #7DB7D8;
    --faq-sky-dark: #5E9FC5;
    --faq-sky-soft: #EAF6FB;

    --faq-navy: #153247;
    --faq-navy-soft: #29475A;
    --faq-text: #536772;

    --faq-bg: #FBFAF7;
    --faq-cream: #F6F1E8;
    --faq-white: #FFFFFF;

    --faq-line: rgba(21,50,71,.10);
    --faq-line-soft: rgba(21,50,71,.065);

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

    background:
        linear-gradient(
            135deg,
            #FBFAF7 0%,
            #FBFAF7 58%,
            #F8F6F1 100%
        );
}


/* =========================================================
   02. SOFT AMBIENT DETAIL
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    top: -360px;
    right: -190px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.09),
            rgba(125,183,216,.025) 45%,
            transparent 72%
        );

    filter: blur(24px);

    animation:
        faqAmbient
        15s ease-in-out infinite alternate;
}


@keyframes faqAmbient {

    from {
        transform: translate3d(0,0,0);
    }

    to {
        transform:
            translate3d(-30px,25px,0)
            scale(1.06);
    }

}


/* second ambient form */

.elementor-491 .elementor-element.elementor-element-530da24::after {
    content: "";

    position: absolute;

    width: 340px;
    height: 340px;

    left: -210px;
    bottom: -210px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    border:
        1px solid
        rgba(21,50,71,.025);

    box-shadow:
        0 0 0 36px rgba(21,50,71,.007),
        0 0 0 72px rgba(21,50,71,.004);
}


/* =========================================================
   03. MAIN SHELL
   MAIN HEIGHT FIX
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-shell {
    position: relative;

    z-index: 2;

    display: grid !important;

    grid-template-columns:
        minmax(0,.82fr)
        minmax(0,1.18fr);

    /*
       IMPORTANT:
       TOP ALIGN instead of center.
       This fixes the huge empty left area.
    */
    align-items: start !important;

    width:
        min(calc(100% - 64px),1280px) !important;

    max-width:
        1280px !important;

    min-width: 0 !important;

    margin-inline: auto !important;

    gap:
        clamp(58px,6.5vw,100px);

    /*
       Reduced from old 110 / 100.
    */
    padding-top: 82px;
    padding-bottom: 78px;
}


/* subtle grid */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-shell::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: -3;

    pointer-events: none;

    opacity: .14;

    background-image:
        linear-gradient(
            rgba(21,50,71,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(21,50,71,.018) 1px,
            transparent 1px
        );

    background-size: 64px 64px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 16%,
            #000 84%,
            transparent
        );

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 16%,
            #000 84%,
            transparent
        );
}


/* vertical separator */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-shell::after {
    content: "";

    position: absolute;

    top: 6%;
    bottom: 6%;

    left: 39.2%;

    width: 1px;

    z-index: -2;

    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(21,50,71,.07) 20%,
            rgba(21,50,71,.07) 80%,
            transparent
        );
}


/* =========================================================
   04. LEFT INTRO
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-intro {
    position: relative;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: flex-start !important;

    width: 100% !important;

    max-width: 475px;

    min-width: 0 !important;

    /*
       A little top alignment with panel.
    */
    padding-top: 17px;
}


/* decorative outline */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-intro::before {
    content: "";

    position: absolute;

    width: 175px;
    height: 175px;

    left: -90px;
    top: -55px;

    z-index: -2;

    pointer-events: none;

    border:
        1px solid
        rgba(21,50,71,.035);

    border-radius: 50%;

    box-shadow:
        0 0 0 27px rgba(21,50,71,.008),
        0 0 0 54px rgba(21,50,71,.005);
}


/* =========================================================
   05. EYEBROW
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow .elementor-heading-title {
    position: relative;

    width: fit-content;

    margin: 0 0 17px !important;

    padding: 0 !important;

    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        .075em !important;

    color:
        var(--faq-sky-dark) !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow {
    padding-left:
        42px !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 27px;
    height: 1px;

    transform:
        translateY(-50%);

    background:
        var(--faq-sky);
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow::after {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background:
        var(--faq-sky);

    box-shadow:
        0 0 0 4px
        rgba(125,183,216,.08);

    transform:
        translateY(-50%);

    animation:
        faqEyebrowMove
        5s ease-in-out infinite;
}


@keyframes faqEyebrowMove {

    0%,
    100% {
        transform:
            translate(0,-50%);
    }

    50% {
        transform:
            translate(22px,-50%);
    }

}


/* =========================================================
   06. MAIN TITLE
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title .elementor-heading-title {
    width: 100% !important;

    max-width: 475px;

    margin: 0 !important;

    padding: 0 !important;

    font-family:
        "El Messiri", sans-serif !important;

    font-size:
        48px !important;

    font-weight:
        500 !important;

    line-height:
        1.04 !important;

    letter-spacing:
        -.022em !important;

    color:
        var(--faq-navy) !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title::after {
    content: "";

    display: block;

    width: 62px;
    height: 2px;

    margin-top: 20px;

    border-radius: 99px;

    background:
        linear-gradient(
            90deg,
            var(--faq-sky),
            rgba(125,183,216,.08)
        );

    transition:
        width .45s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-intro:hover
.uct-faq-title::after {
    width: 98px;
}


/* =========================================================
   07. DESCRIPTION
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description p,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description span {
    width: 100% !important;

    max-width: 445px;

    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        400 !important;

    line-height:
        1.65 !important;

    color:
        var(--faq-text) !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description {
    margin-top:
        22px !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description p {
    margin:
        0 !important;
}


/* =========================================================
   08. COMPACT INFO CARD
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note {
    position: relative;

    display: grid !important;

    grid-template-columns:
        48px minmax(0,1fr);

    align-items:
        center !important;

    width:
        min(100%,365px) !important;

    min-width:
        0 !important;

    gap:
        13px;

    margin-top:
        28px;

    padding:
        12px 16px 12px 12px;

    overflow:
        hidden;

    isolation:
        isolate;

    border:
        1px solid
        rgba(21,50,71,.08);

    border-radius:
        16px 46px 16px 16px;

    background:
        rgba(255,255,255,.45);

    box-shadow:
        0 10px 28px
        rgba(21,50,71,.035);

    transition:
        transform .4s
        cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        background .35s ease,
        box-shadow .4s ease;
}


/* small corner detail */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note::before {
    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    top: -62px;
    right: -40px;

    z-index: -1;

    border-radius: 50%;

    background:
        rgba(125,183,216,.07);
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note::after {
    content: "";

    position: absolute;

    left: 14px;
    bottom: 0;

    width: 34px;
    height: 2px;

    border-radius: 999px;

    background:
        var(--faq-sky);

    transition:
        width .4s ease;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(125,183,216,.24);

    background:
        rgba(255,255,255,.70);

    box-shadow:
        0 18px 40px
        rgba(21,50,71,.06);
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note:hover::after {
    width: 65px;
}


/* =========================================================
   09. INFO NUMBER
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-number,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-number .elementor-heading-title,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-number p {
    font-family:
        "El Messiri", sans-serif !important;

    font-size:
        19px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    color:
        var(--faq-navy) !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-number {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        44px !important;

    height:
        44px !important;

    min-width:
        44px;

    margin:
        0 !important;

    border:
        1px solid
        rgba(21,50,71,.12);

    border-radius: 50%;

    background:
        rgba(255,255,255,.65);

    box-shadow:
        0 0 0 5px
        rgba(21,50,71,.015);

    transition:
        transform .4s
        cubic-bezier(.2,.8,.2,1),
        border-color .35s ease;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-number
.elementor-widget-container {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100%;
    height: 100%;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-number p {
    margin: 0 !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note:hover
.uct-faq-note-number {
    transform:
        rotate(-5deg)
        scale(1.05);

    border-color:
        rgba(125,183,216,.35);
}


/* =========================================================
   10. INFO CONTENT
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-content {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    width: 100% !important;

    min-width: 0 !important;
}


/* INFO LABEL */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-label,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-label .elementor-heading-title {
    width: 100%;

    margin: 0 !important;

    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        600 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        .05em !important;

    color:
        var(--faq-navy) !important;
}


/* INFO DESCRIPTION */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-text,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-text p,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-text span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.5 !important;

    color:
        var(--faq-text) !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-text {
    margin-top:
        3px;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-text p {
    margin: 0 !important;
}


/* =========================================================
   11. CONTACT AREA
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-contact {
    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    width:
        100% !important;

    margin-top:
        25px;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-contact-text,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-contact-text p {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        500 !important;

    line-height:
        1.4 !important;

    color:
        var(--faq-text) !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-contact-text {
    margin:
        0 0 11px !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-contact-text p {
    margin: 0 !important;
}


/* =========================================================
   12. CONTACT BUTTON
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-button {
    width:
        fit-content !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-button
.elementor-button {
    position: relative;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        11px;

    min-height:
        46px;

    padding:
        0 20px !important;

    overflow:
        hidden;

    isolation:
        isolate;

    border:
        1px solid
        rgba(21,50,71,.15) !important;

    border-radius:
        999px !important;

    background:
        transparent !important;

    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    color:
        var(--faq-navy) !important;

    box-shadow:
        none !important;

    transition:
        transform .4s
        cubic-bezier(.2,.8,.2,1),
        color .35s ease,
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-button
.elementor-button::after {
    content: "↗";

    position: relative;

    z-index: 3;

    transition:
        transform .35s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-button
.elementor-button::before {
    content: "";

    position: absolute;

    width: 55px;
    height: 180%;

    left: -95px;
    top: -40%;

    z-index: 1;

    opacity: 0;

    transform:
        skewX(-20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.26),
            transparent
        );
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-button
.elementor-button-text {
    position: relative;
    z-index: 3;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-button
.elementor-button:hover {
    transform:
        translateY(-3px);

    background:
        var(--faq-navy) !important;

    border-color:
        var(--faq-navy) !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 13px 27px
        rgba(21,50,71,.14) !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-button
.elementor-button:hover::before {
    animation:
        faqButtonSweep
        .8s ease forwards;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-button
.elementor-button:hover::after {
    transform:
        translate(4px,-3px);
}


@keyframes faqButtonSweep {

    0% {
        left: -95px;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        left: 120%;
        opacity: 0;
    }

}


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


/* =========================================================
   13. PANEL
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel {
    position: relative;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    width:
        100% !important;

    min-width:
        0 !important;

    padding:
        12px;

    overflow:
        hidden;

    isolation:
        isolate;

    border:
        1px solid
        rgba(21,50,71,.07);

    border-radius:
        23px;

    background:
        rgba(255,255,255,.68);

    box-shadow:
        0 23px 56px
        rgba(21,50,71,.055),
        inset 0 1px 0
        rgba(255,255,255,.75);

    -webkit-backdrop-filter:
        blur(10px);

    backdrop-filter:
        blur(10px);
}


/* subtle upper corner */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    top: -120px;
    right: -65px;

    z-index: -1;

    pointer-events: none;

    border-radius: 50%;

    border:
        1px solid
        rgba(125,183,216,.08);

    box-shadow:
        0 0 0 24px rgba(125,183,216,.012),
        0 0 0 48px rgba(125,183,216,.007);
}


/* no long vertical spine */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel::after {
    display:
        none;
}


/* =========================================================
   14. PANEL TOP
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-top {
    position: relative;

    z-index: 4;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    width: 100% !important;

    gap:
        18px;

    padding:
        11px 11px 14px;

    border-bottom:
        1px solid
        rgba(21,50,71,.075);
}


/* PANEL LABEL */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-label,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-label p,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-label span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        600 !important;

    line-height:
        1.25 !important;

    letter-spacing:
        .065em !important;

    color:
        var(--faq-navy) !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-label p {
    margin: 0 !important;
}


/* COUNTER */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-counter,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-counter p,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-counter span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        .025em !important;

    color:
        var(--faq-sky-dark) !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-counter {
    width:
        fit-content !important;

    margin: 0 !important;

    padding:
        7px 10px;

    border:
        1px solid
        rgba(125,183,216,.22);

    border-radius:
        999px;

    background:
        rgba(234,246,251,.40);
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-counter p {
    margin: 0 !important;
}


/* =========================================================
   =========================================================
   COMPACT NESTED ACCORDION
   =========================================================
========================================================= */


/* =========================================================
   15. ACCORDION ROOT
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion,
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.elementor-widget-container {
    position: relative;

    width:
        100% !important;

    max-width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion {
    display:
        flex !important;

    flex-direction:
        column !important;

    width:
        100% !important;

    gap:
        6px !important;

    padding-top:
        8px !important;

    counter-reset:
        faq-counter;
}


/* =========================================================
   16. ITEM
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item {
    counter-increment:
        faq-counter;

    position: relative;

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    overflow:
        hidden;

    isolation:
        isolate;

    border:
        1px solid
        rgba(21,50,71,.075) !important;

    border-radius:
        13px !important;

    background:
        rgba(255,255,255,.32);

    box-shadow:
        0 5px 14px
        rgba(21,50,71,.018);

    transition:
        transform .38s
        cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        background .35s ease,
        box-shadow .4s ease;
}


/* luxury background reveal */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: -2;

    pointer-events: none;

    opacity: 0;

    background:
        linear-gradient(
            100deg,
            rgba(234,246,251,.46),
            rgba(255,255,255,.30) 52%,
            rgba(246,241,232,.35)
        );

    transition:
        opacity .35s ease;
}


/* light sweep */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item::after {
    content: "";

    position: absolute;

    width: 50px;
    height: 170%;

    top: -35%;
    left: -80px;

    z-index: 5;

    pointer-events: none;

    opacity: 0;

    transform:
        skewX(-18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.45),
            transparent
        );
}


/* hover */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item:hover {
    transform:
        translateX(3px);

    border-color:
        rgba(125,183,216,.24) !important;

    box-shadow:
        0 12px 27px
        rgba(21,50,71,.045);
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item:hover::before {
    opacity: 1;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item:hover::after {
    animation:
        faqCompactSweep
        .75s ease forwards;
}


@keyframes faqCompactSweep {

    0% {
        left: -80px;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        left: 115%;
        opacity: 0;
    }

}


/* =========================================================
   17. SUMMARY / QUESTION
   COMPACT HEIGHT
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item > summary,

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item
> .e-n-accordion-item-title {
    position: relative !important;

    display:
        grid !important;

    grid-template-columns:
        36px minmax(0,1fr) 32px;

    align-items:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        61px;

    gap:
        11px;

    box-sizing:
        border-box;

    margin:
        0 !important;

    padding:
        10px 11px !important;

    list-style:
        none !important;

    cursor:
        pointer;

    border:
        0 !important;

    background:
        transparent !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item > summary::-webkit-details-marker {
    display: none;
}


/* =========================================================
   18. AUTOMATIC NUMBER
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item > summary::before,

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item
> .e-n-accordion-item-title::before {
    content:
        counter(faq-counter, decimal-leading-zero);

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        32px;

    height:
        32px;

    border:
        1px solid
        rgba(21,50,71,.11);

    border-radius:
        50%;

    background:
        rgba(255,255,255,.60);

    box-shadow:
        0 0 0 4px
        rgba(21,50,71,.012);

    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    color:
        var(--faq-sky-dark) !important;

    transition:
        transform .35s
        cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item:hover
> summary::before {
    transform:
        rotate(-5deg)
        scale(1.06);

    border-color:
        rgba(125,183,216,.38);

    box-shadow:
        0 0 0 5px
        rgba(125,183,216,.05);
}


/* =========================================================
   19. QUESTION
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item-title-text,

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item-title {
    min-width:
        0 !important;

    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        -.006em !important;

    color:
        var(--faq-navy) !important;
}


/*
   Because summary itself may also carry
   .e-n-accordion-item-title.
*/
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
summary.e-n-accordion-item-title {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    color:
        var(--faq-navy) !important;
}


/* subtle underline below title */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item-title-text::after {
    content: "";

    display: block;

    width:
        18px;

    height:
        1px;

    margin-top:
        6px;

    background:
        rgba(125,183,216,.55);

    transition:
        width .4s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item:hover
.e-n-accordion-item-title-text::after {
    width:
        38px;
}


/* =========================================================
   20. ICON
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item-title-icon {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    justify-self:
        end;

    width:
        29px !important;

    height:
        29px !important;

    min-width:
        29px;

    border:
        1px solid
        rgba(21,50,71,.11);

    border-radius:
        50%;

    background:
        rgba(255,255,255,.55);

    color:
        var(--faq-navy) !important;

    transition:
        transform .4s
        cubic-bezier(.2,.8,.2,1),
        background .35s ease,
        color .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item-title-icon svg {
    width:
        10px !important;

    height:
        10px !important;

    fill:
        currentColor !important;

    color:
        inherit !important;
}


/* =========================================================
   21. OPEN STATE
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item[open] {
    transform:
        translateX(3px);

    border-color:
        rgba(125,183,216,.25) !important;

    background:
        var(--faq-bg);

    box-shadow:
        0 14px 34px
        rgba(21,50,71,.055);
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item[open]::before {
    opacity: 1;
}


/* open number */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item[open]
> summary::before {
    transform:
        rotate(-5deg)
        scale(1.05);

    border-color:
        var(--faq-sky);

    background:
        var(--faq-sky-soft);

    color:
        var(--faq-navy) !important;
}


/* open title line */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-text::after {
    width:
        44px;

    background:
        var(--faq-sky);
}


/* open icon */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-icon {
    transform:
        rotate(180deg);

    border-color:
        var(--faq-navy);

    background:
        var(--faq-navy);

    color:
        #FFFFFF !important;

    box-shadow:
        0 7px 16px
        rgba(21,50,71,.12);
}


/* =========================================================
   22. ELEMENTOR GENERATED CONTENT AREA
   USER DOES NOT ADD A CONTAINER
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item
> .e-con {
    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    /*
       Only the wrapper generated automatically
       by Elementor receives compact spacing.
    */
    padding:
        0 11px 10px 47px !important;

    background:
        transparent !important;
}


/* =========================================================
   23. ANSWER TEXT EDITOR
   CLASS = uct-faq-answer
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer {
    position: relative;

    width:
        100% !important;

    max-width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        11px 14px 12px !important;

    box-sizing:
        border-box;

    border-left:
        2px solid
        rgba(125,183,216,.65);

    border-radius:
        0 10px 10px 0;

    background:
        rgba(255,255,255,.40);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.58);

    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.60 !important;

    letter-spacing:
        0 !important;

    color:
        var(--faq-text) !important;
}


/* Force all Text Editor internals */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer
.elementor-widget-container,

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer
.elementor-text-editor,

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer p,

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer span,

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer div {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.60 !important;

    letter-spacing:
        0 !important;

    color:
        var(--faq-text) !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer
.elementor-widget-container {
    margin:
        0 !important;

    padding:
        0 !important;
}


.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer p {
    margin:
        0 !important;
}


/* =========================================================
   24. ANSWER ENTRANCE
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item[open]
.uct-faq-answer {
    animation:
        faqAnswerReveal
        .42s
        cubic-bezier(.2,.8,.2,1)
        both;
}


@keyframes faqAnswerReveal {

    from {
        opacity: 0;

        transform:
            translateY(-5px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/* =========================================================
   25. TABLET LANDSCAPE
   <= 1024px
========================================================= */

@media (max-width:1024px) {

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-shell {
        width:
            min(calc(100% - 48px),960px) !important;

        grid-template-columns:
            minmax(0,.78fr)
            minmax(0,1.22fr);

        gap:
            44px;

        padding-top:
            72px;

        padding-bottom:
            68px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-shell::after {
        left:
            37.8%;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title
    .elementor-heading-title {
        font-size:
            42px !important;

        line-height:
            1.07 !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow
    .elementor-heading-title {
        font-size:
            11px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description p,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description span {
        font-size:
            14px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel {
        padding:
            10px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item > summary,

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item
    > .e-n-accordion-item-title {
        min-height:
            58px;

        grid-template-columns:
            34px minmax(0,1fr) 29px;

        gap:
            10px;

        padding:
            9px 10px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item-title-text,

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    summary.e-n-accordion-item-title {
        font-size:
            13px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer p,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer span,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer div {
        font-size:
            12px !important;
    }

}


/* =========================================================
   26. TABLET PORTRAIT
   <= 820px
========================================================= */

@media (max-width:820px) {

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-shell {
        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

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

        gap:
            38px;

        padding-top:
            68px;

        padding-bottom:
            62px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-shell::after {
        display:
            none;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-intro {
        width:
            min(100%,620px) !important;

        max-width:
            620px;

        padding-top:
            0;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title
    .elementor-heading-title {
        max-width:
            600px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description {
        max-width:
            570px;
    }


    /*
       Compact horizontal controls on tablet.
    */

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note {
        width:
            min(100%,390px) !important;
    }

}


/* =========================================================
   27. MOBILE
   <= 767px
========================================================= */

@media (max-width:767px) {

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-shell {
        width:
            calc(100% - 40px) !important;

        gap:
            32px;

        padding-top:
            56px;

        padding-bottom:
            52px;
    }


    /* LEFT */

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow {
        padding-left:
            35px !important;

        margin-bottom:
            15px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow::before {
        width:
            21px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title
    .elementor-heading-title {
        font-size:
            36px !important;

        line-height:
            1.08 !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title::after {
        width:
            48px;

        margin-top:
            17px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description {
        margin-top:
            18px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description p,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-description span {
        font-size:
            14px !important;
    }


    /* INFO */

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note {
        width:
            100% !important;

        grid-template-columns:
            44px minmax(0,1fr);

        gap:
            11px;

        margin-top:
            23px;

        padding:
            11px 14px 11px 11px;

        border-radius:
            14px 38px 14px 14px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-number {
        width:
            40px !important;

        height:
            40px !important;

        min-width:
            40px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-number,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-number
    .elementor-heading-title,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note-number p {
        font-size:
            18px !important;
    }


    /* CONTACT */

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-contact {
        margin-top:
            22px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-button {
        width:
            100% !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-button
    .elementor-button {
        width:
            100% !important;

        min-height:
            47px;

        font-size:
            13px !important;
    }


    /* PANEL */

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel {
        padding:
            8px;

        border-radius:
            17px;

        box-shadow:
            0 17px 38px
            rgba(21,50,71,.05);
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-top {
        padding:
            9px 8px 11px;
    }


    /* FAQ */

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion {
        gap:
            5px !important;

        padding-top:
            6px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item {
        border-radius:
            11px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item > summary,

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item
    > .e-n-accordion-item-title {
        grid-template-columns:
            31px minmax(0,1fr) 27px;

        min-height:
            55px;

        gap:
            9px;

        padding:
            8px 8px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item > summary::before,

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item
    > .e-n-accordion-item-title::before {
        width:
            29px;

        height:
            29px;

        font-size:
            8px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item-title-text,

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    summary.e-n-accordion-item-title {
        font-size:
            13px !important;

        line-height:
            1.35 !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item-title-icon {
        width:
            26px !important;

        height:
            26px !important;

        min-width:
            26px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item-title-icon svg {
        width:
            9px !important;

        height:
            9px !important;
    }


    /*
       Elementor-generated content region
    */

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item
    > .e-con {
        padding:
            0 8px 8px 40px !important;
    }


    /* Actual Text Editor answer */

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer {
        padding:
            9px 11px 10px !important;

        border-radius:
            0 8px 8px 0;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer
    .elementor-widget-container,

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer p,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer span,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer div {
        font-size:
            12px !important;

        line-height:
            1.58 !important;
    }

}


/* =========================================================
   28. SMALL MOBILE
   <= 480px
========================================================= */

@media (max-width:480px) {

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-shell {
        width:
            calc(100% - 32px) !important;

        gap:
            28px;

        padding-top:
            50px;

        padding-bottom:
            46px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-title
    .elementor-heading-title {
        font-size:
            32px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-top {
        flex-direction:
            row !important;

        align-items:
            center !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-panel-counter {
        padding:
            6px 8px;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item > summary,

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item
    > .e-n-accordion-item-title {
        grid-template-columns:
            29px minmax(0,1fr) 25px;

        gap:
            8px;

        min-height:
            53px;

        padding:
            7px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item-title-text,

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    summary.e-n-accordion-item-title {
        font-size:
            12px !important;
    }


    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer p,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer span,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-answer div {
        font-size:
            12px !important;
    }

}


/* =========================================================
   29. TOUCH DEVICES
========================================================= */

@media (hover:none) {

    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-note:hover,
    .elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item:hover {
        transform:
            none;
    }

}


/* =========================================================
   30. REDUCED MOTION
========================================================= */

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

    .elementor-491 .elementor-element.elementor-element-530da24 *,
    .elementor-491 .elementor-element.elementor-element-530da24 *::before,
    .elementor-491 .elementor-element.elementor-element-530da24 *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}
/* =========================================================
   FAQ ACTIVE ICON — SOFTER PREMIUM VERSION
========================================================= */

.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-icon {
    transform:
        rotate(180deg);

    background:
        #EAF6FB !important;

    border-color:
        #7DB7D8 !important;

    color:
        #153247 !important;

    box-shadow:
        0 8px 20px
        rgba(94,159,197,.12) !important;
}


/* SVG / icon color */
.elementor-491 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item[open]
.e-n-accordion-item-title-icon svg {
    fill:
        #153247 !important;

    color:
        #153247 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-104b0ad *//* =========================================================
   UBUD CYCLING TOUR
   CTA — THE FINAL INVITATION

   HIGH-END EDITORIAL CTA
   CSS CONTROLS EVERYTHING:
   - TYPOGRAPHY
   - FONT SIZE
   - COLORS
   - SPACING
   - LAYOUT
   - BUTTONS
   - ANIMATION
   - TABLET
   - MOBILE

   FONTS:
   - EL MESSIRI
   - DM SANS
========================================================= */


/* =========================================================
   01. ROOT
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad {
    --cta-sky: #7DB7D8;
    --cta-sky-light: #A9D2E8;
    --cta-sky-soft: #EAF6FB;

    --cta-navy: #153247;
    --cta-navy-deep: #102A3B;
    --cta-navy-dark: #0C2230;

    --cta-text: #536772;

    --cta-warm: #FBFAF7;
    --cta-cream: #F6F1E8;
    --cta-white: #FFFFFF;

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

    background:
        linear-gradient(
            180deg,
            #FBFAF7 0%,
            #F8F6F1 100%
        );
}


/* =========================================================
   02. OUTER AMBIENT LIGHT
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad::before {
    content: "";

    position: absolute;

    width: 540px;
    height: 540px;

    right: -230px;
    top: -250px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.12),
            rgba(125,183,216,.035) 44%,
            transparent 72%
        );

    filter: blur(25px);

    animation:
        ctaOuterAmbient
        15s ease-in-out infinite alternate;
}


@keyframes ctaOuterAmbient {

    from {
        transform:
            translate3d(0,0,0)
            scale(.95);
    }

    to {
        transform:
            translate3d(-35px,30px,0)
            scale(1.08);
    }

}


/* =========================================================
   03. OUTER DECORATIVE CIRCLE
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad::after {
    content: "";

    position: absolute;

    width: 340px;
    height: 340px;

    left: -230px;
    bottom: -220px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    border:
        1px solid
        rgba(21,50,71,.035);

    box-shadow:
        0 0 0 42px rgba(21,50,71,.008),
        0 0 0 84px rgba(21,50,71,.004);
}


/* =========================================================
   04. MAIN SHELL
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-shell {
    position: relative;

    z-index: 2;

    width:
        min(calc(100% - 64px),1320px) !important;

    max-width:
        1320px !important;

    min-width:
        0 !important;

    margin-inline:
        auto !important;

    padding-top:
        92px;

    padding-bottom:
        92px;
}


/* =========================================================
   05. MAIN CARD
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-card {
    position: relative;

    display: grid !important;

    grid-template-columns:
        minmax(0,1.32fr)
        minmax(310px,.68fr);

    align-items:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    gap:
        58px;

    padding:
        64px 62px;

    overflow:
        hidden;

    isolation:
        isolate;

    border:
        1px solid
        rgba(255,255,255,.075);

    border-radius:
        34px 150px 34px 34px;

    background:
        linear-gradient(
            135deg,
            #153247 0%,
            #123044 46%,
            #102A3B 100%
        );

    box-shadow:
        0 34px 90px
        rgba(21,50,71,.18),
        inset 0 1px 0
        rgba(255,255,255,.06);
}


/* =========================================================
   06. CARD AMBIENT SKY LIGHT
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-card::before {
    content: "";

    position: absolute;

    width:
        580px;

    height:
        580px;

    top:
        -360px;

    right:
        -160px;

    z-index:
        -3;

    pointer-events:
        none;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.28),
            rgba(125,183,216,.10) 42%,
            transparent 72%
        );

    filter:
        blur(12px);

    animation:
        ctaCardGlow
        12s ease-in-out infinite alternate;
}


@keyframes ctaCardGlow {

    from {
        transform:
            translate3d(0,0,0)
            scale(.95);
    }

    to {
        transform:
            translate3d(-45px,35px,0)
            scale(1.08);
    }

}


/* =========================================================
   07. MOVING TOP LIGHT RAIL
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-card::after {
    content: "";

    position: absolute;

    left:
        7%;

    right:
        11%;

    top:
        0;

    height:
        1px;

    z-index:
        5;

    pointer-events:
        none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(169,210,232,.15),
            rgba(169,210,232,.85),
            rgba(169,210,232,.15),
            transparent
        );

    background-size:
        240% 100%;

    animation:
        ctaLightRail
        5.5s ease-in-out infinite;
}


@keyframes ctaLightRail {

    0%,
    100% {
        background-position:
            0% center;

        opacity:
            .36;
    }

    50% {
        background-position:
            100% center;

        opacity:
            1;
    }

}


/* =========================================================
   08. CONTENT
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-content {
    position: relative;

    z-index: 5;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    width:
        100% !important;

    max-width:
        710px;

    min-width:
        0 !important;
}


/* =========================================================
   09. EYEBROW
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow
.elementor-heading-title {
    position: relative;

    width:
        fit-content;

    margin:
        0 !important;

    padding:
        0 !important;

    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        .09em !important;

    color:
        var(--cta-sky-light) !important;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow {
    padding-left:
        45px !important;

    margin-bottom:
        23px !important;
}


/* eyebrow line */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow::before {
    content: "";

    position: absolute;

    left:
        0;

    top:
        50%;

    width:
        29px;

    height:
        1px;

    transform:
        translateY(-50%);

    background:
        var(--cta-sky);
}


/* moving dot */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow::after {
    content: "";

    position: absolute;

    left:
        0;

    top:
        50%;

    width:
        5px;

    height:
        5px;

    border-radius:
        50%;

    background:
        var(--cta-sky);

    box-shadow:
        0 0 0 5px
        rgba(125,183,216,.10);

    transform:
        translateY(-50%);

    animation:
        ctaEyebrowMove
        5s ease-in-out infinite;
}


@keyframes ctaEyebrowMove {

    0%,
    100% {
        transform:
            translate(0,-50%);
    }

    50% {
        transform:
            translate(24px,-50%);
    }

}


/* =========================================================
   10. MAIN TITLE
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title
.elementor-heading-title {
    width:
        100% !important;

    max-width:
        700px;

    min-width:
        0;

    margin:
        0 !important;

    padding:
        0 !important;

    font-family:
        "El Messiri", sans-serif !important;

    font-size:
        56px !important;

    font-weight:
        500 !important;

    line-height:
        1.04 !important;

    letter-spacing:
        -.026em !important;

    color:
        #F7FAFC !important;
}


/* title underline */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title::after {
    content: "";

    display:
        block;

    width:
        74px;

    height:
        2px;

    margin-top:
        26px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            var(--cta-sky),
            rgba(125,183,216,.10)
        );

    transition:
        width .5s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-content:hover
.uct-cta-title::after {
    width:
        124px;
}


/* =========================================================
   11. DESCRIPTION
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description p,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        16px !important;

    font-weight:
        400 !important;

    line-height:
        1.68 !important;

    letter-spacing:
        0 !important;

    color:
        rgba(255,255,255,.68) !important;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description {
    width:
        100% !important;

    max-width:
        610px;

    margin-top:
        27px;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description p {
    margin:
        0 !important;
}


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


/* =========================================================
   12. ACTIONS
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-actions {
    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    flex-wrap:
        wrap !important;

    width:
        100% !important;

    gap:
        14px;

    margin-top:
        34px;
}


/* =========================================================
   13. PRIMARY WRAPPER
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary {
    width:
        fit-content !important;
}


/* =========================================================
   14. PRIMARY BUTTON
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary
.elementor-button {
    position:
        relative;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        12px;

    min-height:
        54px;

    padding:
        0 25px !important;

    overflow:
        hidden;

    isolation:
        isolate;

    border:
        1px solid
        var(--cta-sky) !important;

    border-radius:
        999px !important;

    background:
        var(--cta-sky) !important;

    box-shadow:
        0 14px 30px
        rgba(125,183,216,.16);

    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    color:
        var(--cta-navy) !important;

    transition:
        transform .42s
        cubic-bezier(.2,.8,.2,1),
        background .35s ease,
        border-color .35s ease,
        box-shadow .4s ease,
        color .35s ease !important;
}


/* primary shine */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary
.elementor-button::before {
    content: "";

    position:
        absolute;

    width:
        58px;

    height:
        180%;

    left:
        -100px;

    top:
        -40%;

    z-index:
        1;

    opacity:
        0;

    pointer-events:
        none;

    transform:
        skewX(-20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.45),
            transparent
        );
}


/* primary arrow */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary
.elementor-button::after {
    content:
        "↗";

    position:
        relative;

    z-index:
        3;

    transition:
        transform .35s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary
.elementor-button-text {
    position:
        relative;

    z-index:
        3;
}


/* primary hover */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary
.elementor-button:hover {
    transform:
        translateY(-4px);

    background:
        #A9D2E8 !important;

    border-color:
        #A9D2E8 !important;

    color:
        var(--cta-navy) !important;

    box-shadow:
        0 20px 42px
        rgba(125,183,216,.23);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary
.elementor-button:hover::before {
    animation:
        ctaPrimarySweep
        .8s ease forwards;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary
.elementor-button:hover::after {
    transform:
        translate(4px,-3px);
}


@keyframes ctaPrimarySweep {

    0% {
        left:
            -100px;

        opacity:
            0;
    }

    18% {
        opacity:
            1;
    }

    100% {
        left:
            120%;

        opacity:
            0;
    }

}


/* =========================================================
   15. SECONDARY WRAPPER
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary {
    width:
        fit-content !important;
}


/* =========================================================
   16. SECONDARY BUTTON
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
.elementor-button {
    position:
        relative;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        12px;

    min-height:
        54px;

    padding:
        0 24px !important;

    overflow:
        hidden;

    isolation:
        isolate;

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

    border-radius:
        999px !important;

    background:
        rgba(255,255,255,.035) !important;

    -webkit-backdrop-filter:
        blur(8px);

    backdrop-filter:
        blur(8px);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.035);

    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    color:
        #FFFFFF !important;

    transition:
        transform .42s
        cubic-bezier(.2,.8,.2,1),
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease !important;
}


/* secondary fill */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
.elementor-button::before {
    content: "";

    position:
        absolute;

    inset:
        0;

    z-index:
        0;

    transform:
        scaleX(0);

    transform-origin:
        left center;

    background:
        rgba(255,255,255,.09);

    transition:
        transform .45s
        cubic-bezier(.2,.8,.2,1);
}


/* arrow */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
.elementor-button::after {
    content:
        "→";

    position:
        relative;

    z-index:
        3;

    transition:
        transform .35s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
.elementor-button-text {
    position:
        relative;

    z-index:
        3;
}


/* hover */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
.elementor-button:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(169,210,232,.55) !important;

    background:
        rgba(255,255,255,.055) !important;

    box-shadow:
        0 17px 34px
        rgba(0,0,0,.09);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
.elementor-button:hover::before {
    transform:
        scaleX(1);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
.elementor-button:hover::after {
    transform:
        translateX(5px);
}


/* =========================================================
   =========================================================
   TRUST LINE
   =========================================================
========================================================= */


/* =========================================================
   17. TRUST WRAPPER
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust {
    position:
        relative;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    flex-wrap:
        wrap !important;

    width:
        100% !important;

    gap:
        0;

    margin-top:
        34px;

    padding-top:
        21px;

    border-top:
        1px solid
        rgba(255,255,255,.09);
}


/* =========================================================
   18. TRUST ITEM
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item p,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;

    line-height:
        1.3 !important;

    color:
        rgba(255,255,255,.62) !important;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item {
    position:
        relative;

    width:
        auto !important;

    margin:
        0 !important;

    padding:
        0 22px 0 0;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item:not(:first-child) {
    padding-left:
        22px;
}


/* separator */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item:not(:first-child)::before {
    content: "";

    position:
        absolute;

    left:
        -2px;

    top:
        50%;

    width:
        5px;

    height:
        5px;

    transform:
        translateY(-50%);

    border-radius:
        50%;

    background:
        var(--cta-sky);

    box-shadow:
        0 0 0 4px
        rgba(125,183,216,.07);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item p {
    margin:
        0 !important;
}


/* =========================================================
   =========================================================
   SIDE PANEL
   =========================================================
========================================================= */


/* =========================================================
   19. ASIDE
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside {
    position:
        relative;

    z-index:
        4;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    align-self:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        330px;

    height:
        auto !important;

    padding:
        34px;

    overflow:
        hidden;

    isolation:
        isolate;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius:
        26px 90px 26px 26px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        );

    -webkit-backdrop-filter:
        blur(13px);

    backdrop-filter:
        blur(13px);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.055),
        0 20px 48px
        rgba(0,0,0,.08);

    transition:
        transform .5s
        cubic-bezier(.2,.8,.2,1),
        border-color .4s ease,
        background .4s ease,
        box-shadow .45s ease;
}


/* =========================================================
   20. ORBIT
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside::before {
    content: "";

    position:
        absolute;

    width:
        210px;

    height:
        210px;

    top:
        -75px;

    right:
        -50px;

    z-index:
        -1;

    border-radius:
        50%;

    border:
        1px solid
        rgba(169,210,232,.21);

    box-shadow:
        0 0 0 27px
        rgba(125,183,216,.035),
        0 0 0 55px
        rgba(125,183,216,.017);

    animation:
        ctaOrbit
        16s linear infinite;
}


@keyframes ctaOrbit {

    from {
        transform:
            rotate(0deg)
            scale(1);
    }

    50% {
        transform:
            rotate(180deg)
            scale(1.04);
    }

    to {
        transform:
            rotate(360deg)
            scale(1);
    }

}


/* =========================================================
   21. ASIDE GLOW
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside::after {
    content: "";

    position:
        absolute;

    width:
        180px;

    height:
        180px;

    right:
        -70px;

    bottom:
        -90px;

    z-index:
        -2;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.17),
            transparent 70%
        );

    filter:
        blur(14px);

    transition:
        transform .55s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside:hover {
    transform:
        translateY(-6px);

    border-color:
        rgba(169,210,232,.26);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.095),
            rgba(255,255,255,.035)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.07),
        0 29px 58px
        rgba(0,0,0,.11);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside:hover::after {
    transform:
        scale(1.18);
}


/* =========================================================
   22. ASIDE LABEL
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label p,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        600 !important;

    line-height:
        1.25 !important;

    letter-spacing:
        .08em !important;

    color:
        var(--cta-sky-light) !important;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label {
    position:
        relative;

    width:
        fit-content;

    margin:
        0 0 20px !important;

    padding-left:
        30px;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label::before {
    content: "";

    position:
        absolute;

    left:
        0;

    top:
        50%;

    width:
        19px;

    height:
        1px;

    transform:
        translateY(-50%);

    background:
        var(--cta-sky);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label p {
    margin:
        0 !important;
}


/* =========================================================
   23. ASIDE TITLE
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title
.elementor-heading-title {
    width:
        100% !important;

    max-width:
        315px;

    margin:
        0 !important;

    font-family:
        "El Messiri", sans-serif !important;

    font-size:
        30px !important;

    font-weight:
        500 !important;

    line-height:
        1.10 !important;

    letter-spacing:
        -.018em !important;

    color:
        #FFFFFF !important;
}


/* =========================================================
   24. ASIDE TEXT
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text p,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.55 !important;

    color:
        rgba(255,255,255,.62) !important;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text {
    margin-top:
        17px;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text p {
    margin:
        0 !important;
}


/* =========================================================
   25. ASIDE META
========================================================= */

.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta p,
.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        .11em !important;

    color:
        var(--cta-sky-light) !important;
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta {
    width:
        fit-content;

    margin-top:
        25px;

    padding-top:
        15px;

    border-top:
        1px solid
        rgba(255,255,255,.11);
}


.elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta p {
    margin:
        0 !important;
}


/* =========================================================
   =========================================================
   TABLET LANDSCAPE
   <= 1024PX
   =========================================================
========================================================= */

@media (max-width:1024px) {

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-shell {
        width:
            min(calc(100% - 48px),960px) !important;

        padding-top:
            78px;

        padding-bottom:
            78px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-card {
        grid-template-columns:
            minmax(0,1.18fr)
            minmax(270px,.82fr);

        gap:
            40px;

        padding:
            50px 46px;

        border-radius:
            30px 115px 30px 30px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow
    .elementor-heading-title {
        font-size:
            11px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title
    .elementor-heading-title {
        font-size:
            48px !important;

        line-height:
            1.06 !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description p,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description span {
        font-size:
            15px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside {
        min-height:
            300px;

        padding:
            28px;

        border-radius:
            23px 72px 23px 23px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title
    .elementor-heading-title {
        font-size:
            27px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text p {
        font-size:
            12px !important;
    }

}


/* =========================================================
   TABLET PORTRAIT
   <= 820PX
========================================================= */

@media (max-width:820px) {

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-shell {
        width:
            calc(100% - 48px) !important;

        padding-top:
            70px;

        padding-bottom:
            70px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-card {
        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

        gap:
            42px;

        padding:
            48px 42px;

        border-radius:
            28px 95px 28px 28px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-content {
        max-width:
            680px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title
    .elementor-heading-title {
        max-width:
            650px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description {
        max-width:
            590px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside {
        align-self:
            flex-start !important;

        width:
            min(100%,570px) !important;

        min-height:
            260px;

        padding:
            27px;

        border-radius:
            23px 78px 23px 23px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title
    .elementor-heading-title {
        max-width:
            420px;
    }

}


/* =========================================================
   MOBILE
   <= 767PX
========================================================= */

@media (max-width:767px) {

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-shell {
        width:
            calc(100% - 40px) !important;

        padding-top:
            58px;

        padding-bottom:
            58px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-card {
        gap:
            34px;

        padding:
            34px 26px 27px;

        border-radius:
            23px 67px 23px 23px;
    }


    /* -----------------------------------------
       EYEBROW
    ----------------------------------------- */

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow {
        padding-left:
            36px !important;

        margin-bottom:
            18px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow
    .elementor-heading-title {
        font-size:
            10px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow::before {
        width:
            22px;
    }


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

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title
    .elementor-heading-title {
        font-size:
            38px !important;

        line-height:
            1.08 !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title::after {
        width:
            52px;

        margin-top:
            20px;
    }


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

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description {
        margin-top:
            22px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description p,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description span {
        font-size:
            14px !important;
    }


    /* -----------------------------------------
       BUTTONS
    ----------------------------------------- */

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-actions {
        flex-direction:
            column !important;

        align-items:
            stretch !important;

        gap:
            11px;

        margin-top:
            28px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary {
        width:
            100% !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary
    .elementor-button,

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
    .elementor-button {
        width:
            100% !important;

        min-height:
            51px;

        padding:
            0 20px !important;

        font-size:
            14px !important;
    }


    /* -----------------------------------------
       TRUST
    ----------------------------------------- */

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust {
        margin-top:
            27px;

        padding-top:
            18px;

        gap:
            10px 0;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item p {
        font-size:
            11px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item {
        padding-right:
            14px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item:not(:first-child) {
        padding-left:
            14px;
    }


    /* -----------------------------------------
       ASIDE
    ----------------------------------------- */

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside {
        width:
            100% !important;

        min-height:
            230px;

        padding:
            23px;

        border-radius:
            20px 58px 20px 20px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside::before {
        width:
            165px;

        height:
            165px;

        right:
            -45px;

        top:
            -65px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label p {
        font-size:
            9px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title
    .elementor-heading-title {
        font-size:
            24px !important;

        line-height:
            1.12 !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text p {
        font-size:
            12px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta p {
        font-size:
            9px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   <= 480PX
========================================================= */

@media (max-width:480px) {

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-shell {
        width:
            calc(100% - 32px) !important;

        padding-top:
            50px;

        padding-bottom:
            50px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-card {
        padding:
            29px 20px 21px;

        gap:
            30px;

        border-radius:
            20px 54px 20px 20px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-title
    .elementor-heading-title {
        font-size:
            34px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-description p {
        font-size:
            14px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary
    .elementor-button,

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
    .elementor-button {
        min-height:
            49px;

        font-size:
            13px !important;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside {
        min-height:
            215px;

        padding:
            20px;

        border-radius:
            18px 48px 18px 18px;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title,
    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title
    .elementor-heading-title {
        font-size:
            23px !important;
    }

}


/* =========================================================
   TOUCH DEVICE
========================================================= */

@media (hover:none) {

    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-aside:hover {
        transform:
            none;
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-primary
    .elementor-button:active {
        transform:
            scale(.985);
    }


    .elementor-491 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
    .elementor-button:active {
        background:
            rgba(255,255,255,.08) !important;
    }

}


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

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

    .elementor-491 .elementor-element.elementor-element-104b0ad *,
    .elementor-491 .elementor-element.elementor-element-104b0ad *::before,
    .elementor-491 .elementor-element.elementor-element-104b0ad *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */