.elementor-438 .elementor-element.elementor-element-efd1714{--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-438 .elementor-element.elementor-element-64f9dfc{--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-438 .elementor-element.elementor-element-0d7830b{--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-438 .elementor-element.elementor-element-533df49{--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-438 .elementor-element.elementor-element-0017723{--display:flex;}.elementor-438 .elementor-element.elementor-element-80d8909{--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-438 .elementor-element.elementor-element-a026bb3{text-align:center;}.elementor-438 .elementor-element.elementor-element-5f3afcd{--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-438 .elementor-element.elementor-element-3dc9731{--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;--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-438 .elementor-element.elementor-element-0e79cd5{--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-438 .elementor-element.elementor-element-b23f6fd{--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:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-438 .elementor-element.elementor-element-d06e18e{--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;}.elementor-438 .elementor-element.elementor-element-6c265a8{--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;}.elementor-438 .elementor-element.elementor-element-0635e71{--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-438 .elementor-element.elementor-element-55b3236{--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:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-438 .elementor-element.elementor-element-69f625c{--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-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-438 .elementor-element.elementor-element-e674f14{--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:stretch;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-438 .elementor-element.elementor-element-372f4a5{--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-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-438 .elementor-element.elementor-element-c36db4a .elementor-icon-wrapper{text-align:center;}.elementor-438 .elementor-element.elementor-element-c36db4a .elementor-icon{font-size:7px;}.elementor-438 .elementor-element.elementor-element-c36db4a .elementor-icon svg{height:7px;}.elementor-438 .elementor-element.elementor-element-303db02{--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-438 .elementor-element.elementor-element-b6cec67 .elementor-icon-wrapper{text-align:center;}.elementor-438 .elementor-element.elementor-element-cd0274c{--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-438 .elementor-element.elementor-element-13c82ed .elementor-icon-wrapper{text-align:center;}.elementor-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-640cede .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-weight:600;}.elementor-438 .elementor-element.elementor-element-d44590c .elementor-heading-title{color:#3F6980;}.elementor-438 .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-438 .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-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-d6eb9f7{--display:flex;}.elementor-438 .elementor-element.elementor-element-bb84750{--display:flex;}.elementor-438 .elementor-element.elementor-element-a08da47{--display:flex;}.elementor-438 .elementor-element.elementor-element-a274e96{--display:flex;}.elementor-438 .elementor-element.elementor-element-d2b20cc{--display:flex;}.elementor-438 .elementor-element.elementor-element-b7f0a3d{--display:flex;}.elementor-438 .elementor-element.elementor-element-9edfec6{--display:flex;}.elementor-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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;}/* Start custom CSS for container, class: .elementor-element-efd1714 *//* =========================================================
   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-438 .elementor-element.elementor-element-efd1714 {
    --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-438 .elementor-element.elementor-element-efd1714::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-438 .elementor-element.elementor-element-efd1714::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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-breadcrumb,
.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-breadcrumb p,
.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-breadcrumb {
    position: relative;

    width:
        auto !important;

    margin:
        0 !important;

    padding-left:
        30px;
}


.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-breadcrumb::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width:
        18px;

    height:
        1px;

    transform:
        translateY(-50%);

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


.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-breadcrumb p {
    margin:
        0 !important;
}


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

.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-number,
.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-number p,
.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-number p {
    margin:
        0 !important;
}


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

.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-title,
.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-content:hover
.uct-inner-hero-title::after {
    width:
        108px;
}


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

.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-description,
.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-description p,
.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-description {
    width:
        100% !important;

    max-width:
        490px;

    margin-top:
        22px;
}


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


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

.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-visual {
    position: relative;

    width:
        100% !important;

    height:
        385px;

    min-width:
        0 !important;

    overflow:
        visible;

    isolation:
        isolate;
}


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

.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-image a {
    display:
        block;

    width:
        100%;

    height:
        100%;
}


.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-visual:hover
.uct-inner-hero-image {
    transform:
        translateY(-5px);

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


.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-location:hover {
    transform:
        translateY(-5px);

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


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


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

.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-location-label,
.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-location-label p,
.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-location-label {
    margin:
        0 0 4px !important;
}


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


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

.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-location-text,
.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-location-text p,
.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-location-text {
    margin:
        0 !important;
}


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


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

.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-visual-index,
.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-visual-index p,
.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-visual-index p {
    margin:
        0 !important;
}


.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-meta,
.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-title,
.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-description,
.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-accent {
    animation:
        innerHeroTextReveal
        .7s
        cubic-bezier(.2,.8,.2,1)
        both;
}


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


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


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


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


@keyframes innerHeroTextReveal {

    from {
        opacity:
            0;

        transform:
            translateY(18px);
    }

    to {
        opacity:
            1;

        transform:
            translateY(0);
    }

}


/* image reveal */

.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-title,
    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-title
    .elementor-heading-title {
        font-size:
            44px !important;

        line-height:
            1.06 !important;
    }


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


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


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


    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-visual {
        height:
            340px;
    }


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


    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-location {
        left:
            -20px;

        bottom:
            18px;
    }

}


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

@media (max-width:820px) {

    .elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-content::before {
        display:
            none;
    }


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


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


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


    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-visual {
        height:
            310px;
    }


    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-location {
        left:
            -14px;

        min-width:
            150px;

        padding:
            12px 15px;
    }

}


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

@media (max-width:767px) {

    .elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-content {
        width:
            100% !important;

        max-width:
            100%;
    }


    /* META */

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

        max-width:
            100%;

        gap:
            12px;

        margin-bottom:
            18px;

        padding-bottom:
            12px;
    }


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


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


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


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


    /* H1 */

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

        font-size:
            36px !important;

        line-height:
            1.08 !important;
    }


    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-title::after {
        width:
            50px;

        margin-top:
            17px;
    }


    /* DESCRIPTION */

    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-description {
        max-width:
            100%;

        margin-top:
            18px;
    }


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

        line-height:
            1.62 !important;
    }


    /* ACCENT */

    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-accent {
        max-width:
            260px;

        margin-top:
            22px;
    }


    /* IMAGE */

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

        height:
            285px;
    }


    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-visual::before {
        width:
            56%;

        height:
            70%;

        left:
            -10px;

        top:
            -10px;

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


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


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


    /* LOCATION */

    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-location {
        left:
            12px;

        bottom:
            12px;

        min-width:
            142px;

        max-width:
            190px;

        padding:
            11px 14px;

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


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


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


    /* INDEX */

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

        height:
            32px !important;

        top:
            11px;

        right:
            11px;
    }


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

}


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

@media (max-width:480px) {

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

        gap:
            28px;

        padding-top:
            42px;

        padding-bottom:
            42px;
    }


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

        line-height:
            1.09 !important;
    }


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


    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-visual {
        height:
            250px;
    }


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


    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-location {
        left:
            10px;

        bottom:
            10px;

        min-width:
            132px;

        padding:
            10px 12px;
    }

}


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

@media (hover:none) {

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


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


    .elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-location:hover {
        transform:
            none;
    }

}


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

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

    .elementor-438 .elementor-element.elementor-element-efd1714 *,
    .elementor-438 .elementor-element.elementor-element-efd1714 *::before,
    .elementor-438 .elementor-element.elementor-element-efd1714 *::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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-visual-index {
        top: 16px !important;
        right: 24px !important;

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

}


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

@media (max-width:767px) {

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

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

}


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

@media (max-width:480px) {

    .elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-accent
> .e-con-inner,

.elementor-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-accent
.elementor-element,

.elementor-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .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-438 .elementor-element.elementor-element-efd1714 .uct-inner-hero-accent {
        max-width: 320px !important;

        margin-top:
            25px !important;
    }

}


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

@media (max-width:767px) {

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

        margin-top:
            21px !important;
    }


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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dc9731 *//* =========================================================
   UBUD CYCLING TOUR
   CONTACT V3 — THE UBUD CONNECTION

   NEW CONCEPT
   UNIQUE PREFIX: UCTC3

   STABLE STRUCTURE:
   - FULL WIDTH MAP
   - MAP IN NORMAL DOCUMENT FLOW
   - CONTACT CARDS BELOW MAP
   - NO IMPORTANT ABSOLUTE WIDGETS
   - NO EQUAL HEIGHT MAP/PANEL PROBLEM
   - NO EMAIL/BUTTON COLLISION

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


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

.elementor-438 .elementor-element.elementor-element-3dc9731 {
    --c3-sky: #7DB7D8;
    --c3-sky-dark: #5E9FC5;
    --c3-sky-soft: #EAF6FB;

    --c3-navy: #153247;
    --c3-navy-mid: #193B50;
    --c3-navy-dark: #102A3B;

    --c3-text: #536772;

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

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

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


/* =========================================================
   02. TOP AMBIENT
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731::before {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    top: -430px;
    right: -230px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.15),
            rgba(125,183,216,.045) 44%,
            transparent 72%
        );

    filter: blur(28px);

    animation:
        c3AmbientFloat
        16s ease-in-out infinite alternate;
}


@keyframes c3AmbientFloat {

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

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


/* =========================================================
   03. LEFT DECORATIVE ORBIT
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731::after {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    left: -260px;
    bottom: -250px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

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

    box-shadow:
        0 0 0 40px rgba(125,183,216,.014),
        0 0 0 80px rgba(125,183,216,.006);
}


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

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-shell {
    position: relative;

    z-index: 2;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

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

    max-width:
        1280px !important;

    min-width:
        0 !important;

    margin-inline:
        auto !important;

    padding:
        82px 0;
}


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

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-shell::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: -4;

    pointer-events: none;

    opacity: .11;

    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 12%,
            #000 90%,
            transparent
        );

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


/* =========================================================
   =========================================================
   HEADER
   =========================================================
========================================================= */


/* =========================================================
   06. HEADER
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header {
    display:
        grid !important;

    grid-template-columns:
        minmax(0,1.12fr)
        minmax(0,.88fr);

    align-items:
        end !important;

    width:
        100% !important;

    min-width:
        0 !important;

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

    padding-bottom:
        42px;
}


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

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header-left,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header-right {
    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    width:
        100% !important;

    min-width:
        0 !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header-left {
    max-width:
        650px;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header-right {
    max-width:
        470px;

    margin-left:
        auto;
}


/* =========================================================
   08. EYEBROW
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-eyebrow,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-eyebrow
.elementor-heading-title {
    margin:
        0 !important;

    padding:
        0 !important;

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

    font-size:
        11px !important;

    font-weight:
        600 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        .10em !important;

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-eyebrow {
    position: relative;

    width:
        fit-content;

    padding-left:
        42px !important;

    margin-bottom:
        17px !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-eyebrow::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 27px;
    height: 1px;

    transform:
        translateY(-50%);

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-eyebrow::after {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 5px;
    height: 5px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background:
        var(--c3-sky);

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

    animation:
        c3DotTravel
        5.4s ease-in-out infinite;
}


@keyframes c3DotTravel {

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

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


/* =========================================================
   09. MAIN TITLE
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-title,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-title
.elementor-heading-title {
    width:
        100% !important;

    max-width:
        620px;

    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:
        -.023em !important;

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-title::after {
    content: "";

    display: block;

    width:
        64px;

    height:
        2px;

    margin-top:
        22px;

    border-radius:
        999px;

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

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header-left:hover
.uctc3-title::after {
    width:
        112px;
}


/* =========================================================
   10. LOCATION PILL — FIXED
   ONLY FIXES THE WRAPPER / TEXT ALIGNMENT
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-location-pill {
    position: relative;

    display: inline-flex !important;

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

    align-self: flex-start !important;

    width: max-content !important;
    min-width: max-content !important;
    max-width: 100% !important;

    min-height: 36px;

    margin: 0 0 18px 0 !important;

    padding: 0 15px !important;

    gap: 8px;

    box-sizing: border-box !important;

    overflow: hidden;

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

    border-radius: 999px;

    background: rgba(234,246,251,.78);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        0 6px 18px rgba(21,50,71,.045);
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-location-pill
.elementor-widget-container {
    display: flex !important;

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

    width: auto !important;
    min-width: 0 !important;

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-location-pill,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-location-pill
.elementor-heading-title {
    font-family: "DM Sans", sans-serif !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .08em !important;

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-location-pill
.elementor-heading-title {
    display: flex !important;

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

    width: auto !important;

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

    white-space: nowrap !important;

    text-align: center !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-location-pill::before {
    content: "";

    position: relative;

    display: block;

    flex: 0 0 5px;

    width: 5px;
    height: 5px;

    margin: 0 !important;

    border-radius: 50%;

    background: var(--c3-sky);

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


/* =========================================================
   11. HEADER INTRO
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-intro,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-intro p,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-intro span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        400 !important;

    line-height:
        1.66 !important;

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-intro {
    width:
        100% !important;

    margin:
        0 !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-intro p {
    margin:
        0 !important;
}


/* =========================================================
   =========================================================
   MAP CARD
   =========================================================
========================================================= */


/* =========================================================
   12. MAP CARD
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-card {
    position: relative;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    width:
        100% !important;

    min-width:
        0 !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden;

    isolation:
        isolate;

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

    border-radius:
        26px 82px 26px 26px;

    background:
        #FFFFFF;

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

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-card:hover {
    transform:
        translateY(-5px);

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

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


/* =========================================================
   13. MAP CARD AMBIENT
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-card::before {
    content: "";

    position: absolute;

    width:
        300px;

    height:
        300px;

    top:
        -185px;

    left:
        -130px;

    z-index:
        1;

    pointer-events:
        none;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.18),
            rgba(125,183,216,.04) 50%,
            transparent 72%
        );
}


/* =========================================================
   14. MAP HEADER
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-header {
    position: relative;

    z-index:
        5;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        82px;

    gap:
        30px;

    margin:
        0 !important;

    padding:
        0 28px !important;

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

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


/* animated bottom marker */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-header::after {
    content: "";

    position: absolute;

    left:
        28px;

    bottom:
        -1px;

    width:
        48px;

    height:
        2px;

    border-radius:
        999px;

    background:
        var(--c3-sky);

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


@keyframes c3MapLine {

    0%,
    100% {
        width: 48px;
    }

    50% {
        width: 90px;
    }
}


/* =========================================================
   15. MAP COPY
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-copy {
    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        center !important;

    width:
        auto !important;

    min-width:
        0 !important;
}


/* =========================================================
   16. MAP EYEBROW
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-eyebrow,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-eyebrow
.elementor-heading-title {
    margin:
        0 !important;

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

    font-size:
        9px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .10em !important;

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


/* =========================================================
   17. MAP LOCATION
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-location,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-location
.elementor-heading-title {
    margin:
        5px 0 0 !important;

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

    font-size:
        22px !important;

    font-weight:
        500 !important;

    line-height:
        1.15 !important;

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


/* =========================================================
   18. MAP BUTTON
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-button {
    width:
        fit-content !important;

    flex:
        0 0 auto !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-button
.elementor-button {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        42px;

    padding:
        0 17px !important;

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

    border-radius:
        999px !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

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

    font-size:
        10px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

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

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-button
.elementor-button::after {
    content:
        "↗";

    margin-left:
        8px;

    transition:
        transform .35s ease;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-button
.elementor-button:hover {
    transform:
        translateY(-2px);

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

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

    color:
        #FFFFFF !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-button
.elementor-button:hover::after {
    transform:
        translate(3px,-2px);
}


/* =========================================================
   19. GOOGLE MAP WIDGET
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map {
    --container-widget-width:
        100% !important;

    position:
        relative !important;

    display:
        block !important;

    align-self:
        stretch !important;

    width:
        100% !important;

    min-width:
        100% !important;

    max-width:
        100% !important;

    height:
        410px !important;

    min-height:
        410px !important;

    max-height:
        410px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    background:
        var(--c3-sky-soft);
}


/* =========================================================
   20. MAP ELEMENTOR WRAPPERS
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
> .elementor-widget-container,

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
.elementor-widget-container,

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
.elementor-custom-embed {
    display:
        block !important;

    width:
        100% !important;

    min-width:
        100% !important;

    max-width:
        100% !important;

    height:
        410px !important;

    min-height:
        410px !important;

    max-height:
        410px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;
}


/* =========================================================
   21. MAP IFRAME
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map iframe,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
.elementor-google-map {
    position:
        static !important;

    display:
        block !important;

    width:
        100% !important;

    min-width:
        100% !important;

    max-width:
        100% !important;

    height:
        410px !important;

    min-height:
        410px !important;

    max-height:
        410px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    filter:
        saturate(.84)
        contrast(.96)
        brightness(1.02);

    transition:
        filter .55s ease;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-card:hover
.uctc3-map iframe {
    filter:
        saturate(.98)
        contrast(.99)
        brightness(1.01);
}


/* =========================================================
   =========================================================
   CONTACT CARDS GRID
   =========================================================
========================================================= */


/* =========================================================
   22. CARDS WRAPPER
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-cards {
    display:
        grid !important;

    grid-template-columns:
        1.08fr 1fr 1fr;

    align-items:
        stretch !important;

    width:
        100% !important;

    min-width:
        0 !important;

    gap:
        18px;

    margin-top:
        22px;
}


/* =========================================================
   23. BASE CARD
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card {
    position: relative;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        flex-start !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        310px;

    padding:
        28px 27px 25px !important;

    overflow:
        hidden;

    isolation:
        isolate;

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

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


/* =========================================================
   24. CARD NUMBER
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card::after {
    position: absolute;

    top:
        24px;

    right:
        25px;

    z-index:
        1;

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

    font-size:
        10px;

    font-weight:
        600;

    line-height:
        1;

    letter-spacing:
        .06em;

    opacity:
        .55;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary::after {
    content: "01";
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light::after {
    content: "02";
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft::after {
    content: "03";
}


/* =========================================================
   25. PRIMARY / WHATSAPP CARD
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary {
    border:
        1px solid rgba(255,255,255,.07);

    background:
        linear-gradient(
            145deg,
            #153247 0%,
            #183B50 54%,
            #102A3B 100%
        );

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary::after {
    color:
        rgba(255,255,255,.55);
}


/* =========================================================
   26. LIGHT CARD
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light {
    border:
        1px solid rgba(21,50,71,.075);

    background:
        #FFFFFF;

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light::after {
    color:
        var(--c3-sky-dark);
}


/* =========================================================
   27. SOFT SKY CARD
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft {
    border:
        1px solid rgba(94,159,197,.13);

    background:
        linear-gradient(
            145deg,
            #EAF6FB 0%,
            #F4FAFC 100%
        );

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft::after {
    color:
        var(--c3-sky-dark);
}


/* =========================================================
   28. CARD DECORATION
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card::before {
    content: "";

    position: absolute;

    width:
        150px;

    height:
        150px;

    right:
        -85px;

    bottom:
        -90px;

    z-index:
        -1;

    pointer-events:
        none;

    border-radius:
        50%;

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

    box-shadow:
        0 0 0 22px rgba(125,183,216,.025),
        0 0 0 44px rgba(125,183,216,.010);
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card:hover {
    transform:
        translateY(-7px);
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary:hover {
    box-shadow:
        0 30px 68px
        rgba(21,50,71,.21);
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light:hover,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft:hover {
    border-color:
        rgba(125,183,216,.25);

    box-shadow:
        0 28px 65px
        rgba(21,50,71,.11);
}


/* =========================================================
   29. CARD ICON — ICON + CIRCLE ENLARGED
   ONLY THIS ICON AREA IS CHANGED
========================================================= */

/* =========================================================
   DESKTOP
   Circle : 60px
   Icon   : 26px
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon {
    --container-widget-width: 60px !important;
    --container-widget-flex-grow: 0 !important;

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

    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;

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

    flex: 0 0 60px !important;

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

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
.elementor-widget-container,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
.elementor-icon-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;

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

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

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
.elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;

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

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

    box-sizing: border-box !important;

    border-radius: 50% !important;

    font-size: 26px !important;
    line-height: 1 !important;

    box-shadow: none !important;

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


/* DARK / WHATSAPP CARD */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-icon
.elementor-icon {
    border:
        1px solid rgba(125,183,216,.38) !important;

    background:
        rgba(125,183,216,.13) !important;

    color:
        #9FD0EA !important;
}


/* LIGHT + SOFT CARD */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-icon
.elementor-icon,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-icon
.elementor-icon {
    border:
        1px solid rgba(94,159,197,.26) !important;

    background:
        rgba(125,183,216,.12) !important;

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


/* SVG ICON */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
.elementor-icon svg {
    display: block !important;

    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;

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

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

    fill: currentColor !important;
}


/* FONT AWESOME ICON */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
.elementor-icon i,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
.elementor-icon i::before {
    display: block !important;

    font-size: 26px !important;
    line-height: 1 !important;

    color: inherit !important;
}


/* HOVER */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card:hover
.uctc3-card-icon
.elementor-icon {
    transform:
        rotate(-5deg)
        scale(1.06);
}


/* =========================================================
   TABLET
   Circle : 56px
   Icon   : 24px
========================================================= */

@media (max-width:1024px) {

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon {
        --container-widget-width: 56px !important;

        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;

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

        flex: 0 0 56px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon-wrapper,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon {
        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;

        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon {
        font-size: 24px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon svg {
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon i,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon i::before {
        font-size: 24px !important;
    }
}


/* =========================================================
   MOBILE
   Circle : 52px
   Icon   : 22px
========================================================= */

@media (max-width:767px) {

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon {
        --container-widget-width: 52px !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

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

        flex: 0 0 52px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon-wrapper,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon {
        font-size: 22px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon svg {
        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;

        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon i,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon i::before {
        font-size: 22px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   Circle : 48px
   Icon   : 20px
========================================================= */

@media (max-width:480px) {

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon {
        --container-widget-width: 48px !important;

        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;

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

        flex: 0 0 48px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon-wrapper,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;

        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon {
        font-size: 20px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon svg {
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;

        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
    }

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon i,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-icon
    .elementor-icon i::before {
        font-size: 20px !important;
    }
}


/* =========================================================
   30. CARD LABEL
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-label,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-label
.elementor-heading-title {
    width:
        100% !important;

    margin:
        22px 0 0 !important;

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

    font-size:
        9px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .11em !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-label,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-label
.elementor-heading-title {
    color:
        #9FD0EA !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-label,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-label
.elementor-heading-title,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-label,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-label
.elementor-heading-title {
    color:
        var(--c3-sky-dark) !important;
}


/* =========================================================
   31. CARD TITLE
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-title,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-title
.elementor-heading-title {
    width:
        100% !important;

    max-width:
        270px;

    margin:
        9px 0 0 !important;

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

    font-size:
        24px !important;

    font-weight:
        500 !important;

    line-height:
        1.10 !important;

    letter-spacing:
        -.012em !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-title,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-title
.elementor-heading-title {
    color:
        #FFFFFF !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-title,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-title
.elementor-heading-title,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-title,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-title
.elementor-heading-title {
    color:
        var(--c3-navy) !important;
}


/* =========================================================
   32. CARD DESCRIPTION
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-description,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-description p,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-description span {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        400 !important;

    line-height:
        1.55 !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-description {
    width:
        100% !important;

    margin-top:
        13px;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-description p {
    margin:
        0 !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-description,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-description p {
    color:
        rgba(255,255,255,.62) !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-description,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-description p,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-description,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-description p {
    color:
        var(--c3-text) !important;
}


/* =========================================================
   33. CARD VALUE
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-value {
    display:
        block !important;

    width:
        100% !important;

    min-width:
        0 !important;

    margin-top:
        20px;

    padding-top:
        16px;

    border-top:
        1px solid;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-value,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-value p,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-value span,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-value a {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    line-height:
        1.4 !important;

    overflow-wrap:
        anywhere !important;

    word-break:
        break-word !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-value p {
    margin:
        0 !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-value {
    border-color:
        rgba(255,255,255,.10);
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-value,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-value p,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-value span,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-value a {
    color:
        rgba(255,255,255,.90) !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-value,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-value {
    border-color:
        rgba(21,50,71,.09);
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-value,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-value p,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-value span,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-value a,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-value,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-value p,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-value span,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-value a {
    color:
        var(--c3-navy) !important;
}


/* =========================================================
   34. CARD BUTTON
========================================================= */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-button {
    width:
        fit-content !important;

    margin-top:
        auto !important;

    padding-top:
        24px;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-button
.elementor-button {
    position: relative;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        38px;

    padding:
        0 15px !important;

    overflow:
        hidden;

    border-radius:
        999px !important;

    box-shadow:
        none !important;

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

    font-size:
        9px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-button
.elementor-button::after {
    content:
        "↗";

    margin-left:
        7px;

    transition:
        transform .35s ease;
}


/* PRIMARY BUTTON */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-primary
.uctc3-card-button
.elementor-button {
    border:
        1px solid rgba(255,255,255,.16) !important;

    background:
        rgba(255,255,255,.035) !important;

    color:
        #FFFFFF !important;
}


/* LIGHT / SOFT BUTTON */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-light
.uctc3-card-button
.elementor-button,
.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft
.uctc3-card-button
.elementor-button {
    border:
        1px solid rgba(21,50,71,.13) !important;

    background:
        transparent !important;

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


/* ALL BUTTON HOVER */

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-button
.elementor-button:hover {
    transform:
        translateY(-2px);

    border-color:
        var(--c3-sky) !important;

    background:
        var(--c3-sky) !important;

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

    box-shadow:
        0 10px 22px
        rgba(125,183,216,.17) !important;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-button
.elementor-button:hover::after {
    transform:
        translate(3px,-2px);
}


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

.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-eyebrow {
    animation:
        c3RevealUp
        .65s cubic-bezier(.2,.8,.2,1)
        .03s both;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-title {
    animation:
        c3RevealUp
        .65s cubic-bezier(.2,.8,.2,1)
        .10s both;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header-right {
    animation:
        c3RevealUp
        .65s cubic-bezier(.2,.8,.2,1)
        .17s both;
}


@keyframes c3RevealUp {

    from {
        opacity:
            0;

        transform:
            translateY(16px);
    }

    to {
        opacity:
            1;

        transform:
            translateY(0);
    }
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-card {
    animation:
        c3MapReveal
        .8s cubic-bezier(.2,.8,.2,1)
        .15s both;
}


@keyframes c3MapReveal {

    from {
        opacity:
            0;

        transform:
            translateY(20px)
            scale(.992);
    }

    to {
        opacity:
            1;

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


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card {
    animation:
        c3CardReveal
        .72s cubic-bezier(.2,.8,.2,1)
        both;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card:nth-child(1) {
    animation-delay:
        .17s;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card:nth-child(2) {
    animation-delay:
        .24s;
}


.elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card:nth-child(3) {
    animation-delay:
        .31s;
}


@keyframes c3CardReveal {

    from {
        opacity:
            0;

        transform:
            translateY(18px);
    }

    to {
        opacity:
            1;

        transform:
            translateY(0);
    }
}


/* =========================================================
   =========================================================
   TABLET LANDSCAPE
   <=1024PX
   =========================================================
========================================================= */

@media (max-width:1024px) {

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-shell {
        width:
            min(calc(100% - 48px),960px) !important;

        padding:
            68px 0;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header {
        gap:
            46px;

        padding-bottom:
            36px;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-title,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-title
    .elementor-heading-title {
        font-size:
            44px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-intro,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-intro p {
        font-size:
            14px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-header {
        min-height:
            76px;

        padding:
            0 23px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-header::after {
        left:
            23px;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    > .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-custom-embed,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map iframe,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-google-map {
        height:
            350px !important;

        min-height:
            350px !important;

        max-height:
            350px !important;
    }


    /*
       2 + 1 CARD GRID
    */

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-cards {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-soft {
        grid-column:
            1 / -1;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card {
        min-height:
            285px;
    }

}


/* =========================================================
   =========================================================
   TABLET PORTRAIT
   <=820PX
   =========================================================
========================================================= */

@media (max-width:820px) {

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header {
        grid-template-columns:
            1fr;

        align-items:
            start !important;

        gap:
            24px;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header-right {
        max-width:
            620px;

        margin-left:
            0;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    > .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-custom-embed,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map iframe,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-google-map {
        height:
            330px !important;

        min-height:
            330px !important;

        max-height:
            330px !important;
    }

}


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

@media (max-width:767px) {

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-shell {
        width:
            calc(100% - 40px) !important;

        padding:
            54px 0;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-header {
        gap:
            20px;

        padding-bottom:
            30px;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-eyebrow {
        padding-left:
            35px !important;

        margin-bottom:
            14px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-eyebrow::before {
        width:
            22px;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-eyebrow,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-eyebrow
    .elementor-heading-title {
        font-size:
            10px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-title,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-title
    .elementor-heading-title {
        font-size:
            36px !important;

        line-height:
            1.08 !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-location-pill {
        margin-bottom:
            14px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-intro,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-intro p {
        font-size:
            14px !important;
    }


    /* MAP CARD */

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-card {
        border-radius:
            20px 50px 20px 20px;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-header {
        min-height:
            72px;

        gap:
            15px;

        padding:
            0 17px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-header::after {
        left:
            17px;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-location,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-location
    .elementor-heading-title {
        font-size:
            19px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-button
    .elementor-button {
        min-height:
            36px;

        padding:
            0 12px !important;

        font-size:
            9px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    > .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-custom-embed,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map iframe,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-google-map {
        height:
            270px !important;

        min-height:
            270px !important;

        max-height:
            270px !important;
    }


    /* CONTACT CARDS */

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-cards {
        display:
            flex !important;

        flex-direction:
            column !important;

        gap:
            14px;

        margin-top:
            18px;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card {
        width:
            100% !important;

        min-height:
            0;

        padding:
            23px 21px 21px !important;

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


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-label,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-label
    .elementor-heading-title {
        margin-top:
            18px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-title,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-title
    .elementor-heading-title {
        font-size:
            22px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-button {
        margin-top:
            22px !important;

        padding-top:
            0;
    }

}


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

@media (max-width:480px) {

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-shell {
        width:
            calc(100% - 32px) !important;

        padding:
            47px 0;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-title,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-title
    .elementor-heading-title {
        font-size:
            32px !important;
    }


    /*
       MAP HEADER STACKS.
       No button collision.
    */

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-header {
        flex-direction:
            column !important;

        align-items:
            flex-start !important;

        justify-content:
            center !important;

        min-height:
            0;

        gap:
            13px;

        padding:
            17px 15px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-header::after {
        left:
            15px;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-button {
        width:
            100% !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-button
    .elementor-button {
        width:
            100% !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    > .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-widget-container,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-custom-embed,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map iframe,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map
    .elementor-google-map {
        height:
            240px !important;

        min-height:
            240px !important;

        max-height:
            240px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card {
        padding:
            21px 18px 19px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-title,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-title
    .elementor-heading-title {
        font-size:
            21px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-value,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-value p {
        font-size:
            11px !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-button {
        width:
            100% !important;
    }


    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card-button
    .elementor-button {
        width:
            100% !important;
    }

}


/* =========================================================
   39. TOUCH DEVICES
========================================================= */

@media (hover:none) {

    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-map-card:hover,
    .elementor-438 .elementor-element.elementor-element-3dc9731 .uctc3-card:hover {
        transform:
            none;
    }

}


/* =========================================================
   40. REDUCED MOTION
========================================================= */

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

    .elementor-438 .elementor-element.elementor-element-3dc9731 *,
    .elementor-438 .elementor-element.elementor-element-3dc9731 *::before,
    .elementor-438 .elementor-element.elementor-element-3dc9731 *::after {
        animation:
            none !important;

        transition:
            none !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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow,
.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow {
    padding-left:
        42px !important;
}


.elementor-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-title,
.elementor-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-intro:hover
.uct-faq-title::after {
    width: 98px;
}


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

.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-description,
.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-description p,
.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-description {
    margin-top:
        22px !important;
}


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


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

.elementor-438 .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-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-note:hover::after {
    width: 65px;
}


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

.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-note-number,
.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-note-number .elementor-heading-title,
.elementor-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-note-number p {
    margin: 0 !important;
}


.elementor-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-note-label,
.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-note-text,
.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-note-text p,
.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-note-text {
    margin-top:
        3px;
}


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


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

.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-contact-text,
.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-contact-text {
    margin:
        0 0 11px !important;
}


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


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

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


.elementor-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-button
.elementor-button-text {
    position: relative;
    z-index: 3;
}


.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-button
.elementor-button:hover::before {
    animation:
        faqButtonSweep
        .8s ease forwards;
}


.elementor-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-panel::after {
    display:
        none;
}


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

.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-panel-label,
.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-panel-label p,
.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-panel-label p {
    margin: 0 !important;
}


/* COUNTER */

.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-panel-counter,
.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-panel-counter p,
.elementor-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-panel-counter p {
    margin: 0 !important;
}


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


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

.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion,
.elementor-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item:hover::before {
    opacity: 1;
}


.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item > summary,

.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item > summary::-webkit-details-marker {
    display: none;
}


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

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

.elementor-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item-title-text,

.elementor-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
.e-n-accordion-item[open]::before {
    opacity: 1;
}


/* open number */

.elementor-438 .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-438 .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-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-answer
.elementor-widget-container,

.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer
.elementor-text-editor,

.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer p,

.elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer span,

.elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-answer
.elementor-widget-container {
    margin:
        0 !important;

    padding:
        0 !important;
}


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


/* =========================================================
   24. ANSWER ENTRANCE
========================================================= */

.elementor-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-shell::after {
        left:
            37.8%;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-title,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-title
    .elementor-heading-title {
        font-size:
            42px !important;

        line-height:
            1.07 !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow
    .elementor-heading-title {
        font-size:
            11px !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-description,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-description p,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-description span {
        font-size:
            14px !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-panel {
        padding:
            10px;
    }


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

    .elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item-title-text,

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    summary.e-n-accordion-item-title {
        font-size:
            13px !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer p,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer span,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer div {
        font-size:
            12px !important;
    }

}


/* =========================================================
   26. TABLET PORTRAIT
   <= 820px
========================================================= */

@media (max-width:820px) {

    .elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-shell::after {
        display:
            none;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-intro {
        width:
            min(100%,620px) !important;

        max-width:
            620px;

        padding-top:
            0;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-title,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-title
    .elementor-heading-title {
        max-width:
            600px;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-description {
        max-width:
            570px;
    }


    /*
       Compact horizontal controls on tablet.
    */

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-note {
        width:
            min(100%,390px) !important;
    }

}


/* =========================================================
   27. MOBILE
   <= 767px
========================================================= */

@media (max-width:767px) {

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-shell {
        width:
            calc(100% - 40px) !important;

        gap:
            32px;

        padding-top:
            56px;

        padding-bottom:
            52px;
    }


    /* LEFT */

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow {
        padding-left:
            35px !important;

        margin-bottom:
            15px !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-eyebrow::before {
        width:
            21px;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-title,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-title
    .elementor-heading-title {
        font-size:
            36px !important;

        line-height:
            1.08 !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-title::after {
        width:
            48px;

        margin-top:
            17px;
    }


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


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-description,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-description p,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-description span {
        font-size:
            14px !important;
    }


    /* INFO */

    .elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-note-number {
        width:
            40px !important;

        height:
            40px !important;

        min-width:
            40px;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-note-number,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-note-number
    .elementor-heading-title,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-note-number p {
        font-size:
            18px !important;
    }


    /* CONTACT */

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-contact {
        margin-top:
            22px;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-button {
        width:
            100% !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-button
    .elementor-button {
        width:
            100% !important;

        min-height:
            47px;

        font-size:
            13px !important;
    }


    /* PANEL */

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-panel {
        padding:
            8px;

        border-radius:
            17px;

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


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-panel-top {
        padding:
            9px 8px 11px;
    }


    /* FAQ */

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion {
        gap:
            5px !important;

        padding-top:
            6px !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item {
        border-radius:
            11px !important;
    }


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

    .elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item > summary::before,

    .elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item-title-text,

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    summary.e-n-accordion-item-title {
        font-size:
            13px !important;

        line-height:
            1.35 !important;
    }


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

        height:
            26px !important;

        min-width:
            26px;
    }


    .elementor-438 .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-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-answer {
        padding:
            9px 11px 10px !important;

        border-radius:
            0 8px 8px 0;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer
    .elementor-widget-container,

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer p,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer span,
    .elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-shell {
        width:
            calc(100% - 32px) !important;

        gap:
            28px;

        padding-top:
            50px;

        padding-bottom:
            46px;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-title,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-title
    .elementor-heading-title {
        font-size:
            32px !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-panel-top {
        flex-direction:
            row !important;

        align-items:
            center !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-panel-counter {
        padding:
            6px 8px;
    }


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

    .elementor-438 .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-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item-title-text,

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    summary.e-n-accordion-item-title {
        font-size:
            12px !important;
    }


    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer p,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer span,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-answer div {
        font-size:
            12px !important;
    }

}


/* =========================================================
   29. TOUCH DEVICES
========================================================= */

@media (hover:none) {

    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-note:hover,
    .elementor-438 .elementor-element.elementor-element-530da24 .uct-faq-accordion
    .e-n-accordion-item:hover {
        transform:
            none;
    }

}


/* =========================================================
   30. REDUCED MOTION
========================================================= */

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

    .elementor-438 .elementor-element.elementor-element-530da24 *,
    .elementor-438 .elementor-element.elementor-element-530da24 *::before,
    .elementor-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow,
.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow {
    padding-left:
        45px !important;

    margin-bottom:
        23px !important;
}


/* eyebrow line */

.elementor-438 .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-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-title,
.elementor-438 .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-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-content:hover
.uct-cta-title::after {
    width:
        124px;
}


/* =========================================================
   11. DESCRIPTION
========================================================= */

.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description,
.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description p,
.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-description {
    width:
        100% !important;

    max-width:
        610px;

    margin-top:
        27px;
}


.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description p {
    margin:
        0 !important;
}


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


/* =========================================================
   12. ACTIONS
========================================================= */

.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-primary {
    width:
        fit-content !important;
}


/* =========================================================
   14. PRIMARY BUTTON
========================================================= */

.elementor-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-primary
.elementor-button-text {
    position:
        relative;

    z-index:
        3;
}


/* primary hover */

.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-primary
.elementor-button:hover::before {
    animation:
        ctaPrimarySweep
        .8s ease forwards;
}


.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-secondary {
    width:
        fit-content !important;
}


/* =========================================================
   16. SECONDARY BUTTON
========================================================= */

.elementor-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
.elementor-button-text {
    position:
        relative;

    z-index:
        3;
}


/* hover */

.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
.elementor-button:hover::before {
    transform:
        scaleX(1);
}


.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
.elementor-button:hover::after {
    transform:
        translateX(5px);
}


/* =========================================================
   =========================================================
   TRUST LINE
   =========================================================
========================================================= */


/* =========================================================
   17. TRUST WRAPPER
========================================================= */

.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item,
.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item p,
.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item {
    position:
        relative;

    width:
        auto !important;

    margin:
        0 !important;

    padding:
        0 22px 0 0;
}


.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item:not(:first-child) {
    padding-left:
        22px;
}


/* separator */

.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item p {
    margin:
        0 !important;
}


/* =========================================================
   =========================================================
   SIDE PANEL
   =========================================================
========================================================= */


/* =========================================================
   19. ASIDE
========================================================= */

.elementor-438 .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-438 .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-438 .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-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside:hover::after {
    transform:
        scale(1.18);
}


/* =========================================================
   22. ASIDE LABEL
========================================================= */

.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label,
.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label p,
.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label {
    position:
        relative;

    width:
        fit-content;

    margin:
        0 0 20px !important;

    padding-left:
        30px;
}


.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label p {
    margin:
        0 !important;
}


/* =========================================================
   23. ASIDE TITLE
========================================================= */

.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title,
.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text,
.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text p,
.elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text {
    margin-top:
        17px;
}


.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text p {
    margin:
        0 !important;
}


/* =========================================================
   25. ASIDE META
========================================================= */

.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta,
.elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta p,
.elementor-438 .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-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta p {
    margin:
        0 !important;
}


/* =========================================================
   =========================================================
   TABLET LANDSCAPE
   <= 1024PX
   =========================================================
========================================================= */

@media (max-width:1024px) {

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-shell {
        width:
            min(calc(100% - 48px),960px) !important;

        padding-top:
            78px;

        padding-bottom:
            78px;
    }


    .elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow
    .elementor-heading-title {
        font-size:
            11px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-title,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-title
    .elementor-heading-title {
        font-size:
            48px !important;

        line-height:
            1.06 !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description p,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description span {
        font-size:
            15px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside {
        min-height:
            300px;

        padding:
            28px;

        border-radius:
            23px 72px 23px 23px;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title
    .elementor-heading-title {
        font-size:
            27px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text p {
        font-size:
            12px !important;
    }

}


/* =========================================================
   TABLET PORTRAIT
   <= 820PX
========================================================= */

@media (max-width:820px) {

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-shell {
        width:
            calc(100% - 48px) !important;

        padding-top:
            70px;

        padding-bottom:
            70px;
    }


    .elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-content {
        max-width:
            680px;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-title,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-title
    .elementor-heading-title {
        max-width:
            650px;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description {
        max-width:
            590px;
    }


    .elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title
    .elementor-heading-title {
        max-width:
            420px;
    }

}


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

@media (max-width:767px) {

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-shell {
        width:
            calc(100% - 40px) !important;

        padding-top:
            58px;

        padding-bottom:
            58px;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-card {
        gap:
            34px;

        padding:
            34px 26px 27px;

        border-radius:
            23px 67px 23px 23px;
    }


    /* -----------------------------------------
       EYEBROW
    ----------------------------------------- */

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow {
        padding-left:
            36px !important;

        margin-bottom:
            18px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow
    .elementor-heading-title {
        font-size:
            10px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-eyebrow::before {
        width:
            22px;
    }


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

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-title,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-title
    .elementor-heading-title {
        font-size:
            38px !important;

        line-height:
            1.08 !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-title::after {
        width:
            52px;

        margin-top:
            20px;
    }


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

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description {
        margin-top:
            22px;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description p,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description span {
        font-size:
            14px !important;
    }


    /* -----------------------------------------
       BUTTONS
    ----------------------------------------- */

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-actions {
        flex-direction:
            column !important;

        align-items:
            stretch !important;

        gap:
            11px;

        margin-top:
            28px;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-primary,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-secondary {
        width:
            100% !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-primary
    .elementor-button,

    .elementor-438 .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-438 .elementor-element.elementor-element-104b0ad .uct-cta-trust {
        margin-top:
            27px;

        padding-top:
            18px;

        gap:
            10px 0;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item p {
        font-size:
            11px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item {
        padding-right:
            14px;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-trust-item:not(:first-child) {
        padding-left:
            14px;
    }


    /* -----------------------------------------
       ASIDE
    ----------------------------------------- */

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside {
        width:
            100% !important;

        min-height:
            230px;

        padding:
            23px;

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


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside::before {
        width:
            165px;

        height:
            165px;

        right:
            -45px;

        top:
            -65px;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-label p {
        font-size:
            9px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title
    .elementor-heading-title {
        font-size:
            24px !important;

        line-height:
            1.12 !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-text p {
        font-size:
            12px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-meta p {
        font-size:
            9px !important;
    }

}


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

@media (max-width:480px) {

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-shell {
        width:
            calc(100% - 32px) !important;

        padding-top:
            50px;

        padding-bottom:
            50px;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-card {
        padding:
            29px 20px 21px;

        gap:
            30px;

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


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-title,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-title
    .elementor-heading-title {
        font-size:
            34px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-description p {
        font-size:
            14px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-primary
    .elementor-button,

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-secondary
    .elementor-button {
        min-height:
            49px;

        font-size:
            13px !important;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside {
        min-height:
            215px;

        padding:
            20px;

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


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title,
    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside-title
    .elementor-heading-title {
        font-size:
            23px !important;
    }

}


/* =========================================================
   TOUCH DEVICE
========================================================= */

@media (hover:none) {

    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-aside:hover {
        transform:
            none;
    }


    .elementor-438 .elementor-element.elementor-element-104b0ad .uct-cta-primary
    .elementor-button:active {
        transform:
            scale(.985);
    }


    .elementor-438 .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-438 .elementor-element.elementor-element-104b0ad *,
    .elementor-438 .elementor-element.elementor-element-104b0ad *::before,
    .elementor-438 .elementor-element.elementor-element-104b0ad *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */