.elementor-13533 .elementor-element.elementor-element-785fe48{--display:flex;--position:fixed;bottom:0px;}.elementor-13533 .elementor-element.elementor-element-785fe48:not(.elementor-motion-effects-element-type-background), .elementor-13533 .elementor-element.elementor-element-785fe48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}body:not(.rtl) .elementor-13533 .elementor-element.elementor-element-785fe48{left:0px;}body.rtl .elementor-13533 .elementor-element.elementor-element-785fe48{right:0px;}.elementor-13533 .elementor-element.elementor-element-dfa5bcc{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-13533 .elementor-element.elementor-element-b3c491a .elementor-icon-wrapper{text-align:center;}.elementor-13533 .elementor-element.elementor-element-b3c491a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-13533 .elementor-element.elementor-element-b3c491a.elementor-view-framed .elementor-icon, .elementor-13533 .elementor-element.elementor-element-b3c491a.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-13533 .elementor-element.elementor-element-b3c491a.elementor-view-framed .elementor-icon, .elementor-13533 .elementor-element.elementor-element-b3c491a.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-13533 .elementor-element.elementor-element-ef94b29 .elementor-heading-title{font-family:"Carlito", Serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0.5px;color:var( --e-global-color-background-field );}.elementor-13533 .elementor-element.elementor-element-50dec58{--display:flex;}.elementor-13533 .elementor-element.elementor-element-3671904 .elementor-heading-title{color:var( --e-global-color-background-field );}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-13533 .elementor-element.elementor-element-785fe48{--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-evenly;--align-items:center;--flex-wrap:nowrap;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;bottom:0px;--z-index:9999;}body:not(.rtl) .elementor-13533 .elementor-element.elementor-element-785fe48{left:0px;}body.rtl .elementor-13533 .elementor-element.elementor-element-785fe48{right:0px;}.elementor-13533 .elementor-element.elementor-element-dfa5bcc{--content-width:50%;--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:center;--align-items:center;--gap:0px 020px;--row-gap:0px;--column-gap:020px;}.elementor-13533 .elementor-element.elementor-element-b3c491a{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13533 .elementor-element.elementor-element-b3c491a .elementor-icon-wrapper{text-align:center;}.elementor-13533 .elementor-element.elementor-element-b3c491a .elementor-icon{font-size:18px;}.elementor-13533 .elementor-element.elementor-element-b3c491a .elementor-icon svg{height:18px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-13533 .elementor-element.elementor-element-ef94b29{padding:0px 0px 0px 0px;text-align:center;}.elementor-13533 .elementor-element.elementor-element-50dec58{--content-width:50%;--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-around;--align-items:center;--margin-top:-6px;--margin-bottom:0px;--margin-left:-41px;--margin-right:0px;}.elementor-13533 .elementor-element.elementor-element-3671904{padding:0px 0px 0px 0px;text-align:center;}}/* Start custom CSS for container, class: .elementor-element-785fe48 *//* ==========================================================
   CALL BAR  ("Call | Contact Us") – FULLY RESPONSIVE
   Paste at the VERY END of Appearance > Customize > Additional CSS

   Mobile        (767px and below)  : original design, unchanged
   Mobile Extra  (768px – 880px)    : bar shown, slightly larger
   Tablet        (881px – 1024px)   : bar shown, larger
   Laptop/Desktop (1025px and up)   : not affected

   Container IDs:
     785fe48 = the fixed bar
     dfa5bcc = left half  (icon + "Call")
     50dec58 = right half ("Contact Us")
   ========================================================== */

/* ==========================================================
   MOBILE (767px and below) – ORIGINAL, UNCHANGED
   ========================================================== */
@media (max-width:767px){

  /* ---- the bar: full width, #B4975A, fixed at the bottom ---- */
  body .elementor-element.elementor-element-785fe48{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:68px !important;
    margin:0 !important;
    padding:0 0 env(safe-area-inset-bottom, 0px) !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:0 !important;
    background:#B4975A !important;
    z-index:9999 !important;
  }

  /* ---- the two halves: 50% each, content centred ---- */
  body .elementor-element-785fe48 > .elementor-element-dfa5bcc,
  body .elementor-element-785fe48 > .elementor-element-50dec58{
    position:relative !important;
    flex:1 1 50% !important;
    width:50% !important;
    max-width:50% !important;
    min-height:68px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:none !important;
  }

  /* inner wrapper: icon + text side by side */
  body .elementor-element-785fe48 .e-con-inner{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* widgets shrink to their content, no extra spacing */
  body .elementor-element-785fe48 .elementor-widget{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    --container-widget-width:auto;
    --container-widget-flex-grow:0;
  }

  /* ---- the thin vertical divider between the two halves ---- */
  body .elementor-element-785fe48 > .elementor-element-dfa5bcc::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:1px;
    height:34px;
    transform:translateY(-50%);
    background:rgba(255,255,255,.8);
  }

  /* ---- text: light, white, one line, Carlito ---- */
  body .elementor-element-785fe48 .elementor-heading-title,
  body .elementor-element-785fe48 .elementor-heading-title a{
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
    font-family:'Carlito', sans-serif !important;
    font-size:19px !important;
    font-weight:300 !important;
    line-height:1.2 !important;
    letter-spacing:.2px !important;
    white-space:nowrap !important;
    text-align:left !important;
    text-decoration:none !important;
  }

  /* ---- phone icon: white, ~28px ---- */
  body .elementor-element-785fe48 .elementor-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:28px !important;
    line-height:1 !important;
    color:#fff !important;
  }
  body .elementor-element-785fe48 .elementor-icon svg{
    width:28px !important;
    height:28px !important;
    fill:#fff !important;
  }
  body .elementor-element-785fe48 .elementor-icon i{
    font-size:28px !important;
    color:#fff !important;
  }
}

/* ==========================================================
   TABLETS (768px – 1024px) – shared bar layout
   ========================================================== */
@media (min-width:768px) and (max-width:1024px){

  /* keep page content clear of the fixed bar */
  body{
    padding-bottom:76px !important;
  }

  /* ---- the bar ---- */
  body .elementor-element.elementor-element-785fe48{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:72px !important;
    margin:0 !important;
    padding:0 0 env(safe-area-inset-bottom, 0px) !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:0 !important;
    background:#B4975A !important;
    z-index:9999 !important;
  }

  /* ---- the two halves ---- */
  body .elementor-element-785fe48 > .elementor-element-dfa5bcc,
  body .elementor-element-785fe48 > .elementor-element-50dec58{
    position:relative !important;
    flex:1 1 50% !important;
    width:50% !important;
    max-width:50% !important;
    min-height:72px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:none !important;
  }

  /* inner wrapper */
  body .elementor-element-785fe48 .e-con-inner{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* widgets */
  body .elementor-element-785fe48 .elementor-widget{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    --container-widget-width:auto;
    --container-widget-flex-grow:0;
  }

  /* divider */
  body .elementor-element-785fe48 > .elementor-element-dfa5bcc::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:1px;
    height:36px;
    transform:translateY(-50%);
    background:rgba(255,255,255,.8);
  }

  /* text */
  body .elementor-element-785fe48 .elementor-heading-title,
  body .elementor-element-785fe48 .elementor-heading-title a{
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
    font-family:'Carlito', sans-serif !important;
    font-size:20px !important;
    font-weight:300 !important;
    line-height:1.2 !important;
    letter-spacing:.2px !important;
    white-space:nowrap !important;
    text-align:left !important;
    text-decoration:none !important;
  }

  /* icon */
  body .elementor-element-785fe48 .elementor-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:30px !important;
    line-height:1 !important;
    color:#fff !important;
  }
  body .elementor-element-785fe48 .elementor-icon svg{
    width:30px !important;
    height:30px !important;
    fill:#fff !important;
  }
  body .elementor-element-785fe48 .elementor-icon i{
    font-size:30px !important;
    color:#fff !important;
  }
}

/* ==========================================================
   TABLET (881px – 1024px) – a little larger
   ========================================================== */
@media (min-width:881px) and (max-width:1024px){
  body{
    padding-bottom:80px !important;
  }
  body .elementor-element.elementor-element-785fe48,
  body .elementor-element-785fe48 > .elementor-element-dfa5bcc,
  body .elementor-element-785fe48 > .elementor-element-50dec58{
    min-height:76px !important;
  }
  body .elementor-element-785fe48 > .elementor-element-dfa5bcc::after{
    height:38px;
  }
  body .elementor-element-785fe48 .elementor-heading-title,
  body .elementor-element-785fe48 .elementor-heading-title a{
    font-size:21px !important;
  }
}


/* ==========================================================
   OPTIONAL: change the words with CSS only
   (Easier: just edit the text in Elementor to "Tap to call"
   and "Enquire now" and skip this block.)
   To use it: remove the comment markers before and after it.
   ========================================================== */
/*
@media (max-width:1024px){
  body .elementor-element-dfa5bcc .elementor-heading-title,
  body .elementor-element-50dec58 .elementor-heading-title{font-size:0 !important}
  body .elementor-element-dfa5bcc .elementor-heading-title::after{
    content:"Tap to call"; font-size:19px; font-weight:300; color:#fff}
  body .elementor-element-50dec58 .elementor-heading-title::after{
    content:"Enquire now"; font-size:19px; font-weight:300; color:#fff}
}
@media (min-width:768px) and (max-width:880px){
  body .elementor-element-dfa5bcc .elementor-heading-title::after,
  body .elementor-element-50dec58 .elementor-heading-title::after{font-size:20px}
}
@media (min-width:881px) and (max-width:1024px){
  body .elementor-element-dfa5bcc .elementor-heading-title::after,
  body .elementor-element-50dec58 .elementor-heading-title::after{font-size:21px}
}
*//* End custom CSS */