html{scroll-behavior:auto}body{font-family:Arial,Tahoma,sans-serif}.sidebar-navigation nav{margin-top:0}.mobile-brand{display:none}.azal-client-entry img{flex-shrink:0}.azal-client-entry span{line-height:1.6}.social-icons a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:40px}.social-icons .fa-whatsapp{font-size:22px}input[type=email],input[type=tel],a[href^="tel:"],a[href^="mailto:"]{direction:ltr;unicode-bidi:embed}.azal-service-dialog{max-height:90dvh;overflow:auto}a:focus-visible,button:focus-visible{outline:2px solid #baa16a;outline-offset:4px}
@media(max-width:991px){.sidebar-navigation{display:none!important}.page-content{width:100%!important;float:none!important;margin:0!important}.responsive-nav{display:block!important;position:fixed;top:0!important;transform:none!important;height:72px!important;background:#f5f8f7!important;z-index:1000}.mobile-brand{display:block;position:absolute;left:14px;top:15px;width:150px;height:42px}.mobile-brand svg{width:100%;height:100%}.responsive-nav #nav-toggle{display:block;margin-top:18px;margin-right:12px;background:#075568}.responsive-nav #main-nav{position:absolute;top:72px;left:0;width:100%;max-height:calc(100dvh - 72px);overflow:auto;background:#075568;padding:0;display:none!important}.responsive-nav #main-nav.open{display:block!important}.responsive-nav .navbar-nav{float:none;margin:0}.responsive-nav .navbar-nav li{float:none;display:block}.responsive-nav .navbar-nav a{color:white!important;padding:13px 24px;text-align:start}.slider{margin-top:72px}.content-section{scroll-margin-top:72px}.azal-about-layout{grid-template-columns:1fr!important}.azal-contact-grid{grid-template-columns:1fr!important}.azal-service-dialog{width:94vw!important;margin:auto!important}.azal-dialog-content{padding:30px 22px!important}.azal-client-entry{min-width:0}.azal-client-entry span{overflow-wrap:anywhere}}
@media(max-width:480px){.mobile-brand{width:125px}.Modern-Slider .item .info h1{font-size:30px!important}.Modern-Slider .item .info p{font-size:15px!important}.azal-contact-fields{grid-template-columns:1fr!important}.azal-contact-map iframe{height:300px}.azal-client-entry span{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.mobile-social{display:flex!important;gap:12px;list-style:none;padding:10px 20px!important;margin:0!important}.mobile-social a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:white;font-size:22px}.mobile-social li{display:block!important}.sidebar-navigation nav{top:53%}.azal-contact-map iframe{display:block}@media(max-width:991px){.azal-about-grid{grid-template-columns:1fr!important}.azal-about-visual{max-width:100%;width:100%}}

@media(min-width:992px){.sidebar-navigation{left:0;right:auto}.page-content{float:right}.sidebar-navigation nav{top:57%}}

/* Balanced navigation spacing on desktop and a left drawer on mobile. */
@media(min-width:992px){
 .sidebar-navigation{display:flex;flex-direction:column;overflow-y:auto}
 .sidebar-navigation .logo{position:relative;flex:0 0 140px}
 .sidebar-navigation > nav{position:static;top:auto;left:auto;transform:none;flex:0 0 auto;margin:44px 0 0!important;padding:0 24px}
 .sidebar-navigation > nav > ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}
 .sidebar-navigation > nav > ul > li{padding:0;margin:0}
 .sidebar-navigation > nav a{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:10px 8px;font-size:16px!important;line-height:1.5}
 .sidebar-navigation nav .rect{display:none}
 .sidebar-navigation nav .circle{flex:0 0 10px;margin:0;top:0}
 .sidebar-navigation .social-icons{position:static;left:auto;width:auto;display:flex;justify-content:flex-start;gap:12px;margin:24px;padding:16px 0 0;border-top:1px solid #ffffff30}
 .sidebar-navigation .social-icons li{padding:0;margin:0}
}
@media(max-width:991px){
 .responsive-nav #nav-toggle{top:14px;right:16px;left:auto;transform:none;margin:0;padding:12px;min-width:46px;min-height:44px;border:0;border-radius:6px}
 .responsive-nav #nav-toggle .icon-bar{background:#fff}
 .responsive-nav #main-nav{width:min(300px,86vw);height:calc(100dvh - 72px);max-height:calc(100dvh - 72px);padding:32px 18px 24px;box-shadow:8px 10px 30px #073d4930}
 #main-nav nav > ul.navbar-nav{display:flex;flex-direction:column;gap:12px;width:100%;margin:0;background:transparent;text-align:left}
 #main-nav nav > ul.navbar-nav > li{margin:0;padding:0}
 #main-nav nav > ul.navbar-nav a{display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:16px;line-height:1.5;border-radius:6px}
 #main-nav nav a:hover,#main-nav nav a.active-section{background:#ffffff15;color:#e2c98e!important;opacity:1}
 #main-nav ul.mobile-social{width:100%;background:transparent;justify-content:flex-start;gap:12px;margin:24px 0 0!important;padding:16px 4px 0!important;border-top:1px solid #ffffff30;text-align:left}
 #main-nav ul.mobile-social li{margin:0;padding:0}
 .azal-about-visual{max-height:360px;overflow:hidden}
 .azal-about-visual img{max-height:360px;object-fit:cover}
 .content-section{padding-top:48px!important;padding-bottom:48px!important}
 .Modern-Slider .item .info > div{background:rgba(245,248,247,.86);border-radius:10px;padding:20px!important;margin:0 18px}
 .Modern-Slider .PrevArrow,.Modern-Slider .NextArrow{top:50%!important;width:36px!important;height:44px!important}
 .Modern-Slider .PrevArrow{left:8px!important;right:auto!important}
 .Modern-Slider .NextArrow{right:8px!important;left:auto!important}
}

/* Mobile viewport corrections and calm section navigation. */
html,body{max-width:100%;overflow-x:clip}
.sidebar-navigation nav a,#main-nav nav a{transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}
.sidebar-navigation nav a{border-radius:8px}
.sidebar-navigation nav a.active-section{background:#ffffff12;box-shadow:inset 3px 0 #c1a568}
@media(max-width:991px){
 body{padding-top:72px}
 header.responsive-nav{left:0;right:0;width:100%;height:72px!important;box-sizing:border-box;overflow:visible;box-shadow:0 2px 14px #073d4914}
 .mobile-brand{left:18px;top:16px;width:180px!important;max-width:calc(100% - 100px);height:40px;transform:none!important}
 .mobile-brand svg{display:block;overflow:hidden}
 .slider{float:none!important;width:100%!important;max-width:100%;margin:0!important;padding:0!important;overflow:hidden}
 .slider .content-section,.Modern-Slider .item .image,.Modern-Slider .img-fill{height:calc(100svh - 72px)!important;min-height:440px!important;max-height:700px!important}
 .slider .content-section{padding:0!important;min-width:0}
 .Modern-Slider .info{left:44px!important;right:44px!important;top:50%!important;width:auto!important;padding:0!important;transform:translateY(-50%)!important;text-align:center!important}
 .Modern-Slider .item .info > div{width:100%;max-width:520px;margin:0 auto!important;padding:24px 18px!important;background:rgba(245,248,247,.9);box-shadow:0 12px 36px #073d4915}
 .Modern-Slider .item .info h1{font-size:clamp(25px,6vw,34px)!important;line-height:1.3!important;margin-bottom:16px}
 .Modern-Slider .item .info p{font-size:16px!important;line-height:1.75!important}
 .Modern-Slider .info .white-button{margin-top:22px}
 .Modern-Slider .PrevArrow,.Modern-Slider .NextArrow{transform:none!important;margin:0!important;top:calc(50% - 22px)!important;width:32px!important;height:44px!important;line-height:44px!important;border-radius:5px;display:block!important;z-index:20}
 .Modern-Slider .PrevArrow{left:6px!important;right:auto!important}
 .Modern-Slider .NextArrow{right:6px!important;left:auto!important}
 .page-content{box-sizing:border-box;padding:0!important;max-width:100%;clear:both}
 .page-content > .content-section{padding:44px 22px!important;box-sizing:border-box}
 .section-heading h2{font-size:32px!important;line-height:1.3}
 .section-heading p,.azal-about-copy p{font-size:16px!important;line-height:1.85!important}
 .responsive-nav #main-nav{display:block!important;visibility:hidden;pointer-events:none;transform:translateX(-105%);transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s;max-width:86vw}
 .responsive-nav #main-nav.open{visibility:visible;pointer-events:auto;transform:translateX(0)}
 #main-nav nav a.active-section{box-shadow:inset 3px 0 #c1a568}
}
@media(max-width:360px){.Modern-Slider .info{left:38px!important;right:38px!important}.Modern-Slider .item .info > div{padding:20px 12px!important}}