.elementor-1270 .elementor-element.elementor-element-ftroot{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EDE6DA;--border-color:#EDE6DA;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1270 .elementor-element.elementor-element-ftroot:not(.elementor-motion-effects-element-type-background), .elementor-1270 .elementor-element.elementor-element-ftroot > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1270 .elementor-element.elementor-element-ftcta{--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:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:66px;--padding-bottom:58px;--padding-left:40px;--padding-right:40px;}.elementor-1270 .elementor-element.elementor-element-ftctah{text-align:center;}.elementor-1270 .elementor-element.elementor-element-ftctah .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:36px;font-weight:800;line-height:1.15em;letter-spacing:-0.5px;color:#16212E;}.elementor-1270 .elementor-element.elementor-element-ftctat{text-align:center;font-family:"Inter", Sans-serif;font-size:16.5px;line-height:1.7em;color:#6B6257;}.elementor-1270 .elementor-element.elementor-element-ftctab .elementor-button-content-wrapper{flex-direction:row;}.elementor-1270 .elementor-element.elementor-element-ftctab .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-1270 .elementor-element.elementor-element-ftctab .elementor-button{font-family:"Manrope", Sans-serif;font-size:14.5px;font-weight:700;fill:#16212E;color:#16212E;background-color:#25D366;border-radius:999px 999px 999px 999px;padding:15px 28px 15px 26px;}.elementor-1270 .elementor-element.elementor-element-ftctab .elementor-button:hover, .elementor-1270 .elementor-element.elementor-element-ftctab .elementor-button:focus{color:#16212E;background-color:#1FB855;}.elementor-1270 .elementor-element.elementor-element-ftctab .elementor-button:hover svg, .elementor-1270 .elementor-element.elementor-element-ftctab .elementor-button:focus svg{fill:#16212E;}.elementor-1270 .elementor-element.elementor-element-ftctab{width:auto;max-width:auto;}.elementor-1270 .elementor-element.elementor-element-ftctan{text-align:center;font-family:"Inter", Sans-serif;font-size:13.5px;letter-spacing:0.2px;color:#6B6257;}.elementor-1270 .elementor-element.elementor-element-ftmain{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:36px 30px;--row-gap:36px;--column-gap:30px;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EDE6DA;--border-color:#EDE6DA;--padding-top:56px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;--z-index:1;}.elementor-1270 .elementor-element.elementor-element-ftc1{--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:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-1270 .elementor-element.elementor-element-ftlogo img{width:132px;}.elementor-1270 .elementor-element.elementor-element-ftlogo{width:auto;max-width:auto;z-index:1;}.elementor-1270 .elementor-element.elementor-element-ftdesc{font-family:"Inter", Sans-serif;font-size:14.5px;line-height:1.8em;color:#6B6257;}.elementor-1270 .elementor-element.elementor-element-ftpay{--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:9px 9px;--row-gap:9px;--column-gap:9px;--padding-top:2px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1270 .elementor-element.elementor-element-ftpayh .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#8A8175;}.elementor-1270 .elementor-element.elementor-element-ftpaytxt{font-family:"Manrope", Sans-serif;font-size:11.5px;color:#16212E;}.elementor-1270 .elementor-element.elementor-element-ftsocwrap{--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:9px 9px;--row-gap:9px;--column-gap:9px;--padding-top:2px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1270 .elementor-element.elementor-element-ftsoch .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#8A8175;}.elementor-1270 .elementor-element.elementor-element-ftsoc .elementor-repeater-item-sfsfb.elementor-social-icon{background-color:#1877F2;}.elementor-1270 .elementor-element.elementor-element-ftsoc .elementor-repeater-item-sfsfb.elementor-social-icon i{color:#FFFFFF;}.elementor-1270 .elementor-element.elementor-element-ftsoc .elementor-repeater-item-sfsfb.elementor-social-icon svg{fill:#FFFFFF;}.elementor-1270 .elementor-element.elementor-element-ftsoc .elementor-repeater-item-sfstt.elementor-social-icon{background-color:#010101;}.elementor-1270 .elementor-element.elementor-element-ftsoc .elementor-repeater-item-sfstt.elementor-social-icon i{color:#FFFFFF;}.elementor-1270 .elementor-element.elementor-element-ftsoc .elementor-repeater-item-sfstt.elementor-social-icon svg{fill:#FFFFFF;}.elementor-1270 .elementor-element.elementor-element-ftsoc{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:22px;--grid-column-gap:12px;--grid-row-gap:0px;}.elementor-1270 .elementor-element.elementor-element-ftsoc .elementor-social-icon{background-color:#16212E;--icon-padding:15px;}.elementor-1270 .elementor-element.elementor-element-ftsoc .elementor-social-icon i{color:#FFFFFF;}.elementor-1270 .elementor-element.elementor-element-ftsoc .elementor-social-icon svg{fill:#FFFFFF;}.elementor-1270 .elementor-element.elementor-element-ftc2{--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:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-1270 .elementor-element.elementor-element-ftc2h .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#16212E;}.elementor-1270 .elementor-element.elementor-element-ftc2l .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc2l .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc2l .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc2l .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc2l .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc2l .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1270 .elementor-element.elementor-element-ftc2l .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1270 .elementor-element.elementor-element-ftc2l{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1270 .elementor-element.elementor-element-ftc2l .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1270 .elementor-element.elementor-element-ftc2l .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14.5px;}.elementor-1270 .elementor-element.elementor-element-ftc2l .elementor-icon-list-text{color:#16212E;transition:color 0.3s;}.elementor-1270 .elementor-element.elementor-element-ftc3{--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:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-1270 .elementor-element.elementor-element-ftc3h .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#16212E;}.elementor-1270 .elementor-element.elementor-element-ftc3l .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc3l .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc3l .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc3l .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc3l .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc3l .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1270 .elementor-element.elementor-element-ftc3l .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1270 .elementor-element.elementor-element-ftc3l{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1270 .elementor-element.elementor-element-ftc3l .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1270 .elementor-element.elementor-element-ftc3l .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14.5px;}.elementor-1270 .elementor-element.elementor-element-ftc3l .elementor-icon-list-text{color:#16212E;transition:color 0.3s;}.elementor-1270 .elementor-element.elementor-element-ftc4{--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:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-1270 .elementor-element.elementor-element-ftc4h .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#16212E;}.elementor-1270 .elementor-element.elementor-element-ftc4l .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc4l .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc4l .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc4l .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc4l .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-1270 .elementor-element.elementor-element-ftc4l .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1270 .elementor-element.elementor-element-ftc4l .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1270 .elementor-element.elementor-element-ftc4l{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1270 .elementor-element.elementor-element-ftc4l .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1270 .elementor-element.elementor-element-ftc4l .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14.5px;}.elementor-1270 .elementor-element.elementor-element-ftc4l .elementor-icon-list-text{color:#6B6257;transition:color 0.3s;}.elementor-1270 .elementor-element.elementor-element-ftc5{--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:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-1270 .elementor-element.elementor-element-ftc5h .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#16212E;}.elementor-1270 .elementor-element.elementor-element-ftc5t{font-family:"Inter", Sans-serif;font-size:14px;color:#6B6257;}.elementor-1270 .elementor-element.elementor-element-ftlegal{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EFE9DE;--border-color:#EFE9DE;--padding-top:150px;--padding-bottom:74px;--padding-left:0px;--padding-right:0px;--z-index:998;}.elementor-1270 .elementor-element.elementor-element-ftlegal:not(.elementor-motion-effects-element-type-background), .elementor-1270 .elementor-element.elementor-element-ftlegal > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1270 .elementor-element.elementor-element-ftlegw{--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:8px 18px;--row-gap:8px;--column-gap:18px;--flex-wrap:wrap;--padding-top:18px;--padding-bottom:18px;--padding-left:40px;--padding-right:40px;}.elementor-1270 .elementor-element.elementor-element-ftcopy{font-family:"Inter", Sans-serif;font-size:13px;color:#6B6257;width:auto;max-width:auto;}.elementor-1270 .elementor-element.elementor-element-ftlinks{font-family:"Inter", Sans-serif;font-size:13px;color:#16212E;width:auto;max-width:auto;}.elementor-1270 .elementor-element.elementor-element-ftgrfl .elementor-button-content-wrapper{flex-direction:row;}.elementor-1270 .elementor-element.elementor-element-ftgrfl .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-1270 .elementor-element.elementor-element-ftgrfl .elementor-button{font-family:"Manrope", Sans-serif;font-size:12.5px;font-weight:700;fill:#16212E;color:#16212E;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(224,168,60,0.55);border-radius:999px 999px 999px 999px;padding:10px 18px 10px 13px;}.elementor-1270 .elementor-element.elementor-element-ftgrfl .elementor-button:hover, .elementor-1270 .elementor-element.elementor-element-ftgrfl .elementor-button:focus{color:#16212E;background-color:#FBF7F0;border-color:#E0A83C;}.elementor-1270 .elementor-element.elementor-element-ftgrfl .elementor-button:hover svg, .elementor-1270 .elementor-element.elementor-element-ftgrfl .elementor-button:focus svg{fill:#16212E;}.elementor-1270 .elementor-element.elementor-element-ftgrfl{z-index:998;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1270 .elementor-element.elementor-element-ftcta{--content-width:1320px;}.elementor-1270 .elementor-element.elementor-element-ftmain{--content-width:1320px;}.elementor-1270 .elementor-element.elementor-element-ftc1{--width:24%;}.elementor-1270 .elementor-element.elementor-element-ftc2{--width:13%;}.elementor-1270 .elementor-element.elementor-element-ftc3{--width:13%;}.elementor-1270 .elementor-element.elementor-element-ftc4{--width:16%;}.elementor-1270 .elementor-element.elementor-element-ftc5{--width:22%;}.elementor-1270 .elementor-element.elementor-element-ftlegw{--content-width:1320px;}}/* Start custom CSS for container, class: .elementor-element-ftlegal *//* === Footer skyline + floating Google review badge === The skyline is ORIGINAL line art, drawn here as an inline SVG data URI: Kuala Lumpur, Bangkok, Dubai, Abu Dhabi, Makkah and Madinah - the destinations this agency actually sells. Nothing is copied from anyone else's illustration, and because it is a data URI there is no extra image request and it stays crisp at any screen size. It lives on THIS element rather than ftroot because ftroot already carries 23 rules of its own and this connector replaces custom CSS wholesale rather than merging it - editing ftroot would have meant retyping all of them. The fixed badge is declared as a layer intent on the ftroot canvas, which is what this connector requires before it will accept a floating element. */ .elementor-1270 .elementor-element.elementor-element-ftlegal{ position:relative; } .elementor-1270 .elementor-element.elementor-element-ftlegal::after{ content:""; position:absolute; left:0; right:0; top:14px; height:128px; background-repeat:no-repeat; background-position:bottom center; background-size:contain; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 160' fill='none' stroke='rgba(22,33,46,0.22)' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 150H1200'/%3E%3Cpath d='M70 150V70h40v80M140 150V70h40v80M70 70l8-12h24l8 12M140 70l8-12h24l8 12M90 58V32M160 58V32M110 98h30M110 106h30'/%3E%3Cpath d='M216 150v-30h58v30M224 120l21-58 21 58M232 100h26M228 110h34M245 62V44'/%3E%3Cpath d='M344 150v-40h60v40M354 110V86h40v24M362 86V56h24v30M369 56V33h10v23M374 33V8'/%3E%3Cpath d='M470 150v-22h162v22M520 128q0-34 30-34t30 34M550 94v-12M478 128V76h9v52M478 76l4.5-13 4.5 13M482.5 63V52M615 128V76h9v52M615 76l4.5-13 4.5 13M619.5 63V52M496 128q7-11 14 0M596 128q7-11 14 0'/%3E%3Cpath d='M676 150V62h60v88M676 62l14-16h32l14 16M706 46V20'/%3E%3Ccircle cx='706' cy='84' r='15'/%3E%3Cpath d='M782 150v-20h180v20M812 130q0-30 26-30t26 30M838 100v-11M876 130q0-16 14-16t14 16M916 130q0-16 14-16t14 16M790 130V72h9v58M790 72l4.5-12 4.5 12M794.5 60V50M949 130V72h9v58M949 72l4.5-12 4.5 12M953.5 60V50'/%3E%3Cpath d='M1042 72h72M1072 72l-13-17M1072 72l-13 17M1104 72l-7-10M1104 72l-7 10'/%3E%3Cpath d='M998 44q6-9 15-3 5-7 13-2 9-1 9 8h-37M1128 38q7-10 17-3 6-8 15-2 10-1 10 9h-42'/%3E%3Cpath d='M1152 104q5-6 10 0M1164 98q4-5 8 0'/%3E%3C/svg%3E"); } .elementor-1270 .elementor-element.elementor-element-ftlegal .e-con-inner, .elementor-1270 .elementor-element.elementor-element-ftlegal .ft-legal-wrap{ position:relative; z-index:1; } /* Floating Google review badge. Bottom-LEFT on purpose: the WhatsApp button and the back-to-top arrow both sit bottom-right, so the two never meet. */ .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr{ position:fixed; left:20px; bottom:22px; width:auto; margin:0; } .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button{ display:inline-flex; align-items:center; line-height:1; white-space:nowrap; box-shadow:0 6px 20px rgba(22,33,46,.18); transition:background-color .25s ease, box-shadow .25s ease, transform .25s ease; } .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button:hover{ box-shadow:0 10px 26px rgba(22,33,46,.24); transform:translateY(-2px); } .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button-icon svg, .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button:hover .elementor-button-icon svg, .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button:focus .elementor-button-icon svg{ fill:#4285F4; width:15px; height:15px; } @media (max-width:1024px){ .elementor-1270 .elementor-element.elementor-element-ftlegal{ padding-top:120px; } .elementor-1270 .elementor-element.elementor-element-ftlegal::after{ height:104px; } } @media (max-width:767px){ .elementor-1270 .elementor-element.elementor-element-ftlegal{ padding-top:86px; } .elementor-1270 .elementor-element.elementor-element-ftlegal::after{ height:74px; } .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr{ left:14px; bottom:16px; } .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button{ font-size:11.5px; padding:9px 15px 9px 11px; } } @media (max-width:430px){ .elementor-1270 .elementor-element.elementor-element-ftlegal{ padding-top:64px; } .elementor-1270 .elementor-element.elementor-element-ftlegal::after{ height:56px; } /* Icon-only on the smallest phones. The label is hidden visually but kept for screen readers, so the link still announces itself properly. */ .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button{ padding:13px; border-radius:50%; } .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button-text{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button-icon{ margin:0; } } @media (prefers-reduced-motion:reduce){ .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button{ transition:none; } .elementor-1270 .elementor-element.elementor-element-ftlegal .s4s-float-gr .elementor-button:hover{ transform:none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ftroot *//* === Sky4star warm footer - responsive behaviour Elementor controls cannot express. No copy lives here; every word sits in an Elementor widget. NOTE: Elementor stores element Custom CSS HTML-escaped, which turns a child combinator into ">" and silently kills the whole rule. Every .elementor-1270 .elementor-element.elementor-element-ftroot below therefore uses descendant combinators only. */ /* Links: warm navy, with a gold underline that grows from the left on hover. Astra sets a global blue on every link, so these need class depth to win. */ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-list .elementor-icon-list-item a, .elementor-1270 .elementor-element.elementor-element-ftroot .ft-contact a, .elementor-1270 .elementor-element.elementor-element-ftroot .ft-legal-links a{ color:#16212E; text-decoration:none; background-image:linear-gradient(#E0A83C,#E0A83C); background-size:0 2px; background-repeat:no-repeat; background-position:0 100%; transition:background-size .25s ease; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-list .elementor-icon-list-item a:hover, .elementor-1270 .elementor-element.elementor-element-ftroot .ft-contact a:hover, .elementor-1270 .elementor-element.elementor-element-ftroot .ft-legal-links a:hover{ background-size:100% 2px; color:#16212E; } .elementor-1270 .elementor-element.elementor-element-ftroot a:focus-visible{ outline:2px solid #E0A83C; outline-offset:3px; } /* The social icons are brand-coloured tiles, so the gold underline above must not apply to them. */ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-soc-icons a{ background-image:none; } /* Contact block labels */ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-contact .ft-lbl{ margin:15px 0 3px; font-family:"Manrope",sans-serif; font-size:10.5px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:#8A8175; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-contact .ft-lbl:first-child{ margin-top:0; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-contact p{ margin:0 0 3px; line-height:1.65; } /* Legal bar sits on one line - Elementor's default 20px widget gap and the paragraph margins would otherwise make a one-line bar three lines tall. */ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-legal-wrap .elementor-widget{ margin-bottom:0; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-legal-wrap p{ margin:0; } /* Destination names are deliberately NOT links: every destination archive on this site currently has zero trips assigned, so a link would land a visitor on an empty page. They become links the moment trips are tagged. */ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-dest .elementor-icon-list-text{ color:#6B6257; } /* --- Accepted payment methods, bottom of the brand column ---------------- Sized large per the owner's instruction: 40px tall tiles, which is the height the official logo files will render at once they are uploaded, so the row does not change shape when the artwork lands. The marks are wordmark chips only until then - no official Visa, Mastercard, Tabby, Tamara or bKash artwork exists in this site's Media Library, and a redrawn brand mark would be an unlicensed imitation. The img rule matches the chip height exactly: dropping the five logo files into this row is then a straight swap with no further CSS work. */ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-pay-row p{ margin:0; display:flex; flex-wrap:wrap; gap:10px; align-items:center; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-pay-row span{ display:inline-flex; align-items:center; justify-content:center; height:40px; min-width:62px; padding:0 14px; background:#FFFFFF; border:1px solid #E6DCCB; border-radius:8px; box-shadow:0 1px 2px rgba(22,33,46,.05); font-family:"Manrope",sans-serif; font-size:13.5px; font-weight:700; letter-spacing:.01em; color:#16212E; white-space:nowrap; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-pay-row img{ height:40px; width:auto; display:block; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-pay .elementor-widget{ margin-bottom:0; } /* --- Social icons: official brand colours, large, gently animated -------- Colours are set per item on the widget (Facebook #1877F2, TikTok #010101) so each keeps its own brand identity; only the motion lives here. The float runs on the anchor and the hover scale runs on the inner SVG, on purpose: a running keyframe animation and a hover transform on the SAME element fight each other and the animation wins, so the hover would simply never be seen. Splitting them across two elements lets both work. */ @keyframes s4sFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px); } } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-soc .elementor-widget{ margin-bottom:0; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-soc-icons .elementor-social-icon{ animation:s4sFloat 3.2s ease-in-out infinite; box-shadow:0 5px 14px rgba(22,33,46,.18); transition:box-shadow .28s ease; } /* Staggered so the two circles never bob in lockstep */ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-soc-icons .elementor-grid-item:nth-child(2) .elementor-social-icon{ animation-delay:.6s; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-soc-icons .elementor-social-icon svg{ transition:transform .28s ease; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-soc-icons .elementor-social-icon:hover{ box-shadow:0 10px 22px rgba(22,33,46,.28); } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-soc-icons .elementor-social-icon:hover svg{ transform:scale(1.18); } /* Motion is decoration here, so it is dropped entirely for anyone who has asked their system for reduced motion. */ @media (prefers-reduced-motion: reduce){ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-soc-icons .elementor-social-icon{ animation:none; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-soc-icons .elementor-social-icon svg{ transition:none; } } /* --- Tablet: brand full width, the four groups two-up ------------------- Widths subtract half of Elementor's own 30px column gap, because the gap control is written with higher specificity than element Custom CSS can override without !important. */ @media (max-width:1024px){ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-cta{ padding-left:28px; padding-right:28px; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-main{ padding-left:28px; padding-right:28px; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-legal-wrap{ padding-left:28px; padding-right:28px; } .elementor-1270 .elementor-element.elementor-element-ftroot .elementor-element.ft-c1{ width:100%; flex:0 0 100%; } .elementor-1270 .elementor-element.elementor-element-ftroot .elementor-element.ft-col{ width:calc(50% - 16px); flex:0 0 calc(50% - 16px); } } /* --- Mobile: compact stack, no group left excessively long -------------- */ @media (max-width:767px){ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-cta{ padding:42px 18px 34px; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-cta h2{ font-size:26px; letter-spacing:-.2px; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-cta .elementor-widget-text-editor{ font-size:15px; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-main{ padding:30px 18px 26px; } .elementor-1270 .elementor-element.elementor-element-ftroot .elementor-element.ft-c1, .elementor-1270 .elementor-element.elementor-element-ftroot .elementor-element.ft-c4, .elementor-1270 .elementor-element.elementor-element-ftroot .elementor-element.ft-c5{ width:100%; flex:0 0 100%; } .elementor-1270 .elementor-element.elementor-element-ftroot .elementor-element.ft-c2, .elementor-1270 .elementor-element.elementor-element-ftroot .elementor-element.ft-c3{ width:calc(50% - 16px); flex:0 0 calc(50% - 16px); } /* Eight destinations read as two short columns rather than one long list */ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-dest .elementor-icon-list-items{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:18px; } /* Tighter contact block so Talk To Us is not a wall of text */ .elementor-1270 .elementor-element.elementor-element-ftroot .ft-contact .ft-lbl{ margin:11px 0 1px; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-c5 .ft-contact p{ line-height:1.55; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-legal-wrap{ padding:14px 18px; justify-content:center; text-align:center; } /* OPTIONAL ACCORDION MODE. Elementor's HTML widget strips script tags and this connector cannot attach JavaScript to a Theme Builder template, so the accordion is opt-in: paste the supplied snippet into Elementor Custom Code and it adds .js-acc to each group, at which point these rules take over. Until then every list stays visible, so nothing is ever hidden behind a control that does not work. The payment and social rows are never collapsed. */ .elementor-1270 .elementor-element.elementor-element-ftroot .elementor-element.ft-col.js-acc{ width:100%; flex:0 0 100%; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-col.js-acc{ border-top:1px solid #EDE6DA; padding-top:14px; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-col.js-acc .ft-dest .elementor-icon-list-items{ display:block; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-col.js-acc .ft-h{ position:relative; cursor:pointer; padding-right:32px; margin-bottom:0; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-col.js-acc .ft-h:after{ content:"+"; position:absolute; right:2px; top:50%; transform:translateY(-50%); font-size:19px; font-weight:600; line-height:1; color:#6B6257; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-col.js-acc.is-open .ft-h:after{ content:"\2212"; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-col.js-acc .ft-list, .elementor-1270 .elementor-element.elementor-element-ftroot .ft-col.js-acc .ft-contact{ display:none; } .elementor-1270 .elementor-element.elementor-element-ftroot .ft-col.js-acc.is-open .ft-list, .elementor-1270 .elementor-element.elementor-element-ftroot .ft-col.js-acc.is-open .ft-contact{ display:block; margin-top:12px; } }/* End custom CSS */