@media not all and (min-resolution:.001dpcm) { @media
{

    .elementor-section.elementor-section-stretched.elementor-section-height-min-height { 
			background-attachment: scroll !important;
    }
}}

.post_navigation
{
	top: calc(50% + 60px);
}

.tg_navigation_wrapper .nav li.megamenu > .elementor-megamenu-wrapper {
	overflow: scroll;
  max-height: 550px;
}

#menu_wrapper .nav li.arrow > a:after, #menu_wrapper div .nav li.arrow > a:after {
	line-height: 3.2em;
}
#main_menu .trp-language-switcher-container {
    position: absolute;
    right: 0; /* Align to the far right */
    top: 50%; /* Center vertically */
    transform: translateY(-50%);
    display: inline-block;
}

#main_menu .trp-language-switcher-container:not(:last-child)::after {
    content: "";
    margin-left: 20px !important;
    margin-right: 15px !important;
    color: #fff !important;
}
.hero-wrap{
  position: relative !important;
}

.hero-wrap .logo-top-left,
.hero-wrap .logo-top-left img{
  position: absolute !important;
  top: 24px !important;
  left: 24px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  z-index: 9999 !important;
  max-width: 140px;
}

/******************************/

body.home .main-sidebar a,
body.home .main-sidebar i,
body.home .main-sidebar svg {
  color: #0308A1;
  transition: color 0.25s ease;
}

body.home.is-dark .main-sidebar a,
body.home.is-dark .main-sidebar i,
body.home.is-dark .main-sidebar svg {
  color: #ffffff !important;
}
/* --- Logo swap: keep position identical --- */
.logo-container{
  position: relative; /* needed for absolute stacking */
}

/* Stack the two logo images on top of each other */
.logo-container .logo-blue,
.logo-container .logo-white{
  position: absolute;
  top: 0;
  left: 0;
}

/* Reserve space so the container doesn't collapse */
.logo-container{
  padding-top: 0;
  min-height: 60px; /* set this to your logo height */
}

/* Default: show blue logo */
.logo-container .logo-blue{ display: block; }
.logo-container .logo-white{ display: none; }

/* Dark slide: show white logo */
body.home.is-dark .logo-container .logo-blue{ display: none; }
body.home.is-dark .logo-container .logo-white{ display: block; }

/**************************/
/* Normal state */
.main-sidebar .elementor-nav-menu a,
.main-sidebar2 .elementor-nav-menu a{
  line-height: 1.2 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  opacity: 1 !important;
  transform: none !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
}

/* Hover state */
.main-sidebar .elementor-nav-menu a:hover,
.main-sidebar2 .elementor-nav-menu a:hover{
  opacity: 0.55 !important;
 transform: translateX(2px) !important;
}


/*******************************/

/******************************/

body.page-id-6562 .header_style_wrapper,
body.page-id-6562 #top_bar,
body.page-id-6562 #logo_wrapper{
  display: none !important;
}
body.page-id-6562 #wrapper{
  padding-top: 0 !important;
}
/*******************************/
body.page-id-7084 .header_style_wrapper,
body.page-id-7084 #top_bar,
body.page-id-7084 #logo_wrapper{
  display: none !important;
}
body.page-id-7084 #wrapper{
  padding-top: 0 !important;
}
/*******************************/
body.page-id-6634 .header_style_wrapper,
body.page-id-6634 #top_bar,
body.page-id-6634 #logo_wrapper{
  display: none !important;
}
body.page-id-6634 #wrapper{
  padding-top: 0 !important;
}
/*******************************/

body.page-id-7274 .header_style_wrapper,
body.page-id-7274 #top_bar,
body.page-id-7274 #logo_wrapper{
  display: none !important;
}
body.page-id-7274 #wrapper{
  padding-top: 0 !important;
	
	}
/*******************************/
body.page-id-7299 .header_style_wrapper,
body.page-id-7299 #top_bar,
body.page-id-7299 #logo_wrapper{
  display: none !important;
}
body.page-id-7299 #wrapper{
  padding-top: 0 !important;
}

/*******************************/

body.page-id-7338 .header_style_wrapper,
body.page-id-7338 #top_bar,
body.page-id-7338 #logo_wrapper{
  display: none !important;
}
body.page-id-7338 #wrapper{
  padding-top: 0 !important;
}
/*******************************/
body.page-id-7318 .header_style_wrapper,
body.page-id-7318 #top_bar,
body.page-id-7318 #logo_wrapper{
  display: none !important;
}
body.page-id-7318 #wrapper{
  padding-top: 0 !important;
}

/************************************/
body.page-id-7355 .header_style_wrapper,
body.page-id-7355 #top_bar,
body.page-id-7355 #logo_wrapper{
  display: none !important;
}
body.page-id-7355 #wrapper{
  padding-top: 0 !important;
}
/************************************/
body.page-id-7374 .header_style_wrapper,
body.page-id-7374 #top_bar,
body.page-id-7374 #logo_wrapper{
  display: none !important;
}
body.page-id-7374 #wrapper{
  padding-top: 0 !important;
}
/************************************/
body.page-id-7390 .header_style_wrapper,
body.page-id-7390 #top_bar,
body.page-id-7390 #logo_wrapper{
  display: none !important;
}
body.page-id-7390 #wrapper{
  padding-top: 0 !important;
}
/***********************************/
/* Smooth hover zoom for project cards */
.project-card img{
  transition: transform 0.35s ease !important;
  transform: scale(1) !important;
  will-change: transform;
}

.project-card:hover img{
  transform: scale(1.04) !important; /* tweak 1.02–1.06 */
}
.project-card{
  transition: transform 0.35s ease !important;
  will-change: transform;
}

.project-card:hover{
  transform: scale(1.01) !important; /* tiny lift */
}

/************************************/

/***********************************/

@media (min-width: 1025px){

  /* Stage: flex row, margins, gap */
  body:has(.parent-sidebar) .Parent,
  body:has(.parent-sidebar) .parent{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 32px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    padding-top: 48px !important; /* top breathing space */
    box-sizing: border-box !important;
  }

  /* Sidebar fixed width */
  body:has(.parent-sidebar) .parent-sidebar{
    flex: 0 0 240px !important;
    width: 240px !important;
    max-width: 240px !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Right column grows (grid page + single page) */
  body:has(.parent-sidebar) .main-portfolio,
  body:has(.parent-sidebar) .main-content{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Grid wrapper full width */
  body:has(.parent-sidebar) .portfolio-grid{
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Titles: prevent awkward breaks */
  body:has(.parent-sidebar) .portfolio-grid .project-card h2,
  body:has(.parent-sidebar) .portfolio-grid .project-card .elementor-heading-title{
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    line-height: 1.12 !important;
  }
}

/* =========================================================
   2) THEME WRAPPER RESET – stop “jumping” between pages
   Applies ONLY on pages that contain .parent-sidebar
   (replaces all page-id-XXXX duplicates)
   ========================================================= */
@media (min-width: 1025px){

  body:has(.parent-sidebar) #wrapper{
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body:has(.parent-sidebar) #page_caption{
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
  }

  body:has(.parent-sidebar) #page_content_wrapper{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body:has(.parent-sidebar) #page_content_wrapper,
  body:has(.parent-sidebar) #page_content_wrapper .inner,
  body:has(.parent-sidebar) #page_content_wrapper .inner_wrapper{
    max-width: none !important;
    width: 100% !important;
  }

  body:has(.parent-sidebar) .elementor{
    max-width: none !important;
    width: 100% !important;
  }
}
/************************************/

/***********************************/

/* /* =========================================================
   MOBILE MENU (≤1024px) – STABLE, BUTTON WIDGETS
   Uses:
   .parent, .parent-sidebar, .main-sidebar2, .main-portfolio
   .project-enquiry, .menu-container, .sidebar-social
   .dp-menu-toggle (button), .dp-menu-close (button)
   ========================================================= */
@media (max-width: 1024px){

  :root{
    --dp-blue:#0508B8;
    --topbar-h:72px;
    --gap-under-bar:6px;

    /* NEW: easy size knobs */
    --logo-w:150px;        /* was 130px */
    --burger:52px;         /* was 46px */
    --burger-icon:24px;    /* hamburger icon size */

    /* NEW: safe-area support for Safari bottom UI */
    --social-bottom:26px;
  }

  html, body{
    height:auto !important;
    overflow-x:hidden !important;
  }

  /* Hide footer */
  body:has(.parent-sidebar) footer,
  body:has(.parent-sidebar) #footer,
  body:has(.parent-sidebar) #footer_wrapper{
    display:none !important;
  }

  /* ============================
     THEME WRAPPER GAP RESET
     ============================ */
  body:has(.parent-sidebar) #wrapper,
  body:has(.parent-sidebar) #page_content_wrapper,
  body:has(.parent-sidebar) #page_content_wrapper .inner,
  body:has(.parent-sidebar) #page_content_wrapper .inner_wrapper,
  body:has(.parent-sidebar) .inner_wrapper,
  body:has(.parent-sidebar) .sidebar_content{
    padding-top:0 !important;
    margin-top:0 !important;
  }

  /* Kill page title spacing */
  body:has(.parent-sidebar) #page_caption,
  body:has(.parent-sidebar) .page_title_wrapper,
  body:has(.parent-sidebar) .page_title_content{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Parent single column */
  body:has(.parent-sidebar) .parent,
  body:has(.parent-sidebar) .Parent{
    display:block !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
  }

  body:has(.parent-sidebar) .parent-sidebar{
    width:100% !important;
    max-width:none !important;
    flex:none !important;
  }

  /* =======================
     TOP BAR (mobile-topbar)
     ======================= */
  body:has(.parent-sidebar) .mobile-topbar{
    position:fixed !important;
    top:0 !important; left:0 !important; right:0 !important;
    height:var(--topbar-h) !important;
    z-index:9999 !important;
    background:#fff !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;

    padding:10px 18px !important;
    box-sizing:border-box !important;
    gap:12px !important;
  }

  body:has(.parent-sidebar) .mobile-topbar .elementor-widget,
  body:has(.parent-sidebar) .mobile-topbar .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
  }

  body:has(.parent-sidebar) .mobile-topbar .logo-container{
    order:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 !important;
    margin-top:30px !important; /* your tweak */
  }

  /* NEW: bigger logo */
  body:has(.parent-sidebar) .mobile-topbar .logo-container img{
    display:block !important;
    width:var(--logo-w) !important;
    max-width:var(--logo-w) !important;
    height:auto !important;
  }

  body:has(.parent-sidebar) .mobile-topbar .dp-menu-toggle{
    order:2 !important;
    margin-left:auto !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:var(--burger) !important;
    height:var(--burger) !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    cursor:pointer !important;
  }

  /* NEW: bigger hamburger icon */
  body:has(.parent-sidebar) .mobile-topbar .dp-menu-toggle .elementor-button-icon svg,
  body:has(.parent-sidebar) .mobile-topbar .dp-menu-toggle .elementor-button-icon i{
    width:var(--burger-icon) !important;
    height:var(--burger-icon) !important;
  }

  body:has(.parent-sidebar) .mobile-topbar .dp-menu-toggle .elementor-button-icon,
  body:has(.parent-sidebar) .mobile-topbar .dp-menu-toggle .elementor-button-icon svg,
  body:has(.parent-sidebar) .mobile-topbar .dp-menu-toggle .elementor-button-icon i{
    color:var(--dp-blue) !important;
    fill:var(--dp-blue) !important;
    stroke:var(--dp-blue) !important;
  }

  /* ✅ Portfolio starts right under bar */
  body:has(.parent-sidebar) .main-portfolio{
    padding-top:calc(var(--topbar-h) + var(--gap-under-bar)) !important;
    margin-top:0 !important;
    position:relative !important;
    z-index:1 !important;
  }

  body:has(.parent-sidebar) .main-portfolio > .elementor-element,
  body:has(.parent-sidebar) .main-portfolio .e-con{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /* =======================
     OVERLAY (main-sidebar2)
     ======================= */
  body:has(.parent-sidebar) .main-sidebar2{
    position:fixed !important;
    inset:0 !important;

    /* NEW: use dynamic viewport height for mobile browsers */
    height:100dvh !important;
    min-height:100dvh !important;

    z-index:10000 !important;
    background:#fff !important;

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

    /* NEW: extra bottom padding includes safe-area so socials are never hidden */
    padding:28px 22px calc(110px + env(safe-area-inset-bottom)) !important;

    box-sizing:border-box !important;
    overflow:auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-6px) !important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  }

  /* ✅ Stop background (portfolio) scrolling when menu is open */
  body.dp-nav-open:has(.parent-sidebar),
  html:has(body.dp-nav-open):has(.parent-sidebar){
    overflow:hidden !important;
  }

  body.dp-nav-open:has(.parent-sidebar) .main-sidebar2{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }

  body.dp-nav-open:has(.parent-sidebar) .mobile-topbar{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body:has(.parent-sidebar) .main-sidebar2 .dp-menu-close{
    position:absolute !important;
    top:18px !important;
    right:18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:var(--burger) !important;
    height:var(--burger) !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    cursor:pointer !important;
  }

  /* NEW: bigger X icon too */
  body:has(.parent-sidebar) .main-sidebar2 .dp-menu-close .elementor-button-icon svg,
  body:has(.parent-sidebar) .main-sidebar2 .dp-menu-close .elementor-button-icon i{
    width:var(--burger-icon) !important;
    height:var(--burger-icon) !important;
  }

  body:has(.parent-sidebar) .main-sidebar2 .dp-menu-close .elementor-button-icon,
  body:has(.parent-sidebar) .main-sidebar2 .dp-menu-close .elementor-button-icon svg,
  body:has(.parent-sidebar) .main-sidebar2 .dp-menu-close .elementor-button-icon i{
    color:var(--dp-blue) !important;
    fill:var(--dp-blue) !important;
    stroke:var(--dp-blue) !important;
  }

  body:has(.parent-sidebar) .main-sidebar2 .project-enquiry,
  body:has(.parent-sidebar) .main-sidebar2 .menu-container{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body:has(.parent-sidebar) .main-sidebar2 .menu-container ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    padding-left:0 !important;
    margin:16px 0 0 0 !important;
    list-style:none !important;
  }

  body:has(.parent-sidebar) .main-sidebar2 .menu-container li{
    width:100% !important;
    text-align:center !important;
    margin:16px 0 !important;
  }

  body:has(.parent-sidebar) .main-sidebar2 a{
    color:var(--dp-blue) !important;
    font-size:26px !important;
    line-height:1.35 !important;
    text-decoration:none !important;
  }

  /* Social pinned bottom-centre, but lifted above Safari bar */
  body:has(.parent-sidebar) .main-sidebar2 .sidebar-social{
    position:absolute !important;
    left:50% !important;

    /* NEW: bottom respects safe area */
    bottom:calc(var(--social-bottom) + env(safe-area-inset-bottom)) !important;

    transform:translateX(-50%) !important;

    width:fit-content !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:22px !important;

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

  body:has(.parent-sidebar) .main-sidebar2 .sidebar-social svg,
  body:has(.parent-sidebar) .main-sidebar2 .sidebar-social i{
    width:28px !important;
    height:28px !important;
    fill:var(--dp-blue) !important;
    color:var(--dp-blue) !important;
  }
}
/************************************/

/***********************************/

/************************************/

/***********************************/

@media (max-width: 1024px){

  /* Only pages that have this HOME header */
  body:has(.main-sidebar){

    --dp-blue:#0508B8;
    --topbar-h:72px;
    --gap-under-bar:6px;

    /* size knobs */
    --logo-w:150px;
    --burger:52px;
    --burger-icon:24px;

    /* safari bottom UI */
    --social-bottom:26px;
  }

  /* -------------------------
     HOME: TOP BAR (closed)
     ------------------------- */
  body:has(.main-sidebar) .mobile-topbar-home{
    position:fixed !important;
    top:0 !important; left:0 !important; right:0 !important;
    height:var(--topbar-h) !important;
    z-index:9999 !important;

    background:#fff !important; /* white on top of hero image */
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;

    padding:10px 18px !important;
    box-sizing:border-box !important;
    gap:12px !important;
  }

  /* Clean widget spacing */
  body:has(.main-sidebar) .mobile-topbar-home .elementor-widget,
  body:has(.main-sidebar) .mobile-topbar-home .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
  }

  /* Force order: logo left, burger right */
  body:has(.main-sidebar) .mobile-topbar-home .logo-container-home{
    order:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 1 auto !important;
    min-width:0 !important;
  }

  body:has(.main-sidebar) .mobile-topbar-home .logo-container-home img{
    display:block !important;
    width:var(--logo-w) !important;
    max-width:var(--logo-w) !important;
    height:auto !important;
  }

  body:has(.main-sidebar) .mobile-topbar-home .dp-menu-toggle-home{
    order:2 !important;
    margin-left:auto !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:var(--burger) !important;
    height:var(--burger) !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    cursor:pointer !important;
  }

  body:has(.main-sidebar) .mobile-topbar-home .dp-menu-toggle-home .elementor-button-icon svg,
  body:has(.main-sidebar) .mobile-topbar-home .dp-menu-toggle-home .elementor-button-icon i{
    width:var(--burger-icon) !important;
    height:var(--burger-icon) !important;
  }

  body:has(.main-sidebar) .mobile-topbar-home .dp-menu-toggle-home .elementor-button-icon,
  body:has(.main-sidebar) .mobile-topbar-home .dp-menu-toggle-home .elementor-button-icon svg,
  body:has(.main-sidebar) .mobile-topbar-home .dp-menu-toggle-home .elementor-button-icon i{
    color:var(--dp-blue) !important;
    fill:var(--dp-blue) !important;
    stroke:var(--dp-blue) !important;
  }

  /* Hide overlay content when CLOSED */
  body:has(.main-sidebar):not(.dp-nav-open) .main-sidebar .dp-menu-close-home,
  body:has(.main-sidebar):not(.dp-nav-open) .main-sidebar .project-enquiry-home,
  body:has(.main-sidebar):not(.dp-nav-open) .main-sidebar .menu-container,
  body:has(.main-sidebar):not(.dp-nav-open) .main-sidebar .sidebar-social-home{
    display:none !important;
  }

  /* Push page content below fixed topbar */
  body:has(.main-sidebar) .elementor-location-single,
  body:has(.main-sidebar) .elementor-location-archive,
  body:has(.main-sidebar) .elementor-page,
  body:has(.main-sidebar) #page_content_wrapper{
    padding-top:calc(var(--topbar-h) + var(--gap-under-bar)) !important;
  }

  /* -------------------------
     HOME: OVERLAY (open)
     ------------------------- */

  /* Stop background scrolling */
  body.dp-nav-open:has(.main-sidebar),
  html:has(body.dp-nav-open):has(.main-sidebar){
    overflow:hidden !important;
  }

  /* Fullscreen overlay: use main-sidebar itself */
  body.dp-nav-open:has(.main-sidebar) .main-sidebar{
    position:fixed !important;
    inset:0 !important;
    height:100dvh !important;
    min-height:100dvh !important;
    z-index:10000 !important;

    background:#fff !important;
    padding:28px 22px calc(110px + env(safe-area-inset-bottom)) !important;
    box-sizing:border-box !important;

    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:18px !important;
  }

  /* Hide topbar row when overlay open */
  body.dp-nav-open:has(.main-sidebar) .mobile-topbar-home{
    display:none !important;
  }

  /* Close button top-right */
  body.dp-nav-open:has(.main-sidebar) .dp-menu-close-home{
    display:flex !important;
    position:absolute !important;
    top:18px !important;
    right:18px !important;

    width:var(--burger) !important;
    height:var(--burger) !important;
    align-items:center !important;
    justify-content:center !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    cursor:pointer !important;
  }

  body.dp-nav-open:has(.main-sidebar) .dp-menu-close-home .elementor-button-icon svg,
  body.dp-nav-open:has(.main-sidebar) .dp-menu-close-home .elementor-button-icon i{
    width:var(--burger-icon) !important;
    height:var(--burger-icon) !important;
  }

  body.dp-nav-open:has(.main-sidebar) .dp-menu-close-home .elementor-button-icon,
  body.dp-nav-open:has(.main-sidebar) .dp-menu-close-home .elementor-button-icon svg,
  body.dp-nav-open:has(.main-sidebar) .dp-menu-close-home .elementor-button-icon i{
    color:var(--dp-blue) !important;
    fill:var(--dp-blue) !important;
    stroke:var(--dp-blue) !important;
  }

  /* Centre content blocks */
  body.dp-nav-open:has(.main-sidebar) .project-enquiry-home,
  body.dp-nav-open:has(.main-sidebar) .menu-container{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;
  }

  body.dp-nav-open:has(.main-sidebar) .menu-container ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    padding-left:0 !important;
    margin:16px 0 0 0 !important;
    list-style:none !important;
  }

  body.dp-nav-open:has(.main-sidebar) .menu-container li{
    width:100% !important;
    text-align:center !important;
    margin:16px 0 !important;
  }

  body.dp-nav-open:has(.main-sidebar) .main-sidebar a{
    color:var(--dp-blue) !important;
    font-size:26px !important;
    line-height:1.35 !important;
    text-decoration:none !important;
  }

  /* Social bottom-centre with safe-area */
  body.dp-nav-open:has(.main-sidebar) .sidebar-social-home{
    display:flex !important;
    position:absolute !important;
    left:50% !important;
    bottom:calc(var(--social-bottom) + env(safe-area-inset-bottom)) !important;
    transform:translateX(-50%) !important;

    width:fit-content !important;
    justify-content:center !important;
    align-items:center !important;
    gap:22px !important;

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

  body.dp-nav-open:has(.main-sidebar) .sidebar-social-home svg,
  body.dp-nav-open:has(.main-sidebar) .sidebar-social-home i{
    width:28px !important;
    height:28px !important;
    fill:var(--dp-blue) !important;
    color:var(--dp-blue) !important;
  }
}

/************************************/

/***********************************/

/************************************/

/***********************************/
@media (max-width: 767px){

  /* Default: CENTER */
  .dp-hero 
  .elementor-background-slideshow__slide__image{
    background-position: 50% 50% !important;
    background-size: cover !important;
  }

  /* Index 4 → SLIGHTLY RIGHT */
  .dp-hero
  .elementor-background-slideshow
  .elementor-background-slideshow__slide[data-swiper-slide-index="4"]
  .elementor-background-slideshow__slide__image{
    background-position: 62% 50% !important;
  }

  /* Index 8 → SLIGHTLY RIGHT */
  .dp-hero
  .elementor-background-slideshow
  .elementor-background-slideshow__slide[data-swiper-slide-index="8"]
  .elementor-background-slideshow__slide__image{
    background-position: 67% 50% !important;
  }
	
	  /* Index 0 → 5% LEFT */
  .dp-hero
  .elementor-background-slideshow
  .elementor-background-slideshow__slide[data-swiper-slide-index="0"]
  .elementor-background-slideshow__slide__image{
    background-position: 52% 50% !important;
  }

  /* Index 9 → 5% LEFT */
  .dp-hero
  .elementor-background-slideshow
  .elementor-background-slideshow__slide[data-swiper-slide-index="9"]
  .elementor-background-slideshow__slide__image{
    background-position: 52% 50% !important;
  }


}