.elementor-4744 .elementor-element.elementor-element-7a9db3c{--display:flex;--position:fixed;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:15px;--padding-bottom:15px;--padding-left:020px;--padding-right:020px;top:0px;--z-index:10;}.elementor-4744 .elementor-element.elementor-element-7a9db3c:not(.elementor-motion-effects-element-type-background), .elementor-4744 .elementor-element.elementor-element-7a9db3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#63261C;}body:not(.rtl) .elementor-4744 .elementor-element.elementor-element-7a9db3c{left:0px;}body.rtl .elementor-4744 .elementor-element.elementor-element-7a9db3c{right:0px;}.elementor-4744 .elementor-element.elementor-element-62ecf16{--display:flex;--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-4744 .elementor-element.elementor-element-62ecf16.e-con{--align-self:center;}.elementor-4744 .elementor-element.elementor-element-5006ca4 .elementor-button:hover, .elementor-4744 .elementor-element.elementor-element-5006ca4 .elementor-button:focus{background-color:#31261D;color:#FFFFFF;border-color:#31261D;}.elementor-4744 .elementor-element.elementor-element-5006ca4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4744 .elementor-element.elementor-element-5006ca4.elementor-element{--align-self:flex-start;}.elementor-4744 .elementor-element.elementor-element-5006ca4 .elementor-button{font-family:"Montserrat", Sans-serif;border-radius:6px 6px 6px 6px;padding:15px 63px 15px 63px;}.elementor-4744 .elementor-element.elementor-element-5006ca4 .elementor-button:hover svg, .elementor-4744 .elementor-element.elementor-element-5006ca4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-4744 .elementor-element.elementor-element-58beb86{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-4744 .elementor-element.elementor-element-58beb86.e-con{--align-self:center;}.elementor-4744 .elementor-element.elementor-element-e33b588{width:var( --container-widget-width, max-content );max-width:max-content;--container-widget-width:max-content;--container-widget-flex-grow:0;text-align:center;}.elementor-4744 .elementor-element.elementor-element-e33b588 > .elementor-widget-container{margin:5px 0px 0px 22px;}.elementor-4744 .elementor-element.elementor-element-e33b588.elementor-element{--align-self:center;}.elementor-4744 .elementor-element.elementor-element-e33b588 img{width:100%;}.elementor-4744 .elementor-element.elementor-element-654b91d{--display:flex;--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-4744 .elementor-element.elementor-element-491a3df{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;top:-21px;z-index:-1;--nav-menu-icon-size:60px;}.elementor-4744 .elementor-element.elementor-element-491a3df > .elementor-widget-container{margin:-12px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-4744 .elementor-element.elementor-element-491a3df.elementor-element{--align-self:center;--order:99999 /* order end hack */;}body:not(.rtl) .elementor-4744 .elementor-element.elementor-element-491a3df{right:0px;}body.rtl .elementor-4744 .elementor-element.elementor-element-491a3df{left:0px;}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;border-width:0px;border-radius:0px;}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a, .elementor-4744 .elementor-element.elementor-element-491a3df .elementor-menu-toggle{color:#1D110F;fill:#1D110F;}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:none;}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a:hover,
					.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a:focus,
					.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a.highlighted,
					.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-menu-toggle:hover,
					.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-menu-toggle:focus{color:#1D110F;}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a:hover,
					.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a:focus,
					.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF00;}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a.elementor-item-active{color:#1D110F;}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown .elementor-item, .elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:0.2px;}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:5px 6px 18px 0px rgba(0,0,0,0.5);}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown a{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#534A43;border-bottom-width:1px;}.elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4744 .elementor-element.elementor-element-491a3df .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-4744 .elementor-element.elementor-element-8780f6c .elementor-button:hover, .elementor-4744 .elementor-element.elementor-element-8780f6c .elementor-button:focus{background-color:#31261D;color:#FFFFFF;border-color:#31261D;}.elementor-4744 .elementor-element.elementor-element-8780f6c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4744 .elementor-element.elementor-element-8780f6c.elementor-element{--align-self:flex-start;}.elementor-4744 .elementor-element.elementor-element-8780f6c .elementor-button{font-family:"Montserrat", Sans-serif;border-radius:6px 6px 6px 6px;padding:15px 63px 15px 63px;}.elementor-4744 .elementor-element.elementor-element-8780f6c .elementor-button:hover svg, .elementor-4744 .elementor-element.elementor-element-8780f6c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-4744 .elementor-element.elementor-element-3f5ca47{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--nav-menu-icon-size:40px;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 > .elementor-widget-container{padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;border-width:0px;border-radius:0px;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a, .elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown{background-color:#63261C;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a:hover,
					.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a:focus,
					.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-menu-toggle:hover,
					.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-menu-toggle:focus{color:#816752;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a:hover,
					.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a:focus,
					.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF00;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown .elementor-item, .elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:0.2px;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a{padding-left:7px;padding-right:7px;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#534A43;border-bottom-width:1px;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 div.elementor-menu-toggle:hover, .elementor-4744 .elementor-element.elementor-element-3f5ca47 div.elementor-menu-toggle:focus{color:#000000;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 div.elementor-menu-toggle:hover svg, .elementor-4744 .elementor-element.elementor-element-3f5ca47 div.elementor-menu-toggle:focus svg{fill:#000000;}.elementor-4744 .elementor-element.elementor-element-5321ac9{width:var( --container-widget-width, max-content );max-width:max-content;--container-widget-width:max-content;--container-widget-flex-grow:0;z-index:999;}.elementor-4744 .elementor-element.elementor-element-5321ac9 > .elementor-widget-container{margin:12px 0px 0px 0px;}.elementor-4744 .elementor-element.elementor-element-5321ac9 .elementor-heading-title{font-family:"Source Sans 3", Sans-serif;font-size:26px;font-weight:300;line-height:22px;letter-spacing:5%;}.elementor-4744 .elementor-element.elementor-element-595b82f .elementor-icon-wrapper{text-align:center;}.elementor-4744 .elementor-element.elementor-element-595b82f.elementor-view-stacked .elementor-icon{background-color:#63261C;}.elementor-4744 .elementor-element.elementor-element-595b82f.elementor-view-framed .elementor-icon, .elementor-4744 .elementor-element.elementor-element-595b82f.elementor-view-default .elementor-icon{color:#63261C;border-color:#63261C;}.elementor-4744 .elementor-element.elementor-element-595b82f.elementor-view-framed .elementor-icon, .elementor-4744 .elementor-element.elementor-element-595b82f.elementor-view-default .elementor-icon svg{fill:#63261C;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-4744 .elementor-element.elementor-element-491a3df{width:100%;max-width:100%;}.elementor-4744 .elementor-element.elementor-element-3f5ca47{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-4744 .elementor-element.elementor-element-7a9db3c{--content-width:1580px;}.elementor-4744 .elementor-element.elementor-element-62ecf16{--width:max-content;}.elementor-4744 .elementor-element.elementor-element-58beb86{--width:max-content;}.elementor-4744 .elementor-element.elementor-element-654b91d{--width:260px;}}@media(max-width:767px){.elementor-4744 .elementor-element.elementor-element-7a9db3c{--min-height:70px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:15px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-4744 .elementor-element.elementor-element-62ecf16{--width:45%;}.elementor-4744 .elementor-element.elementor-element-58beb86{--width:160px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--flex-wrap:nowrap;}.elementor-4744 .elementor-element.elementor-element-e33b588 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-4744 .elementor-element.elementor-element-e33b588 img{width:100%;}.elementor-4744 .elementor-element.elementor-element-654b91d{--width:max-content;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--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-4744 .elementor-element.elementor-element-491a3df{width:100%;max-width:100%;top:-7px;}body:not(.rtl) .elementor-4744 .elementor-element.elementor-element-491a3df{right:0px;}body.rtl .elementor-4744 .elementor-element.elementor-element-491a3df{left:0px;}.elementor-4744 .elementor-element.elementor-element-8780f6c > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-4744 .elementor-element.elementor-element-8780f6c .elementor-button{font-size:11px;padding:9px 11px 9px 11px;}.elementor-4744 .elementor-element.elementor-element-3f5ca47{width:var( --container-widget-width, max-content );max-width:max-content;--container-widget-width:max-content;--container-widget-flex-grow:0;--nav-menu-icon-size:26px;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--dropdown a{padding-left:18px;padding-right:18px;padding-top:12px;padding-bottom:12px;}.elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4744 .elementor-element.elementor-element-3f5ca47 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:9px !important;}}/* Start custom CSS for nav-menu, class: .elementor-element-491a3df *//* ========================================
   1. HEADER BASE & LAYOUT
======================================== */

#new-dev-header3 {
  width: 100% !important;
  max-width: none !important;
  transition:
    background-color 0.4s ease,
    color 0.4s ease !important;
}

#new-dev-header3 > .e-con-inner {
  width: calc(100% - 40px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;

  transition:
    max-width 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Elementor scrolling state */
#new-dev-header3:has(
  .elementor-motion-effects-layer[style*="opacity: 1"]
) {
  color: #fff !important;
}

/* Header when banner section is active */
#new-dev-header3.header-banner-active {
  background-color: #63261C !important;
  color: #fff !important;
}


/* ========================================
   2. MENU TOGGLE — HIGH PRIORITY
   Second container settings take precedence
======================================== */

/* Remove focus box and default button styling */
#menuvd3 .elementor-menu-toggle,
#menuvd3 .elementor-menu-toggle:hover,
#menuvd3 .elementor-menu-toggle:focus,
#menuvd3 .elementor-menu-toggle:focus-visible,
#menuvd3 .elementor-menu-toggle.elementor-active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Menu widget and toggle stacking */
#menuvd3 {
  z-index: 999999 !important;
}

#menuvd3 .elementor-menu-toggle {
  z-index: 1000000 !important;
}

/* Toggle color when the header is active */
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle {
  color: #fff !important;
}

/* Open/close icon size — second container priority */
#menuvd3 .elementor-menu-toggle.elementor-active svg {
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
}

#menuvd3 .elementor-menu-toggle.elementor-active i,
#menuvd3 .elementor-menu-toggle.elementor-active .eicon-close {
  width: 22px !important;
  height: 22px !important;
  font-size: 22px !important;
  line-height: 22px !important;
}

/* Center the active toggle icon */
#menuvd3 .elementor-menu-toggle.elementor-active {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

/* Close icon position — default state */
#menuvd3 .elementor-menu-toggle__icon--close {
  position: relative !important;
  top: 22px !important;
  right: 13px !important;
}

/* Close icon position before the header activates */
#new-dev-header3:not(.header-banner-active)
#menuvd3 .elementor-menu-toggle__icon--close {
  right: -55px !important;
}

/* Close icon position after the header activates
   Second container value takes priority */
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle__icon--close {
  right: 16px !important;
}

/* Shift the open toggle before the header activates */
#new-dev-header3:not(.header-banner-active)
#menuvd3 .elementor-menu-toggle.elementor-active {
  transform: translateX(-95px) !important;
  transition: transform 0.35s ease !important;
}

/* Reset toggle transform after header activation */
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle.elementor-active {
  transform: translateX(0) !important;
}

/* Active header: close icon is black — second container priority */
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle.elementor-active,
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle.elementor-active i,
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle.elementor-active i::before {
  color: #000 !important;
}

#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle.elementor-active svg {
  color: #000 !important;
  fill: #000 !important;
}

#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle.elementor-active svg path,
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle.elementor-active svg line {
  fill: #000 !important;
  stroke: #000 !important;
}


/* ========================================
   3. DROPDOWN — HIGH PRIORITY
   Second container styling retained
======================================== */

/* Default dropdown */
#menuvd3 .elementor-nav-menu--dropdown {
  width: 300px !important;
  min-width: 300px !important;
  margin-top: -33px !important;
  margin-left: -229px !important;
  padding: 63px 28px 0 !important;

  background-color: #F7F3EE !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;

  z-index: 999999 !important;
  box-sizing: border-box !important;
}

/* Dropdown position when header is active */
#new-dev-header3.header-banner-active
#menuvd3 .elementor-nav-menu--dropdown {
  width: 300px !important;
  min-width: 300px !important;
  margin-top: -33px !important;
  margin-left: -203px !important;
  padding: 63px 28px 0 !important;

  background-color: #F7F3EE !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;

  z-index: 999999 !important;
  box-sizing: border-box !important;
}

/* Dropdown list */
#menuvd3 .elementor-nav-menu--dropdown ul {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* Dropdown list items */
#menuvd3 .elementor-nav-menu--dropdown li {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(29, 17, 15, 0.55) !important;

  box-sizing: border-box !important;
}

/* Remove final divider */
#menuvd3 .elementor-nav-menu--dropdown li:last-child {
  border-bottom: none !important;
}

/* Dropdown links */
#menuvd3 .elementor-nav-menu--dropdown li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  min-height: 58px !important;
  padding: 21px 0 !important;
  margin: 0 !important;

  background: transparent !important;
  color: #1D110F !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  letter-spacing: 0.05em !important;
  text-align: left !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}

/* Keep hover and focus styling unchanged */
#menuvd3 .elementor-nav-menu--dropdown li > a:hover,
#menuvd3 .elementor-nav-menu--dropdown li > a:focus,
#menuvd3 .elementor-nav-menu--dropdown li > a:focus-visible {
  background: transparent !important;
  color: #1D110F !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}


/* ========================================
   4. SCROLLED LOGO
======================================== */

/* Hidden by default */
#scrooled-header-logo3 {
  display: none !important;
}

/* Show when the header is active */
#scrooled-header-logo3.scrolled-logo-visible {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* Ensure logo image is visible */
#scrooled-header-logo3.scrolled-logo-visible img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}


/* ========================================
   5. PHONE NUMBER
======================================== */

/* Visible by default */
.header-number-new {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;

  transition:
    opacity 0.4s ease,
    transform 0.4s ease,
    visibility 0s linear 0s !important;
}

/* Hide when header is active */
.header-number-new.header-number-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-8px) !important;
  pointer-events: none !important;

  transition:
    opacity 0.4s ease,
    transform 0.4s ease,
    visibility 0s linear 0.4s !important;
}


/* ========================================
   6. REGISTER BUTTON
======================================== */

/* Button widget wrapper */
#new-dev-header3.header-banner-active .header-new-button,
#new-dev-header3.header-banner-active .header-new-button:hover,
#new-dev-header3.header-banner-active .header-new-button:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Actual button */
#new-dev-header3.header-banner-active
.header-new-button .elementor-button,
#new-dev-header3.header-banner-active
.header-new-button .elementor-button:hover,
#new-dev-header3.header-banner-active
.header-new-button .elementor-button:focus,
#new-dev-header3.header-banner-active
.header-new-button a,
#new-dev-header3.header-banner-active
.header-new-button a:hover,
#new-dev-header3.header-banner-active
.header-new-button a:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #E9E7DD !important;
  border-radius: 6px !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}

/* Button text */
#new-dev-header3.header-banner-active
.header-new-button span,
#new-dev-header3.header-banner-active
.header-new-button:hover span,
#new-dev-header3.header-banner-active
.header-new-button:focus span,
#new-dev-header3.header-banner-active
.header-new-button a:hover span,
#new-dev-header3.header-banner-active
.header-new-button a:focus span {
  color: #fff !important;
  text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8780f6c */@media (max-width: 500px) {

  /* Hide button by default */
.show-on-section-toch {
        display: none !important;
    }

  /* Show button when the header becomes active */
  .header-banner-active .show-on-section-toch {
    display: block !important;
  }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3f5ca47 *//* Mobile only */
@media (max-width: 767px) {
  #new-dev-header3.header-banner-active .elementor-menu-toggle__icon--close {
    position: relative !important;
    top: 2px !important;
    right: -7px !important;
}

  /* Hide mobile menu by default */

  /* Show it when the header reaches the section */
  #new-dev-header3.header-banner-active #mobile-menu3 {
    display: block !important;
    color: #fff !important;
  }

  /* Toggle icon and close icon */
  #new-dev-header3.header-banner-active
  #mobile-menu3 .elementor-menu-toggle,
  #new-dev-header3.header-banner-active
  #mobile-menu3 .elementor-menu-toggle i,
  #new-dev-header3.header-banner-active
  #mobile-menu3 .elementor-menu-toggle i::before {
    color: #fff !important;
  }

  /* SVG toggle icon */
  #new-dev-header3.header-banner-active
  #mobile-menu3 .elementor-menu-toggle svg,
  #new-dev-header3.header-banner-active
  #mobile-menu3 .elementor-menu-toggle svg path,
  #new-dev-header3.header-banner-active
  #mobile-menu3 .elementor-menu-toggle svg line {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
  }

  /* Mobile menu text */
  #new-dev-header3.header-banner-active
  #mobile-menu3 .elementor-nav-menu--dropdown a,
  #new-dev-header3.header-banner-active
  #mobile-menu3 .elementor-nav-menu--dropdown span,
  #new-dev-header3.header-banner-active
  #mobile-menu3 .elementor-nav-menu--dropdown li {
    color: #fff !important;
  }

  #new-dev-header3 .elementor-menu-toggle__icon--close {
    position: relative;
    top: 6px;
  }

  #mobile-menu3 .header-banner-active .elementor-menu-toggle__icon--close {
    position: relative !important;
    top: 6px !important;
    right: -3px !important;
  }

  #new-dev-header3.header-banner-active .elementor-menu-toggle__icon--close {
    position: relative !important;
    top: 6px !important;
    right: 2px !important;
  }
  
  
  
  
  
  

}












@media (max-width: 767px) {

    /* Custom black SVG cross */
    #new-dev-header3 .elementor-menu-toggle.elementor-active::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        width: 24px !important;
        height: 24px !important;
        background-color: #1A1A1A !important;

        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M7.71875 6.28125 L6.28125 7.71875 L23.5625 25 L6.28125 42.28125 L7.71875 43.71875 L25 26.4375 L42.28125 43.71875 L43.71875 42.28125 L26.4375 25 L43.71875 7.71875 L42.28125 6.28125 L25 23.5625 Z'/%3E%3C/svg%3E") center / contain no-repeat !important;

        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath d='M7.71875 6.28125 L6.28125 7.71875 L23.5625 25 L6.28125 42.28125 L7.71875 43.71875 L25 26.4375 L42.28125 43.71875 L43.71875 42.28125 L26.4375 25 L43.71875 7.71875 L42.28125 6.28125 L25 23.5625 Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    }

    /* Hide custom cross when header reaches banner */
    #new-dev-header3.header-banner-active
    .elementor-menu-toggle.elementor-active::before {
        display: none !important;
        content: none !important;
    }

    /* Show Elementor's original close icon */
    #new-dev-header3.header-banner-active
    .elementor-menu-toggle.elementor-active
    svg.elementor-menu-toggle__icon--close {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5321ac9 *//* Phone number when scrolled */
.header-banner-active .header-number-new-new {
    color: #ffffff !important;
   
    white-space: nowrap !important;
    position: relative;
    z-index: 10;
}

.header-banner-active .header-number-new-new a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Prevent overlap on tablet */
@media (max-width: 1024px) {
    .header-banner-active .header-number-new-new {
        margin-right: 55px !important;
        font-size: 16px !important;
    }
}

/* Prevent overlap on mobile */
@media (max-width: 767px) {
    .header-banner-active .header-number-new-new {
        margin-right: 45px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-654b91d *//* Apply below 1520px */
@media (max-width: 1520px) {
  .max-w-row {
    width: 20% !important;
  }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-595b82f *//* Hide on desktop */
.mobile-stickey-phone {
  display: none !important;
}

/* Mobile sticky phone tab */
@media (max-width: 767px) {

     .mobile-stickey-phone {
        position: fixed !important;
        display: flex !important;
        top: 100% !important;
        right: 0 !important;
        margin-bottom: 60px !important;
        bottom: auto !important;
        left: auto !important;
        width: 48px !important;
        height: 50px !important;
        /* margin: 0 !important; */
        padding: 0 !important;
        transform: translateY(-50%) !important;
        background-color: #f7f3ee !important;
        border: 1.5px solid #712b20 !important;
        border-right: none !important;
        border-radius: 10px 0 0 10px !important;
        box-shadow: -3px 3px 10px rgba(0, 0, 0, .15) !important;
        overflow: hidden !important;
        z-index: 999999 !important;
        margin-top: -45px !important;
    }
  /* Remove Elementor wrapper spacing */
  .mobile-stickey-phone .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;
  }

  /* Phone link */
  .mobile-stickey-phone .elementor-icon-wrapper {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
  }

  .mobile-stickey-phone .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

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

    color: #712b20 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
  }

  /* Font icon */
  .mobile-stickey-phone .elementor-icon i {
    color: #712b20 !important;
    font-size: 21px !important;
  }

  /* SVG icon */
  .mobile-stickey-phone .elementor-icon svg {
    width: 21px !important;
    height: 21px !important;
    fill: #712b20 !important;
  }

  .mobile-stickey-phone .elementor-icon svg path {
    fill: #712b20 !important;
  }

  /* Tap effect without changing position */
  .mobile-stickey-phone .elementor-icon:active {
    background-color: #712b20 !important;
    color: #ffffff !important;
  }

  .mobile-stickey-phone .elementor-icon:active i {
    color: #ffffff !important;
  }

  .mobile-stickey-phone .elementor-icon:active svg,
  .mobile-stickey-phone .elementor-icon:active svg path {
    fill: #ffffff !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a9db3c *//* Remove focus box from menu toggle */
#menuvd3 .elementor-menu-toggle,
#menuvd3 .elementor-menu-toggle:hover,
#menuvd3 .elementor-menu-toggle:focus,
#menuvd3 .elementor-menu-toggle:focus-visible,
#menuvd3 .elementor-menu-toggle.elementor-active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Toggle icon white after reaching the section */
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle {
  color: #fff !important;
}

#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle svg,
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle svg path,
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle svg line {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

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

#new-dev-header3 {
  transition:
    background-color 0.4s ease,
    color 0.4s ease !important;
}

/* Elementor purple scrolling state */
#new-dev-header3:has(
  .elementor-motion-effects-layer[style*="opacity: 1"]
) {
  color: #fff !important;
}

/* ========================================
   HEADER AT AND BELOW #banner-new-section3
======================================== */

#new-dev-header3.header-banner-active {
  background-color: #63261C !important;
  color: #fff !important;
}

/* ========================================
   SCROLLED LOGO
======================================== */

/* Hidden above the section */
#scrooled-header-logo3 {
  display: none !important;
}

/* Visible at and below the section */
#scrooled-header-logo3.scrolled-logo-visible {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* Only ensures the logo image is visible */
#scrooled-header-logo3.scrolled-logo-visible img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ========================================
   PHONE NUMBER
======================================== */

/* Visible above the section */
.header-number-new {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;

  transition:
    opacity 0.4s ease,
    transform 0.4s ease,
    visibility 0s linear 0s !important;
}

/* Hidden at and below the section */
.header-number-new.header-number-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-8px) !important;
  pointer-events: none !important;

  transition:
    opacity 0.4s ease,
    transform 0.4s ease,
    visibility 0s linear 0.4s !important;
}

/* ========================================
   REGISTER BUTTON — TRANSPARENT
======================================== */

/* Button widget wrapper */
#new-dev-header3.header-banner-active .header-new-button,
#new-dev-header3.header-banner-active .header-new-button:hover,
#new-dev-header3.header-banner-active .header-new-button:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Actual Register button */
#new-dev-header3.header-banner-active
.header-new-button .elementor-button,
#new-dev-header3.header-banner-active
.header-new-button .elementor-button:hover,
#new-dev-header3.header-banner-active
.header-new-button .elementor-button:focus,
#new-dev-header3.header-banner-active
.header-new-button a,
#new-dev-header3.header-banner-active
.header-new-button a:hover,
#new-dev-header3.header-banner-active
.header-new-button a:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #E9E7DD !important;
  border-radius: 6px !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}

/* Register button text */
#new-dev-header3.header-banner-active
.header-new-button span,
#new-dev-header3.header-banner-active
.header-new-button:hover span,
#new-dev-header3.header-banner-active
.header-new-button:focus span,
#new-dev-header3.header-banner-active
.header-new-button a:hover span,
#new-dev-header3.header-banner-active
.header-new-button a:focus span {
  color: #fff !important;
  text-decoration: none !important;
}

/* ========================================
   MENU TOGGLE BUTTON ONLY
======================================== */

/*
 * Changes only the toggle button color.
 * Does not target its a, span, li, SVG, path
 * or any other internal elements.
 */
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle {
  color: #fff !important;
}

#new-dev-header3 .elementor-menu-toggle__icon--close {
  position: relative;
  top: 22px;
  right: 31px;
}

/* Header background always remains full width */
#new-dev-header3 {
  width: 100% !important;
  max-width: none !important;
}

/* Inner header content — default size */
#new-dev-header3 > .e-con-inner {
  width: calc(100% - 40px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;

  transition:
    max-width 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Shrink only the content when section is triggered */
/*#new-dev-header3.header-banner-active > .e-con-inner {*/
/*  width: calc(100% - 40px) !important;*/
/*  max-width: 1400px !important;*/
/*}*/

/* Inactive header: move only the open cross inside the dropdown */
#new-dev-header3:not(.header-banner-active)
#menuvd3 .elementor-menu-toggle.elementor-active {
  transform: translateX(-95px) !important;
  transition: transform 0.35s ease !important;
}

/* Active header: keep the cross in its normal position */
#new-dev-header3.header-banner-active
#menuvd3 .elementor-menu-toggle.elementor-active {
  transform: translateX(0) !important;
}

/* Before the header becomes active */
#new-dev-header3:not(.header-banner-active)
.elementor-menu-toggle__icon--close {
  position: relative !important;
  top: 22px !important;
  right: -55px !important;
}

/* When the header is active and below the triggered section */
#new-dev-header3.header-banner-active
.elementor-menu-toggle__icon--close {
  position: relative !important;
  top: 22px !important;
  right: -36px !important;
}/* End custom CSS */