.elementor-412 .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-412 .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-412 .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-412 .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-412 .elementor-element.elementor-element-0017723{--display:flex;}.elementor-412 .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-412 .elementor-element.elementor-element-a026bb3{text-align:center;}.elementor-412 .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-412 .elementor-element.elementor-element-2f44704{--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-412 .elementor-element.elementor-element-2f44704:not(.elementor-motion-effects-element-type-background), .elementor-412 .elementor-element.elementor-element-2f44704 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAF7;}.elementor-412 .elementor-element.elementor-element-1765075{--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:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-412 .elementor-element.elementor-element-5dc132f{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-412 .elementor-element.elementor-element-ac13f68{text-align:center;}.elementor-412 .elementor-element.elementor-element-ff49e7d{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-412 .elementor-element.elementor-element-eadf87e .elementor-heading-title{color:#153247;}.elementor-412 .elementor-element.elementor-element-7fc5b48{color:#536772;}.elementor-412 .elementor-element.elementor-element-ccb3f5c{--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-412 .elementor-element.elementor-element-99dfb69{color:#5E9FC5;}.elementor-412 .elementor-element.elementor-element-4ef62a5{--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-412 .elementor-element.elementor-element-52597d5 .elementor-heading-title{color:#153247;}.elementor-412 .elementor-element.elementor-element-42f9c83{color:#536772;}.elementor-412 .elementor-element.elementor-element-1a25d4b{--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;--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-412 .elementor-element.elementor-element-0a93165 .elementor-heading-title{color:#5E9FC5;}.elementor-412 .elementor-element.elementor-element-169804e .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-412 .elementor-element.elementor-element-f078e51{color:var( --e-global-color-accent );}.elementor-412 .elementor-element.elementor-element-babc6b2{color:var( --e-global-color-05da1bc );}.elementor-412 .elementor-element.elementor-element-d4d5459{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-412 .elementor-element.elementor-element-5b6cdcb{color:var( --e-global-color-accent );}.elementor-412 .elementor-element.elementor-element-3a3e05a{--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-412 .elementor-element.elementor-element-bccb6ca .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-412 .elementor-element.elementor-element-9fb1a9b{color:var( --e-global-color-05da1bc );}.elementor-412 .elementor-element.elementor-element-02eeb10{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-412 .elementor-element.elementor-element-4317598{color:var( --e-global-color-accent );}.elementor-412 .elementor-element.elementor-element-3cd59b7{--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-412 .elementor-element.elementor-element-be44e8a .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-412 .elementor-element.elementor-element-46f2a2b{color:var( --e-global-color-05da1bc );}.elementor-412 .elementor-element.elementor-element-dfdd8e0{--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-412 .elementor-element.elementor-element-dfc24a9{--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;--flex-wrap:nowrap;}.elementor-412 .elementor-element.elementor-element-40df557{--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-412 .elementor-element.elementor-element-ffce36d .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:600;}.elementor-412 .elementor-element.elementor-element-328094b .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:54px;font-weight:600;color:#F7FAFC;}.elementor-412 .elementor-element.elementor-element-e2aeb7a{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFFAD;}.elementor-412 .elementor-element.elementor-element-a897b4d{--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-412 .elementor-element.elementor-element-d1411ac{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;color:var( --e-global-color-primary );}.elementor-412 .elementor-element.elementor-element-c8a5069{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-412 .elementor-element.elementor-element-4b86ddf{--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-412 .elementor-element.elementor-element-6f99354{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-412 .elementor-element.elementor-element-ea35690{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-412 .elementor-element.elementor-element-2129ae1{--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-412 .elementor-element.elementor-element-f56ac8f .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#A9D2E8;}.elementor-412 .elementor-element.elementor-element-7b8e384{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFFA8;}.elementor-412 .elementor-element.elementor-element-0b3697a{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-412 .elementor-element.elementor-element-1a60fe9{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-412 .elementor-element.elementor-element-f401198{--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-412 .elementor-element.elementor-element-5957e11 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#A9D2E8;}.elementor-412 .elementor-element.elementor-element-278d541{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-412 .elementor-element.elementor-element-547dec9{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-412 .elementor-element.elementor-element-2c5a4bd{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-412 .elementor-element.elementor-element-e20ade5{--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-412 .elementor-element.elementor-element-03cdd40 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#A9D2E8;}.elementor-412 .elementor-element.elementor-element-ef59f95{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-412 .elementor-element.elementor-element-e7cda7d{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-412 .elementor-element.elementor-element-3006947{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-412 .elementor-element.elementor-element-b86b8cb{--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-412 .elementor-element.elementor-element-c67cf35 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;color:#A9D2E8;}.elementor-412 .elementor-element.elementor-element-341cf4d{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-412 .elementor-element.elementor-element-1a96763{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-412 .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-412 .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-412 .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-412 .elementor-element.elementor-element-640cede .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-weight:600;}.elementor-412 .elementor-element.elementor-element-d44590c .elementor-heading-title{color:#3F6980;}.elementor-412 .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-412 .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-412 .elementor-element.elementor-element-bbe3752{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-412 .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-412 .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-412 .elementor-element.elementor-element-d6eb9f7{--display:flex;}.elementor-412 .elementor-element.elementor-element-bb84750{--display:flex;}.elementor-412 .elementor-element.elementor-element-a08da47{--display:flex;}.elementor-412 .elementor-element.elementor-element-a274e96{--display:flex;}.elementor-412 .elementor-element.elementor-element-d2b20cc{--display:flex;}.elementor-412 .elementor-element.elementor-element-b7f0a3d{--display:flex;}.elementor-412 .elementor-element.elementor-element-9edfec6{--display:flex;}.elementor-412 .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-412 .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-412 .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-412 .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-412 .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-412 .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-412 .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-412 .elementor-element.elementor-element-8ce1bab{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-412 .elementor-element.elementor-element-ffce36d .elementor-heading-title{font-size:11px;}}@media(max-width:767px){.elementor-412 .elementor-element.elementor-element-ffce36d .elementor-heading-title{font-size:10px;}}/* 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-412 .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-412 .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-412 .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-412 .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-412 .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-412 .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-412 .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-412 .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-412 .elementor-element.elementor-element-efd1714 .uct-inner-hero-breadcrumb,
.elementor-412 .elementor-element.elementor-element-efd1714 .uct-inner-hero-breadcrumb p,
.elementor-412 .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-412 .elementor-element.elementor-element-efd1714 .uct-inner-hero-breadcrumb {
    position: relative;

    width:
        auto !important;

    margin:
        0 !important;

    padding-left:
        30px;
}


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


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

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


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

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


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

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

    max-width:
        490px;

    margin-top:
        22px;
}


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


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

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

    width:
        100%;

    height:
        100%;
}


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

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


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


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

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


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


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

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


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


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

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


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


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


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


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


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

        line-height:
            1.06 !important;
    }


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


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


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


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


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


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

        bottom:
            18px;
    }

}


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

@media (max-width:820px) {

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


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


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


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


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


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

        min-width:
            150px;

        padding:
            12px 15px;
    }

}


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

@media (max-width:767px) {

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

        max-width:
            100%;
    }


    /* META */

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

        max-width:
            100%;

        gap:
            12px;

        margin-bottom:
            18px;

        padding-bottom:
            12px;
    }


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


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


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


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


    /* H1 */

    .elementor-412 .elementor-element.elementor-element-efd1714 .uct-inner-hero-title,
    .elementor-412 .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-412 .elementor-element.elementor-element-efd1714 .uct-inner-hero-title::after {
        width:
            50px;

        margin-top:
            17px;
    }


    /* DESCRIPTION */

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

        margin-top:
            18px;
    }


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

        line-height:
            1.62 !important;
    }


    /* ACCENT */

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

        margin-top:
            22px;
    }


    /* IMAGE */

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

        height:
            285px;
    }


    .elementor-412 .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-412 .elementor-element.elementor-element-efd1714 .uct-inner-hero-image {
        border-radius:
            20px 56px 20px 20px;
    }


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


    /* LOCATION */

    .elementor-412 .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-412 .elementor-element.elementor-element-efd1714 .uct-inner-location-label,
    .elementor-412 .elementor-element.elementor-element-efd1714 .uct-inner-location-label p {
        font-size:
            9px !important;
    }


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


    /* INDEX */

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

        height:
            32px !important;

        top:
            11px;

        right:
            11px;
    }


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

}


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

@media (max-width:480px) {

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

        gap:
            28px;

        padding-top:
            42px;

        padding-bottom:
            42px;
    }


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

        line-height:
            1.09 !important;
    }


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


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


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


    .elementor-412 .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-412 .elementor-element.elementor-element-efd1714 .uct-inner-hero-visual:hover
    .uct-inner-hero-image {
        transform:
            none;
    }


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


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

}


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

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

    .elementor-412 .elementor-element.elementor-element-efd1714 *,
    .elementor-412 .elementor-element.elementor-element-efd1714 *::before,
    .elementor-412 .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-412 .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-412 .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-412 .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-412 .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-412 .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-412 .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-412 .elementor-element.elementor-element-efd1714 .uct-inner-hero-accent
> .e-con-inner,

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

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

        margin-top:
            25px !important;
    }

}


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

@media (max-width:767px) {

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

        margin-top:
            21px !important;
    }


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

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f44704 *//* =========================================================
   UBUD CYCLING TOUR
   ABOUT US — FINAL HIGH-END EDITORIAL VERSION

   INCLUDED:
   - 3 PHOTO ABSTRACT COLLAGE
   - BIG OWNER PHOTO
   - SAFE OWNER ORBIT
   - NO WHITE IMAGE FRAME
   - OWNER / EYEBROW COLLISION FIX
   - PREMIUM PILLAR 01 + 02 EFFECT
   - TABLET + MOBILE RESPONSIVE

   FONT SYSTEM:
   - EL MESSIRI
   - DM SANS
========================================================= */


/* =========================================================
   01. ROOT / COLOR SYSTEM
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 {
    --uct-sky: #7DB7D8;
    --uct-sky-dark: #5E9FC5;
    --uct-sky-soft: #EAF6FB;

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

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

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

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


/* =========================================================
   02. BACKGROUND SKY GLOW
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704::before {
    content: "";

    position: absolute;

    width: 780px;
    height: 560px;

    top: -380px;
    left: 50%;

    z-index: 0;

    transform:
        translateX(-50%);

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.24) 0%,
            rgba(125,183,216,.10) 36%,
            rgba(125,183,216,0) 72%
        );

    filter:
        blur(24px);
}


/* =========================================================
   03. SUBTLE EDITORIAL GRID
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    opacity: .13;

    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 0%,
            #000 18%,
            #000 82%,
            transparent 100%
        );

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


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

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-shell {
    position: relative;

    z-index: 2;

    display: grid !important;

    grid-template-columns:
        minmax(0,.98fr)
        minmax(0,1.02fr);

    align-items: center;

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

    margin-inline:
        auto;

    gap:
        clamp(82px,7vw,120px);

    padding-top:
        260px;

    padding-bottom:
        112px;
}


/* =========================================================
   05. OWNER CONNECTING LINE
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-shell::before {
    content: "";

    position: absolute;

    top: 198px;
    left: 50%;

    width: 1px;
    height: 42px;

    transform:
        translateX(-50%);

    pointer-events: none;

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


/* =========================================================
   06. OWNER WRAPPER
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-founder {
    position: absolute !important;

    top: 18px;
    left: 50%;

    z-index: 30;

    width: 340px;

    display: flex !important;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    transform:
        translateX(-50%);
}


/* =========================================================
   07. OWNER PHOTO
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo {
    position: relative !important;

    width: 176px !important;
    height: 176px !important;

    flex:
        0 0 176px !important;

    padding: 8px;

    overflow: visible !important;

    border-radius: 50%;

    background:
        var(--uct-white);

    isolation: isolate;

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

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


/* =========================================================
   08. OWNER OUTER RING
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo::before {
    content: "";

    position: absolute;

    inset: -13px;

    z-index: -1 !important;

    border-radius: 50%;

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

    box-shadow:
        0 0 0 8px
        rgba(234,246,251,.74);

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


/* =========================================================
   09. OWNER ORBIT
   SAFE VERSION — ALWAYS FOLLOWS CIRCLE
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo::after {
    content: "";

    position: absolute;

    inset: -13px;

    z-index: 6 !important;

    border-radius: 50%;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 50% 3px,
            var(--uct-white) 0 2px,
            var(--uct-sky) 2.5px 6px,
            rgba(125,183,216,.25) 6.5px 8px,
            transparent 8.5px
        );

    filter:
        drop-shadow(
            0 4px 6px
            rgba(94,159,197,.25)
        );

    transform:
        rotate(0deg);

    transform-origin:
        center center;

    animation:
        uctOwnerOrbitSafe
        14s linear infinite;
}


@keyframes uctOwnerOrbitSafe {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   10. OWNER IMAGE INTERNAL
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo
.elementor-widget-container {
    border-radius: 50%;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo
.elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo img {
    display: block;

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

    max-width: none !important;

    object-fit: cover;

    object-position:
        center center;

    border-radius: 50%;

    transform:
        scale(1.015);

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

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


/* =========================================================
   11. OWNER HOVER
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-founder:hover
.uct-about-owner-photo {
    transform:
        translateY(-6px);

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-founder:hover
.uct-about-owner-photo::before {
    transform:
        scale(1.07);

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

    box-shadow:
        0 0 0 10px
        rgba(234,246,251,.82);
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-founder:hover
.uct-about-owner-photo img {
    transform:
        scale(1.08);
}


/* =========================================================
   12. OWNER META
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-meta {
    position: relative !important;

    z-index: 20 !important;

    display: flex !important;

    flex-direction: column;

    align-items: center;

    width: 100%;

    margin-top:
        18px !important;

    text-align: center;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-name {
    position: relative !important;

    z-index: 21 !important;

    margin: 0 !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-role {
    position: relative !important;

    z-index: 21 !important;

    margin-top:
        4px !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-role p {
    margin: 0;
}


/* =========================================================
   13. OWNER TYPOGRAPHY
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-name,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-name
.elementor-heading-title {
    font-family:
        "El Messiri", sans-serif !important;

    font-size:
        23px !important;

    font-weight:
        600 !important;

    line-height:
        1.12 !important;

    letter-spacing:
        -.01em !important;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-role,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-role p {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        .02em !important;

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


/* =========================================================
   =========================================================
   LEFT ABSTRACT 3-PHOTO COLLAGE
   =========================================================
========================================================= */


/* =========================================================
   14. GALLERY WRAPPER
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery {
    position: relative;

    display: block !important;

    width: 100%;

    max-width:
        565px;

    height:
        665px;

    margin-inline:
        auto;

    overflow:
        visible !important;

    isolation:
        isolate;
}


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

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery::before {
    content: "";

    position: absolute;

    width:
        73%;

    height:
        77%;

    top:
        12px;

    left:
        -20px;

    z-index:
        -4;

    border-radius:
        30px 165px 30px 30px;

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


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

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery::after {
    content: "";

    position: absolute;

    width:
        175px;

    height:
        175px;

    right:
        -25px;

    bottom:
        42px;

    z-index:
        -3;

    border-radius:
        50%;

    background:
        var(--uct-cream);

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

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


/* =========================================================
   17. MAIN PHOTO
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-main {
    position:
        absolute !important;

    left:
        4% !important;

    top:
        8% !important;

    width:
        75% !important;

    height:
        80% !important;

    max-width:
        none !important;

    flex:
        none !important;

    z-index:
        2;

    overflow:
        hidden;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        none !important;

    outline:
        none !important;

    border-radius:
        28px 145px 28px 28px;

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

    box-shadow:
        0 34px 78px
        rgba(21,50,71,.15);

    transform:
        rotate(-.8deg)
        translateZ(0);

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-main
.elementor-widget-container {
    width:
        100% !important;

    height:
        100% !important;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        none !important;

    outline:
        none !important;

    overflow:
        hidden;

    border-radius:
        inherit;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-main img {
    display: block;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        0 !important;

    outline:
        0 !important;

    object-fit:
        cover !important;

    object-position:
        center center;

    transform:
        scale(1.03);

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

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


/* =========================================================
   18. MAIN PHOTO OVERLAY
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-main::after {
    content: "";

    position:
        absolute;

    inset:
        0;

    z-index:
        3;

    pointer-events:
        none;

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


/* =========================================================
   19. MAIN PHOTO HOVER
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery:hover
.uct-about-photo-main {
    transform:
        rotate(-.2deg)
        translateY(-5px);

    box-shadow:
        0 44px 94px
        rgba(21,50,71,.19);
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery:hover
.uct-about-photo-main img {
    transform:
        scale(1.065);
}


/* =========================================================
   20. PHOTO 02 — TOP RIGHT
   NO WHITE FRAME
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-float {
    position:
        absolute !important;

    top:
        7% !important;

    right:
        1% !important;

    width:
        34% !important;

    height:
        30% !important;

    max-width:
        none !important;

    flex:
        none !important;

    z-index:
        7;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        none !important;

    outline:
        none !important;

    overflow:
        hidden;

    border-radius:
        95px 95px 18px 18px;

    background:
        transparent !important;

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

    transform:
        rotate(2.8deg);

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-float
.elementor-widget-container {
    width:
        100% !important;

    height:
        100% !important;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        none !important;

    outline:
        none !important;

    overflow:
        hidden;

    border-radius:
        95px 95px 18px 18px;

    background:
        transparent !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-float img {
    display:
        block;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        0 !important;

    outline:
        0 !important;

    object-fit:
        cover !important;

    object-position:
        center center;

    transform:
        scale(1.035);

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

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-float:hover {
    transform:
        rotate(.7deg)
        translate(-6px,-9px);

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-float:hover img {
    transform:
        scale(1.085);
}


/* =========================================================
   21. PHOTO 03 — LOWER LEFT
   NO WHITE FRAME
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-detail {
    position:
        absolute !important;

    left:
        -1% !important;

    bottom:
        1% !important;

    width:
        42% !important;

    height:
        21% !important;

    max-width:
        none !important;

    flex:
        none !important;

    z-index:
        8;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        none !important;

    outline:
        none !important;

    overflow:
        hidden;

    border-radius:
        72px 18px 18px 18px;

    background:
        transparent !important;

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

    transform:
        rotate(-2.6deg);

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-detail
.elementor-widget-container {
    width:
        100% !important;

    height:
        100% !important;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        none !important;

    outline:
        none !important;

    overflow:
        hidden;

    border-radius:
        72px 18px 18px 18px;

    background:
        transparent !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-detail img {
    display:
        block;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        none !important;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        0 !important;

    outline:
        0 !important;

    object-fit:
        cover !important;

    object-position:
        center center;

    transform:
        scale(1.035);

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

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-detail:hover {
    transform:
        rotate(-.5deg)
        translate(6px,-6px);

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-detail:hover img {
    transform:
        scale(1.085);
}


/* =========================================================
   22. GALLERY LABEL
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-label {
    position:
        absolute;

    left:
        -67px;

    top:
        48%;

    z-index:
        10;

    width:
        auto;

    white-space:
        nowrap;

    transform:
        translateY(-50%)
        rotate(-90deg);
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-label,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-label p {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        .17em !important;

    text-transform:
        uppercase;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-label p {
    margin:
        0;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-label::after {
    content: "";

    display:
        inline-block;

    width:
        42px;

    height:
        1px;

    margin-left:
        15px;

    vertical-align:
        middle;

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


/* =========================================================
   23. GALLERY INDEX
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-index {
    position:
        absolute;

    top:
        12%;

    left:
        8%;

    z-index:
        11;

    width:
        auto;

    padding:
        9px 12px;

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

    border-radius:
        100px;

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

    color:
        var(--uct-white);

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

    backdrop-filter:
        blur(10px);
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-index,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-index p {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-index p {
    margin:
        0;
}


/* =========================================================
   24. GLASS CAPTION
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-caption {
    position:
        absolute !important;

    right:
        1% !important;

    bottom:
        9% !important;

    z-index:
        12;

    width:
        47% !important;

    padding:
        19px 21px;

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

    border-radius:
        16px;

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

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

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

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

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-caption::before {
    content: "";

    display:
        block;

    width:
        30px;

    height:
        3px;

    margin-bottom:
        12px;

    border-radius:
        100px;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-caption:hover {
    transform:
        translateY(-7px);

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


/* =========================================================
   25. CAPTION TYPOGRAPHY
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-caption-title,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-caption-title
.elementor-heading-title {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .12em !important;

    text-transform:
        uppercase;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-caption-text {
    margin-top:
        6px !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-caption-text,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-caption-text p {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.55 !important;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-caption-text p {
    margin:
        0;
}


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


/* =========================================================
   26. CONTENT WRAPPER
   EXTRA SPACE FIXES OWNER ROLE / EYEBROW COLLISION
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-content {
    position:
        relative;

    z-index:
        6;

    width:
        100%;

    max-width:
        590px;

    min-width:
        0;

    display:
        flex !important;

    flex-direction:
        column;

    align-items:
        flex-start;

    justify-content:
        center;

    padding-top:
        62px !important;
}


/* =========================================================
   27. EYEBROW
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-eyebrow {
    position:
        relative !important;

    z-index:
        10 !important;

    width:
        fit-content;

    margin:
        0 0 24px !important;

    padding-left:
        45px;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-eyebrow::before {
    content: "";

    position:
        absolute;

    left:
        0;

    top:
        50%;

    width:
        30px;

    height:
        1px;

    transform:
        translateY(-50%);

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-eyebrow,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-eyebrow
.elementor-heading-title {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .16em !important;

    text-transform:
        uppercase;

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


/* =========================================================
   28. MAIN TITLE
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-title {
    position:
        relative;

    width:
        100%;

    max-width:
        590px;

    margin:
        0 !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-title,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-title
.elementor-heading-title {
    font-family:
        "El Messiri", sans-serif !important;

    font-size:
        54px !important;

    font-weight:
        500 !important;

    line-height:
        1.05 !important;

    letter-spacing:
        -.025em !important;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-title::after {
    content: "";

    display:
        block;

    width:
        68px;

    height:
        3px;

    margin-top:
        24px;

    border-radius:
        100px;

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


/* =========================================================
   29. LEAD
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-lead {
    width:
        100%;

    max-width:
        550px;

    margin-top:
        27px !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-lead,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-lead p {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        16px !important;

    font-weight:
        500 !important;

    line-height:
        1.68 !important;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-lead p {
    margin:
        0;
}


/* =========================================================
   30. BODY
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-body {
    width:
        100%;

    max-width:
        550px;

    margin-top:
        17px !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-body,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-body p {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        400 !important;

    line-height:
        1.72 !important;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-body p {
    margin:
        0;
}


/* =========================================================
   =========================================================
   PREMIUM PILLARS
   =========================================================
========================================================= */


/* =========================================================
   31. PILLARS WRAPPER
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillars {
    position:
        relative;

    width:
        100%;

    margin-top:
        38px;

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


/* =========================================================
   32. INDIVIDUAL PILLAR
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar {
    position:
        relative;

    display:
        grid !important;

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

    align-items:
        center;

    width:
        100%;

    min-height:
        108px;

    gap:
        18px;

    padding:
        16px 10px 16px 4px;

    overflow:
        hidden;

    isolation:
        isolate;

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

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


/* =========================================================
   33. DEFAULT SOFT PILLAR BACKGROUND
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar::before {
    content: "";

    position:
        absolute;

    inset:
        7px 0;

    z-index:
        0;

    border-radius:
        15px;

    opacity:
        .17;

    transform:
        scaleX(.96);

    transform-origin:
        left center;

    background:
        linear-gradient(
            90deg,
            rgba(125,183,216,.28) 0%,
            rgba(234,246,251,.70) 52%,
            rgba(255,255,255,0) 100%
        );

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


/* =========================================================
   34. PILLAR CONTENT ACCENT LINE
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar
.uct-about-pillar-content::before {
    content: "";

    position:
        absolute;

    left:
        -18px;

    top:
        50%;

    width:
        2px;

    height:
        0;

    transform:
        translateY(-50%);

    border-radius:
        100px;

    background:
        var(--uct-sky);

    opacity:
        0;

    transition:
        height .4s
        cubic-bezier(.2,.8,.2,1),
        opacity .3s ease;
}


/* =========================================================
   35. PILLAR ARROW
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar::after {
    content:
        "↗";

    position:
        relative;

    z-index:
        4;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        34px;

    height:
        34px;

    border-radius:
        50%;

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

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

    color:
        var(--uct-sky-dark);

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

    opacity:
        .72;

    transform:
        translateX(-3px);

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


/* =========================================================
   36. PILLAR HOVER
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar:hover {
    transform:
        translate(5px,-4px);

    padding-left:
        15px;

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

    box-shadow:
        inset 4px 0 0
        var(--uct-sky),
        0 16px 36px
        rgba(21,50,71,.075);
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar:hover::before {
    opacity:
        1;

    transform:
        scaleX(1);

    background:
        linear-gradient(
            90deg,
            rgba(125,183,216,.32) 0%,
            rgba(234,246,251,.96) 52%,
            rgba(255,255,255,.25) 100%
        );
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar:hover::after {
    opacity:
        1;

    transform:
        translate(0,-2px)
        scale(1.08);

    background:
        var(--uct-sky);

    color:
        var(--uct-white);

    box-shadow:
        0 12px 28px
        rgba(94,159,197,.24);
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar:hover
.uct-about-pillar-content::before {
    height:
        46px;

    opacity:
        1;
}


/* =========================================================
   37. NUMBER BADGE
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-number {
    position:
        relative;

    z-index:
        4;

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;

    width:
        44px;

    height:
        44px;

    margin:
        0;

    border-radius:
        50%;

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

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

    color:
        var(--uct-sky-dark);

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

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


/* =========================================================
   38. NUMBER PULSE RING
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-number::before {
    content: "";

    position:
        absolute;

    inset:
        -6px;

    z-index:
        -1;

    border-radius:
        50%;

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

    opacity:
        0;

    animation:
        uctPillarPulse
        3.6s ease-out infinite;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar:nth-child(2)
.uct-about-pillar-number::before {
    animation-delay:
        1.8s;
}


@keyframes uctPillarPulse {

    0% {
        transform:
            scale(.86);

        opacity:
            0;
    }

    18% {
        opacity:
            .60;
    }

    70% {
        transform:
            scale(1.26);

        opacity:
            0;
    }

    100% {
        transform:
            scale(1.26);

        opacity:
            0;
    }

}


/* =========================================================
   39. NUMBER TYPOGRAPHY
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-number,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-number p {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    letter-spacing:
        .03em !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-number p {
    margin:
        0;
}


/* =========================================================
   40. NUMBER HOVER
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar:hover
.uct-about-pillar-number {
    background:
        var(--uct-sky);

    color:
        var(--uct-white);

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

    transform:
        scale(1.14)
        rotate(-5deg);

    box-shadow:
        0 12px 30px
        rgba(94,159,197,.30),
        0 0 0 7px
        rgba(125,183,216,.12);
}


/* =========================================================
   41. PILLAR CONTENT
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-content {
    position:
        relative;

    z-index:
        4;

    width:
        100%;

    min-width:
        0;

    display:
        flex !important;

    flex-direction:
        column;

    align-items:
        flex-start;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar:hover
.uct-about-pillar-content {
    transform:
        translateX(5px);
}


/* =========================================================
   42. PILLAR TITLE
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-title {
    position:
        relative;

    margin:
        0 !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-title,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-title p,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-title
.elementor-heading-title {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .11em !important;

    text-transform:
        uppercase;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-title p {
    margin:
        0;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-title::after {
    content: "";

    display:
        block;

    width:
        25px;

    height:
        2px;

    margin-top:
        9px;

    border-radius:
        100px;

    background:
        var(--uct-sky);

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar:hover
.uct-about-pillar-title::after {
    width:
        62px;
}


/* =========================================================
   43. PILLAR DESCRIPTION
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-copy {
    margin-top:
        10px !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-copy,
.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-copy p {
    font-family:
        "DM Sans", sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.58 !important;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-copy p {
    margin:
        0;
}


/* =========================================================
   44. CTA
========================================================= */

.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-link {
    width:
        fit-content;

    margin-top:
        32px;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-link
.elementor-button {
    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        12px;

    min-height:
        44px;

    padding:
        0 2px;

    border:
        0;

    border-radius:
        0;

    background:
        transparent;

    color:
        var(--uct-navy);

    box-shadow:
        none;

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

    font-size:
        14px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-link
.elementor-button::before {
    content: "";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        3px;

    height:
        1px;

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

    transform-origin:
        right center;

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


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-link
.elementor-button::after {
    content:
        "→";

    transition:
        transform .35s ease;
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-link
.elementor-button:hover {
    color:
        var(--uct-sky-dark);
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-link
.elementor-button:hover::before {
    transform:
        scaleX(.35);
}


.elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-link
.elementor-button:hover::after {
    transform:
        translateX(7px);
}


/* =========================================================
   45. TABLET LANDSCAPE
========================================================= */

@media (max-width:1024px) {

    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-shell {
        width:
            min(calc(100% - 48px),960px);

        gap:
            54px;

        padding-top:
            238px;

        padding-bottom:
            88px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-founder {
        width:
            290px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo {
        width:
            150px !important;

        height:
            150px !important;

        flex-basis:
            150px !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo::after {
        inset:
            -12px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery {
        max-width:
            445px;

        height:
            560px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-content {
        padding-top:
            52px !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-title,
    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-title
    .elementor-heading-title {
        font-size:
            45px !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar {
        min-height:
            102px;

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

}


/* =========================================================
   46. TABLET PORTRAIT
========================================================= */

@media (max-width:820px) {

    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-shell {
        display:
            flex !important;

        flex-direction:
            column;

        width:
            calc(100% - 48px);

        gap:
            78px;

        padding-top:
            245px;

        padding-bottom:
            80px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-shell::before {
        display:
            none;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo {
        width:
            146px !important;

        height:
            146px !important;

        flex-basis:
            146px !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery {
        width:
            min(100%,560px);

        max-width:
            560px;

        height:
            630px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-content {
        width:
            min(100%,650px);

        max-width:
            650px;

        padding-top:
            0 !important;
    }

}


/* =========================================================
   47. MOBILE
========================================================= */

@media (max-width:767px) {

    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-shell {
        width:
            calc(100% - 40px);

        gap:
            60px;

        padding-top:
            214px;

        padding-bottom:
            64px;
    }


    /* OWNER */

    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-founder {
        top:
            18px;

        width:
            235px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo {
        width:
            120px !important;

        height:
            120px !important;

        flex-basis:
            120px !important;

        padding:
            6px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo::before {
        inset:
            -9px;

        box-shadow:
            0 0 0 5px
            rgba(234,246,251,.66);
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo::after {
        inset:
            -9px;

        background:
            radial-gradient(
                circle at 50% 2px,
                var(--uct-white) 0 1.5px,
                var(--uct-sky) 2px 5px,
                rgba(125,183,216,.22) 5.5px 7px,
                transparent 7.5px
            );
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-name,
    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-name
    .elementor-heading-title {
        font-size:
            19px !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-role,
    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-role p {
        font-size:
            11px !important;
    }


    /* GALLERY */

    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery {
        width:
            100%;

        max-width:
            470px;

        height:
            510px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery::before {
        left:
            -8px;

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


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-main {
        border-radius:
            22px 108px 22px 22px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-float {
        width:
            35% !important;

        height:
            28% !important;

        border-radius:
            78px 78px 15px 15px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-float
    .elementor-widget-container {
        border-radius:
            78px 78px 15px 15px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-detail {
        width:
            42% !important;

        height:
            19% !important;

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


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-photo-detail
    .elementor-widget-container {
        border-radius:
            56px 14px 14px 14px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-label {
        display:
            none;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery-caption {
        width:
            50% !important;

        padding:
            14px 15px;
    }


    /* CONTENT */

    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-content {
        padding-top:
            0 !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-eyebrow {
        margin-bottom:
            19px !important;

        padding-left:
            37px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-eyebrow::before {
        width:
            24px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-title,
    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-title
    .elementor-heading-title {
        font-size:
            38px !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-lead,
    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-lead p {
        font-size:
            15px !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-body,
    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-body p {
        font-size:
            14px !important;
    }


    /* PILLARS */

    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar {
        grid-template-columns:
            44px minmax(0,1fr) 30px;

        min-height:
            94px;

        gap:
            12px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-number {
        width:
            36px;

        height:
            36px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar::after {
        width:
            28px;

        height:
            28px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-title,
    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-title p,
    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-title
    .elementor-heading-title {
        font-size:
            12px !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-copy,
    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-copy p {
        font-size:
            12px !important;
    }

}


/* =========================================================
   48. SMALL MOBILE
========================================================= */

@media (max-width:480px) {

    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-shell {
        width:
            calc(100% - 32px);

        padding-top:
            202px;

        padding-bottom:
            56px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo {
        width:
            112px !important;

        height:
            112px !important;

        flex-basis:
            112px !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-owner-photo::after {
        inset:
            -8px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-gallery {
        height:
            445px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-title,
    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-title
    .elementor-heading-title {
        font-size:
            34px !important;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar {
        grid-template-columns:
            40px minmax(0,1fr) 26px;

        gap:
            9px;
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar-number {
        width:
            32px;

        height:
            32px;
    }

}


/* =========================================================
   49. TOUCH DEVICES
========================================================= */

@media (hover:none) {

    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar:active::before {
        opacity:
            1;

        transform:
            scaleX(1);
    }


    .elementor-412 .elementor-element.elementor-element-2f44704 .uct-about-pillar:active
    .uct-about-pillar-number {
        background:
            var(--uct-sky);

        color:
            var(--uct-white);

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

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

}


/* =========================================================
   50. REDUCED MOTION
========================================================= */

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

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

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfdd8e0 *//* =========================================================
   UBUD CYCLING TOUR
   WHY CHOOSE US
   MIDNIGHT EDITORIAL LEDGER — FINAL CLEAN VERSION

   FIX:
   - NUMBER SIDE LINE REMOVED
   - BETTER NUMBER / CONTENT SPACING
   - HIGH-END GLASS LEDGER
   - PREMIUM HOVER EFFECT
   - RESPONSIVE TABLET + MOBILE

   IMPORTANT:
   FONT & FONT SIZE ARE STILL CONTROLLED
   FROM ELEMENTOR
========================================================= */


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

.elementor-412 .elementor-element.elementor-element-dfdd8e0 {
    --wcu-sky: #7DB7D8;
    --wcu-sky-dark: #5E9FC5;
    --wcu-sky-soft: #EAF6FB;

    --wcu-navy: #153247;
    --wcu-navy-deep: #102B3D;
    --wcu-navy-light: #1B4057;

    --wcu-white: #FFFFFF;
    --wcu-cream: #F6F1E8;

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

    background:
        linear-gradient(
            145deg,
            #102B3D 0%,
            #153247 44%,
            #173B52 100%
        );
}


/* =========================================================
   02. TOP RIGHT AMBIENT GLOW
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0::before {
    content: "";

    position: absolute;

    width: 760px;
    height: 760px;

    top: -430px;
    right: -280px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.30) 0%,
            rgba(125,183,216,.12) 32%,
            rgba(125,183,216,.03) 50%,
            rgba(125,183,216,0) 72%
        );

    filter:
        blur(22px);

    animation:
        wcuAmbientOne
        14s ease-in-out infinite alternate;
}


@keyframes wcuAmbientOne {

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

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

}


/* =========================================================
   03. BOTTOM LEFT GLOW
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0::after {
    content: "";

    position: absolute;

    width: 580px;
    height: 580px;

    left: -330px;
    bottom: -300px;

    z-index: 0;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(94,159,197,.19),
            rgba(94,159,197,.05) 45%,
            rgba(94,159,197,0) 72%
        );

    filter:
        blur(20px);

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


@keyframes wcuAmbientTwo {

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

    to {
        transform:
            translate3d(45px,-25px,0);
    }

}


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

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-shell {
    position: relative;

    z-index: 2;

    display: grid !important;

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

    grid-template-areas:
        "intro ledger"
        "footer footer";

    align-items: stretch;

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

    max-width:
        1280px;

    margin-inline:
        auto !important;

    gap:
        0 clamp(70px,7vw,118px);

    padding-top:
        118px;

    padding-bottom:
        94px;
}


/* =========================================================
   05. BACKGROUND GRID TEXTURE
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-shell::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: -4;

    pointer-events: none;

    opacity: .14;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size:
        62px 62px;

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

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


/* =========================================================
   06. CENTER VERTICAL LINE
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-shell::after {
    content: "";

    position: absolute;

    top: 118px;
    bottom: 150px;

    left: 43%;

    z-index: -2;

    width: 1px;

    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            rgba(125,183,216,0),
            rgba(125,183,216,.25) 18%,
            rgba(125,183,216,.12) 75%,
            rgba(125,183,216,0)
        );
}


/* =========================================================
   07. LEFT EDITORIAL
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-intro {
    grid-area: intro;

    position: relative;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    width: 100% !important;

    max-width: 520px;

    min-width: 0;

    padding:
        38px 0 38px 6px;
}


/* =========================================================
   08. DECORATIVE RINGS
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-intro::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    left: -100px;
    top: 4%;

    z-index: -2;

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

    border-radius: 50%;

    box-shadow:
        0 0 0 34px
        rgba(125,183,216,.018),
        0 0 0 70px
        rgba(125,183,216,.012);

    pointer-events: none;
}


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

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-eyebrow {
    position: relative;

    width:
        fit-content;

    max-width: 100%;

    margin:
        0 0 27px !important;

    padding-left:
        48px;

    color:
        var(--wcu-sky) !important;
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-eyebrow::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 32px;
    height: 1px;

    transform:
        translateY(-50%);

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-eyebrow::after {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 5px;
    height: 5px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background:
        var(--wcu-sky);

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

    animation:
        wcuEyebrowTravel
        4.8s ease-in-out infinite;
}


@keyframes wcuEyebrowTravel {

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

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

}


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

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-title {
    position: relative;

    display: block !important;

    width: 100% !important;

    max-width: 520px;

    min-width: 0;

    margin:
        0 !important;

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-title::after {
    content: "";

    display: block;

    width: 72px;
    height: 3px;

    margin-top:
        28px;

    border-radius:
        100px;

    background:
        linear-gradient(
            90deg,
            var(--wcu-sky) 0%,
            rgba(125,183,216,.16) 100%
        );
}


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

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-description {
    display: block !important;

    width: 100% !important;

    max-width: 470px;

    min-width: 0;

    margin-top:
        29px;

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-description p {
    margin:
        0;
}


/* =========================================================
   12. SIGNATURE BOX
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-signature {
    position: relative;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    width:
        fit-content !important;

    max-width: 100%;

    gap:
        17px;

    margin-top:
        42px;

    padding:
        12px 17px 12px 12px;

    overflow: hidden;

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

    border-radius:
        100px;

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

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

    backdrop-filter:
        blur(10px);

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-signature:hover {
    transform:
        translateY(-4px);

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

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

    box-shadow:
        0 18px 38px
        rgba(0,0,0,.12);
}


/* =========================================================
   13. SIGNATURE NUMBER
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-signature-number {
    position: relative;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 40px !important;
    height: 40px !important;

    min-width: 40px;

    margin: 0;

    border-radius: 50%;

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

    color:
        var(--wcu-sky) !important;

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-signature-number p {
    margin:
        0;
}


/* =========================================================
   14. SIGNATURE TEXT
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-signature-text {
    width:
        auto !important;

    margin:
        0;

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-signature-text p {
    margin:
        0;
}


/* =========================================================
   15. RIGHT LEDGER
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-ledger {
    grid-area:
        ledger;

    position: relative;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    justify-content: center !important;

    width: 100% !important;

    min-width: 0;

    padding:
        12px;

    overflow: hidden;

    isolation: isolate;

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

    border-radius:
        28px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.024)
        );

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.13),
        inset 0 1px 0
        rgba(255,255,255,.045);

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

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


/* =========================================================
   16. LEDGER TOP GLOW
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-ledger::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -290px;
    right: -130px;

    z-index: -2;

    border-radius: 50%;

    pointer-events: none;

    background:
        radial-gradient(
            circle,
            rgba(125,183,216,.24),
            rgba(125,183,216,0) 70%
        );

    animation:
        wcuLedgerGlow
        10s ease-in-out infinite alternate;
}


@keyframes wcuLedgerGlow {

    from {
        transform:
            translate(0,0)
            scale(.9);
    }

    to {
        transform:
            translate(-35px,38px)
            scale(1.08);
    }

}


/* =========================================================
   17. LEDGER INNER BORDER
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-ledger::after {
    content: "";

    position: absolute;

    inset:
        10px;

    z-index: -1;

    pointer-events: none;

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

    border-radius:
        21px;
}


/* =========================================================
   18. REASON ITEM

   IMPORTANT:
   GAP REDUCED AFTER SIDE LINE REMOVED
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item {
    position: relative;

    display:
        grid !important;

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

    align-items:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        142px;

    gap:
        14px;

    padding:
        24px 20px;

    overflow:
        hidden;

    isolation:
        isolate;

    border-bottom:
        1px solid
        rgba(255,255,255,.075);

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:last-child {
    border-bottom:
        0;
}


/* =========================================================
   19. ITEM BACKGROUND REVEAL
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item::before {
    content: "";

    position: absolute;

    inset:
        7px;

    z-index: -2;

    border-radius:
        18px;

    opacity:
        0;

    transform:
        scaleX(.93);

    transform-origin:
        left center;

    background:
        linear-gradient(
            90deg,
            rgba(125,183,216,.18) 0%,
            rgba(125,183,216,.08) 42%,
            rgba(255,255,255,.025) 100%
        );

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


/* =========================================================
   20. ITEM LIGHT SWEEP
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item::after {
    content: "";

    position: absolute;

    width: 60px;
    height: 160%;

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

    z-index: 1;

    opacity: 0;

    pointer-events: none;

    transform:
        skewX(-18deg);

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


/* =========================================================
   21. ITEM HOVER
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:hover {
    transform:
        translateX(6px);

    padding-left:
        27px;

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

    box-shadow:
        inset 3px 0 0
        var(--wcu-sky);
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:hover::before {
    opacity:
        1;

    transform:
        scaleX(1);
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:hover::after {
    animation:
        wcuReasonSweep
        .85s ease forwards;
}


@keyframes wcuReasonSweep {

    0% {
        left:
            -100px;

        opacity:
            0;
    }

    20% {
        opacity:
            1;
    }

    100% {
        left:
            115%;

        opacity:
            0;
    }

}


/* =========================================================
   22. NUMBER
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-number {
    position: relative;

    z-index: 4;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        50px !important;

    height:
        50px !important;

    min-width:
        50px;

    margin:
        0;

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

    border-radius:
        50%;

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

    color:
        var(--wcu-sky) !important;

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

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-number p {
    margin:
        0;
}


/* =========================================================
   23. NUMBER PULSE RING
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-number::before {
    content: "";

    position: absolute;

    inset:
        -7px;

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

    border-radius:
        50%;

    opacity:
        0;

    animation:
        wcuReasonPulse
        4.8s ease-out infinite;
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:nth-child(2)
.uct-wcu-number::before {
    animation-delay:
        1.2s;
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:nth-child(3)
.uct-wcu-number::before {
    animation-delay:
        2.4s;
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:nth-child(4)
.uct-wcu-number::before {
    animation-delay:
        3.6s;
}


@keyframes wcuReasonPulse {

    0% {
        transform:
            scale(.86);

        opacity:
            0;
    }

    17% {
        opacity:
            .55;
    }

    72% {
        transform:
            scale(1.28);

        opacity:
            0;
    }

    100% {
        transform:
            scale(1.28);

        opacity:
            0;
    }

}


/* =========================================================
   24. NUMBER SIDE LINE
   REMOVED COMPLETELY

   This is the element circled in your screenshot.
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-number::after {
    display:
        none !important;

    content:
        none !important;
}


/* =========================================================
   25. NUMBER HOVER
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:hover
.uct-wcu-number {
    transform:
        scale(1.10)
        rotate(-5deg);

    background:
        var(--wcu-sky);

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

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

    box-shadow:
        0 12px 28px
        rgba(125,183,216,.22),
        0 0 0 7px
        rgba(125,183,216,.075);
}


/* =========================================================
   26. ITEM CONTENT
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-content {
    position:
        relative;

    z-index: 4;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    width:
        100% !important;

    min-width:
        0 !important;

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:hover
.uct-wcu-item-content {
    transform:
        translateX(4px);
}


/* =========================================================
   27. ITEM TITLE
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-title {
    position: relative;

    display:
        block !important;

    width:
        100% !important;

    max-width:
        430px;

    min-width:
        0 !important;

    margin:
        0 !important;

    white-space:
        normal !important;

    word-break:
        normal !important;

    overflow-wrap:
        normal !important;

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-title::after {
    content: "";

    display:
        block;

    width:
        27px;

    height:
        2px;

    margin-top:
        11px;

    border-radius:
        100px;

    background:
        var(--wcu-sky);

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:hover
.uct-wcu-item-title::after {
    width:
        64px;
}


/* =========================================================
   28. ITEM COPY
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-copy {
    display:
        block !important;

    width:
        100% !important;

    max-width:
        490px;

    min-width:
        0 !important;

    margin-top:
        13px;

    white-space:
        normal !important;

    word-break:
        normal !important;

    overflow-wrap:
        normal !important;

    color:
        rgba(255,255,255,.58) !important;

    transition:
        color .35s ease,
        transform .35s ease;
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-copy p {
    margin:
        0;
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:hover
.uct-wcu-item-copy {
    color:
        rgba(255,255,255,.80) !important;

    transform:
        translateX(2px);
}


/* =========================================================
   29. ITEM ARROW
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-arrow {
    position: relative;

    z-index: 4;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        38px !important;

    height:
        38px !important;

    min-width:
        38px;

    margin:
        0;

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

    border-radius:
        50%;

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

    color:
        rgba(255,255,255,.46) !important;

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-arrow p {
    margin:
        0;
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:hover
.uct-wcu-item-arrow {
    transform:
        translate(2px,-3px)
        rotate(7deg);

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

    background:
        var(--wcu-sky);

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

    box-shadow:
        0 12px 27px
        rgba(125,183,216,.20);
}


/* =========================================================
   30. FOOTER
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-footer {
    grid-area:
        footer;

    position:
        relative;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    width:
        100% !important;

    min-width:
        0;

    gap:
        34px;

    margin-top:
        54px;

    padding-top:
        30px;

    border-top:
        1px solid
        rgba(255,255,255,.10);
}


/* =========================================================
   31. FOOTER TEXT
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-footer-text {
    position:
        relative;

    width:
        auto;

    margin:
        0;

    padding-left:
        23px;

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


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-footer-text p {
    margin:
        0;
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-footer-text::before {
    content: "";

    position: absolute;

    left:
        0;

    top:
        50%;

    width:
        7px;

    height:
        7px;

    transform:
        translateY(-50%);

    border-radius:
        50%;

    background:
        var(--wcu-sky);

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


/* =========================================================
   32. BUTTON WRAPPER
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-button {
    width:
        fit-content !important;
}


/* =========================================================
   33. BUTTON
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-button
.elementor-button {
    position: relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        14px;

    min-height:
        52px;

    padding:
        0 23px;

    overflow:
        hidden;

    isolation:
        isolate;

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

    border-radius:
        100px;

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

    color:
        var(--wcu-white) !important;

    box-shadow:
        none;

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


/* =========================================================
   34. BUTTON LIGHT SWEEP
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-button
.elementor-button::before {
    content: "";

    position:
        absolute;

    width:
        60px;

    height:
        170%;

    top:
        -35%;

    left:
        -100px;

    z-index:
        -1;

    transform:
        skewX(-20deg);

    opacity:
        0;

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


/* =========================================================
   35. BUTTON ARROW
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-button
.elementor-button::after {
    content:
        "↗";

    position:
        relative;

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


/* =========================================================
   36. BUTTON HOVER
========================================================= */

.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-button
.elementor-button:hover {
    transform:
        translateY(-4px);

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

    background:
        var(--wcu-sky);

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

    box-shadow:
        0 16px 38px
        rgba(125,183,216,.19);
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-button
.elementor-button:hover::before {
    animation:
        wcuButtonSweep
        .8s ease forwards;
}


.elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-button
.elementor-button:hover::after {
    transform:
        translate(4px,-3px);
}


@keyframes wcuButtonSweep {

    0% {
        left:
            -100px;

        opacity:
            0;
    }

    20% {
        opacity:
            1;
    }

    100% {
        left:
            120%;

        opacity:
            0;
    }

}


/* =========================================================
   37. TABLET LANDSCAPE
========================================================= */

@media (max-width:1024px) {

    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-shell {
        width:
            min(calc(100% - 48px),960px) !important;

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

        gap:
            0 50px;

        padding-top:
            92px;

        padding-bottom:
            78px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-shell::after {
        left:
            42%;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-intro {
        padding:
            26px 0;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item {
        grid-template-columns:
            52px minmax(0,1fr) 40px;

        min-height:
            132px;

        gap:
            12px;

        padding:
            21px 17px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-number {
        width:
            46px !important;

        height:
            46px !important;

        min-width:
            46px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-ledger {
        border-radius:
            24px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-footer {
        margin-top:
            44px;
    }

}


/* =========================================================
   38. TABLET PORTRAIT
========================================================= */

@media (max-width:820px) {

    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-shell {
        display:
            flex !important;

        flex-direction:
            column !important;

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

        gap:
            0;

        padding-top:
            82px;

        padding-bottom:
            72px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-shell::after {
        display:
            none;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-intro {
        width:
            min(100%,650px) !important;

        max-width:
            650px;

        padding:
            0;

        margin-bottom:
            55px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-description {
        max-width:
            600px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-ledger {
        width:
            100% !important;

        max-width:
            none;

        margin:
            0;

        padding:
            11px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item {
        min-height:
            128px;

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

        gap:
            13px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-footer {
        margin-top:
            44px;
    }

}


/* =========================================================
   39. MOBILE
========================================================= */

@media (max-width:767px) {

    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-shell {
        width:
            calc(100% - 40px) !important;

        padding-top:
            66px;

        padding-bottom:
            58px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-intro {
        margin-bottom:
            44px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-intro::before {
        width:
            200px;

        height:
            200px;

        left:
            -100px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-eyebrow {
        margin-bottom:
            21px !important;

        padding-left:
            38px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-eyebrow::before {
        width:
            24px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-title::after {
        width:
            54px;

        margin-top:
            21px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-description {
        margin-top:
            22px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-signature {
        margin-top:
            30px;

        gap:
            13px;

        padding:
            10px 14px 10px 10px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-signature-number {
        width:
            36px !important;

        height:
            36px !important;

        min-width:
            36px;
    }


    /* LEDGER */

    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-ledger {
        padding:
            8px;

        border-radius:
            20px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-ledger::after {
        inset:
            7px;

        border-radius:
            15px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item {
        grid-template-columns:
            44px minmax(0,1fr) 32px;

        min-height:
            128px;

        gap:
            10px;

        padding:
            19px 13px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:hover {
        transform:
            translateX(3px);

        padding-left:
            16px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-number {
        width:
            38px !important;

        height:
            38px !important;

        min-width:
            38px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-number::before {
        inset:
            -5px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-title::after {
        width:
            22px;

        margin-top:
            9px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:hover
    .uct-wcu-item-title::after {
        width:
            46px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-copy {
        margin-top:
            10px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-arrow {
        width:
            30px !important;

        height:
            30px !important;

        min-width:
            30px;
    }


    /* FOOTER */

    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-footer {
        flex-direction:
            column !important;

        align-items:
            flex-start !important;

        gap:
            24px;

        margin-top:
            34px;

        padding-top:
            24px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-button {
        width:
            100% !important;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-button
    .elementor-button {
        width:
            100%;

        justify-content:
            center;
    }

}


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

@media (max-width:480px) {

    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-shell {
        width:
            calc(100% - 32px) !important;

        padding-top:
            58px;

        padding-bottom:
            52px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-intro {
        margin-bottom:
            38px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-ledger {
        padding:
            7px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item {
        grid-template-columns:
            40px minmax(0,1fr) 28px;

        min-height:
            120px;

        gap:
            9px;

        padding:
            17px 10px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-number {
        width:
            34px !important;

        height:
            34px !important;

        min-width:
            34px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item-arrow {
        width:
            27px !important;

        height:
            27px !important;

        min-width:
            27px;
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-signature {
        width:
            100% !important;

        border-radius:
            16px;
    }

}


/* =========================================================
   41. TOUCH DEVICES
========================================================= */

@media (hover:none) {

    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:active {
        box-shadow:
            inset 3px 0 0
            var(--wcu-sky);
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:active::before {
        opacity:
            1;

        transform:
            scaleX(1);
    }


    .elementor-412 .elementor-element.elementor-element-dfdd8e0 .uct-wcu-item:active
    .uct-wcu-number {
        background:
            var(--wcu-sky);

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

        border-color:
            var(--wcu-sky);
    }

}


/* =========================================================
   42. REDUCED MOTION
========================================================= */

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

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

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

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

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

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


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

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


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


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

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


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


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

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


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

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


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


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


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

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


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


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

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


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


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


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


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

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


/* COUNTER */

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


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


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

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


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

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


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

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

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

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


/* open number */

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

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

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

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

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

    padding:
        0 !important;
}


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


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

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


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

        line-height:
            1.07 !important;
    }


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


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


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


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

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

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


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

}


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

@media (max-width:820px) {

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


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

        max-width:
            620px;

        padding-top:
            0;
    }


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


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


    /*
       Compact horizontal controls on tablet.
    */

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

}


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

@media (max-width:767px) {

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

        gap:
            32px;

        padding-top:
            56px;

        padding-bottom:
            52px;
    }


    /* LEFT */

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

        margin-bottom:
            15px !important;
    }


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


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

        line-height:
            1.08 !important;
    }


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

        margin-top:
            17px;
    }


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


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


    /* INFO */

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

        height:
            40px !important;

        min-width:
            40px;
    }


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


    /* CONTACT */

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


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


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

        min-height:
            47px;

        font-size:
            13px !important;
    }


    /* PANEL */

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

        border-radius:
            17px;

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


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


    /* FAQ */

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

        padding-top:
            6px !important;
    }


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


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

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

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

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

        line-height:
            1.35 !important;
    }


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

        height:
            26px !important;

        min-width:
            26px;
    }


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

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


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

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

        gap:
            28px;

        padding-top:
            50px;

        padding-bottom:
            46px;
    }


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


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

        align-items:
            center !important;
    }


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


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

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

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


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

}


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

@media (hover:none) {

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

}


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

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

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

    margin-bottom:
        23px !important;
}


/* eyebrow line */

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


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

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

    max-width:
        610px;

    margin-top:
        27px;
}


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


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


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

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


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

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

    z-index:
        3;
}


/* primary hover */

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


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


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

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

    z-index:
        3;
}


/* hover */

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


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


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


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

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

    width:
        auto !important;

    margin:
        0 !important;

    padding:
        0 22px 0 0;
}


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


/* separator */

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


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


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

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


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

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

    width:
        fit-content;

    margin:
        0 0 20px !important;

    padding-left:
        30px;
}


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


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

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


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


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

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


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

@media (max-width:1024px) {

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

        padding-top:
            78px;

        padding-bottom:
            78px;
    }


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


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

        line-height:
            1.06 !important;
    }


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


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

        padding:
            28px;

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


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


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

}


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

@media (max-width:820px) {

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

        padding-top:
            70px;

        padding-bottom:
            70px;
    }


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


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


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


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

}


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

@media (max-width:767px) {

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

        padding-top:
            58px;

        padding-bottom:
            58px;
    }


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

        padding:
            34px 26px 27px;

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


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

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

        margin-bottom:
            18px !important;
    }


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


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


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

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

        line-height:
            1.08 !important;
    }


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

        margin-top:
            20px;
    }


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

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


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


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

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

        align-items:
            stretch !important;

        gap:
            11px;

        margin-top:
            28px;
    }


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


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

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

        padding-top:
            18px;

        gap:
            10px 0;
    }


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


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


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


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

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

        min-height:
            230px;

        padding:
            23px;

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


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

        height:
            165px;

        right:
            -45px;

        top:
            -65px;
    }


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


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

        line-height:
            1.12 !important;
    }


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


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

}


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

@media (max-width:480px) {

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

        padding-top:
            50px;

        padding-bottom:
            50px;
    }


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

        gap:
            30px;

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


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


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


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

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

        font-size:
            13px !important;
    }


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

        padding:
            20px;

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


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

}


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

@media (hover:none) {

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


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


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

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */