/* MY-REK: siyah / beyaz / amber tema sistemi. */ @media (max-width: 991.98px) { .nav-bar { position: relative; isolation: isolate; padding: 10px 8px 12px !important; overflow: hidden; background: radial-gradient(circle at 8% 5%, rgba(255,177,0,.50) 0, rgba(255,177,0,.19) 20%, transparent 42%), radial-gradient(circle at 92% 10%, rgba(87, 136, 255, .42) 0, rgba(87, 136, 255, .15) 20%, transparent 44%), radial-gradient(circle at 52% 92%, rgba(255, 255, 255, .18) 0, rgba(255,255,255,.055) 24%, transparent 46%), linear-gradient(145deg, #1b2232 0%, #222b3e 46%, #151b29 100%); } .nav-bar::before, .nav-bar::after { content: ""; position: absolute; border-radius: 999px; pointer-events: none; z-index: -1; filter: blur(12px); opacity: .95; } .nav-bar::before { width: 150px; height: 150px; left: -62px; top: 58px; background: rgba(255,177,0,.29); } .nav-bar::after { width: 170px; height: 170px; right: -76px; top: 20px; background: rgba(255, 177, 0, .25); } .nav-bar > .position-relative { padding-left: 0 !important; padding-right: 0 !important; z-index: 2 !important; } .nav-bar .navbar { position: relative; overflow: visible; padding: 12px 12px !important; border: 1px solid rgba(255, 255, 255, .27); border-radius: 22px; background: radial-gradient(circle at 18% -8%, rgba(255,255,255,.14), transparent 30%), linear-gradient(135deg, rgba(66, 76, 100, .48), rgba(28, 35, 53, .30)) !important; -webkit-backdrop-filter: blur(30px) saturate(190%) brightness(1.12); backdrop-filter: blur(30px) saturate(190%) brightness(1.12); box-shadow: 0 18px 45px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .24), inset 0 -1px 0 rgba(255, 255, 255, .07), inset 0 0 34px rgba(255,255,255,.025); } .nav-bar .navbar::before { content: ""; position: absolute; left: 16px; right: 16px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); opacity: .55; pointer-events: none; } .nav-bar .navbar-brand { display: flex; align-items: center; margin-right: 8px; padding: 0; min-width: 0; } .nav-bar .navbar-brand h1 { margin: 0 !important; font-size: clamp(1.35rem, 6vw, 1.72rem); line-height: 1; letter-spacing: .25px; text-shadow: 0 2px 16px rgba(255,177,0,.20); } .nav-bar .navbar-toggler { position: relative; width: 50px; height: 46px; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .26) !important; border-radius: 15px !important; outline: 0 !important; background: linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.065)) !important; -webkit-backdrop-filter: blur(20px) saturate(180%) brightness(1.10); backdrop-filter: blur(20px) saturate(180%) brightness(1.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 8px 20px rgba(0,0,0,.22); } .nav-bar .premium-toggler-lines, .nav-bar .premium-toggler-lines::before, .nav-bar .premium-toggler-lines::after { position: absolute; left: 50%; width: 22px; height: 2px; border-radius: 4px; background: #ffffff; transform: translateX(-50%); transition: transform .24s ease, top .24s ease, opacity .2s ease, background-color .2s ease; } .nav-bar .premium-toggler-lines { top: 50%; transform: translate(-50%, -50%); } .nav-bar .premium-toggler-lines::before, .nav-bar .premium-toggler-lines::after { content: ""; } .nav-bar .premium-toggler-lines::before { top: -7px; } .nav-bar .premium-toggler-lines::after { top: 7px; } .nav-bar .navbar-toggler[aria-expanded="true"] .premium-toggler-lines { background: transparent; } .nav-bar .navbar-toggler[aria-expanded="true"] .premium-toggler-lines::before { top: 0; transform: translateX(-50%) rotate(45deg); background: #ffb100; } .nav-bar .navbar-toggler[aria-expanded="true"] .premium-toggler-lines::after { top: 0; transform: translateX(-50%) rotate(-45deg); background: #ffb100; } #navbarCollapse { flex-basis: 100%; margin-top: 12px; padding: 10px !important; border: 1px solid rgba(255,255,255,.20); border-radius: 18px; background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.11), transparent 32%), linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.052)); -webkit-backdrop-filter: blur(28px) saturate(180%) brightness(1.10); backdrop-filter: blur(28px) saturate(180%) brightness(1.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 14px 30px rgba(0,0,0,.15); } #navbarCollapse.collapsing { transition: height .28s ease; } .mobile-glass-status { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 1px 2px 10px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 13px; background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.035)); color: rgba(255,255,255,.72); font-family: Rubik, sans-serif; font-size: 11px; letter-spacing: .35px; } .mobile-glass-status strong { display: inline-flex; align-items: center; gap: 7px; color: #fff; font-size: 11px; font-weight: 600; } .mobile-glass-status strong::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #36e280; box-shadow: 0 0 0 4px rgba(54,226,128,.10), 0 0 14px rgba(54,226,128,.65); } .nav-bar .navbar-nav { width: 100%; gap: 7px; } .nav-bar .navbar-nav > .nav-item, .nav-bar .navbar-nav > a.nav-item { width: 100%; margin: 0 !important; } .nav-bar .navbar-nav .nav-link { position: relative; display: flex; align-items: center; min-height: 52px; margin: 0 !important; padding: 9px 12px !important; border: 1px solid rgba(255,255,255,.15); border-radius: 14px; background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.052)); color: rgba(255,255,255,.90) !important; font-size: 15px; font-weight: 600; letter-spacing: .55px; text-transform: uppercase; transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease; } .nav-bar .navbar-nav .nav-link::before { content: ""; position: absolute; left: 12px; right: 12px; top: 1px; height: 42%; border-radius: 12px 12px 50% 50%; background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,0)); pointer-events: none; } .nav-bar .navbar-nav .nav-link:hover, .nav-bar .navbar-nav .nav-link:focus, .nav-bar .navbar-nav .nav-link.active { color: #fff !important; border-color: rgba(255,177,0,.52); background: linear-gradient(135deg, rgba(255,177,0,.19), rgba(255,255,255,.095)); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 22px rgba(0,0,0,.12); transform: translateY(-1px); } .nav-bar .navbar-nav .nav-link.active { color: #ffb100 !important; } .mobile-nav-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 34px; margin-right: 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 11px; background: linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.06)); color: #ffb100; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); } .nav-bar .dropdown-toggle::after { margin-left: auto; border-top-color: rgba(255,255,255,.75); transition: transform .18s ease; } .nav-bar .dropdown.show > .dropdown-toggle::after { transform: rotate(180deg); } .nav-bar .dropdown-menu { position: static !important; float: none !important; min-width: 100%; margin: 7px 0 1px !important; padding: 7px !important; border: 1px solid rgba(255,255,255,.16) !important; border-left: 2px solid rgba(255,177,0,.82) !important; border-radius: 14px !important; background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.09), transparent 35%), linear-gradient(145deg, rgba(48,57,77,.40), rgba(255,255,255,.065)) !important; -webkit-backdrop-filter: blur(25px) saturate(175%) brightness(1.08); backdrop-filter: blur(25px) saturate(175%) brightness(1.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 9px 24px rgba(0,0,0,.13); } .nav-bar .dropdown-item { position: relative; display: flex; align-items: center; min-height: 40px; padding: 9px 10px 9px 29px !important; border-radius: 10px; background: transparent !important; color: rgba(255,255,255,.84) !important; font-family: Rubik, sans-serif; font-size: 13px; font-weight: 500; white-space: normal; transition: background .18s ease, color .18s ease, padding-left .18s ease; } .nav-bar .dropdown-item::before { content: ""; position: absolute; left: 12px; width: 5px; height: 5px; border-radius: 50%; background: rgba(255,177,0,.92); box-shadow: 0 0 10px rgba(255,177,0,.42); } .nav-bar .dropdown-item:hover, .nav-bar .dropdown-item:focus { padding-left: 33px !important; color: #fff !important; background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.035)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); } .mobile-glass-call { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; margin: 11px 1px 1px; padding: 11px 14px; border: 1px solid rgba(255,177,0,.82); border-top-color: rgba(255,177,0,.95); border-bottom-color: rgba(255,177,0,.72); border-radius: 14px; color: #fff !important; background-color: rgba(255,177,0,.18); background: radial-gradient(circle at 16% -22%, rgba(255,255,255,.52), transparent 38%), radial-gradient(circle at 88% 128%, rgba(255,177,0,.38), transparent 46%), linear-gradient(135deg, rgba(255,177,0,.59) 0%, rgba(255,177,0,.43) 45%, rgba(255,177,0,.31) 100%); -webkit-backdrop-filter: blur(35px) saturate(245%) brightness(1.12); backdrop-filter: blur(35px) saturate(245%) brightness(1.12); box-shadow: 0 14px 34px rgba(255,177,0,.18), 0 5px 16px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.48), inset 0 -1px 0 rgba(255,177,0,.24), inset 0 0 30px rgba(255,177,0,.14), inset 10px 0 25px rgba(255,255,255,.035); font-family: Oswald, sans-serif; font-size: 16px; font-weight: 600; letter-spacing: .35px; text-transform: uppercase; text-decoration: none !important; text-shadow: 0 1px 3px rgba(0,0,0,.30); } .mobile-glass-call::before { content: ""; position: absolute; z-index: -1; top: 1px; left: 10px; right: 10px; height: 48%; border-radius: 12px 12px 50% 50%; background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.055) 56%, rgba(255,255,255,0)); filter: blur(.15px); pointer-events: none; } .mobile-glass-call::after { content: ""; position: absolute; z-index: -1; width: 148px; height: 148px; right: -44px; bottom: -74px; border-radius: 50%; background: rgba(255,177,0,.40); filter: blur(21px); pointer-events: none; } .mobile-glass-call i { font-size: 15px; filter: drop-shadow(0 1px 5px rgba(255,255,255,.18)); } .nav-bar .navbar { border-color: rgba(255,255,255,.30); box-shadow: 0 18px 45px rgba(0,0,0,.20), 0 0 0 1px rgba(255,177,0,.045), inset 0 1px 0 rgba(255,255,255,.29), inset 1px 0 0 rgba(255,255,255,.07), inset 0 -1px 0 rgba(255,255,255,.065), inset 0 0 38px rgba(255,255,255,.03); } #navbarCollapse { border-color: rgba(255,255,255,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.19), inset 1px 0 0 rgba(255,255,255,.045), 0 14px 30px rgba(0,0,0,.12); } .nav-bar .navbar-nav .nav-link { overflow: hidden; border-color: rgba(255,255,255,.17); background: radial-gradient(circle at 18% -10%, rgba(255,255,255,.105), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.135), rgba(255,255,255,.052)); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 1px 0 0 rgba(255,255,255,.025), 0 7px 18px rgba(0,0,0,.075); } .nav-bar .navbar-nav .nav-link::before { left: 16px; right: 16px; top: 1px; height: 34%; border-radius: 11px 11px 55% 55%; background: linear-gradient(180deg, rgba(255,255,255,.125), rgba(255,255,255,.026) 72%, transparent); opacity: .82; } .nav-bar .navbar-nav .nav-link:hover, .nav-bar .navbar-nav .nav-link:focus, .nav-bar .navbar-nav .nav-link.active { border-color: rgba(255,177,0,.62); background: radial-gradient(circle at 18% -10%, rgba(255,255,255,.15), transparent 34%), linear-gradient(135deg, rgba(255,177,0,.17), rgba(255,255,255,.09)); box-shadow: inset 0 1px 0 rgba(255,255,255,.19), inset 1px 0 0 rgba(255,177,0,.07), 0 8px 22px rgba(0,0,0,.10), 0 0 18px rgba(255,177,0,.035); } .mobile-nav-icon { position: relative; isolation: isolate; overflow: hidden; border-color: rgba(255,255,255,.24); background: radial-gradient(circle at 30% 8%, rgba(255,255,255,.26), transparent 38%), linear-gradient(145deg, rgba(255,255,255,.19), rgba(255,255,255,.055)); -webkit-backdrop-filter: blur(18px) saturate(185%); backdrop-filter: blur(18px) saturate(185%); box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.04), 0 6px 13px rgba(0,0,0,.10), 0 0 14px rgba(255,177,0,.028); } .mobile-nav-icon::before { content: ""; position: absolute; z-index: -1; left: 4px; right: 4px; top: 2px; height: 42%; border-radius: 9px 9px 50% 50%; background: linear-gradient(180deg, rgba(255,255,255,.21), transparent); opacity: .85; pointer-events: none; } .mobile-nav-icon i { filter: drop-shadow(0 1px 5px rgba(255,177,0,.16)); } .mobile-glass-status { border-color: rgba(255,255,255,.18); background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.11), transparent 38%), linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.032)); box-shadow: inset 0 1px 0 rgba(255,255,255,.11); } .nav-bar .dropdown-menu { border-color: rgba(255,255,255,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 1px 0 0 rgba(255,255,255,.035), 0 9px 24px rgba(0,0,0,.105); } .mobile-glass-call { border-color: rgba(255,177,0,.88); border-top-color: rgba(255,177,0,.98); background: radial-gradient(circle at 14% -24%, rgba(255,255,255,.58), transparent 36%), radial-gradient(circle at 86% 124%, rgba(255,177,0,.36), transparent 44%), linear-gradient(135deg, rgba(255,177,0,.62) 0%, rgba(255,177,0,.48) 48%, rgba(255,177,0,.34) 100%); -webkit-backdrop-filter: blur(38px) saturate(255%) brightness(1.14); backdrop-filter: blur(38px) saturate(255%) brightness(1.14); box-shadow: 0 14px 30px rgba(255,177,0,.145), 0 5px 14px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.56), inset 1px 0 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(255,177,0,.20), inset 0 0 28px rgba(255,177,0,.12); } .mobile-glass-call::before { left: 11px; right: 11px; height: 42%; background: linear-gradient(180deg, rgba(255,255,255,.40), rgba(255,255,255,.065) 58%, transparent); } @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .nav-bar .navbar, #navbarCollapse, .nav-bar .dropdown-menu, .nav-bar .navbar-toggler { background-color: rgba(20, 24, 36, .94) !important; } } } @media (max-width: 991.98px) { .nav-bar .navbar-nav .nav-link { border-color: rgba(255,255,255,.18); background: radial-gradient(140% 85% at 18% -12%, rgba(255,255,255,.12) 0%, rgba(255,255,255,.045) 28%, transparent 56%), linear-gradient(135deg, rgba(255,255,255,.145), rgba(255,255,255,.055)); box-shadow: inset 0 1px 0 rgba(255,255,255,.13), inset 0 -1px 0 rgba(255,255,255,.035), 0 8px 20px rgba(0,0,0,.065); } .nav-bar .navbar-nav .nav-link::before { left: 18px; right: 20px; top: 2px; height: 28%; border-radius: 11px 14px 40% 60%; background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.02) 66%, transparent 100%); opacity: .72; } .nav-bar .navbar-nav .nav-link::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 40%; border-radius: 0 0 14px 14px; background: radial-gradient(85% 70% at 50% 100%, rgba(87,136,255,.09), transparent 72%); opacity: .6; pointer-events: none; } .nav-bar .navbar-nav .nav-link:hover, .nav-bar .navbar-nav .nav-link:focus, .nav-bar .navbar-nav .nav-link.active { border-color: rgba(255,177,0,.58); background: radial-gradient(130% 88% at 18% -12%, rgba(255,255,255,.15) 0%, rgba(255,255,255,.05) 26%, transparent 54%), linear-gradient(135deg, rgba(255,177,0,.15), rgba(255,255,255,.09)); box-shadow: inset 0 1px 0 rgba(255,255,255,.19), inset 0 -1px 0 rgba(255,177,0,.045), 0 8px 20px rgba(0,0,0,.08), 0 0 0 1px rgba(255,177,0,.04), 0 0 20px rgba(255,177,0,.04); } .nav-bar .navbar-nav .nav-link.active { color: #ffb100 !important; text-shadow: 0 0 10px rgba(255,177,0,.08); } .nav-bar .navbar-nav .nav-link.active .mobile-nav-icon { border-color: rgba(255,177,0,.38); background: radial-gradient(circle at 32% 12%, rgba(255,255,255,.34), transparent 40%), linear-gradient(145deg, rgba(255,177,0,.20), rgba(255,255,255,.09)); box-shadow: inset 0 1px 0 rgba(255,255,255,.26), inset 0 -1px 0 rgba(255,255,255,.04), 0 7px 14px rgba(0,0,0,.09), 0 0 18px rgba(255,177,0,.07); } .mobile-glass-call { min-height: 54px; border-width: 1px; border-color: rgba(255,177,0,.92); border-top-color: rgba(255,177,0,.98); border-bottom-color: rgba(255,177,0,.80); background: radial-gradient(120% 72% at 16% -16%, rgba(255,255,255,.58) 0%, rgba(255,255,255,.20) 20%, transparent 46%), radial-gradient(70% 110% at 90% 110%, rgba(255,177,0,.28) 0%, transparent 54%), linear-gradient(180deg, rgba(255,177,0,.12) 0%, rgba(255,255,255,0) 26%), linear-gradient(135deg, rgba(255,177,0,.64) 0%, rgba(255,177,0,.52) 46%, rgba(255,177,0,.38) 100%); -webkit-backdrop-filter: blur(42px) saturate(270%) brightness(1.16); backdrop-filter: blur(42px) saturate(270%) brightness(1.16); box-shadow: 0 16px 32px rgba(255,177,0,.13), 0 6px 16px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.60), inset 0 -1px 0 rgba(255,177,0,.20), inset 0 0 26px rgba(255,177,0,.16), inset 14px 0 18px rgba(255,255,255,.03); } .mobile-glass-call::before { left: 14px; right: 14px; top: 2px; height: 38%; border-radius: 14px 14px 55% 55%; background: linear-gradient(180deg, rgba(255,255,255,.46) 0%, rgba(255,255,255,.15) 32%, rgba(255,255,255,.03) 64%, transparent 100%); opacity: .95; } .mobile-glass-call::after { width: 132px; height: 132px; right: -34px; bottom: -84px; background: radial-gradient(circle, rgba(255,177,0,.34) 0%, rgba(255,177,0,.14) 36%, transparent 72%); filter: blur(18px); opacity: .88; } .mobile-glass-call span, .mobile-glass-call { letter-spacing: .3px; } } @media (max-width: 991.98px) { .nav-bar .navbar-nav .nav-link::after { content: none; } .nav-bar .navbar-nav .dropdown-toggle::after { content: ""; position: static; display: inline-block; flex: 0 0 auto; width: 0; height: 0; margin-left: auto; vertical-align: .255em; border-top: .30em solid rgba(255,255,255,.82); border-right: .30em solid transparent; border-bottom: 0; border-left: .30em solid transparent; border-radius: 0; background: none; opacity: .95; filter: none; transform-origin: 50% 45%; transition: transform .18s ease, border-top-color .18s ease; } .nav-bar .dropdown.show > .dropdown-toggle::after { transform: rotate(180deg); border-top-color: rgba(255,255,255,.95); } .nav-bar .navbar-nav .nav-link::before { left: 59px; right: 19px; top: 8px; height: 1px; border-radius: 999px; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.11) 8%, rgba(255,255,255,.34) 36%, rgba(255,255,255,.17) 72%, transparent 100% ); opacity: .72; filter: blur(.12px); } .nav-bar .navbar-nav .nav-link.active::before, .nav-bar .navbar-nav .nav-link:hover::before, .nav-bar .navbar-nav .nav-link:focus::before { background: linear-gradient( 90deg, transparent 0%, rgba(255,177,0,.18) 8%, rgba(255,177,0,.46) 38%, rgba(255,255,255,.18) 74%, transparent 100% ); opacity: .78; } } @media (max-width: 991.98px) { .nav-bar .dropdown-item { color: rgba(255,255,255,.93) !important; text-shadow: 0 1px 2px rgba(0,0,0,.10); } .nav-bar .dropdown-item:hover, .nav-bar .dropdown-item:focus { color: #ffffff !important; } .mobile-glass-status > span { color: rgba(255,255,255,.58); opacity: .92; } } @media (min-width: 992px) { body { overflow-x: hidden; background: linear-gradient(180deg, #f5f6fb 0%, #ffffff 220px) no-repeat; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block { position: relative; z-index: 20; padding-top: 14px !important; padding-bottom: 14px !important; background: radial-gradient(circle at 10% 50%, rgba(255,177,0,.10), transparent 22%), radial-gradient(circle at 86% 50%, rgba(255,177,0,.10), transparent 24%), linear-gradient(135deg, rgba(22,28,46,.98), rgba(28,35,58,.96)) !important; border-bottom: 1px solid rgba(255,255,255,.08); box-shadow: inset 0 -1px 0 rgba(255,255,255,.05); overflow: hidden; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block::before { content: ""; position: absolute; left: 22px; right: 22px; top: 100%; height: 24px; background: linear-gradient(180deg, rgba(18,23,38,.16), transparent); pointer-events: none; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block .text-body, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a.text-body, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block span.text-body { color: rgba(255,255,255,.72) !important; transition: color .18s ease, opacity .18s ease; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a.text-body:hover { color: rgba(255,255,255,.96) !important; text-decoration: none; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block .text-primary { color: #ffb100 !important; } .nav-bar { position: relative; isolation: isolate; padding: 16px 22px 22px !important; background: radial-gradient(circle at 12% 14%, rgba(255,177,0,.18), transparent 24%), radial-gradient(circle at 88% 10%, rgba(255,177,0,.16), transparent 24%), transparent; overflow: visible; } .nav-bar::before, .nav-bar::after { content: ""; position: absolute; border-radius: 999px; pointer-events: none; filter: blur(18px); z-index: 0; opacity: .9; } .nav-bar::before { width: 180px; height: 180px; left: 6px; top: 18px; background: rgba(255,177,0,.14); } .nav-bar::after { width: 220px; height: 220px; right: 10px; top: 0; background: rgba(255,177,0,.14); } .nav-bar > .position-relative { padding-left: 0 !important; padding-right: 0 !important; z-index: 2 !important; } .nav-bar .navbar { position: relative; overflow: visible; padding: 18px 26px !important; border: 1px solid rgba(255,255,255,.24); border-radius: 28px; background: radial-gradient(circle at 18% -8%, rgba(255,255,255,.12), transparent 30%), linear-gradient(135deg, rgba(58,68,97,.58), rgba(28,35,54,.42)) !important; -webkit-backdrop-filter: blur(28px) saturate(180%) brightness(1.08); backdrop-filter: blur(28px) saturate(180%) brightness(1.08); box-shadow: 0 22px 42px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.06), inset 0 0 34px rgba(255,255,255,.03); } .nav-bar .navbar::before { content: ""; position: absolute; left: 22px; right: 22px; top: 1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent); opacity: .58; pointer-events: none; } .nav-bar .navbar-brand { display: flex; align-items: center; padding-right: 20px; margin-right: 16px; } .nav-bar .navbar-brand h1 { margin: 0 !important; font-size: clamp(2.3rem, 2vw, 2.8rem); line-height: 1; letter-spacing: .4px; text-shadow: 0 4px 20px rgba(255,177,0,.14); } .nav-bar .navbar-collapse { display: flex !important; justify-content: flex-end; flex-basis: auto; padding: 0 !important; margin-top: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; } .nav-bar .navbar-nav { align-items: center; gap: 10px; } .nav-bar .navbar-nav .nav-item { position: relative; } .nav-bar .navbar-nav .nav-link { position: relative; display: inline-flex; align-items: center; min-height: 48px; padding: 12px 18px !important; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: radial-gradient(circle at 20% -8%, rgba(255,255,255,.08), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); color: rgba(255,255,255,.92) !important; font-size: 14.5px; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease; box-shadow: inset 0 1px 0 rgba(255,255,255,.07); } .nav-bar .navbar-nav .nav-link::before { content: ""; position: absolute; left: 16px; right: 16px; top: 2px; height: 38%; border-radius: 12px 12px 50% 50%; background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,0)); opacity: .7; pointer-events: none; } .nav-bar .navbar-nav .nav-link:hover, .nav-bar .navbar-nav .nav-link:focus, .nav-bar .navbar-nav .nav-link.active, .nav-bar .navbar-nav .show > .nav-link { color: #fff !important; border-color: rgba(255,177,0,.46); background: radial-gradient(circle at 20% -8%, rgba(255,255,255,.13), transparent 34%), linear-gradient(135deg, rgba(255,177,0,.16), rgba(255,255,255,.07)); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px rgba(0,0,0,.10), 0 0 18px rgba(255,177,0,.05); transform: translateY(-1px); } .nav-bar .navbar-nav .nav-link.active { color: #ffb100 !important; } .nav-bar .dropdown-toggle::after { margin-left: 8px; border-top-color: rgba(255,255,255,.78); transition: transform .18s ease, border-top-color .18s ease; } .nav-bar .dropdown.show > .dropdown-toggle::after, .nav-bar .navbar-nav .show > .dropdown-toggle::after { transform: rotate(180deg); border-top-color: rgba(255,255,255,.96); } .nav-bar .dropdown-menu { margin-top: 12px; padding: 10px 8px; min-width: 270px; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 18px !important; background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.11), transparent 34%), linear-gradient(145deg, rgba(51,62,88,.82), rgba(30,38,58,.74)) !important; -webkit-backdrop-filter: blur(26px) saturate(175%) brightness(1.08); backdrop-filter: blur(26px) saturate(175%) brightness(1.08); box-shadow: 0 18px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.16); } .nav-bar .dropdown-item { position: relative; display: flex; align-items: center; min-height: 42px; padding: 10px 14px 10px 32px !important; border-radius: 12px; background: transparent !important; color: rgba(255,255,255,.88) !important; font-family: Rubik, sans-serif; font-size: 13.5px; font-weight: 500; transition: background .18s ease, color .18s ease, padding-left .18s ease; } .nav-bar .dropdown-item::before { content: ""; position: absolute; left: 14px; width: 5px; height: 5px; border-radius: 50%; background: rgba(255,177,0,.96); box-shadow: 0 0 10px rgba(255,177,0,.28); } .nav-bar .dropdown-item:hover, .nav-bar .dropdown-item:focus { padding-left: 35px !important; color: #fff !important; background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.03)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); } .mobile-nav-icon, .mobile-glass-status, .mobile-glass-call { display: none !important; } } @media (min-width: 992px) { .mobile-nav-icon, .mobile-glass-status, .mobile-glass-call { display: none !important; } } @media (min-width: 992px) { .nav-bar { background: radial-gradient(circle at 12% 14%, rgba(255,177,0,.14), transparent 22%), radial-gradient(circle at 88% 10%, rgba(255,177,0,.14), transparent 22%), transparent; } .nav-bar::before { background: rgba(255,177,0,.12); } .nav-bar::after { background: rgba(255,177,0,.12); } .nav-bar .navbar { border-color: rgba(255,255,255,.18); background: radial-gradient(circle at 18% -8%, rgba(255,255,255,.09), transparent 30%), linear-gradient(135deg, rgba(29,36,57,.88), rgba(20,26,42,.82)) !important; -webkit-backdrop-filter: blur(24px) saturate(165%) brightness(1.02); backdrop-filter: blur(24px) saturate(165%) brightness(1.02); box-shadow: 0 22px 42px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(255,255,255,.05), inset 0 0 30px rgba(255,255,255,.02); } .nav-bar .navbar-nav .nav-link { border-color: rgba(255,255,255,.09); background: radial-gradient(circle at 20% -8%, rgba(255,255,255,.055), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.015)); color: rgba(255,255,255,.92) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } .nav-bar .navbar-nav .nav-link::before { background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)); opacity: .58; } .nav-bar .navbar-nav .nav-link:hover, .nav-bar .navbar-nav .nav-link:focus, .nav-bar .navbar-nav .nav-link.active, .nav-bar .navbar-nav .show > .nav-link { border-color: rgba(255,177,0,.42); background: radial-gradient(circle at 20% -8%, rgba(255,255,255,.08), transparent 34%), linear-gradient(135deg, rgba(255,177,0,.14), rgba(255,255,255,.045)); box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 10px 22px rgba(0,0,0,.12), 0 0 16px rgba(255,177,0,.04); } .nav-bar .dropdown-menu { border-color: rgba(255,255,255,.14) !important; background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.08), transparent 34%), linear-gradient(145deg, rgba(36,45,69,.92), rgba(22,28,46,.88)) !important; -webkit-backdrop-filter: blur(24px) saturate(165%) brightness(1.03); backdrop-filter: blur(24px) saturate(165%) brightness(1.03); box-shadow: 0 18px 36px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.12); } .desktop-service-strip { position: relative; padding-top: 8px; padding-bottom: 20px; background: linear-gradient(180deg, rgba(244,245,250,.96) 0%, rgba(255,255,255,0) 100%); } .desktop-service-panel { display: grid; grid-template-columns: minmax(280px, 1.2fr) minmax(360px, 1.4fr) auto; align-items: center; gap: 22px; padding: 22px 26px; border: 1px solid rgba(28,38,60,.07); border-radius: 26px; background: radial-gradient(circle at 8% 0%, rgba(255,255,255,.92), rgba(255,255,255,.72) 34%, transparent 62%), linear-gradient(135deg, rgba(255,255,255,.90), rgba(245,247,252,.82)); box-shadow: 0 16px 34px rgba(26,34,56,.08), inset 0 1px 0 rgba(255,255,255,.88); } .desktop-service-intro h4 { margin: 0 0 8px; color: #1e2940; font-family: Oswald, sans-serif; font-size: 1.9rem; line-height: 1.1; letter-spacing: .2px; } .desktop-service-intro p { margin: 0; color: #5f6a7d; font-family: Rubik, sans-serif; font-size: 14px; line-height: 1.65; max-width: 520px; } .desktop-service-eyebrow { display: inline-flex; align-items: center; margin-bottom: 10px; padding: 6px 12px; border-radius: 999px; background: rgba(255,177,0,.10); color: #ffb100; font-family: Rubik, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; } .desktop-service-badges { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: flex-start; } .desktop-service-badge { display: inline-flex; align-items: center; gap: 9px; min-height: 46px; padding: 0 16px; border: 1px solid rgba(30,40,62,.08); border-radius: 14px; background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(245,247,252,.82)); color: #33405a; font-family: Rubik, sans-serif; font-size: 13px; font-weight: 500; box-shadow: inset 0 1px 0 rgba(255,255,255,.78); white-space: nowrap; } .desktop-service-badge i { color: #ffb100; font-size: 13px; } .desktop-service-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; } .desktop-service-cta { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 170px; min-height: 52px; padding: 0 20px; border-radius: 16px; font-family: Oswald, sans-serif; font-size: 15px; font-weight: 600; letter-spacing: .35px; text-transform: uppercase; text-decoration: none !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; } .desktop-service-cta:hover { transform: translateY(-1px); } .desktop-service-cta-primary { border: 1px solid rgba(255,177,0,.72); color: #ffffff !important; background: linear-gradient(135deg, #ffb100 0%, #ffb100 100%); box-shadow: 0 12px 24px rgba(255,177,0,.20), inset 0 1px 0 rgba(255,255,255,.25); } .desktop-service-cta-secondary { border: 1px solid rgba(30,40,62,.10); color: #24314a !important; background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(244,247,252,.86)); box-shadow: 0 10px 20px rgba(25,34,56,.06), inset 0 1px 0 rgba(255,255,255,.82); } } @media (min-width: 992px) and (max-width: 1350px) { .desktop-service-panel { grid-template-columns: 1fr; align-items: flex-start; } .desktop-service-actions { justify-content: flex-start; } } @media (max-width: 991.98px) { .desktop-service-strip { display: none; } } @media (min-width: 992px) { .nav-bar .dropdown-menu { margin-top: 14px !important; min-width: 300px; padding: 10px 9px; overflow: hidden; z-index: 1200; border: 1px solid rgba(255,255,255,.12) !important; background: radial-gradient(circle at 14% 0%, rgba(255,255,255,.08), transparent 30%), linear-gradient(145deg, rgba(25,32,50,.985), rgba(20,26,42,.965)) !important; -webkit-backdrop-filter: blur(30px) saturate(170%) brightness(.98); backdrop-filter: blur(30px) saturate(170%) brightness(.98); box-shadow: 0 22px 38px rgba(10,14,24,.34), 0 10px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10); } .nav-bar .dropdown-menu::before { content: ""; position: absolute; left: 14px; right: 14px; top: 1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent); opacity: .8; pointer-events: none; } .nav-bar .dropdown-item { min-height: 44px; color: rgba(255,255,255,.94) !important; text-shadow: 0 1px 1px rgba(0,0,0,.16); } .nav-bar .dropdown-item:hover, .nav-bar .dropdown-item:focus { background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07); } .desktop-service-strip { position: relative; z-index: 1; } } @media (min-width: 992px) { .nav-bar { position: relative; z-index: 120; } .nav-bar > .position-relative { position: relative; z-index: 121 !important; } .nav-bar .navbar { position: relative; z-index: 122; } .nav-bar .navbar-collapse, .nav-bar .navbar-nav { position: relative; z-index: 123; } .nav-bar .navbar-nav .nav-item, .nav-bar .navbar-nav .dropdown { position: relative; z-index: 124; } .nav-bar .navbar-nav .dropdown.show, .nav-bar .navbar-nav .nav-item.show { z-index: 126; } .nav-bar .dropdown-menu { z-index: 9999 !important; } .desktop-service-strip, .desktop-service-panel { position: relative; z-index: 1; } } @media (min-width: 992px) { body { background: radial-gradient(circle at 10% 0%, rgba(255,177,0,.06), transparent 22%), radial-gradient(circle at 92% 2%, rgba(255,177,0,.08), transparent 24%), linear-gradient(180deg, #f6f7fb 0%, #ffffff 280px) no-repeat; } .nav-bar { padding-top: 18px !important; padding-bottom: 18px !important; background: radial-gradient(circle at 8% 18%, rgba(255,177,0,.16), transparent 24%), radial-gradient(circle at 90% 10%, rgba(92,132,255,.14), transparent 26%), transparent; } .nav-bar .navbar { border-color: rgba(255,255,255,.18); border-radius: 30px; background: radial-gradient(circle at 14% -12%, rgba(255,255,255,.10), transparent 30%), radial-gradient(circle at 100% 0%, rgba(86,128,255,.06), transparent 26%), linear-gradient(135deg, rgba(28,35,54,.86) 0%, rgba(22,29,45,.82) 46%, rgba(35,43,63,.80) 100%) !important; -webkit-backdrop-filter: blur(30px) saturate(175%) brightness(1.02); backdrop-filter: blur(30px) saturate(175%) brightness(1.02); box-shadow: 0 22px 50px rgba(12,16,28,.18), 0 10px 22px rgba(255,177,0,.04), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(255,255,255,.05), inset 0 0 42px rgba(255,255,255,.02); } .nav-bar .navbar::after { content: ""; position: absolute; inset: 0; border-radius: 30px; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,.04), transparent 28%, transparent 68%, rgba(255,255,255,.015)); mix-blend-mode: screen; } .nav-bar .navbar-brand h1 { text-shadow: 0 3px 20px rgba(255,177,0,.18); } .nav-bar .navbar-nav { gap: 12px; } .nav-bar .navbar-nav .nav-link { min-height: 50px; padding: 12px 20px !important; border-radius: 16px; border-color: rgba(255,255,255,.10); background: radial-gradient(circle at 18% -18%, rgba(255,255,255,.08), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(255,255,255,.02); } .nav-bar .navbar-nav .nav-link::before { left: 18px; right: 18px; top: 2px; height: 34%; border-radius: 14px 14px 50% 50%; background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,0)); opacity: .60; } .nav-bar .navbar-nav .nav-link:hover, .nav-bar .navbar-nav .nav-link:focus, .nav-bar .navbar-nav .nav-link.active, .nav-bar .navbar-nav .show > .nav-link { border-color: rgba(255,177,0,.52); background: radial-gradient(circle at 18% -18%, rgba(255,255,255,.10), transparent 34%), linear-gradient(135deg, rgba(255,177,0,.18), rgba(255,255,255,.05)); box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 14px 24px rgba(12,16,28,.14), 0 0 24px rgba(255,177,0,.06); } .nav-bar .navbar-nav .nav-link.active { color: #ffb100 !important; } .nav-bar .dropdown-menu { min-width: 316px; margin-top: 16px !important; padding: 12px 10px; border-radius: 22px !important; border: 1px solid rgba(255,255,255,.13) !important; background: radial-gradient(circle at 86% 12%, rgba(86,128,255,.11), transparent 34%), radial-gradient(circle at 10% 0%, rgba(255,177,0,.10), transparent 28%), linear-gradient(145deg, rgba(18,24,38,.94), rgba(22,29,46,.92)) !important; -webkit-backdrop-filter: blur(34px) saturate(178%) brightness(1.01); backdrop-filter: blur(34px) saturate(178%) brightness(1.01); box-shadow: 0 24px 46px rgba(10,14,24,.30), 0 8px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12), inset 0 0 26px rgba(255,255,255,.02); } .nav-bar .dropdown-menu::after { content: ""; position: absolute; top: -8px; left: 42px; width: 18px; height: 18px; border-top: 1px solid rgba(255,255,255,.11); border-left: 1px solid rgba(255,255,255,.11); background: linear-gradient(145deg, rgba(24,31,49,.94), rgba(21,27,42,.92)); transform: rotate(45deg); border-top-left-radius: 5px; } .nav-bar .dropdown-item { min-height: 46px; padding: 11px 14px 11px 34px !important; border-radius: 13px; color: rgba(255,255,255,.95) !important; font-size: 14px; background: transparent !important; } .nav-bar .dropdown-item::before { left: 15px; width: 5px; height: 5px; background: #ffb100; box-shadow: 0 0 12px rgba(255,177,0,.34); } .nav-bar .dropdown-item:hover, .nav-bar .dropdown-item:focus { padding-left: 37px !important; background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.09), transparent 30%), linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02)) !important; color: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(255,255,255,.02); } .desktop-service-strip { padding-top: 14px; padding-bottom: 24px; z-index: 1; } .desktop-service-panel { position: relative; overflow: hidden; gap: 26px; padding: 26px 28px; border-radius: 30px; border: 1px solid rgba(255,255,255,.54); background: radial-gradient(circle at 12% -10%, rgba(255,255,255,.62), transparent 30%), radial-gradient(circle at 88% 0%, rgba(98,134,255,.07), transparent 24%), linear-gradient(135deg, rgba(255,255,255,.46), rgba(255,255,255,.26)); -webkit-backdrop-filter: blur(34px) saturate(165%); backdrop-filter: blur(34px) saturate(165%); box-shadow: 0 22px 42px rgba(24,32,52,.08), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -1px 0 rgba(255,255,255,.22); } .desktop-service-panel::before { content: ""; position: absolute; left: 18px; right: 18px; top: 1px; height: 44%; border-radius: 26px 26px 60% 60%; background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.06) 58%, transparent); pointer-events: none; } .desktop-service-intro { position: relative; z-index: 1; } .desktop-service-intro h4 { font-size: 2.05rem; color: #1f2943; text-shadow: 0 1px 0 rgba(255,255,255,.55); } .desktop-service-intro p { color: #55627b; max-width: 560px; } .desktop-service-eyebrow { background: rgba(255,177,0,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.28); } .desktop-service-badges { position: relative; z-index: 1; gap: 12px; } .desktop-service-badge { min-height: 48px; padding: 0 16px; border-radius: 15px; border: 1px solid rgba(255,255,255,.52); background: radial-gradient(circle at 18% 0%, rgba(255,255,255,.62), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.46), rgba(255,255,255,.22)); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); box-shadow: 0 10px 20px rgba(24,32,52,.05), inset 0 1px 0 rgba(255,255,255,.56); } .desktop-service-actions { position: relative; z-index: 1; gap: 12px; } .desktop-service-cta { min-width: 176px; min-height: 54px; border-radius: 18px; } .desktop-service-cta-primary { position: relative; overflow: hidden; border-color: rgba(255,177,0,.82); background: radial-gradient(circle at 18% -24%, rgba(255,255,255,.34), transparent 34%), linear-gradient(135deg, rgba(255,177,0,.96), rgba(255,177,0,.98)); box-shadow: 0 16px 28px rgba(255,177,0,.20), inset 0 1px 0 rgba(255,255,255,.30); } .desktop-service-cta-primary::before { content: ""; position: absolute; left: 16px; right: 16px; top: 2px; height: 38%; border-radius: 18px 18px 55% 55%; background: linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0)); pointer-events: none; } .desktop-service-cta-secondary { border-color: rgba(255,255,255,.54); background: radial-gradient(circle at 18% 0%, rgba(255,255,255,.68), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.56), rgba(255,255,255,.26)); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); box-shadow: 0 10px 20px rgba(24,32,52,.06), inset 0 1px 0 rgba(255,255,255,.56); } } @media (min-width: 992px) { body { background: radial-gradient(circle at 12% 0%, rgba(255,177,0,.08), transparent 24%), radial-gradient(circle at 88% 0%, rgba(92,132,255,.10), transparent 26%), linear-gradient(180deg, #f7f8fc 0%, #ffffff 320px) no-repeat; } .nav-bar { padding-top: 20px !important; padding-bottom: 22px !important; background: radial-gradient(circle at 6% 20%, rgba(255,177,0,.18), transparent 26%), radial-gradient(circle at 94% 8%, rgba(255,177,0,.16), transparent 28%), transparent; } .nav-bar::before { width: 220px; height: 220px; left: -8px; top: 18px; background: rgba(255,177,0,.14); filter: blur(22px); } .nav-bar::after { width: 260px; height: 260px; right: 0; top: -4px; background: rgba(255,177,0,.14); filter: blur(24px); } .nav-bar .navbar { border-radius: 32px; border-color: rgba(255,255,255,.20); background: radial-gradient(circle at 12% -10%, rgba(255,255,255,.12), transparent 28%), radial-gradient(circle at 100% 0%, rgba(255,177,0,.08), transparent 24%), linear-gradient(135deg, rgba(27,34,53,.90) 0%, rgba(22,28,45,.88) 44%, rgba(36,44,66,.86) 100%) !important; -webkit-backdrop-filter: blur(34px) saturate(182%) brightness(1.03); backdrop-filter: blur(34px) saturate(182%) brightness(1.03); box-shadow: 0 26px 58px rgba(12,16,28,.20), 0 10px 28px rgba(255,177,0,.05), inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(255,255,255,.04), inset 0 0 44px rgba(255,255,255,.02); } .nav-bar .navbar::before { left: 28px; right: 28px; opacity: .65; } .nav-bar .navbar::after { border-radius: 32px; background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 24%, transparent 76%, rgba(255,255,255,.012)); } .nav-bar .navbar-brand h1 { font-size: clamp(2.45rem, 2.2vw, 2.95rem); letter-spacing: .5px; text-shadow: 0 4px 24px rgba(255,177,0,.22); } .nav-bar .navbar-nav { gap: 14px; } .nav-bar .navbar-nav .nav-link { min-height: 52px; padding: 12px 22px !important; border-radius: 17px; border-color: rgba(255,255,255,.11); background: radial-gradient(circle at 18% -18%, rgba(255,255,255,.09), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); box-shadow: inset 0 1px 0 rgba(255,255,255,.065), inset 0 -1px 0 rgba(255,255,255,.02), 0 8px 18px rgba(12,16,28,.05); } .nav-bar .navbar-nav .nav-link::before { left: 18px; right: 18px; top: 2px; height: 36%; border-radius: 14px 14px 55% 55%; background: linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,0)); opacity: .66; } .nav-bar .navbar-nav .nav-link:hover, .nav-bar .navbar-nav .nav-link:focus, .nav-bar .navbar-nav .nav-link.active, .nav-bar .navbar-nav .show > .nav-link { border-color: rgba(255,177,0,.58); background: radial-gradient(circle at 18% -18%, rgba(255,255,255,.12), transparent 34%), linear-gradient(135deg, rgba(255,177,0,.20), rgba(255,255,255,.055)); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 26px rgba(12,16,28,.16), 0 0 28px rgba(255,177,0,.08); transform: translateY(-1px); } .nav-bar .navbar-nav .nav-link.active { color: #ffb100 !important; } .nav-bar .dropdown-menu { min-width: 330px; margin-top: 18px !important; padding: 13px 11px; border-radius: 24px !important; border-color: rgba(255,255,255,.14) !important; background: radial-gradient(circle at 88% 12%, rgba(255,177,0,.14), transparent 34%), radial-gradient(circle at 10% 0%, rgba(255,177,0,.13), transparent 28%), linear-gradient(145deg, rgba(16,22,36,.95), rgba(22,29,46,.93)) !important; -webkit-backdrop-filter: blur(38px) saturate(182%) brightness(1.02); backdrop-filter: blur(38px) saturate(182%) brightness(1.02); box-shadow: 0 28px 56px rgba(10,14,24,.32), 0 8px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.13), inset 0 0 30px rgba(255,255,255,.02); } .nav-bar .dropdown-menu::after { top: -9px; left: 44px; width: 19px; height: 19px; border-top-color: rgba(255,255,255,.13); border-left-color: rgba(255,255,255,.13); } .nav-bar .dropdown-item { min-height: 48px; padding: 12px 15px 12px 36px !important; border-radius: 14px; font-size: 14px; color: rgba(255,255,255,.96) !important; } .nav-bar .dropdown-item:hover, .nav-bar .dropdown-item:focus { padding-left: 39px !important; background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.10), transparent 30%), linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.024)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 0 0 1px rgba(255,255,255,.025); } .desktop-service-strip { padding-top: 18px; padding-bottom: 28px; } .desktop-service-panel { gap: 30px; padding: 30px 32px; border-radius: 34px; border-color: rgba(255,255,255,.58); background: radial-gradient(circle at 12% -12%, rgba(255,255,255,.66), transparent 30%), radial-gradient(circle at 90% 0%, rgba(255,177,0,.09), transparent 24%), linear-gradient(135deg, rgba(255,255,255,.50), rgba(255,255,255,.30)); -webkit-backdrop-filter: blur(40px) saturate(170%); backdrop-filter: blur(40px) saturate(170%); box-shadow: 0 28px 50px rgba(24,32,52,.10), inset 0 1px 0 rgba(255,255,255,.76), inset 0 -1px 0 rgba(255,255,255,.22), 0 0 28px rgba(255,177,0,.04); } .desktop-service-panel::before { left: 20px; right: 20px; top: 1px; height: 46%; border-radius: 30px 30px 62% 62%; background: linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.07) 58%, transparent); } .desktop-service-panel::after { content: ""; position: absolute; width: 340px; height: 340px; right: -140px; top: -140px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.18) 0%, rgba(255,255,255,.05) 42%, transparent 72%); pointer-events: none; } .desktop-service-intro h4 { font-size: 2.22rem; line-height: 1.08; } .desktop-service-intro p { font-size: 15px; line-height: 1.72; max-width: 590px; } .desktop-service-eyebrow { padding: 7px 13px; background: rgba(255,177,0,.13); font-size: 11px; letter-spacing: .95px; } .desktop-service-badges { gap: 13px; } .desktop-service-badge { min-height: 50px; padding: 0 17px; border-radius: 16px; border-color: rgba(255,255,255,.56); background: radial-gradient(circle at 18% 0%, rgba(255,255,255,.68), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.50), rgba(255,255,255,.24)); -webkit-backdrop-filter: blur(20px) saturate(155%); backdrop-filter: blur(20px) saturate(155%); box-shadow: 0 12px 22px rgba(24,32,52,.055), inset 0 1px 0 rgba(255,255,255,.60); font-size: 13.5px; } .desktop-service-actions { gap: 14px; } .desktop-service-cta { min-width: 184px; min-height: 56px; border-radius: 20px; font-size: 15.5px; letter-spacing: .4px; } .desktop-service-cta-primary { border-color: rgba(255,177,0,.82); background: radial-gradient(circle at 16% -22%, rgba(255,255,255,.38), transparent 34%), linear-gradient(135deg, rgba(255,177,0,.98), rgba(255,177,0,.99)); box-shadow: 0 18px 32px rgba(255,177,0,.22), inset 0 1px 0 rgba(255,255,255,.34), inset 0 -1px 0 rgba(255,177,0,.24); } .desktop-service-cta-primary::before { left: 18px; right: 18px; height: 40%; border-radius: 18px 18px 55% 55%; background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0)); } .desktop-service-cta-secondary { border-color: rgba(255,255,255,.62); background: radial-gradient(circle at 18% 0%, rgba(255,255,255,.72), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.28)); -webkit-backdrop-filter: blur(18px) saturate(145%); backdrop-filter: blur(18px) saturate(145%); box-shadow: 0 12px 22px rgba(24,32,52,.06), inset 0 1px 0 rgba(255,255,255,.62); } } @media (min-width: 992px) { .nav-bar .navbar-nav .dropdown { position: relative; } .nav-bar .navbar-nav .dropdown::after { content: ""; position: absolute; left: 12px; right: 12px; top: calc(100% - 2px); height: 24px; background: transparent; pointer-events: auto; } .nav-bar .dropdown-menu { display: block !important; margin-top: 10px !important; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px) scale(.985); transform-origin: top center; transition: opacity .18s ease, transform .18s ease, visibility .18s ease; } .nav-bar .dropdown:hover > .dropdown-menu, .nav-bar .dropdown:focus-within > .dropdown-menu, .nav-bar .dropdown.show > .dropdown-menu, .nav-bar .nav-item.show > .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); } .nav-bar .dropdown:hover > .dropdown-toggle, .nav-bar .dropdown:focus-within > .dropdown-toggle, .nav-bar .dropdown.show > .dropdown-toggle, .nav-bar .nav-item.show > .dropdown-toggle { color: #fff !important; border-color: rgba(255,177,0,.58); background: radial-gradient(circle at 18% -18%, rgba(255,255,255,.12), transparent 34%), linear-gradient(135deg, rgba(255,177,0,.20), rgba(255,255,255,.055)); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 26px rgba(12,16,28,.16), 0 0 28px rgba(255,177,0,.08); transform: translateY(-1px); } .nav-bar .dropdown:hover > .dropdown-toggle::after, .nav-bar .dropdown:focus-within > .dropdown-toggle::after, .nav-bar .dropdown.show > .dropdown-toggle::after, .nav-bar .nav-item.show > .dropdown-toggle::after { transform: rotate(180deg); border-top-color: rgba(255,255,255,.96); } } .plumbing-photo { display: block; max-width: 100%; object-fit: cover; object-position: center; } #header-carousel .plumbing-hero-photo { width: 100%; height: clamp(470px, 58vw, 760px); object-position: center 46%; } .plumbing-about-photo { width: 100% !important; max-width: 980px; aspect-ratio: 16 / 9; margin-left: auto; margin-right: auto; border-radius: 26px; box-shadow: 0 18px 42px rgba(26, 35, 55, .12); } .rent-item .plumbing-service-photo { width: 100%; aspect-ratio: 4 / 3; border-radius: 18px; box-shadow: 0 12px 28px rgba(25, 34, 52, .10); } .team-item .plumbing-work-photo { width: 100%; aspect-ratio: 4 / 3; object-position: center; } .team-item .team-social { display: none !important; } .plumbing-banner-photo { width: 46% !important; height: 250px; border-radius: 20px; box-shadow: 0 16px 34px rgba(0, 0, 0, .16); } .plumbing-banner-left { margin-left: 0 !important; margin-right: 24px !important; } .plumbing-banner-right { margin-left: 24px !important; margin-right: 0 !important; } .testimonial-item .plumbing-testimonial-photo { width: 82px !important; height: 82px !important; border-radius: 18px; object-position: center; } .plumbing-gallery-photo { width: 100%; aspect-ratio: 1 / 1; border-radius: 9px; transition: transform .22s ease, filter .22s ease; } .plumbing-gallery-photo:hover { transform: scale(1.035); filter: brightness(1.04); } .bg-banner { background: linear-gradient(135deg, rgba(18, 25, 40, .90), rgba(25, 33, 52, .70)), url("../img/cephe-giydirme-magaza.jpg") center / cover no-repeat !important; } @media (max-width: 991.98px) { #header-carousel .plumbing-hero-photo { height: clamp(420px, 112vw, 610px); } .plumbing-about-photo { width: 100% !important; border-radius: 20px; } .plumbing-banner-photo { width: 43% !important; height: 220px; border-radius: 16px; } .plumbing-banner-left { margin-right: 18px !important; } .plumbing-banner-right { margin-left: 18px !important; } } @media (max-width: 575.98px) { #header-carousel .plumbing-hero-photo { height: 460px; } .plumbing-banner-photo { width: 39% !important; height: 180px; } .testimonial-item .plumbing-testimonial-photo { width: 72px !important; height: 72px !important; } } .glass-featured-section { position: relative; overflow: hidden; background: radial-gradient(circle at 10% 6%, rgba(255,177,0,.07), transparent 22%), radial-gradient(circle at 90% 4%, rgba(255,177,0,.08), transparent 24%), linear-gradient(180deg, rgba(247,248,252,.9), rgba(255,255,255,.98)); } .glass-featured-section::before, .glass-featured-section::after { content: ""; position: absolute; border-radius: 50%; filter: blur(42px); opacity: .55; pointer-events: none; } .glass-featured-section::before { width: 260px; height: 260px; top: 110px; left: -80px; background: rgba(255,177,0,.16); } .glass-featured-section::after { width: 300px; height: 300px; top: 140px; right: -90px; background: rgba(255,177,0,.16); } .glass-featured-header { position: relative; z-index: 2; } .glass-featured-lead { max-width: 920px; color: #5d6780; font-size: 1.02rem; line-height: 1.85; } .glass-featured-card { position: relative; overflow: hidden; border-radius: 28px; border: 1px solid rgba(255,255,255,.58); background: radial-gradient(circle at 14% -8%, rgba(255,255,255,.62), transparent 30%), radial-gradient(circle at 92% 0%, rgba(255,177,0,.07), transparent 26%), linear-gradient(135deg, rgba(255,255,255,.52), rgba(255,255,255,.26)); -webkit-backdrop-filter: blur(24px) saturate(155%); backdrop-filter: blur(24px) saturate(155%); box-shadow: 0 18px 34px rgba(20,28,46,.08), inset 0 1px 0 rgba(255,255,255,.76), inset 0 -1px 0 rgba(255,255,255,.22); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .glass-featured-card::before { content: ""; position: absolute; left: 12px; right: 12px; top: 1px; height: 44%; border-radius: 22px 22px 60% 60%; background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.06) 58%, transparent); pointer-events: none; } .glass-featured-card:hover { transform: translateY(-6px); border-color: rgba(255,177,0,.72); box-shadow: 0 24px 44px rgba(20,28,46,.12), 0 0 28px rgba(255,177,0,.08), inset 0 1px 0 rgba(255,255,255,.84), inset 0 -1px 0 rgba(255,255,255,.18); } .glass-featured-media { position: relative; height: 220px; margin: 14px 14px 0; border-radius: 22px; overflow: hidden; box-shadow: 0 12px 24px rgba(20,28,46,.12); } .glass-featured-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(17,24,39,.02), rgba(17,24,39,.16)); pointer-events: none; } .glass-featured-media img { width: 100%; height: 100%; object-fit: cover; display: block; } .glass-featured-body { position: relative; z-index: 1; padding: 18px 18px 20px; } .glass-featured-chip { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; margin-bottom: 12px; border-radius: 999px; background: rgba(255,177,0,.12); color: #ffb100; font-size: .78rem; font-weight: 600; letter-spacing: .5px; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255,255,255,.34); } .glass-featured-body h4 { margin-bottom: 10px; color: #242f4a; font-size: 1.24rem; line-height: 1.35; text-transform: uppercase; } .glass-featured-body p { min-height: 88px; margin-bottom: 14px; color: #5e6981; font-size: .965rem; line-height: 1.72; } .glass-featured-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .glass-featured-meta span { display: inline-flex; align-items: center; min-height: 32px; padding: 0 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,.48); background: linear-gradient(135deg, rgba(255,255,255,.52), rgba(255,255,255,.20)); color: #4f5a74; font-size: .84rem; font-weight: 500; box-shadow: inset 0 1px 0 rgba(255,255,255,.46); } .glass-featured-link { display: inline-flex; align-items: center; justify-content: center; min-width: 132px; min-height: 44px; padding: 0 18px; border-radius: 14px; border: 1px solid rgba(255,177,0,.82); background: radial-gradient(circle at 18% -18%, rgba(255,255,255,.30), transparent 32%), linear-gradient(135deg, rgba(255,177,0,.96), rgba(255,177,0,.98)); color: #fff !important; font-weight: 600; text-decoration: none !important; box-shadow: 0 12px 22px rgba(255,177,0,.18), inset 0 1px 0 rgba(255,255,255,.28); transition: transform .18s ease, box-shadow .18s ease; } .glass-featured-link:hover { transform: translateY(-1px); box-shadow: 0 16px 28px rgba(255,177,0,.22), inset 0 1px 0 rgba(255,255,255,.28); } @media (max-width: 991.98px) { .glass-featured-lead { font-size: .96rem; line-height: 1.72; } .glass-featured-media { height: 205px; } .glass-featured-body p { min-height: auto; } } @media (max-width: 575.98px) { .glass-featured-media { height: 200px; } .glass-featured-card { border-radius: 24px; } .glass-featured-body { padding: 16px 16px 18px; } .glass-featured-body h4 { font-size: 1.1rem; } } .glass-featured-section .row > [class*="col-"] { display: flex; } .glass-featured-card { width: 100%; display: flex; flex-direction: column; min-height: 100%; } .glass-featured-media { flex: 0 0 auto; } .glass-featured-body { display: flex; flex-direction: column; flex: 1 1 auto; align-items: flex-start; } .glass-featured-chip { min-height: 32px; } .glass-featured-body h4 { width: 100%; min-height: 68px; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .glass-featured-body p { width: 100%; min-height: 132px; margin-bottom: 16px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .glass-featured-meta { width: 100%; min-height: 72px; align-content: flex-start; margin-bottom: 18px; } .glass-featured-link { margin-top: auto; } @media (max-width: 1199.98px) { .glass-featured-body h4 { min-height: 62px; } .glass-featured-body p { min-height: 132px; } .glass-featured-meta { min-height: 68px; } } @media (max-width: 991.98px) { .glass-featured-section .row > [class*="col-"] { display: block; } .glass-featured-card { min-height: auto; } .glass-featured-body h4, .glass-featured-body p, .glass-featured-meta { min-height: auto; } .glass-featured-body p { -webkit-line-clamp: unset; display: block; } } .glass-featured-meta { display: none !important; } .glass-featured-section { background: radial-gradient(circle at 8% 8%, rgba(255,177,0,.13), transparent 22%), radial-gradient(circle at 92% 6%, rgba(255,177,0,.14), transparent 24%), linear-gradient(180deg, rgba(245,247,252,.96), rgba(255,255,255,.99)); } .glass-featured-section::before { width: 320px; height: 320px; top: 90px; left: -90px; background: rgba(255,177,0,.20); filter: blur(58px); opacity: .72; } .glass-featured-section::after { width: 340px; height: 340px; top: 120px; right: -100px; background: rgba(255,177,0,.20); filter: blur(64px); opacity: .72; } .glass-featured-header { margin-bottom: 3rem !important; } .glass-featured-lead { max-width: 980px; color: #5b6680; } .glass-featured-card { border-radius: 30px; border: 1px solid rgba(255,255,255,.72); background: radial-gradient(circle at 16% -8%, rgba(255,255,255,.74), transparent 30%), radial-gradient(circle at 88% 0%, rgba(255,177,0,.09), transparent 24%), linear-gradient(135deg, rgba(255,255,255,.60), rgba(255,255,255,.30)); -webkit-backdrop-filter: blur(30px) saturate(170%); backdrop-filter: blur(30px) saturate(170%); box-shadow: 0 24px 46px rgba(20,28,46,.11), 0 0 32px rgba(255,177,0,.05), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(255,255,255,.24), inset 0 0 30px rgba(255,255,255,.10); } .glass-featured-card::before { left: 12px; right: 12px; top: 1px; height: 46%; border-radius: 24px 24px 62% 62%; background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.10) 58%, transparent); opacity: .95; } .glass-featured-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: -72px; bottom: -72px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.22) 0%, rgba(255,255,255,.06) 46%, transparent 74%); pointer-events: none; } .glass-featured-card:hover { transform: translateY(-8px); border-color: rgba(255,177,0,.84); box-shadow: 0 30px 54px rgba(20,28,46,.14), 0 0 36px rgba(255,177,0,.08), inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(255,255,255,.22), inset 0 0 36px rgba(255,255,255,.12); } .glass-featured-media { height: 228px; margin: 14px 14px 0; border-radius: 24px; box-shadow: 0 16px 28px rgba(20,28,46,.14), inset 0 1px 0 rgba(255,255,255,.16); } .glass-featured-media::after { background: linear-gradient(180deg, rgba(17,24,39,.02), rgba(17,24,39,.18)), linear-gradient(180deg, rgba(255,255,255,.08), transparent 28%); } .glass-featured-body { padding: 18px 18px 22px; } .glass-featured-chip { background: rgba(255,177,0,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 6px 16px rgba(255,177,0,.06); } .glass-featured-body h4 { margin-bottom: 12px; color: #25304a; } .glass-featured-body p { min-height: 138px; margin-bottom: 18px; color: #5d6881; } .glass-featured-link { min-width: 138px; min-height: 46px; border-radius: 15px; background: radial-gradient(circle at 20% -16%, rgba(255,255,255,.34), transparent 32%), linear-gradient(135deg, rgba(255,177,0,.98), rgba(255,177,0,.99)); box-shadow: 0 14px 24px rgba(255,177,0,.20), inset 0 1px 0 rgba(255,255,255,.30); } .glass-featured-link:hover { box-shadow: 0 18px 30px rgba(255,177,0,.24), inset 0 1px 0 rgba(255,255,255,.32); } @media (max-width: 1199.98px) { .glass-featured-body p { min-height: 128px; } } @media (max-width: 991.98px) { .glass-featured-media { height: 210px; } .glass-featured-body p { min-height: auto; } } .footer-bottom-premium { position: relative; overflow: hidden; border-top: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 8% 0%, rgba(255,177,0,.10), transparent 24%), radial-gradient(circle at 92% 0%, rgba(255,177,0,.10), transparent 26%), linear-gradient(145deg, #0b0d10 0%, #15181d 52%, #090b0e 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 -12px 30px rgba(18,24,40,.08); } .footer-bottom-premium::before { content: ""; position: absolute; left: 8%; right: 8%; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent); pointer-events: none; } .footer-bottom-inner { position: relative; z-index: 1; max-width: 1500px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 15px; } .footer-legal-nav { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0; } .footer-legal-nav a { position: relative; display: inline-flex; align-items: center; min-height: 36px; padding: 6px 13px; border-radius: 10px; color: rgba(255,255,255,.78) !important; font-family: Rubik, sans-serif; font-size: 13px; font-weight: 500; line-height: 1.35; text-align: center; text-decoration: none !important; transition: color .18s ease, background .18s ease, transform .18s ease; } .footer-legal-nav a:not(:last-child)::after { content: "-"; position: absolute; right: -2px; color: rgba(255,255,255,.28); pointer-events: none; } .footer-legal-nav a:hover, .footer-legal-nav a:focus { color: #ffb100 !important; background: rgba(255,255,255,.055); transform: translateY(-1px); } .footer-copyright { color: rgba(255,255,255,.56) !important; font-family: Rubik, sans-serif; font-size: 13px; } .footer-copyright a { color: rgba(255,255,255,.82) !important; text-decoration: none !important; } @media (max-width: 767.98px) { .footer-bottom-premium { padding-left: 14px !important; padding-right: 14px !important; } .footer-legal-nav { gap: 7px; } .footer-legal-nav a { min-height: 34px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.075); background: rgba(255,255,255,.035); font-size: 12px; } .footer-legal-nav a:not(:last-child)::after { content: none; } } .glass-alt-showcase-section { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 0%, rgba(255,177,0,.08), transparent 24%), radial-gradient(circle at 88% 0%, rgba(255,177,0,.10), transparent 26%), linear-gradient(180deg, rgba(247,248,252,.95), rgba(255,255,255,.99)); } .glass-alt-showcase-section::before, .glass-alt-showcase-section::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; filter: blur(58px); opacity: .62; } .glass-alt-showcase-section::before { width: 300px; height: 300px; top: 120px; left: -100px; background: rgba(255,177,0,.18); } .glass-alt-showcase-section::after { width: 340px; height: 340px; right: -110px; top: 90px; background: rgba(255,177,0,.18); } .glass-alt-showcase-lead { max-width: 860px; margin: 0 auto 2.4rem; color: #5c6680; font-size: 1rem; line-height: 1.82; } .glass-alt-showcase-grid > [class*="col-"] { display: flex; } .glass-alt-card { position: relative; width: 100%; display: flex; flex-direction: column; min-height: 100%; padding: 18px; border-radius: 32px; border: 1px solid rgba(255,255,255,.66); background: radial-gradient(circle at 18% -8%, rgba(255,255,255,.70), transparent 30%), radial-gradient(circle at 100% 0%, rgba(255,177,0,.08), transparent 24%), linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.28)); -webkit-backdrop-filter: blur(28px) saturate(165%); backdrop-filter: blur(28px) saturate(165%); box-shadow: 0 24px 44px rgba(20,28,46,.10), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(255,255,255,.22); overflow: hidden; transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; } .glass-alt-card::before { content: ""; position: absolute; left: 14px; right: 14px; top: 1px; height: 40%; border-radius: 24px 24px 58% 58%; background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.08) 58%, transparent 100%); pointer-events: none; } .glass-alt-card::after { content: ""; position: absolute; width: 160px; height: 160px; right: -60px; bottom: -70px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.18) 0%, rgba(255,255,255,.04) 44%, transparent 74%); pointer-events: none; } .glass-alt-card:hover { transform: translateY(-8px); border-color: rgba(255,177,0,.82); box-shadow: 0 30px 54px rgba(20,28,46,.13), 0 0 30px rgba(255,177,0,.08), inset 0 1px 0 rgba(255,255,255,.88), inset 0 -1px 0 rgba(255,255,255,.20); } .glass-alt-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; position: relative; z-index: 1; } .glass-alt-thumb { width: 108px; height: 108px; border-radius: 24px; overflow: hidden; flex: 0 0 auto; box-shadow: 0 14px 26px rgba(20,28,46,.14); } .glass-alt-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .glass-alt-no { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 14px; background: rgba(255,177,0,.14); color: #ffb100; font-family: 'Oswald', sans-serif; font-size: 1.25rem; line-height: 1; box-shadow: inset 0 1px 0 rgba(255,255,255,.34); } .glass-alt-chip { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; margin-bottom: 12px; border-radius: 999px; background: rgba(255,177,0,.12); color: #ffb100; font-size: .78rem; font-weight: 600; letter-spacing: .45px; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255,255,255,.34); position: relative; z-index: 1; } .glass-alt-card h4 { position: relative; z-index: 1; min-height: 62px; margin-bottom: 12px; color: #25304a; font-size: 1.32rem; line-height: 1.34; text-transform: uppercase; } .glass-alt-card p { position: relative; z-index: 1; min-height: 118px; margin-bottom: 16px; color: #5c6881; font-size: .98rem; line-height: 1.75; } .glass-alt-link { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; min-width: 142px; min-height: 46px; padding: 0 18px; margin-top: auto; border-radius: 15px; border: 1px solid rgba(255,177,0,.82); background: radial-gradient(circle at 18% -16%, rgba(255,255,255,.32), transparent 32%), linear-gradient(135deg, rgba(255,177,0,.98), rgba(255,177,0,.99)); color: #fff !important; font-weight: 600; text-decoration: none !important; box-shadow: 0 14px 24px rgba(255,177,0,.18), inset 0 1px 0 rgba(255,255,255,.28); } .glass-alt-link:hover { box-shadow: 0 18px 30px rgba(255,177,0,.22), inset 0 1px 0 rgba(255,255,255,.28); transform: translateY(-1px); } @media (max-width: 991.98px) { .glass-alt-showcase-grid > [class*="col-"] { display: block; } .glass-alt-card h4, .glass-alt-card p { min-height: auto; } } @media (max-width: 575.98px) { .glass-alt-card { padding: 16px; border-radius: 26px; } .glass-alt-top { gap: 12px; } .glass-alt-thumb { width: 92px; height: 92px; border-radius: 20px; } .glass-alt-card h4 { font-size: 1.16rem; } } .mega-menu-head { display: flex; align-items: center; gap: 13px; margin-bottom: 13px; padding: 12px 13px; border: 1px solid rgba(255,255,255,.10); border-radius: 16px; background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.10), transparent 36%), linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.022)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); } .mega-menu-head-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid rgba(255,177,0,.25); border-radius: 13px; color: #ffb100; background: radial-gradient(circle at 28% 8%, rgba(255,255,255,.25), transparent 40%), linear-gradient(145deg, rgba(255,177,0,.18), rgba(255,255,255,.045)); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 7px 16px rgba(0,0,0,.10); } .mega-menu-head strong, .mega-menu-head small { display: block; } .mega-menu-head strong { color: #fff; font-family: Oswald, sans-serif; font-size: 17px; line-height: 1.2; letter-spacing: .25px; text-transform: uppercase; } .mega-menu-head small { margin-top: 3px; color: rgba(255,255,255,.60); font-family: Rubik, sans-serif; font-size: 11.5px; } .mega-menu-grid, .mega-region-grid { display: grid; gap: 6px 10px; } .mega-menu-grid-3, .mega-region-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mega-region-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mega-menu-column { min-width: 0; padding: 7px; border: 1px solid rgba(255,255,255,.055); border-radius: 15px; background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); } .mega-group-title { display: flex; align-items: center; justify-content: space-between; min-height: 34px; margin: 0 2px 5px; padding: 0 11px; border-radius: 10px; color: #ffb100; background: rgba(255,177,0,.075); font-family: Rubik, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .65px; text-transform: uppercase; } .mega-group-title span { color: rgba(255,255,255,.48); font-size: 10px; font-weight: 500; letter-spacing: .2px; text-transform: none; } .mega-region-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 12px; } .mega-region-block { min-width: 0; padding: 8px; border: 1px solid rgba(255,255,255,.055); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); } .mega-menu .dropdown-item { min-width: 0; min-height: 38px !important; padding: 8px 9px 8px 26px !important; border-radius: 10px !important; font-size: 12.5px !important; line-height: 1.35; } .mega-menu .dropdown-item::before { left: 11px !important; width: 4px !important; height: 4px !important; } .mega-menu .dropdown-item:hover, .mega-menu .dropdown-item:focus { padding-left: 29px !important; } @media (min-width: 992px) { .nav-bar .navbar-nav { gap: 7px; } .nav-bar .navbar-nav .nav-link { padding-left: 14px !important; padding-right: 14px !important; font-size: 13px; } .nav-bar .mega-menu { max-height: 72vh; padding: 14px !important; overflow-x: hidden; overflow-y: auto; border-radius: 24px !important; scrollbar-width: thin; scrollbar-color: rgba(255,177,0,.55) rgba(255,255,255,.04); } .nav-bar .mega-menu::-webkit-scrollbar { width: 7px; } .nav-bar .mega-menu::-webkit-scrollbar-track { background: rgba(255,255,255,.035); border-radius: 999px; } .nav-bar .mega-menu::-webkit-scrollbar-thumb { background: rgba(255,177,0,.55); border-radius: 999px; } .nav-bar .mega-menu::after { display: none !important; } .nav-bar .mega-services { left: 0 !important; right: auto !important; width: min(790px, calc(100vw - 44px)); } .nav-bar .mega-practical { left: auto !important; right: 0 !important; width: min(760px, calc(100vw - 44px)); } .nav-bar .mega-regions { left: auto !important; right: 0 !important; width: min(990px, calc(100vw - 44px)); } } @media (min-width: 992px) and (max-width: 1399.98px) { .nav-bar .navbar { padding-left: 18px !important; padding-right: 18px !important; } .nav-bar .navbar-brand { padding-right: 10px; margin-right: 8px; } .nav-bar .navbar-brand h1 { font-size: 2rem; } .nav-bar .navbar-nav { gap: 4px; } .nav-bar .navbar-nav .nav-link { min-height: 46px; padding: 10px 9px !important; font-size: 11.5px; letter-spacing: .28px; } .nav-bar .mega-services, .nav-bar .mega-practical, .nav-bar .mega-regions { width: calc(100vw - 42px); max-width: 940px; } } @media (max-width: 991.98px) { .nav-bar .mega-menu { max-height: 58vh; padding: 8px !important; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; } .mega-menu-head { margin-bottom: 8px; padding: 9px 10px; border-radius: 12px; } .mega-menu-head-icon { flex-basis: 36px; width: 36px; height: 36px; border-radius: 11px; } .mega-menu-head strong { font-size: 14px; } .mega-menu-head small { font-size: 10.5px; } .mega-menu-grid, .mega-region-grid, .mega-region-layout { display: block; } .mega-menu-column, .mega-region-block { margin-bottom: 7px; padding: 5px; border-radius: 12px; } .mega-group-title { min-height: 31px; margin-bottom: 4px; padding: 0 9px; font-size: 10.5px; } .mega-menu .dropdown-item { min-height: 39px !important; padding-top: 8px !important; padding-bottom: 8px !important; font-size: 12.5px !important; } } .signature-services-section { position: relative; overflow: hidden; background: radial-gradient(circle at 10% 8%, rgba(255,177,0,.08), transparent 22%), radial-gradient(circle at 90% 8%, rgba(255,177,0,.10), transparent 24%), linear-gradient(180deg, rgba(247,248,252,.94), rgba(255,255,255,.99)); } .signature-services-section::before, .signature-services-section::after { content: ""; position: absolute; border-radius: 50%; filter: blur(60px); opacity: .65; pointer-events: none; } .signature-services-section::before { width: 320px; height: 320px; left: -120px; top: 120px; background: rgba(255,177,0,.18); } .signature-services-section::after { width: 360px; height: 360px; right: -120px; top: 80px; background: rgba(255,177,0,.18); } .signature-services-wrap { position: relative; z-index: 1; } .signature-services-eyebrow { display: inline-flex; align-items: center; min-height: 36px; padding: 0 16px; margin-bottom: 18px; border-radius: 999px; background: rgba(255,177,0,.12); color: #ffb100; font-size: .8rem; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255,255,255,.34); } .signature-services-lead { max-width: 520px; margin-bottom: 28px; color: #5d6881; font-size: 1rem; line-height: 1.85; } .signature-mini-card { position: relative; padding: 20px 20px 18px; border-radius: 24px; border: 1px solid rgba(255,255,255,.62); background: radial-gradient(circle at 16% -8%, rgba(255,255,255,.64), transparent 30%), linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,.26)); -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%); box-shadow: 0 18px 30px rgba(20,28,46,.08), inset 0 1px 0 rgba(255,255,255,.78), inset 0 -1px 0 rgba(255,255,255,.20); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; } .signature-mini-card:hover { transform: translateY(-5px); border-color: rgba(255,177,0,.84); box-shadow: 0 24px 36px rgba(20,28,46,.11), 0 0 26px rgba(255,177,0,.06), inset 0 1px 0 rgba(255,255,255,.84), inset 0 -1px 0 rgba(255,255,255,.16); } .signature-mini-icon { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-bottom: 16px; border-radius: 18px; background: linear-gradient(135deg, rgba(255,177,0,.96), rgba(255,177,0,.98)); color: #fff; box-shadow: 0 12px 24px rgba(255,177,0,.18), inset 0 1px 0 rgba(255,255,255,.24); } .signature-mini-icon i { font-size: 1.3rem; } .signature-mini-card h5 { margin-bottom: 10px; color: #25304a; font-size: 1.06rem; line-height: 1.35; text-transform: uppercase; } .signature-mini-card p { margin: 0; color: #5d6881; font-size: .95rem; line-height: 1.68; } .signature-visual-stage { position: relative; min-height: 620px; padding: 30px 18px 22px 18px; } .signature-blob { position: absolute; right: 26px; top: 24px; width: 72%; height: 72%; border-radius: 42% 58% 55% 45% / 38% 42% 58% 62%; background: linear-gradient(135deg, rgba(255,177,0,.68), rgba(255,177,0,.52)); filter: drop-shadow(0 26px 42px rgba(255,177,0,.16)); } .signature-main-photo { position: absolute; left: 80px; top: 92px; width: 54%; max-width: 430px; border-radius: 30px; overflow: hidden; border: 8px solid rgba(206,198,255,.46); box-shadow: 0 28px 48px rgba(20,28,46,.16); z-index: 2; } .signature-main-photo img { width: 100%; display: block; aspect-ratio: 4 / 4.4; object-fit: cover; } .signature-floating-card { position: absolute; display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 22px; border: 1px solid rgba(255,255,255,.58); background: radial-gradient(circle at 15% 0%, rgba(255,255,255,.74), transparent 30%), linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.30)); -webkit-backdrop-filter: blur(24px) saturate(160%); backdrop-filter: blur(24px) saturate(160%); box-shadow: 0 20px 34px rgba(20,28,46,.12), inset 0 1px 0 rgba(255,255,255,.76); z-index: 3; max-width: 290px; } .signature-float-left { left: 8px; bottom: 150px; } .signature-float-right { right: 8px; top: 56px; } .signature-float-thumb { width: 72px; height: 72px; border-radius: 18px; overflow: hidden; flex: 0 0 auto; box-shadow: 0 10px 18px rgba(20,28,46,.14); } .signature-float-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .signature-float-content span { display: inline-block; margin-bottom: 6px; color: #ffb100; font-size: .75rem; font-weight: 700; letter-spacing: .45px; text-transform: uppercase; } .signature-float-content h5 { margin: 0; color: #25304a; font-size: 1rem; line-height: 1.38; text-transform: uppercase; } .signature-glass-panel { position: absolute; right: 34px; bottom: 24px; width: 58%; max-width: 420px; padding: 26px 24px; border-radius: 28px; border: 1px solid rgba(255,255,255,.62); background: radial-gradient(circle at 14% 0%, rgba(255,255,255,.76), transparent 30%), linear-gradient(135deg, rgba(255,255,255,.60), rgba(255,255,255,.28)); -webkit-backdrop-filter: blur(28px) saturate(165%); backdrop-filter: blur(28px) saturate(165%); box-shadow: 0 26px 42px rgba(20,28,46,.14), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(255,255,255,.18); z-index: 4; } .signature-glass-panel h4 { margin-bottom: 12px; color: #25304a; font-size: 1.45rem; line-height: 1.25; text-transform: uppercase; } .signature-glass-panel p { margin-bottom: 16px; color: #5d6881; font-size: .96rem; line-height: 1.76; } .signature-panel-tags { display: flex; flex-wrap: wrap; gap: 10px; } .signature-panel-tags span { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,.54); background: linear-gradient(135deg, rgba(255,255,255,.54), rgba(255,255,255,.24)); color: #4e5973; font-size: .83rem; font-weight: 500; box-shadow: inset 0 1px 0 rgba(255,255,255,.54); } @media (max-width: 1199.98px) { .signature-visual-stage { min-height: 590px; } .signature-main-photo { left: 40px; width: 52%; } .signature-glass-panel { width: 62%; right: 12px; } } @media (max-width: 991.98px) { .signature-services-lead { max-width: none; } .signature-visual-stage { min-height: auto; padding: 10px 0 0; } .signature-blob, .signature-main-photo, .signature-floating-card, .signature-glass-panel { position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 100%; max-width: none; } .signature-blob { width: 86%; height: 220px; margin: 0 auto -170px; } .signature-main-photo { margin: 0 auto 18px; } .signature-floating-card { margin-bottom: 16px; } .signature-glass-panel { margin-top: 0; } } @media (max-width: 575.98px) { .signature-mini-card { padding: 18px 18px 16px; border-radius: 22px; } .signature-main-photo { border-width: 6px; border-radius: 24px; } .signature-floating-card, .signature-glass-panel { padding: 16px; border-radius: 22px; } .signature-glass-panel h4 { font-size: 1.22rem; } .signature-float-thumb { width: 64px; height: 64px; border-radius: 16px; } } .site-logo-brand { display: flex !important; align-items: center !important; justify-content: flex-start; flex: 0 0 auto; padding: 0 !important; margin-right: 18px !important; min-width: 0; } .site-main-logo { display: block; width: auto; height: 92px; max-width: 360px; object-fit: contain; object-position: left center; } .footer-brand-icon-wrap { display: flex; align-items: center; justify-content: flex-start; margin: 2px 0 20px; } .footer-brand-icon { display: block; width: 132px; height: 118px; object-fit: contain; border-radius: 22px; } @media (min-width: 1400px) { .site-main-logo { height: 118px; max-width: 410px; } } @media (min-width: 992px) and (max-width: 1399.98px) { .site-logo-brand { margin-right: 10px !important; } .site-main-logo { height: 82px; max-width: 285px; } } @media (max-width: 991.98px) { .site-logo-brand { flex: 1 1 auto; max-width: calc(100% - 62px); margin-right: 8px !important; } .site-main-logo { height: 88px; max-width: min(330px, 100%); } .footer-brand-icon { width: 118px; height: 104px; } } @media (max-width: 575.98px) { .site-main-logo { height: 82px; max-width: min(300px, 100%); } .footer-brand-icon { width: 124px; height: 124px; } } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 { background: #111419 !important; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 h4, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 h5, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 h6 { color: #ffffff !important; opacity: 1 !important; text-shadow: 0 1px 2px rgba(0,0,0,.18); } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 p, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 i, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .text-body, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 a.text-body { color: rgba(255,255,255,.90) !important; opacity: 1 !important; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 a.text-body:hover, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 a.text-body:focus { color: #ffffff !important; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .fa-angle-right { color: #ffb100 !important; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .btn-dark { background: #202644 !important; border-color: rgba(255,255,255,.12) !important; color: #ffffff !important; } @media (max-width: 767.98px) { .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 { padding-left: 18px !important; padding-right: 18px !important; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 > .row { justify-content: center; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 > .row > [class*="col-"] { text-align: center !important; display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 520px; } .footer-brand-icon-wrap { width: 100%; justify-content: center !important; margin-left: auto; margin-right: auto; } .footer-brand-icon { margin-left: auto; margin-right: auto; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 p { width: 100%; text-align: center !important; line-height: 1.7; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 h4, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 h6 { width: 100%; text-align: center !important; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .d-flex.justify-content-start { justify-content: center !important; width: 100%; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .d-flex.flex-column.justify-content-start { width: 100%; align-items: center !important; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .d-flex.flex-column.justify-content-start a { width: 100%; max-width: 330px; padding: 7px 0; text-align: center !important; line-height: 1.45; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .row.mx-n1 { width: 100%; max-width: 420px; margin-left: auto !important; margin-right: auto !important; justify-content: center; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .input-group { max-width: 380px; margin-left: auto; margin-right: auto; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .text-body, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 a.text-body { font-size: 15px; font-weight: 500; } } .service-region-section { position: relative; overflow: hidden; background: radial-gradient(circle at 8% 8%, rgba(255,177,0,.13), transparent 23%), radial-gradient(circle at 92% 5%, rgba(255, 177, 0, .14), transparent 25%), linear-gradient(180deg, rgba(245, 247, 252, .97), rgba(255, 255, 255, .995)); } .service-region-section::before, .service-region-section::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; filter: blur(64px); opacity: .68; } .service-region-section::before { width: 350px; height: 350px; left: -130px; top: 150px; background: rgba(255,177,0,.20); } .service-region-section::after { width: 390px; height: 390px; right: -145px; top: 95px; background: rgba(255, 177, 0, .20); } .service-region-inner { position: relative; z-index: 1; } .service-region-eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 38px; padding: 0 16px; margin-bottom: 16px; border-radius: 999px; background: rgba(255,177,0,.13); color: #ffb100; font-family: Rubik, sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .68px; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .40); } .service-region-lead { max-width: 930px; margin: 0 auto 22px; color: #5b6680; font-size: 1rem; line-height: 1.82; } .service-region-summary { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 38px; } .service-region-summary span { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .62); border-radius: 13px; background: radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .72), transparent 36%), linear-gradient(135deg, rgba(255, 255, 255, .60), rgba(255, 255, 255, .28)); color: #4e5973; font-family: Rubik, sans-serif; font-size: .86rem; font-weight: 600; box-shadow: 0 9px 20px rgba(20, 28, 46, .055), inset 0 1px 0 rgba(255, 255, 255, .66); } .service-region-summary i { color: #ffb100; } .service-region-grid > [class*="col-"] { display: flex; } .service-region-card { position: relative; isolation: isolate; overflow: hidden; width: 100%; min-height: 292px; display: flex; flex-direction: column; padding: 22px; border: 1px solid rgba(255, 255, 255, .72); border-radius: 28px; background: radial-gradient(circle at 16% -10%, rgba(255, 255, 255, .76), transparent 31%), radial-gradient(circle at 100% 0%, rgba(255, 177, 0, .085), transparent 25%), linear-gradient(135deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .31)); -webkit-backdrop-filter: blur(30px) saturate(170%); backdrop-filter: blur(30px) saturate(170%); box-shadow: 0 22px 42px rgba(20, 28, 46, .095), inset 0 1px 0 rgba(255, 255, 255, .84), inset 0 -1px 0 rgba(255, 255, 255, .22), inset 0 0 30px rgba(255, 255, 255, .08); color: inherit !important; text-decoration: none !important; transition: transform .23s ease, box-shadow .23s ease, border-color .23s ease; } .service-region-card::before { content: ""; position: absolute; z-index: -1; left: 12px; right: 12px; top: 1px; height: 44%; border-radius: 23px 23px 62% 62%; background: linear-gradient(180deg, rgba(255, 255, 255, .46), rgba(255, 255, 255, .09) 58%, transparent); pointer-events: none; } .service-region-card::after { content: ""; position: absolute; z-index: -1; width: 175px; height: 175px; right: -72px; bottom: -78px; border-radius: 50%; background: radial-gradient(circle, rgba(255,177,0,.17) 0%, rgba(255,177,0,.05) 44%, transparent 74%); pointer-events: none; } .service-region-card:hover, .service-region-card:focus { transform: translateY(-7px); border-color: rgba(255,177,0,.86); color: inherit !important; text-decoration: none !important; box-shadow: 0 30px 54px rgba(20, 28, 46, .135), 0 0 34px rgba(255,177,0,.085), inset 0 1px 0 rgba(255, 255, 255, .90), inset 0 -1px 0 rgba(255, 255, 255, .20); } .service-region-card:focus-visible { outline: 3px solid rgba(255,177,0,.32); outline-offset: 4px; } .service-region-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; } .service-region-icon { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; flex: 0 0 58px; border: 1px solid rgba(255,177,0,.82); border-radius: 18px; background: radial-gradient(circle at 24% -12%, rgba(255, 255, 255, .43), transparent 38%), linear-gradient(135deg, rgba(255,177,0,.98), rgba(255,177,0,.99)); color: #ffffff; box-shadow: 0 14px 25px rgba(255,177,0,.20), inset 0 1px 0 rgba(255, 255, 255, .30); } .service-region-icon i { font-size: 1.28rem; } .service-region-number { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; height: 44px; padding: 0 11px; border: 1px solid rgba(255, 255, 255, .58); border-radius: 14px; background: linear-gradient(135deg, rgba(255, 255, 255, .60), rgba(255, 255, 255, .24)); color: #ffb100; font-family: Oswald, sans-serif; font-size: 1.12rem; font-weight: 600; letter-spacing: .35px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .58); } .service-region-side { position: relative; z-index: 1; display: inline-flex; align-items: center; align-self: flex-start; min-height: 30px; padding: 0 11px; margin-bottom: 12px; border-radius: 999px; background: rgba(255,177,0,.12); color: #ffb100; font-family: Rubik, sans-serif; font-size: .75rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .36); } .service-region-card h4 { position: relative; z-index: 1; min-height: 58px; margin-bottom: 11px; color: #25304a; font-size: 1.19rem; line-height: 1.36; text-transform: uppercase; } .service-region-card p { position: relative; z-index: 1; margin-bottom: 18px; color: #5d6881; font-size: .94rem; line-height: 1.70; } .service-region-cta { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 9px; margin-top: auto; color: #ffb100; font-family: Rubik, sans-serif; font-size: .88rem; font-weight: 700; letter-spacing: .22px; } .service-region-cta i { font-size: .78rem; transition: transform .18s ease; } .service-region-card:hover .service-region-cta i, .service-region-card:focus .service-region-cta i { transform: translateX(4px); } @media (max-width: 991.98px) { .service-region-card { min-height: 276px; } .service-region-card h4 { min-height: auto; } } @media (max-width: 575.98px) { .service-region-section .container { padding-left: 18px; padding-right: 18px; } .service-region-lead { font-size: .95rem; line-height: 1.72; } .service-region-summary { margin-bottom: 30px; } .service-region-summary span { width: 100%; max-width: 320px; justify-content: center; } .service-region-card { min-height: auto; padding: 19px; border-radius: 24px; } .service-region-icon { width: 54px; height: 54px; flex-basis: 54px; border-radius: 17px; } .service-region-card h4 { font-size: 1.1rem; } } .local-article-section { position: relative; overflow: hidden; background: radial-gradient(circle at 8% 8%, rgba(255,177,0,.12), transparent 23%), radial-gradient(circle at 92% 4%, rgba(255, 177, 0, .13), transparent 25%), linear-gradient(180deg, rgba(248, 249, 253, .98), rgba(255, 255, 255, 1)); } .local-article-section::before, .local-article-section::after { content: ""; position: absolute; border-radius: 50%; filter: blur(68px); pointer-events: none; opacity: .62; } .local-article-section::before { width: 330px; height: 330px; left: -125px; top: 155px; background: rgba(255,177,0,.18); } .local-article-section::after { width: 370px; height: 370px; right: -140px; top: 100px; background: rgba(255, 177, 0, .18); } .local-article-inner { position: relative; z-index: 1; } .local-article-eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 38px; padding: 0 16px; margin-bottom: 16px; border-radius: 999px; background: rgba(255,177,0,.13); color: #ffb100; font-family: Rubik, sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .68px; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .40); } .local-article-lead { max-width: 910px; margin: 0 auto 40px; color: #5b6680; font-size: 1rem; line-height: 1.82; } .local-article-grid > [class*="col-"] { display: flex; } .local-article-card { position: relative; isolation: isolate; overflow: hidden; width: 100%; display: flex; flex-direction: column; min-height: 100%; border: 1px solid rgba(255, 255, 255, .74); border-radius: 28px; background: radial-gradient(circle at 16% -10%, rgba(255, 255, 255, .78), transparent 31%), radial-gradient(circle at 100% 0%, rgba(255, 177, 0, .08), transparent 25%), linear-gradient(135deg, rgba(255, 255, 255, .64), rgba(255, 255, 255, .32)); -webkit-backdrop-filter: blur(30px) saturate(170%); backdrop-filter: blur(30px) saturate(170%); box-shadow: 0 22px 42px rgba(20, 28, 46, .095), inset 0 1px 0 rgba(255, 255, 255, .86), inset 0 -1px 0 rgba(255, 255, 255, .22); transition: transform .23s ease, box-shadow .23s ease, border-color .23s ease; } .local-article-card::before { content: ""; position: absolute; z-index: -1; left: 12px; right: 12px; top: 1px; height: 42%; border-radius: 23px 23px 62% 62%; background: linear-gradient(180deg, rgba(255, 255, 255, .44), rgba(255, 255, 255, .08) 58%, transparent); pointer-events: none; } .local-article-card:hover { transform: translateY(-7px); border-color: rgba(255,177,0,.86); box-shadow: 0 30px 54px rgba(20, 28, 46, .135), 0 0 34px rgba(255,177,0,.08), inset 0 1px 0 rgba(255, 255, 255, .90), inset 0 -1px 0 rgba(255, 255, 255, .20); } .local-article-media { position: relative; height: 218px; margin: 14px 14px 0; overflow: hidden; border-radius: 22px; background: #edf0f6; box-shadow: 0 15px 28px rgba(20, 28, 46, .13); } .local-article-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16, 24, 40, .02), rgba(16, 24, 40, .18)); pointer-events: none; } .local-article-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .35s ease; } .local-article-card:hover .local-article-media img { transform: scale(1.035); } .local-article-body { position: relative; z-index: 1; display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; padding: 19px 20px 22px; } .local-article-location { display: inline-flex; align-items: center; gap: 7px; min-height: 31px; padding: 0 12px; margin-bottom: 12px; border-radius: 999px; background: rgba(255,177,0,.13); color: #ffb100; font-family: Rubik, sans-serif; font-size: .76rem; font-weight: 700; letter-spacing: .45px; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38); } .local-article-card h3 { width: 100%; min-height: 60px; margin-bottom: 11px; color: #25304a; font-family: Oswald, sans-serif; font-size: 1.24rem; line-height: 1.36; text-transform: uppercase; } .local-article-card p { width: 100%; margin-bottom: 17px; color: #5d6881; font-size: .95rem; line-height: 1.72; } .local-article-topics { display: flex; flex-wrap: wrap; gap: 7px; width: 100%; margin-bottom: 18px; } .local-article-topics span { display: inline-flex; align-items: center; min-height: 30px; padding: 0 9px; border: 1px solid rgba(255, 255, 255, .58); border-radius: 10px; background: linear-gradient(135deg, rgba(255, 255, 255, .58), rgba(255, 255, 255, .24)); color: #4f5a74; font-size: .78rem; font-weight: 600; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .52); } .local-article-link { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 45px; padding: 0 17px; margin-top: auto; border: 1px solid rgba(255,177,0,.82); border-radius: 15px; background: radial-gradient(circle at 18% -16%, rgba(255, 255, 255, .32), transparent 32%), linear-gradient(135deg, rgba(255,177,0,.98), rgba(255,177,0,.99)); color: #ffffff !important; font-family: Rubik, sans-serif; font-size: .87rem; font-weight: 700; text-decoration: none !important; box-shadow: 0 14px 24px rgba(255,177,0,.18), inset 0 1px 0 rgba(255, 255, 255, .28); transition: transform .18s ease, box-shadow .18s ease; } .local-article-link:hover, .local-article-link:focus { transform: translateY(-1px); box-shadow: 0 18px 30px rgba(255,177,0,.22), inset 0 1px 0 rgba(255, 255, 255, .30); } @media (max-width: 991.98px) { .local-article-card h3 { min-height: auto; } } @media (max-width: 575.98px) { .local-article-section .container { padding-left: 18px; padding-right: 18px; } .local-article-lead { margin-bottom: 30px; font-size: .95rem; line-height: 1.72; } .local-article-card { border-radius: 24px; } .local-article-media { height: 205px; border-radius: 19px; } .local-article-body { padding: 17px 18px 20px; } .local-article-card h3 { font-size: 1.12rem; } } .faq-orbit-section { position: relative; isolation: isolate; overflow: hidden; padding-top: 88px !important; padding-bottom: 96px !important; background: radial-gradient(circle at 7% 12%, rgba(255,177,0,.17), transparent 24%), radial-gradient(circle at 93% 8%, rgba(255, 177, 0, .19), transparent 27%), linear-gradient(180deg, #f7f8fc 0%, #eef1f8 48%, #f9fafc 100%); } .faq-orbit-section::before, .faq-orbit-section::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; filter: blur(78px); opacity: .72; } .faq-orbit-section::before { width: 410px; height: 410px; left: -175px; bottom: 70px; background: rgba(255,177,0,.24); } .faq-orbit-section::after { width: 440px; height: 440px; right: -185px; top: 70px; background: rgba(255, 177, 0, .22); } .faq-orbit-grid-pattern { position: absolute; inset: 0; z-index: -1; opacity: .28; pointer-events: none; background-image: linear-gradient(rgba(42, 53, 80, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(42, 53, 80, .045) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent); -webkit-mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent); } .faq-orbit-container { position: relative; z-index: 1; } .faq-orbit-heading { max-width: 930px; margin: 0 auto 44px; text-align: center; } .faq-orbit-eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 39px; padding: 0 16px; margin-bottom: 17px; border: 1px solid rgba(255, 255, 255, .64); border-radius: 999px; background: radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .72), transparent 38%), linear-gradient(135deg, rgba(255, 255, 255, .60), rgba(255, 255, 255, .30)); color: #ffb100; font-family: Rubik, sans-serif; font-size: .79rem; font-weight: 700; letter-spacing: .72px; text-transform: uppercase; box-shadow: 0 10px 22px rgba(24, 32, 52, .06), inset 0 1px 0 rgba(255, 255, 255, .78); } .faq-orbit-heading h2 { margin-bottom: 14px; color: #202a43; font-family: Oswald, sans-serif; font-size: clamp(2.45rem, 4.4vw, 4.35rem); line-height: 1.02; letter-spacing: -.5px; text-transform: uppercase; } .faq-orbit-heading h2 span { position: relative; display: inline-block; color: #ffb100; } .faq-orbit-heading h2 span::after { content: ""; position: absolute; left: 5%; right: 5%; bottom: -5px; height: 8px; border-radius: 999px; background: linear-gradient(90deg, rgba(255,177,0,0), rgba(255,177,0,.36), rgba(255,177,0,0)); filter: blur(3px); } .faq-orbit-heading p { max-width: 850px; margin: 0 auto; color: #59657e; font-family: Rubik, sans-serif; font-size: 1rem; line-height: 1.82; } .faq-orbit-layout { display: grid; grid-template-columns: minmax(330px, .92fr) minmax(0, 1.38fr); gap: 30px; align-items: stretch; } .faq-orbit-console { position: relative; isolation: isolate; overflow: hidden; min-height: 690px; padding: 30px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 36px; background: radial-gradient(circle at 12% -4%, rgba(255, 255, 255, .13), transparent 30%), radial-gradient(circle at 100% 0%, rgba(255, 177, 0, .16), transparent 28%), linear-gradient(145deg, rgba(20, 27, 44, .98) 0%, rgba(28, 36, 57, .97) 53%, rgba(18, 24, 39, .99) 100%); box-shadow: 0 30px 64px rgba(15, 21, 36, .24), 0 12px 30px rgba(255,177,0,.07), inset 0 1px 0 rgba(255, 255, 255, .13), inset 0 -1px 0 rgba(255, 255, 255, .04); } .faq-orbit-console::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .38; background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px); background-size: 30px 30px; mask-image: radial-gradient(circle at 50% 34%, #000 0%, transparent 69%); -webkit-mask-image: radial-gradient(circle at 50% 34%, #000 0%, transparent 69%); } .faq-orbit-console::after { content: ""; position: absolute; z-index: -1; width: 330px; height: 330px; right: -150px; bottom: -165px; border-radius: 50%; background: radial-gradient(circle, rgba(255,177,0,.32), rgba(255,177,0,.08) 44%, transparent 72%); filter: blur(5px); } .faq-console-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; } .faq-console-label { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .11); border-radius: 999px; background: rgba(255, 255, 255, .055); color: rgba(255, 255, 255, .76); font-family: Rubik, sans-serif; font-size: .72rem; font-weight: 600; letter-spacing: .55px; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07); } .faq-console-live { display: inline-flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .68); font-family: Rubik, sans-serif; font-size: .72rem; font-weight: 600; letter-spacing: .55px; text-transform: uppercase; } .faq-console-live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #36e280; box-shadow: 0 0 0 5px rgba(54, 226, 128, .10), 0 0 16px rgba(54, 226, 128, .72); animation: faqLivePulse 2.1s ease-in-out infinite; } @keyframes faqLivePulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(.78); opacity: .72; } } .faq-orbit-radar { position: relative; width: min(100%, 355px); aspect-ratio: 1 / 1; margin: 18px auto 24px; } .faq-orbit-ring, .faq-orbit-ring::before, .faq-orbit-ring::after { position: absolute; inset: 12%; border: 1px solid rgba(255, 255, 255, .12); border-radius: 50%; } .faq-orbit-ring { background: radial-gradient(circle at center, rgba(255, 255, 255, .025) 0 35%, transparent 36%), conic-gradient(from 30deg, rgba(255,177,0,.00), rgba(255,177,0,.33), rgba(255, 177, 0, .08), rgba(255,177,0,.00)); box-shadow: inset 0 0 60px rgba(255, 177, 0, .06), 0 0 44px rgba(255,177,0,.06); animation: faqOrbitSpin 18s linear infinite; } .faq-orbit-ring::before { content: ""; inset: 15%; border-style: dashed; border-color: rgba(255,177,0,.26); } .faq-orbit-ring::after { content: ""; inset: 34%; border-color: rgba(255, 177, 0, .22); } @keyframes faqOrbitSpin { to { transform: rotate(360deg); } } .faq-orbit-axis-x, .faq-orbit-axis-y { position: absolute; left: 50%; top: 50%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .12), transparent); transform: translate(-50%, -50%); pointer-events: none; } .faq-orbit-axis-x { width: 76%; height: 1px; } .faq-orbit-axis-y { width: 1px; height: 76%; background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .12), transparent); } .faq-orbit-core { position: absolute; left: 50%; top: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 118px; height: 118px; border: 1px solid rgba(255,177,0,.50); border-radius: 34px; color: #ffffff; background: radial-gradient(circle at 24% -8%, rgba(255, 255, 255, .38), transparent 37%), linear-gradient(135deg, #ffb100 0%, #ffb100 100%); box-shadow: 0 22px 44px rgba(255,177,0,.28), 0 0 0 13px rgba(255,177,0,.065), inset 0 1px 0 rgba(255, 255, 255, .34); transform: translate(-50%, -50%); z-index: 3; } .faq-orbit-core i { margin-bottom: 8px; font-size: 2rem; filter: drop-shadow(0 5px 10px rgba(114, 40, 0, .24)); } .faq-orbit-core span { font-family: Oswald, sans-serif; font-size: .82rem; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; } .faq-orbit-node { position: absolute; z-index: 4; display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 18px; color: #ffb100; background: radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .22), transparent 38%), linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .055)); -webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%); box-shadow: 0 14px 26px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .15); animation: faqNodeFloat 4.6s ease-in-out infinite; } .faq-orbit-node i { font-size: 1.13rem; } .faq-orbit-node-1 { left: 7%; top: 46%; animation-delay: -.5s; } .faq-orbit-node-2 { right: 8%; top: 20%; animation-delay: -1.4s; } .faq-orbit-node-3 { right: 7%; bottom: 20%; animation-delay: -2.1s; } .faq-orbit-node-4 { left: 21%; top: 8%; animation-delay: -3s; } @keyframes faqNodeFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-8px) rotate(2deg); } } .faq-console-copy { position: relative; z-index: 2; margin-bottom: 18px; text-align: center; } .faq-console-copy h3 { margin-bottom: 9px; color: #ffffff; font-family: Oswald, sans-serif; font-size: 1.75rem; line-height: 1.15; text-transform: uppercase; } .faq-console-copy p { max-width: 410px; margin: 0 auto; color: rgba(255, 255, 255, .64); font-family: Rubik, sans-serif; font-size: .91rem; line-height: 1.70; } .faq-console-trust { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-bottom: 18px; } .faq-console-trust span { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 72px; padding: 10px 7px; border: 1px solid rgba(255, 255, 255, .10); border-radius: 16px; background: rgba(255, 255, 255, .048); color: rgba(255, 255, 255, .72); font-family: Rubik, sans-serif; font-size: .70rem; font-weight: 600; line-height: 1.3; text-align: center; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06); } .faq-console-trust i { margin-bottom: 7px; color: #ffb100; font-size: .96rem; } .faq-console-actions { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .faq-console-btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 0 15px; border-radius: 17px; font-family: Oswald, sans-serif; font-size: .91rem; font-weight: 600; letter-spacing: .42px; text-align: center; text-decoration: none !important; text-transform: uppercase; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .faq-console-btn:hover, .faq-console-btn:focus { transform: translateY(-2px); text-decoration: none !important; } .faq-console-btn-primary { border: 1px solid rgba(255,177,0,.78); color: #ffffff !important; background: radial-gradient(circle at 18% -20%, rgba(255, 255, 255, .36), transparent 34%), linear-gradient(135deg, #ffb100 0%, #ffb100 100%); box-shadow: 0 16px 28px rgba(255,177,0,.22), inset 0 1px 0 rgba(255, 255, 255, .31); } .faq-console-btn-secondary { border: 1px solid rgba(109, 255, 162, .28); color: #eafff1 !important; background: radial-gradient(circle at 18% -18%, rgba(255, 255, 255, .16), transparent 34%), linear-gradient(135deg, rgba(255, 177, 0, .46), rgba(183, 108, 0, .34)); box-shadow: 0 14px 24px rgba(140, 82, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .14); } .faq-orbit-list-shell { position: relative; padding: 16px; border: 1px solid rgba(255, 255, 255, .68); border-radius: 36px; background: radial-gradient(circle at 16% -8%, rgba(255, 255, 255, .76), transparent 30%), radial-gradient(circle at 100% 0%, rgba(255, 177, 0, .09), transparent 26%), linear-gradient(135deg, rgba(255, 255, 255, .60), rgba(255, 255, 255, .29)); -webkit-backdrop-filter: blur(28px) saturate(165%); backdrop-filter: blur(28px) saturate(165%); box-shadow: 0 28px 54px rgba(20, 28, 46, .11), inset 0 1px 0 rgba(255, 255, 255, .86), inset 0 -1px 0 rgba(255, 255, 255, .20); } .faq-orbit-list-shell::before { content: ""; position: absolute; left: 24px; right: 24px; top: 1px; height: 42%; border-radius: 30px 30px 60% 60%; background: linear-gradient(180deg, rgba(255, 255, 255, .39), rgba(255, 255, 255, .06) 58%, transparent); pointer-events: none; } .faq-orbit-list { position: relative; z-index: 1; display: grid; gap: 11px; } .faq-orbit-item { position: relative; overflow: hidden; border: 1px solid rgba(38, 49, 77, .085); border-radius: 21px; background: radial-gradient(circle at 14% -20%, rgba(255, 255, 255, .92), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, .84), rgba(246, 248, 252, .72)); box-shadow: 0 10px 22px rgba(20, 28, 46, .055), inset 0 1px 0 rgba(255, 255, 255, .90); transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease; } .faq-orbit-item[open] { border-color: rgba(255,177,0,.54); background: radial-gradient(circle at 12% -18%, rgba(255, 255, 255, .96), transparent 34%), radial-gradient(circle at 100% 0%, rgba(255,177,0,.08), transparent 30%), linear-gradient(135deg, rgba(255, 255, 255, .93), rgba(250, 247, 243, .82)); box-shadow: 0 18px 32px rgba(20, 28, 46, .085), 0 0 26px rgba(255,177,0,.055), inset 0 1px 0 rgba(255, 255, 255, .94); transform: translateY(-1px); } .faq-orbit-summary { position: relative; display: grid; grid-template-columns: 54px minmax(0, 1fr) 42px; align-items: center; gap: 15px; min-height: 84px; padding: 14px 15px; color: #25304a; cursor: pointer; list-style: none; outline: none; user-select: none; } .faq-orbit-summary::-webkit-details-marker { display: none; } .faq-orbit-summary::marker { display: none; content: ""; } .faq-orbit-summary:focus-visible { box-shadow: inset 0 0 0 3px rgba(255,177,0,.24); border-radius: 20px; } .faq-orbit-question-icon { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 1px solid rgba(255,177,0,.80); border-radius: 17px; color: #ffffff; background: radial-gradient(circle at 24% -10%, rgba(255, 255, 255, .42), transparent 38%), linear-gradient(135deg, #ffb100 0%, #ffb100 100%); box-shadow: 0 13px 23px rgba(255,177,0,.18), inset 0 1px 0 rgba(255, 255, 255, .30); transition: transform .22s ease, box-shadow .22s ease; } .faq-orbit-item[open] .faq-orbit-question-icon { transform: rotate(-4deg) scale(1.035); box-shadow: 0 16px 27px rgba(255,177,0,.24), 0 0 18px rgba(255,177,0,.11), inset 0 1px 0 rgba(255, 255, 255, .32); } .faq-orbit-question-icon i { font-size: 1.05rem; } .faq-orbit-question-copy { min-width: 0; } .faq-orbit-question-no { display: block; margin-bottom: 4px; color: #ffb100; font-family: Rubik, sans-serif; font-size: .68rem; font-weight: 700; letter-spacing: .85px; text-transform: uppercase; } .faq-orbit-question-text { display: block; color: #26314b; font-family: Oswald, sans-serif; font-size: 1.08rem; font-weight: 600; line-height: 1.36; letter-spacing: .12px; text-transform: uppercase; } .faq-orbit-plus { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid rgba(37, 48, 74, .08); border-radius: 14px; background: rgba(37, 48, 74, .045); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65); transition: background .22s ease, border-color .22s ease, transform .22s ease; } .faq-orbit-plus::before, .faq-orbit-plus::after { content: ""; position: absolute; width: 15px; height: 2px; border-radius: 999px; background: #ffb100; transition: transform .22s ease, opacity .22s ease; } .faq-orbit-plus::after { transform: rotate(90deg); } .faq-orbit-item[open] .faq-orbit-plus { border-color: rgba(255,177,0,.24); background: rgba(255,177,0,.10); transform: rotate(180deg); } .faq-orbit-item[open] .faq-orbit-plus::after { transform: rotate(0deg); opacity: 0; } .faq-orbit-answer { position: relative; margin: 0 15px 15px 84px; padding: 0 16px 16px 18px; border-left: 2px solid rgba(255,177,0,.34); color: #5b667f; font-family: Rubik, sans-serif; font-size: .94rem; line-height: 1.78; } .faq-orbit-answer p { margin: 0; } .faq-orbit-answer strong { color: #35415d; font-weight: 700; } .faq-orbit-bottom-cta { position: relative; z-index: 1; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-top: 14px; padding: 21px 22px; border: 1px solid rgba(255,177,0,.50); border-radius: 22px; background: radial-gradient(circle at 12% -22%, rgba(255, 255, 255, .34), transparent 36%), linear-gradient(135deg, rgba(255,177,0,.96), rgba(255,177,0,.98)); box-shadow: 0 18px 34px rgba(255,177,0,.18), inset 0 1px 0 rgba(255, 255, 255, .28); } .faq-orbit-bottom-cta::after { content: "?"; position: absolute; right: 18px; top: -38px; color: rgba(255, 255, 255, .075); font-family: Oswald, sans-serif; font-size: 9rem; font-weight: 700; line-height: 1; pointer-events: none; } .faq-orbit-bottom-copy { position: relative; z-index: 1; } .faq-orbit-bottom-copy strong, .faq-orbit-bottom-copy span { display: block; } .faq-orbit-bottom-copy strong { margin-bottom: 5px; color: #ffffff; font-family: Oswald, sans-serif; font-size: 1.28rem; line-height: 1.25; text-transform: uppercase; } .faq-orbit-bottom-copy span { color: rgba(255, 255, 255, .78); font-family: Rubik, sans-serif; font-size: .86rem; line-height: 1.55; } .faq-orbit-bottom-link { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 158px; min-height: 48px; padding: 0 17px; border: 1px solid rgba(255, 255, 255, .38); border-radius: 15px; color: #27314a !important; background: radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .90), transparent 40%), linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(244, 247, 252, .83)); font-family: Oswald, sans-serif; font-size: .89rem; font-weight: 600; letter-spacing: .35px; text-decoration: none !important; text-transform: uppercase; box-shadow: 0 12px 22px rgba(96, 42, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .84); transition: transform .18s ease, box-shadow .18s ease; } .faq-orbit-bottom-link:hover, .faq-orbit-bottom-link:focus { transform: translateY(-2px); color: #27314a !important; text-decoration: none !important; box-shadow: 0 16px 28px rgba(96, 42, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .90); } @media (max-width: 1199.98px) { .faq-orbit-layout { grid-template-columns: minmax(300px, .82fr) minmax(0, 1.25fr); gap: 22px; } .faq-orbit-console { min-height: 670px; padding: 25px; } .faq-orbit-radar { width: min(100%, 320px); } .faq-console-actions { grid-template-columns: 1fr; } } @media (max-width: 991.98px) { .faq-orbit-section { padding-top: 72px !important; padding-bottom: 78px !important; } .faq-orbit-layout { grid-template-columns: 1fr; } .faq-orbit-console { min-height: auto; padding: 28px; } .faq-orbit-radar { width: min(100%, 360px); } .faq-console-actions { grid-template-columns: 1fr 1fr; } } @media (max-width: 575.98px) { .faq-orbit-section { padding-top: 58px !important; padding-bottom: 66px !important; } .faq-orbit-section .container { padding-left: 17px; padding-right: 17px; } .faq-orbit-heading { margin-bottom: 31px; } .faq-orbit-heading h2 { font-size: 2.35rem; line-height: 1.06; } .faq-orbit-heading p { font-size: .93rem; line-height: 1.72; } .faq-orbit-console, .faq-orbit-list-shell { border-radius: 27px; } .faq-orbit-console { padding: 21px 17px 18px; } .faq-console-top { align-items: flex-start; flex-direction: column; gap: 9px; } .faq-orbit-radar { width: min(100%, 300px); margin-top: 12px; } .faq-orbit-core { width: 104px; height: 104px; border-radius: 29px; } .faq-orbit-node { width: 47px; height: 47px; border-radius: 15px; } .faq-console-trust { grid-template-columns: 1fr; } .faq-console-trust span { flex-direction: row; gap: 9px; min-height: 47px; } .faq-console-trust i { margin-bottom: 0; } .faq-console-actions { grid-template-columns: 1fr; } .faq-orbit-list-shell { padding: 10px; } .faq-orbit-summary { grid-template-columns: 46px minmax(0, 1fr) 36px; gap: 11px; min-height: 78px; padding: 12px 10px; } .faq-orbit-question-icon { width: 46px; height: 46px; border-radius: 15px; } .faq-orbit-question-text { font-size: .94rem; line-height: 1.40; } .faq-orbit-plus { width: 36px; height: 36px; border-radius: 12px; } .faq-orbit-answer { margin: 0 11px 13px 58px; padding: 0 10px 13px 14px; font-size: .89rem; line-height: 1.72; } .faq-orbit-bottom-cta { grid-template-columns: 1fr; padding: 19px; border-radius: 19px; } .faq-orbit-bottom-link { width: 100%; } } @media (prefers-reduced-motion: reduce) { .faq-console-live::before, .faq-orbit-ring, .faq-orbit-node { animation: none !important; } .faq-orbit-item, .faq-orbit-question-icon, .faq-console-btn, .faq-orbit-bottom-link { transition: none !important; } } .footer-whatsapp-support { display: flex; align-items: center; gap: 15px; width: 100%; max-width: 380px; margin: 18px 0 14px; padding: 16px 18px; border: 1px solid rgba(37, 211, 102, .34); border-radius: 20px; color: #ffffff !important; background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.10), transparent 34%), linear-gradient(135deg, rgba(37, 211, 102, .20), rgba(12, 19, 37, .58)); box-shadow: 0 16px 30px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255,255,255,.07); text-align: left; text-decoration: none !important; transition: transform .20s ease, border-color .20s ease, background .20s ease, box-shadow .20s ease; } .footer-whatsapp-support:hover, .footer-whatsapp-support:focus { transform: translateY(-2px); border-color: rgba(37, 211, 102, .62); color: #ffffff !important; background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.14), transparent 34%), linear-gradient(135deg, rgba(37, 211, 102, .28), rgba(12, 19, 37, .62)); box-shadow: 0 20px 36px rgba(0, 0, 0, .20), 0 0 24px rgba(37, 211, 102, .10), inset 0 1px 0 rgba(255,255,255,.09); text-decoration: none !important; } .footer-whatsapp-custom-icon { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 62px; width: 62px; height: 62px; border: 1px solid rgba(255,255,255,.30); border-radius: 20px; color: #ffffff; background: radial-gradient(circle at 28% 12%, rgba(255,255,255,.34), transparent 34%), linear-gradient(145deg, #34e77d 0%, #25d366 48%, #128c4a 100%); box-shadow: 0 14px 28px rgba(18, 140, 74, .30), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.16); transition: transform .20s ease, box-shadow .20s ease; } .footer-whatsapp-custom-icon::before { content: ""; position: absolute; z-index: -1; left: 8px; right: 8px; top: 4px; height: 42%; border-radius: 16px 16px 55% 55%; background: linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,0)); pointer-events: none; } .footer-whatsapp-custom-icon::after { content: ""; position: absolute; z-index: -1; width: 54px; height: 54px; right: -24px; bottom: -28px; border-radius: 50%; background: rgba(255,255,255,.13); filter: blur(4px); pointer-events: none; } .footer-whatsapp-custom-icon i { position: relative; z-index: 2; display: block; color: #ffffff !important; font-size: 37px; line-height: 1; filter: drop-shadow(0 4px 7px rgba(0, 91, 46, .28)); } .footer-whatsapp-support:hover .footer-whatsapp-custom-icon, .footer-whatsapp-support:focus .footer-whatsapp-custom-icon { transform: scale(1.045) rotate(-2deg); box-shadow: 0 17px 32px rgba(18, 140, 74, .36), 0 0 20px rgba(37, 211, 102, .16), inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(0,0,0,.14); } .footer-whatsapp-content { min-width: 0; flex: 1 1 auto; } .footer-whatsapp-label { display: block; margin-bottom: 6px; color: #ffffff; font-family: Oswald, sans-serif; font-size: 1rem; line-height: 1.1; letter-spacing: .45px; text-transform: uppercase; } .footer-whatsapp-link { display: inline-flex; align-items: center; gap: 8px; color: #c9f8da !important; font-weight: 700; letter-spacing: .2px; word-break: break-word; } .footer-whatsapp-support:hover .footer-whatsapp-link, .footer-whatsapp-support:focus .footer-whatsapp-link { color: #ffffff !important; } .footer-whatsapp-note { display: block; margin-top: 4px; color: rgba(255,255,255,.78); font-size: .9rem; line-height: 1.5; } .faq-console-btn-secondary .footer-whatsapp-custom-icon { flex-basis: 30px; width: 30px; height: 30px; border-radius: 10px; box-shadow: 0 8px 16px rgba(8, 92, 45, .24), inset 0 1px 0 rgba(255,255,255,.25); } .faq-console-btn-secondary .footer-whatsapp-custom-icon::before { left: 4px; right: 4px; top: 2px; border-radius: 8px 8px 50% 50%; } .faq-console-btn-secondary .footer-whatsapp-custom-icon::after { width: 26px; height: 26px; right: -12px; bottom: -14px; } .faq-console-btn-secondary .footer-whatsapp-custom-icon i { font-size: 20px; filter: drop-shadow(0 2px 4px rgba(0, 75, 36, .24)); } .faq-console-btn-secondary:hover .footer-whatsapp-custom-icon, .faq-console-btn-secondary:focus .footer-whatsapp-custom-icon { transform: scale(1.04) rotate(-2deg); } @media (max-width: 575.98px) { .footer-whatsapp-support { align-items: center; max-width: 360px; margin-left: auto; margin-right: auto; padding: 14px; border-radius: 17px; } .footer-whatsapp-custom-icon { flex-basis: 56px; width: 56px; height: 56px; border-radius: 18px; } .footer-whatsapp-custom-icon i { font-size: 34px; } .footer-whatsapp-label { font-size: .95rem; } .footer-whatsapp-note { font-size: .84rem; line-height: 1.42; } .faq-console-btn-secondary .footer-whatsapp-custom-icon { flex-basis: 28px; width: 28px; height: 28px; border-radius: 9px; } .faq-console-btn-secondary .footer-whatsapp-custom-icon i { font-size: 19px; } } .mobile-fixed-contact-bar { display: none; } @media (max-width: 991.98px) { body { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important; } .mobile-fixed-contact-bar { position: fixed; z-index: 99999; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: 100%; height: calc(68px + env(safe-area-inset-bottom, 0px)); padding: 0 0 env(safe-area-inset-bottom, 0px); background: #142036; box-shadow: 0 -10px 28px rgba(8, 15, 29, .24), 0 -1px 0 rgba(255,255,255,.08); isolation: isolate; transform: translateZ(0); -webkit-transform: translateZ(0); } .mobile-fixed-contact-item { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; height: 68px; padding: 8px 11px; color: #ffffff !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent; touch-action: manipulation; transition: filter .16s ease, transform .16s ease; } .mobile-fixed-contact-item::before { content: ""; position: absolute; left: 10px; right: 10px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent); opacity: .72; pointer-events: none; } .mobile-fixed-contact-item:active { filter: brightness(.94); transform: scale(.992); } .mobile-fixed-contact-call { background: radial-gradient(circle at 18% -35%, rgba(255,255,255,.23), transparent 47%), linear-gradient(135deg, #ffb100 0%, #ffb100 100%); } .mobile-fixed-contact-whatsapp { border-left: 1px solid rgba(255,255,255,.24); background: radial-gradient(circle at 18% -35%, rgba(255,255,255,.20), transparent 47%), linear-gradient(135deg, #25b864 0%, #07944c 100%); } .mobile-fixed-contact-icon { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 32px; color: #ffffff; line-height: 1; filter: drop-shadow(0 2px 3px rgba(0,0,0,.18)); } .mobile-fixed-contact-call .mobile-fixed-contact-icon i { font-size: 21px; transform: rotate(-4deg); } .mobile-fixed-contact-whatsapp .mobile-fixed-contact-icon i { font-size: 23px; } .mobile-fixed-contact-copy { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; line-height: 1.06; text-align: left; white-space: nowrap; } .mobile-fixed-contact-copy small { display: block; margin: 0 0 4px; color: rgba(255,255,255,.90); font-family: Rubik, Arial, sans-serif; font-size: 10px; font-weight: 600; letter-spacing: .05px; } .mobile-fixed-contact-copy strong { display: block; overflow: hidden; max-width: 100%; color: #ffffff; font-family: Oswald, Rubik, Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .18px; line-height: 1.05; text-overflow: ellipsis; text-shadow: 0 1px 2px rgba(0,0,0,.16); } .mobile-fixed-contact-whatsapp .mobile-fixed-contact-copy strong { font-size: 17px; } .back-to-top { bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important; right: 14px !important; z-index: 99998 !important; } } @media (max-width: 374.98px) { .mobile-fixed-contact-item { gap: 7px; padding-left: 7px; padding-right: 7px; } .mobile-fixed-contact-icon { flex-basis: 24px; width: 24px; } .mobile-fixed-contact-call .mobile-fixed-contact-icon i { font-size: 18px; } .mobile-fixed-contact-whatsapp .mobile-fixed-contact-icon i { font-size: 20px; } .mobile-fixed-contact-copy small { font-size: 9px; } .mobile-fixed-contact-copy strong, .mobile-fixed-contact-whatsapp .mobile-fixed-contact-copy strong { font-size: 14px; } } @media (min-width: 992px) { .mobile-fixed-contact-bar { display: none !important; } } @media (max-width: 991.98px) { .hero-carousel-spacing { margin-bottom: 8px !important; } .about-mobile-spacing { padding-top: 12px !important; } .about-mobile-spacing > .container { padding-top: 12px !important; } } .eska-arch-slider { position: relative; overflow: hidden; background: #111; } .eska-arch-slider .carousel-item { position: relative; overflow: hidden; transition: transform 1.05s cubic-bezier(.65,.05,.36,1); } .eska-arch-slider .plumbing-hero-photo { width: 100%; height: clamp(560px, 47vw, 720px); object-fit: cover; object-position: center; transform: scale(1.025); transition: transform 7s ease; } .eska-arch-slider .carousel-item.active .plumbing-hero-photo { transform: scale(1); } .eska-arch-slider .eska-arch-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(11,15,23,.54) 0%, rgba(11,15,23,.39) 43%, rgba(11,15,23,.25) 70%, rgba(11,15,23,.30) 100%), linear-gradient(180deg, rgba(19,23,31,.14), rgba(9,13,20,.25)); pointer-events: none; } .eska-arch-slider .carousel-caption { inset: 0; z-index: 3; padding: 0 !important; text-align: left; } .eska-arch-inner { position: relative; width: min(1220px, calc(100% - 120px)); height: 100%; margin: 0 auto; } .eska-arch-copy { position: absolute; left: 105px; top: 50%; z-index: 5; width: min(850px, calc(100vw - 220px)); transform: translateY(-50%); color: #fff; } .eska-arch-frame { position: absolute; left: 56px; top: 50%; z-index: 2; width: 610px; height: 365px; transform: translateY(-50%); pointer-events: none; } .eska-arch-line { position: absolute; display: block; background: #ffb100; box-shadow: 0 0 0 1px rgba(255,177,0,.04); } .eska-arch-line-top, .eska-arch-line-bottom { left: 0; width: 100%; height: 2px; transform: scaleX(0); } .eska-arch-line-left, .eska-arch-line-right { top: 0; width: 2px; height: 100%; transform: scaleY(0); } .eska-arch-line-top { top: 0; transform-origin: left center; } .eska-arch-line-right { right: 0; transform-origin: center top; } .eska-arch-line-bottom { bottom: 0; transform-origin: right center; } .eska-arch-line-left { left: 0; transform-origin: center bottom; } .eska-arch-slider .carousel-item.active .eska-arch-line-top { animation: eskaFrameX .58s .12s forwards ease-out; } .eska-arch-slider .carousel-item.active .eska-arch-line-right { animation: eskaFrameY .58s .40s forwards ease-out; } .eska-arch-slider .carousel-item.active .eska-arch-line-bottom { animation: eskaFrameX .58s .68s forwards ease-out; } .eska-arch-slider .carousel-item.active .eska-arch-line-left { animation: eskaFrameY .58s .96s forwards ease-out; } @keyframes eskaFrameX { to { transform: scaleX(1); } } @keyframes eskaFrameY { to { transform: scaleY(1); } } .eska-arch-title { max-width: 830px; margin: 0 0 14px !important; color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: clamp(52px, 4.05vw, 76px); font-weight: 900; line-height: 1.08; letter-spacing: -1.8px; text-transform: uppercase; text-shadow: 0 4px 18px rgba(0,0,0,.24); opacity: 0; transform: translateY(28px); } .eska-arch-title .lime, .eska-arch-subtitle .lime, .eska-arch-link { color: #ffb100 !important; } .eska-arch-subtitle { max-width: 850px; margin: 0 0 24px; color: rgba(255,255,255,.98); font-family: Arial, Helvetica, sans-serif; font-size: clamp(17px, 1.28vw, 22px); font-weight: 500; line-height: 1.45; text-shadow: 0 2px 10px rgba(0,0,0,.28); opacity: 0; transform: translateY(24px); } .eska-arch-link { display: inline-flex; align-items: center; gap: 7px; padding: 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 800; line-height: 1; text-decoration: none !important; opacity: 0; transform: translateY(20px); transition: letter-spacing .18s ease, color .18s ease; } .eska-arch-link:hover, .eska-arch-link:focus { color: #d8ed00 !important; letter-spacing: .2px; } .eska-arch-link i { font-size: 11px; } .eska-arch-slider .carousel-item.active .eska-arch-title { animation: eskaCopyIn .68s .42s forwards ease-out; } .eska-arch-slider .carousel-item.active .eska-arch-subtitle { animation: eskaCopyIn .68s .58s forwards ease-out; } .eska-arch-slider .carousel-item.active .eska-arch-link { animation: eskaCopyIn .62s .74s forwards ease-out; } @keyframes eskaCopyIn { to { opacity: 1; transform: translateY(0); } } .eska-arch-slider .carousel-control-prev, .eska-arch-slider .carousel-control-next { top: 50%; bottom: auto; z-index: 7; width: 58px; height: 62px; opacity: 1; background: #fff; transform: translateY(-50%); transition: background .18s ease; } .eska-arch-slider .carousel-control-prev { left: 0; } .eska-arch-slider .carousel-control-next { right: 0; } .eska-arch-slider .carousel-control-prev:hover, .eska-arch-slider .carousel-control-next:hover { background: #ffb100; } .eska-arch-slider .carousel-control-prev-icon, .eska-arch-slider .carousel-control-next-icon { position: relative; width: 20px; height: 20px; background: none !important; } .eska-arch-slider .carousel-control-prev-icon::before, .eska-arch-slider .carousel-control-next-icon::before { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-top: 2px solid #111; border-right: 2px solid #111; } .eska-arch-slider .carousel-control-prev-icon::before { transform: translate(-32%, -50%) rotate(-135deg); } .eska-arch-slider .carousel-control-next-icon::before { transform: translate(-68%, -50%) rotate(45deg); } @media (max-width: 991.98px) { .eska-arch-slider .plumbing-hero-photo { height: 560px; } .eska-arch-inner { width: calc(100% - 48px); } .eska-arch-frame { left: 20px; width: min(78vw, 520px); height: 330px; } .eska-arch-copy { left: 54px; width: calc(100% - 90px); } .eska-arch-title { max-width: 680px; font-size: clamp(42px, 7.2vw, 62px); letter-spacing: -1.2px; } .eska-arch-subtitle { max-width: 650px; font-size: 17px; } .eska-arch-slider .carousel-control-prev, .eska-arch-slider .carousel-control-next { width: 48px; height: 54px; } } @media (max-width: 575.98px) { .eska-arch-slider .plumbing-hero-photo { height: 520px; } .eska-arch-inner { width: calc(100% - 28px); } .eska-arch-frame { left: 18px; width: calc(100% - 54px); height: 315px; } .eska-arch-copy { left: 42px; width: calc(100% - 70px); } .eska-arch-title { margin-bottom: 13px !important; font-size: clamp(34px, 10.5vw, 47px); line-height: 1.08; letter-spacing: -1px; } .eska-arch-subtitle { margin-bottom: 18px; font-size: 15px; line-height: 1.52; } .eska-arch-link { font-size: 13px; } .eska-arch-slider .carousel-control-prev, .eska-arch-slider .carousel-control-next { width: 42px; height: 48px; } } @media (prefers-reduced-motion: reduce) { .eska-arch-slider .carousel-item, .eska-arch-slider .plumbing-hero-photo, .eska-arch-line, .eska-arch-title, .eska-arch-subtitle, .eska-arch-link { animation: none !important; transition: none !important; } .eska-arch-line-top, .eska-arch-line-bottom { transform: scaleX(1); } .eska-arch-line-left, .eska-arch-line-right { transform: scaleY(1); } .eska-arch-title, .eska-arch-subtitle, .eska-arch-link { opacity: 1; transform: none; } } .text-primary, a.text-primary:hover, a:hover, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active, .dropdown-item:hover, .dropdown-item:focus, .service-region-cta, .glass-featured-link, .glass-alt-link, .local-article-link, .faq-orbit-bottom-link, .footer-copyright a, .footer-legal-nav a:hover { color: #ffb100 !important; } .bg-primary, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .back-to-top, .desktop-service-badge, .signature-panel-tags span, .glass-featured-chip, .service-region-eyebrow, .local-article-eyebrow, .faq-orbit-eyebrow, .faq-console-label, .faq-console-live, .faq-console-btn-primary { background: #ffb100 !important; border-color: #ffb100 !important; color: #111 !important; } .btn-primary, .back-to-top { box-shadow: none !important; } .footer-copyright a { color: #ffb100 !important; } .mobile-fixed-contact-call { background: #ffb100 !important; border-color: #ffb100 !important; color: #111 !important; } .glass-featured-link, .glass-featured-link:hover, .glass-featured-link:focus, .glass-alt-link, .glass-alt-link:hover, .glass-alt-link:focus, .local-article-link, .local-article-link:hover, .local-article-link:focus, .faq-console-btn-primary, .faq-console-btn-primary:hover, .faq-console-btn-primary:focus, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .back-to-top, .back-to-top:hover, .back-to-top:focus { color: #151b29 !important; text-shadow: none !important; } .glass-featured-link i, .glass-alt-link i, .local-article-link i, .btn-primary i, .faq-console-btn-primary i, .back-to-top i { color: #151b29 !important; } .desktop-service-badge { border: 1px solid rgba(30,40,62,.08) !important; background: radial-gradient(circle at 18% 0%, rgba(255,255,255,.68), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.50), rgba(255,255,255,.24)) !important; color: #33405a !important; box-shadow: 0 12px 22px rgba(24,32,52,.055), inset 0 1px 0 rgba(255,255,255,.60) !important; } .desktop-service-badge i { color: #ffb100 !important; } .nav-language-switcher { display: inline-flex; align-items: center; gap: 7px; margin-left: 8px; padding: 5px; border: 1px solid rgba(255,255,255,.11); border-radius: 15px; background: rgba(255,255,255,.045); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); } .nav-language-link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 48px; height: 40px; padding: 0 8px; border: 1px solid transparent; border-radius: 11px; color: rgba(255,255,255,.82) !important; font-family: Rubik, Arial, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .45px; text-decoration: none !important; transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; } .nav-language-link:hover, .nav-language-link:focus { border-color: rgba(255,177,0,.44); background: rgba(255,177,0,.08); color: #ffffff !important; transform: translateY(-1px); } .nav-language-link.active { border-color: rgba(255,177,0,.78); background: rgba(255,177,0,.13); color: #ffb100 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 16px rgba(255,177,0,.08); } .nav-language-flag { display: block; width: 24px; height: 16px; flex: 0 0 24px; overflow: hidden; border-radius: 3px; box-shadow: 0 0 0 1px rgba(255,255,255,.22), 0 2px 5px rgba(0,0,0,.18); } .nav-language-flag svg { display: block; width: 100%; height: 100%; } .nav-language-code { line-height: 1; } @media (max-width: 1399.98px) and (min-width: 992px) { .nav-language-switcher { gap: 4px; margin-left: 4px; padding: 4px; } .nav-language-link { min-width: 40px; height: 38px; padding: 0 5px; } .nav-language-code { display: none; } } @media (max-width: 991.98px) { .nav-language-switcher { width: 100%; margin: 7px 0 0; padding: 7px; justify-content: center; gap: 9px; border-radius: 14px; background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.035)); } .nav-language-link { flex: 1 1 0; min-width: 0; height: 46px; border-color: rgba(255,255,255,.11); background: rgba(255,255,255,.045); font-size: 12px; } .nav-language-flag { width: 28px; height: 19px; flex-basis: 28px; } } .nav-bar .mega-menu .mega-menu-grid, .nav-bar .mega-menu .mega-region-grid { align-items: stretch; } .nav-bar .mega-menu .mega-menu-column, .nav-bar .mega-menu .mega-region-block { min-width: 0 !important; overflow: hidden; } .nav-bar .mega-menu .dropdown-item { width: 100% !important; min-width: 0 !important; min-height: 44px !important; height: auto !important; display: flex !important; align-items: flex-start !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: break-word !important; word-break: normal !important; line-height: 1.38 !important; padding-top: 9px !important; padding-bottom: 9px !important; padding-right: 10px !important; } .nav-bar .mega-menu .dropdown-item::before { top: 15px !important; } @media (min-width: 1400px) { .nav-bar .mega-practical { width: min(980px, calc(100vw - 56px)) !important; } .nav-bar .mega-services { width: min(900px, calc(100vw - 56px)) !important; } .nav-bar .mega-regions { width: min(980px, calc(100vw - 56px)) !important; } .nav-bar .mega-menu .dropdown-item { font-size: 12.5px !important; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .nav-bar .mega-practical, .nav-bar .mega-services, .nav-bar .mega-regions { width: min(920px, calc(100vw - 42px)) !important; } .nav-bar .mega-menu .dropdown-item { font-size: 11.8px !important; line-height: 1.34 !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { .nav-bar .mega-practical, .nav-bar .mega-services, .nav-bar .mega-regions { width: min(900px, calc(100vw - 30px)) !important; } .nav-bar .mega-menu { max-height: 76vh !important; } .nav-bar .mega-menu .dropdown-item { font-size: 11.3px !important; line-height: 1.32 !important; min-height: 42px !important; } } @media (max-width: 991.98px) { .nav-bar .mega-menu .dropdown-item { min-height: 42px !important; font-size: 12.5px !important; line-height: 1.4 !important; padding-right: 8px !important; } } html[lang="en"] .nav-bar .mega-menu .dropdown-item { letter-spacing: 0 !important; } html[lang="en"] .mega-group-title { letter-spacing: .4px !important; } .eska-arch-slider .eska-arch-frame { display: block !important; } @media (min-width: 1400px) { .eska-arch-slider .eska-arch-copy { left: 108px !important; width: 780px !important; max-width: 780px !important; } .eska-arch-slider .eska-arch-frame { left: 54px !important; width: 900px !important; height: 390px !important; } .eska-arch-slider .eska-arch-title, .eska-arch-slider .eska-arch-subtitle { width: 100% !important; max-width: 100% !important; } } @media (min-width: 1200px) and (max-width: 1399.98px) { .eska-arch-slider .eska-arch-copy { left: 96px !important; width: 720px !important; max-width: 720px !important; } .eska-arch-slider .eska-arch-frame { left: 46px !important; width: 830px !important; height: 378px !important; } .eska-arch-slider .eska-arch-title, .eska-arch-slider .eska-arch-subtitle { width: 100% !important; max-width: 100% !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { .eska-arch-slider .eska-arch-copy { left: 76px !important; width: 620px !important; max-width: 620px !important; } .eska-arch-slider .eska-arch-frame { left: 32px !important; width: 720px !important; height: 360px !important; } .eska-arch-slider .eska-arch-title { width: 100% !important; max-width: 100% !important; font-size: clamp(43px, 5vw, 58px) !important; } .eska-arch-slider .eska-arch-subtitle { width: 100% !important; max-width: 100% !important; } } @media (max-width: 991.98px) { .eska-arch-slider .eska-arch-copy { left: 56px !important; width: calc(100% - 130px) !important; max-width: calc(100% - 130px) !important; } .eska-arch-slider .eska-arch-frame { left: 20px !important; width: calc(100% - 40px) !important; height: 338px !important; } .eska-arch-slider .eska-arch-title, .eska-arch-slider .eska-arch-subtitle { width: 100% !important; max-width: 100% !important; } } @media (max-width: 575.98px) { .eska-arch-slider .eska-arch-copy { left: 42px !important; width: calc(100% - 94px) !important; max-width: calc(100% - 94px) !important; } .eska-arch-slider .eska-arch-frame { left: 16px !important; width: calc(100% - 32px) !important; height: 320px !important; } .eska-arch-slider .eska-arch-title { font-size: clamp(31px, 9.8vw, 44px) !important; line-height: 1.08 !important; } .eska-arch-slider .eska-arch-subtitle { font-size: 14px !important; line-height: 1.5 !important; } } #myrek-theme-hero { --pv-accent: #ffb100; --pv-ink: #0b0d10; --pv-white: #ffffff; position: relative; isolation: isolate; width: 100%; margin: 0; background: var(--pv-ink); color: var(--pv-white); font-family: Rubik, Arial, sans-serif; } #myrek-theme-hero *, #myrek-theme-hero *::before, #myrek-theme-hero *::after { box-sizing: border-box; } #myrek-theme-hero [hidden] { display: none !important; } #myrek-theme-hero button, #myrek-theme-hero a { -webkit-tap-highlight-color: transparent; } #myrek-theme-hero button { font: inherit; cursor: pointer; } #myrek-theme-hero a { text-decoration: none !important; } #myrek-theme-hero button:focus-visible, #myrek-theme-hero a:focus-visible { outline: 3px solid #ffb100; outline-offset: 5px; } #myrek-theme-hero .pv-stage { position: relative; isolation: isolate; display: flex; flex-direction: column; min-height: 700px; min-height: clamp(680px, 83svh, 850px); overflow: hidden; background: #0b0d10; } #myrek-theme-hero .pv-aperture, #myrek-theme-hero .pv-picture, #myrek-theme-hero .pv-media, #myrek-theme-hero .pv-shade, #myrek-theme-hero .pv-intro, #myrek-theme-hero .pv-slogan { position: absolute; inset: 0; pointer-events: none; } #myrek-theme-hero .pv-aperture { z-index: 0; background: #ffb100; } #myrek-theme-hero .pv-picture { z-index: 1; overflow: hidden; background: #121418; } #myrek-theme-hero .pv-media { opacity: 0; overflow: hidden; z-index: 0; background: #121418; } #myrek-theme-hero .pv-media:first-child { opacity: 1; } #myrek-theme-hero .pv-media video { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: var(--pv-position, 50% 50%); filter: none; } #myrek-theme-hero .pv-shade { z-index: 4; background: linear-gradient(90deg, rgba(6,8,10,.87) 0%, rgba(6,8,10,.65) 26%, rgba(6,8,10,.25) 51%, rgba(6,8,10,.015) 74%, rgba(6,8,10,.08) 100%), linear-gradient(180deg, rgba(6,8,10,.38) 0%, transparent 22%, transparent 58%, rgba(6,8,10,.68) 100%); } #myrek-theme-hero .pv-container { width: min(1400px, calc(100% - 112px)); margin-inline: auto; } #myrek-theme-hero .pv-topline { position: relative; z-index: 15; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 28px; padding-bottom: 18px; } #myrek-theme-hero .pv-signature { display: flex; align-items: center; gap: 12px; } #myrek-theme-hero .pv-signature-mark { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(255,177,0,.55); color: #ffb100; background: rgba(11,13,16,.2); } #myrek-theme-hero svg { display: block; width: 21px; height: 21px; flex: 0 0 auto; } #myrek-theme-hero .pv-signature-text { font-size: 11px; font-weight: 700; letter-spacing: .19em; color: #fff; line-height: 1.6; } #myrek-theme-hero .pv-signature-text small { display: block; color: #d5d6d8; font-size: 9px; letter-spacing: .14em; font-weight: 400; } #myrek-theme-hero .pv-control-area { display: flex; align-items: center; gap: 9px; } #myrek-theme-hero .pv-silent { margin-right: 12px; color: #d5d6d8; font-size: 9px; letter-spacing: .15em; } #myrek-theme-hero .pv-control { width: 42px; height: 42px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; background: rgba(11,13,16,.5); color: #fff; transition: background .18s, border-color .18s; } #myrek-theme-hero .pv-control:hover { color: #fff; background: #111418; border-color: #ffb100; } #myrek-theme-hero .pv-control .pv-pause-icon { display: none; } #myrek-theme-hero[data-pv-playing="true"] .pv-control .pv-pause-icon { display: block; } #myrek-theme-hero[data-pv-playing="true"] .pv-control .pv-play-icon { display: none; } #myrek-theme-hero .pv-controls { display: none; gap: 9px; } #myrek-theme-hero[data-pv-ready="true"] .pv-controls { display: flex; } #myrek-theme-hero .pv-core { position: relative; z-index: 6; flex: 1 0 auto; display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(0, .85fr); gap: 6%; align-items: center; padding-block: 28px 38px; } #myrek-theme-hero .pv-copy { min-width: 0; } #myrek-theme-hero .pv-panels { display: grid; } #myrek-theme-hero .pv-panel { grid-area: 1 / 1; min-width: 0; visibility: hidden; pointer-events: none; } #myrek-theme-hero .pv-panel:first-child { visibility: visible; pointer-events: auto; } #myrek-theme-hero .pv-eyebrow { display: flex; align-items: center; gap: 10px; color: #ffb100; font-size: 10px; font-weight: 700; letter-spacing: .17em; margin: 0 0 20px; line-height: 1.65; } #myrek-theme-hero .pv-eyebrow::before { content: ""; flex: 0 0 24px; height: 2px; background: #ffb100; } #myrek-theme-hero .pv-heading { margin: 0; color: #fff !important; font-family: Oswald, "Arial Narrow", Arial, sans-serif; font-size: clamp(58px, 6.2vw, 98px); font-weight: 700; line-height: 1.045; letter-spacing: -.035em; text-transform: uppercase; text-shadow: 0 4px 28px rgba(0,0,0,.18); } #myrek-theme-hero .pv-line { display: block; overflow: hidden; padding-bottom: .07em; } #myrek-theme-hero .pv-line > span { display: block; color: #fff; will-change: transform; } #myrek-theme-hero .pv-line.pv-orange > span { color: #ffb100; } #myrek-theme-hero .pv-description { color: #f1f2f3 !important; font-size: clamp(14px, 1.12vw, 17px); line-height: 1.85; max-width: 530px; margin: 21px 0 0; } #myrek-theme-hero .pv-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 27px; } #myrek-theme-hero .pv-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 52px; padding: 14px 23px; border: 1px solid transparent; border-radius: 8px; font-size: 13px; font-weight: 700; line-height: 1.4; transition: background .18s, transform .18s, border-color .18s; } #myrek-theme-hero .pv-btn:hover { transform: translateY(-2px); } #myrek-theme-hero .pv-btn-primary, #myrek-theme-hero .pv-btn-primary:visited, #myrek-theme-hero .pv-btn-primary:hover, #myrek-theme-hero .pv-btn-primary:focus { color: #0b0d10 !important; background: #ffb100; border-color: #ffb100; } #myrek-theme-hero .pv-btn-primary:hover { background: #ffc13b; } #myrek-theme-hero .pv-btn-primary svg, #myrek-theme-hero .pv-btn-primary span { color: #0b0d10 !important; } #myrek-theme-hero .pv-btn-secondary, #myrek-theme-hero .pv-btn-secondary:visited, #myrek-theme-hero .pv-btn-secondary:hover, #myrek-theme-hero .pv-btn-secondary:focus { color: #fff !important; background: rgba(10,13,16,.55); border-color: rgba(255,255,255,.38); } #myrek-theme-hero .pv-btn-secondary:hover { border-color: #ffb100; background: #15181b; } #myrek-theme-hero .pv-btn-secondary span, #myrek-theme-hero .pv-btn-secondary svg { color: #fff !important; } #myrek-theme-hero .pv-tags { display: flex; gap: 15px; flex-wrap: wrap; margin-top: 20px; padding: 0; } #myrek-theme-hero .pv-tags span { color: #dadddf; font-size: 10px; line-height: 1.5; letter-spacing: .015em; } #myrek-theme-hero .pv-tags span::before { content: ""; display: inline-block; width: 4px; height: 4px; margin-right: 7px; background: #ffb100; vertical-align: middle; } #myrek-theme-hero .pv-viewfinder { position: relative; align-self: stretch; margin-top: 22px; margin-bottom: 6px; display: flex; flex-direction: column; justify-content: space-between; min-height: 330px; padding: 16px 0; color: #fff; } #myrek-theme-hero .pv-viewfinder::before, #myrek-theme-hero .pv-viewfinder::after { content: ""; position: absolute; width: 50px; height: 50px; opacity: .75; pointer-events: none; } #myrek-theme-hero .pv-viewfinder::before { top: 0; right: 0; border-top: 1px solid #ffb100; border-right: 1px solid #ffb100; } #myrek-theme-hero .pv-viewfinder::after { left: 0; bottom: 0; border-left: 1px solid rgba(255,255,255,.75); border-bottom: 1px solid rgba(255,255,255,.75); } #myrek-theme-hero .pv-view-top { align-self: flex-end; margin-right: 17px; color: #fff; font-size: 9px; letter-spacing: .19em; padding: 6px 10px; background: rgba(9,12,15,.38); } #myrek-theme-hero .pv-view-caption { align-self: flex-end; max-width: 270px; padding: 17px 19px; margin-bottom: 15px; border-left: 2px solid #ffb100; background: rgba(10,12,15,.78); backdrop-filter: blur(5px); } #myrek-theme-hero .pv-view-caption small { display: block; margin-bottom: 9px; color: #ffb100; font-size: 9px; letter-spacing: .13em; } #myrek-theme-hero .pv-view-caption strong { display: block; color: #fff; font-size: 19px; font-weight: 500; line-height: 1.4; } #myrek-theme-hero .pv-view-caption p { color: #dadcdf; font-size: 11px; line-height: 1.65; margin: 8px 0 0; } #myrek-theme-hero .pv-status { position: absolute; right: 24px; top: 87px; z-index: 21; max-width: 280px; padding: 10px 14px; background: rgba(9,12,15,.92); border-left: 2px solid #ffb100; color: #fff; font-size: 11px; line-height: 1.6; } #myrek-theme-hero .pv-playlist { position: relative; z-index: 15; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; padding: 10px 0 27px; } #myrek-theme-hero .pv-scene-button { min-width: 0; display: grid; grid-template-columns: 23px 56px minmax(0, 1fr); column-gap: 12px; align-items: center; padding: 15px 0 0; border: 0; border-radius: 0; text-align: left; background: transparent; color: #fff; position: relative; } #myrek-theme-hero .pv-track { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,.3); overflow: hidden; } #myrek-theme-hero .pv-track i { display: block; width: 100%; height: 100%; background: #ffb100; transform: scaleX(0); transform-origin: left center; } #myrek-theme-hero .pv-num { color: #b8bdc2; font-size: 11px; font-variant-numeric: tabular-nums; } #myrek-theme-hero .pv-scene-button img { width: 56px; height: 42px; object-fit: cover; border-radius: 3px; opacity: .7; } #myrek-theme-hero .pv-scene-button small { display: block; font-size: 9px; letter-spacing: .06em; font-weight: 400; color: #c5c8cc; line-height: 1.5; margin-top: 3px; } #myrek-theme-hero .pv-scene-name { display: block; font-size: 12px; font-weight: 500; color: #fff; line-height: 1.5; } #myrek-theme-hero .pv-scene-button[aria-pressed="true"] .pv-num { color: #ffb100; } #myrek-theme-hero .pv-scene-button[aria-pressed="true"] img { opacity: 1; } #myrek-theme-hero .pv-scene-button:hover .pv-scene-name { color: #ffb100; } #myrek-theme-hero .pv-intro { z-index: 10; display: none; place-content: center; text-align: center; } #myrek-theme-hero .pv-intro-word { display: block; margin: 0; color: #fff !important; font-family: Oswald, "Arial Narrow", Arial, sans-serif; font-size: clamp(120px, 21vw, 285px); font-weight: 700; line-height: 1; letter-spacing: -.045em; text-shadow: 0 10px 45px rgba(0,0,0,.5); } #myrek-theme-hero .pv-intro-word span { color: #ffb100; } #myrek-theme-hero .pv-intro-note { display: flex; align-items: center; justify-content: center; gap: 15px; color: #fff; font-size: 10px; letter-spacing: .24em; line-height: 1.7; margin-top: 26px; } #myrek-theme-hero .pv-intro-note::before, #myrek-theme-hero .pv-intro-note::after { content: ""; width: 36px; height: 2px; background: #ffb100; } #myrek-theme-hero .pv-slogan { z-index: 11; display: none; place-content: center; text-align: center; padding: 24px; } #myrek-theme-hero .pv-slogan p { margin: 0; color: #0b0d10 !important; font-family: Oswald, "Arial Narrow", Arial, sans-serif; font-size: clamp(34px, 5.6vw, 86px); font-weight: 700; line-height: 1.18; letter-spacing: -.025em; text-transform: uppercase; } #myrek-theme-hero .pv-slogan-line { display: block; overflow: hidden; padding: .1em 0; } #myrek-theme-hero .pv-slogan-line > span { display: block; } #myrek-theme-hero .pv-slogan small { display: block; color: #0b0d10; font-size: 10px; letter-spacing: .28em; margin-bottom: 20px; } #myrek-theme-hero[data-pv-ready="true"] .pv-intro, #myrek-theme-hero[data-pv-ready="true"] .pv-slogan { display: grid; visibility: hidden; } #myrek-theme-hero[data-pv-slogan="true"] .pv-signature-text, #myrek-theme-hero[data-pv-slogan="true"] .pv-signature-text small, #myrek-theme-hero[data-pv-slogan="true"] .pv-silent { color: #0b0d10; } #myrek-theme-hero[data-pv-slogan="true"] .pv-signature-mark { color: #0b0d10; border-color: rgba(0,0,0,.5); background: transparent; } #myrek-theme-hero .pv-solutions { position: relative; background: #101316; border-top: 1px solid rgba(255,177,0,.32); padding: 29px 0 32px; scroll-margin-top: 20px; } #myrek-theme-hero .pv-solutions-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 30px; } #myrek-theme-hero .pv-solution { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 16px; min-width: 0; padding-right: 22px; border-right: 1px solid rgba(255,255,255,.14); } #myrek-theme-hero .pv-solution:last-child { border-right: 0; padding-right: 0; } #myrek-theme-hero .pv-solution-icon { width: 40px; height: 40px; display: grid; place-items: center; color: #ffb100; border: 1px solid rgba(255,177,0,.4); border-radius: 8px; background: rgba(255,177,0,.05); } #myrek-theme-hero .pv-solution h3 { color: #fff !important; font-family: Oswald, Arial, sans-serif; font-size: 20px; font-weight: 500; line-height: 1.4; margin: 0 0 7px; } #myrek-theme-hero .pv-solution p { color: #b6bdc3; font-size: 12px; line-height: 1.8; margin: 0; } @media (min-width: 1800px) { #myrek-theme-hero .pv-container { width: min(1540px, calc(100% - 160px)); } #myrek-theme-hero .pv-heading { font-size: 108px; } } @media (max-width: 1199.98px) { #myrek-theme-hero .pv-container { width: calc(100% - 68px); } #myrek-theme-hero .pv-core { grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr); gap: 4%; } #myrek-theme-hero .pv-heading { font-size: clamp(53px, 6.4vw, 76px); } #myrek-theme-hero .pv-description { max-width: 460px; } #myrek-theme-hero .pv-solutions-grid { gap: 22px; } #myrek-theme-hero .pv-solution { gap: 12px; padding-right: 14px; } } @media (max-width: 991.98px) { #myrek-theme-hero .pv-stage { min-height: 770px; } #myrek-theme-hero .pv-core { grid-template-columns: minmax(0, 1fr); padding: 90px 0 32px; } #myrek-theme-hero .pv-copy { max-width: 620px; } #myrek-theme-hero .pv-heading { font-size: clamp(58px, 10vw, 85px); } #myrek-theme-hero .pv-viewfinder { display: none; } #myrek-theme-hero .pv-shade { background: linear-gradient(180deg, rgba(7,9,12,.15) 0%, rgba(7,9,12,.14) 20%, rgba(7,9,12,.66) 42%, rgba(7,9,12,.91) 75%, #0b0d10 100%); } #myrek-theme-hero .pv-solutions-grid { grid-template-columns: 1fr; gap: 22px; } #myrek-theme-hero .pv-solution { padding: 0 0 20px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); } #myrek-theme-hero .pv-solution:last-child { padding-bottom: 0; border-bottom: 0; } #myrek-theme-hero .pv-solution p { max-width: 570px; } } @media (max-width: 575.98px) { #myrek-theme-hero .pv-container { width: calc(100% - 40px); } #myrek-theme-hero .pv-stage { min-height: 760px; } #myrek-theme-hero .pv-topline { padding-top: 20px; padding-bottom: 12px; gap: 12px; } #myrek-theme-hero .pv-signature { gap: 9px; } #myrek-theme-hero .pv-signature-mark { width: 31px; height: 31px; } #myrek-theme-hero .pv-signature-text { font-size: 10px; letter-spacing: .09em; } #myrek-theme-hero .pv-signature-text small { font-size: 8px; letter-spacing: .03em; } #myrek-theme-hero .pv-silent { display: none; } #myrek-theme-hero .pv-control { width: 37px; height: 37px; } #myrek-theme-hero .pv-control svg { width: 17px; height: 17px; } #myrek-theme-hero .pv-controls { gap: 7px; } #myrek-theme-hero .pv-core { padding: 142px 0 28px; align-items: end; } #myrek-theme-hero .pv-heading { font-size: clamp(41px, 11vw, 62px); line-height: 1.085; letter-spacing: -.025em; } #myrek-theme-hero .pv-eyebrow { font-size: 9px; letter-spacing: .08em; margin-bottom: 15px; } #myrek-theme-hero .pv-description { font-size: 13px; line-height: 1.8; margin-top: 17px; } #myrek-theme-hero .pv-actions { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 9px; margin-top: 22px; } #myrek-theme-hero .pv-btn { min-height: 50px; gap: 8px; padding: 12px 9px; font-size: 11px; } #myrek-theme-hero .pv-btn svg { width: 17px; height: 17px; } #myrek-theme-hero .pv-tags { gap: 8px 12px; margin-top: 17px; } #myrek-theme-hero .pv-tags span { font-size: 9px; } #myrek-theme-hero .pv-playlist { gap: 15px; padding: 10px 0 24px; } #myrek-theme-hero .pv-scene-button { display: block; padding-top: 12px; } #myrek-theme-hero .pv-scene-button img, #myrek-theme-hero .pv-scene-button small { display: none; } #myrek-theme-hero .pv-num { display: block; font-size: 10px; margin-bottom: 5px; } #myrek-theme-hero .pv-scene-name { font-size: 10px; } #myrek-theme-hero .pv-intro-word { font-size: clamp(120px, 33vw, 190px); } #myrek-theme-hero .pv-intro-note { font-size: 8px; gap: 9px; letter-spacing: .1em; } #myrek-theme-hero .pv-intro-note::before, #myrek-theme-hero .pv-intro-note::after { width: 22px; } #myrek-theme-hero .pv-slogan { padding: 20px; } #myrek-theme-hero .pv-slogan p { font-size: clamp(31px, 8.5vw, 46px); } #myrek-theme-hero .pv-slogan small { font-size: 8px; } #myrek-theme-hero .pv-status { right: 20px; top: 75px; max-width: calc(100% - 40px); } #myrek-theme-hero .pv-solutions { padding-block: 25px; } } @media (prefers-reduced-motion: reduce) { #myrek-theme-hero a, #myrek-theme-hero button { transition: none; } #myrek-theme-hero .pv-line > span { will-change: auto; } } #myrek-theme-hero[data-pv-slogan="true"] .pv-scene-name, #myrek-theme-hero[data-pv-slogan="true"] .pv-num, #myrek-theme-hero[data-pv-slogan="true"] .pv-scene-button small { color: #0b0d10; } #myrek-theme-hero[data-pv-slogan="true"] .pv-track { background: rgba(11,13,16,.26); } #myrek-theme-hero[data-pv-slogan="true"] .pv-track i { background: #0b0d10; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block { background: radial-gradient(circle at 12% 50%, rgba(255,177,0,.12), transparent 22%), linear-gradient(90deg, #07090c 0%, #11151a 54%, #090b0e 100%) !important; border-bottom: 1px solid rgba(255,177,0,.16) !important; box-shadow: inset 0 -1px 0 rgba(255,255,255,.025), 0 8px 24px rgba(0,0,0,.18) !important; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block .text-body, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a.text-body, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block span.text-body { color: rgba(255,255,255,.76) !important; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block .text-primary, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block .text-success, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block i { color: #ffb100 !important; } #adau-site-navigation { position: relative !important; z-index: 10000 !important; padding: 14px 22px 16px !important; overflow: visible !important; background: radial-gradient(circle at 7% 15%, rgba(255,177,0,.15), transparent 24%), radial-gradient(circle at 95% 10%, rgba(255,255,255,.045), transparent 22%), linear-gradient(180deg, #0b0e12 0%, #080a0d 100%) !important; border-bottom: 1px solid rgba(255,177,0,.14); } #adau-site-navigation::before { background: rgba(255,177,0,.14) !important; filter: blur(25px) !important; } #adau-site-navigation::after { background: rgba(255,255,255,.045) !important; filter: blur(28px) !important; } #adau-site-navigation .navbar { position: relative !important; z-index: 10002 !important; overflow: visible !important; border: 1px solid rgba(255,177,0,.22) !important; border-radius: 28px !important; background: radial-gradient(circle at 12% -10%, rgba(255,255,255,.08), transparent 30%), radial-gradient(circle at 100% 0%, rgba(255,177,0,.07), transparent 24%), linear-gradient(135deg, rgba(19,22,27,.97), rgba(9,11,14,.96) 52%, rgba(18,20,24,.96)) !important; -webkit-backdrop-filter: blur(30px) saturate(160%) !important; backdrop-filter: blur(30px) saturate(160%) !important; box-shadow: 0 22px 50px rgba(0,0,0,.28), 0 8px 24px rgba(255,177,0,.045), inset 0 1px 0 rgba(255,255,255,.11), inset 0 -1px 0 rgba(255,177,0,.045) !important; } #adau-site-navigation .navbar::before { background: linear-gradient(90deg, transparent, rgba(255,177,0,.30), rgba(255,255,255,.18), transparent) !important; opacity: .72 !important; } #adau-site-navigation .site-logo-brand { border-radius: 18px; padding: 4px 8px !important; background: rgba(255,255,255,.025); } #adau-site-navigation .site-main-logo { filter: drop-shadow(0 8px 18px rgba(0,0,0,.22)); } #adau-site-navigation .navbar-nav .nav-link { color: rgba(255,255,255,.88) !important; border: 1px solid rgba(255,255,255,.075) !important; background: radial-gradient(circle at 18% -20%, rgba(255,255,255,.07), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.012)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important; } #adau-site-navigation .navbar-nav .nav-link:hover, #adau-site-navigation .navbar-nav .nav-link:focus, #adau-site-navigation .navbar-nav .nav-link.active, #adau-site-navigation .navbar-nav .show > .nav-link, #adau-site-navigation .navbar-nav .adau-menu-open > .nav-link { color: #ffffff !important; border-color: rgba(255,177,0,.52) !important; background: radial-gradient(circle at 16% -20%, rgba(255,255,255,.11), transparent 34%), linear-gradient(135deg, rgba(255,177,0,.19), rgba(255,255,255,.035)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.18), 0 0 22px rgba(255,177,0,.055) !important; } #adau-site-navigation .navbar-nav .nav-link.active { color: #ffb100 !important; } #adau-site-navigation .dropdown-toggle::after { border-top-color: rgba(255,177,0,.88) !important; } #adau-site-navigation .dropdown-menu { border: 1px solid rgba(255,177,0,.18) !important; background: radial-gradient(circle at 10% 0%, rgba(255,177,0,.10), transparent 28%), radial-gradient(circle at 92% 8%, rgba(255,255,255,.045), transparent 28%), linear-gradient(145deg, rgba(12,15,19,.985), rgba(20,23,28,.98)) !important; -webkit-backdrop-filter: blur(34px) saturate(150%) !important; backdrop-filter: blur(34px) saturate(150%) !important; box-shadow: 0 28px 56px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important; } #adau-site-navigation .mega-menu-head { border-color: rgba(255,177,0,.14) !important; background: linear-gradient(135deg, rgba(255,177,0,.10), rgba(255,255,255,.025)) !important; } #adau-site-navigation .mega-menu-head-icon, #adau-site-navigation .mobile-nav-icon { color: #ffb100 !important; border-color: rgba(255,177,0,.30) !important; background: linear-gradient(145deg, rgba(255,177,0,.14), rgba(255,255,255,.035)) !important; } #adau-site-navigation .mega-group-title { color: #ffb100 !important; background: rgba(255,177,0,.075) !important; } #adau-site-navigation .dropdown-item { color: rgba(255,255,255,.88) !important; } #adau-site-navigation .dropdown-item::before { background: #ffb100 !important; box-shadow: 0 0 12px rgba(255,177,0,.34) !important; } #adau-site-navigation .dropdown-item:hover, #adau-site-navigation .dropdown-item:focus { color: #fff !important; background: linear-gradient(135deg, rgba(255,177,0,.11), rgba(255,255,255,.025)) !important; } #adau-site-navigation .navbar-toggler { border-color: rgba(255,177,0,.44) !important; background: linear-gradient(145deg, rgba(255,177,0,.14), rgba(255,255,255,.04)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 22px rgba(0,0,0,.20) !important; } #adau-site-navigation .navbar-toggler[aria-expanded="true"] .premium-toggler-lines::before, #adau-site-navigation .navbar-toggler[aria-expanded="true"] .premium-toggler-lines::after { background: #ffb100 !important; } #adau-site-navigation .mobile-glass-status { border-color: rgba(255,177,0,.14) !important; background: linear-gradient(135deg, rgba(255,177,0,.08), rgba(255,255,255,.025)) !important; } #adau-site-navigation .mobile-glass-status strong::before { background: #ffb100 !important; box-shadow: 0 0 0 4px rgba(255,177,0,.10), 0 0 14px rgba(255,177,0,.50) !important; } #adau-site-navigation .mobile-glass-call { border-color: rgba(255,177,0,.82) !important; background: radial-gradient(120% 72% at 16% -16%, rgba(255,255,255,.34) 0%, transparent 42%), linear-gradient(135deg, rgba(255,177,0,.88), rgba(255,145,0,.72)) !important; color: #111 !important; text-shadow: none !important; box-shadow: 0 16px 30px rgba(255,177,0,.16), inset 0 1px 0 rgba(255,255,255,.28) !important; } @media (max-width: 991.98px) { #adau-site-navigation { padding: 10px 8px 12px !important; } #adau-site-navigation .navbar { border-radius: 22px !important; } #adau-site-navigation #navbarCollapse { border-color: rgba(255,177,0,.16) !important; background: radial-gradient(circle at 12% 0%, rgba(255,177,0,.08), transparent 32%), linear-gradient(145deg, rgba(21,24,29,.96), rgba(10,12,15,.96)) !important; } } #adau-site-navigation { position: relative !important; z-index: 10000 !important; overflow: visible !important; } #adau-site-navigation > .position-relative, #adau-site-navigation .navbar { overflow: visible !important; } #adau-site-navigation .mega-dropdown::after { content: none !important; display: none !important; pointer-events: none !important; } #adau-site-navigation .mega-menu { box-sizing: border-box !important; float: none !important; min-width: 0 !important; margin: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; scroll-behavior: auto !important; scroll-padding-block: 12px; z-index: 10001 !important; background: radial-gradient(ellipse at 8% 0%, rgba(255,177,0,.10), transparent 40%), radial-gradient(ellipse at 100% 0%, rgba(255,177,0,.14), transparent 45%), linear-gradient(145deg, #182033, #202b43) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; opacity: 1 !important; transition: none !important; animation: none !important; } #adau-site-navigation[data-adau-menu-ready="true"] .mega-dropdown > .mega-menu { display: none !important; visibility: hidden !important; pointer-events: none !important; } #adau-site-navigation[data-adau-menu-ready="true"] .mega-dropdown.adau-menu-open > .mega-menu { display: block !important; visibility: visible !important; pointer-events: auto !important; } #adau-site-navigation .mega-menu .mega-menu-head strong { color: #ffffff !important; } #adau-site-navigation .mega-menu .mega-menu-head small { color: rgba(255,255,255,.76) !important; } #adau-site-navigation .mega-menu .dropdown-item { color: #ffffff !important; } #adau-site-navigation .mega-menu .mega-group-title { color: #ffb100 !important; } #adau-site-navigation .mega-menu a:focus-visible, #adau-site-navigation .navbar-toggler:focus-visible, #adau-site-navigation .dropdown-toggle:focus-visible { outline: 2px solid #ffb100 !important; outline-offset: -3px; } #adau-site-navigation .adau-menu-open > .dropdown-toggle::after { transform: rotate(180deg) !important; } @media (min-width: 992px) { #adau-site-navigation .navbar { position: relative !important; } #adau-site-navigation #navbarCollapse, #adau-site-navigation .navbar-nav, #adau-site-navigation .mega-dropdown { position: static !important; } #adau-site-navigation .mega-menu { position: absolute !important; top: calc(100% - 1px) !important; bottom: auto !important; left: var(--adau-menu-center, 50%) !important; right: auto !important; width: var(--adau-menu-width, min(980px, calc(100% - 24px))) !important; max-width: calc(100% - 24px) !important; height: auto !important; max-height: var(--adau-menu-height, 65vh) !important; transform: translateX(-50%) !important; transform-origin: top center !important; } #adau-site-navigation[data-adau-menu-ready="true"] #navbarCollapse { display: flex !important; } } @media (max-width: 991.98px) { #adau-site-navigation .mega-menu { position: static !important; inset: auto !important; width: 100% !important; max-width: 100% !important; margin: 8px 0 4px !important; max-height: min(58vh, 520px) !important; transform: none !important; } #adau-site-navigation .mega-menu .mega-menu-grid, #adau-site-navigation .mega-menu .mega-region-grid, #adau-site-navigation .mega-menu .mega-region-layout { display: block !important; } #adau-site-navigation[data-adau-menu-ready="true"] #navbarCollapse { display: none !important; height: auto !important; overflow: visible !important; transition: none !important; } #adau-site-navigation[data-adau-mobile-open="true"] #navbarCollapse { display: block !important; } } #adau-site-navigation .mega-menu { border: 1px solid rgba(255,177,0,.28) !important; background: radial-gradient(ellipse at 8% 0%, rgba(255,177,0,.16), transparent 38%), radial-gradient(ellipse at 100% 0%, rgba(255,255,255,.035), transparent 42%), linear-gradient(145deg, #151515 0%, #0c0d0f 52%, #18130b 100%) !important; box-shadow: 0 30px 62px rgba(0,0,0,.48), 0 0 0 1px rgba(255,177,0,.035), inset 0 1px 0 rgba(255,255,255,.07), inset 0 -1px 0 rgba(255,177,0,.035) !important; } #adau-site-navigation .mega-menu .mega-menu-head { border-color: rgba(255,177,0,.24) !important; background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.055), transparent 34%), linear-gradient(135deg, rgba(255,177,0,.16), rgba(255,177,0,.055)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; } #adau-site-navigation .mega-menu .mega-menu-head-icon { color: #ffb100 !important; border-color: rgba(255,177,0,.36) !important; background: linear-gradient(145deg, rgba(255,177,0,.18), rgba(255,255,255,.025)) !important; box-shadow: 0 8px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important; } #adau-site-navigation .mega-menu .mega-menu-head strong { color: #fff8ea !important; } #adau-site-navigation .mega-menu .mega-menu-head small { color: rgba(255,241,214,.66) !important; } #adau-site-navigation .mega-menu .mega-menu-column, #adau-site-navigation .mega-menu .mega-region-block { border-color: rgba(255,177,0,.10) !important; background: radial-gradient(circle at 14% 0%, rgba(255,177,0,.055), transparent 34%), linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,177,0,.018)) !important; } #adau-site-navigation .mega-menu .mega-group-title { color: #ffc22f !important; border: 1px solid rgba(255,177,0,.12) !important; background: linear-gradient(135deg, rgba(255,177,0,.14), rgba(255,177,0,.045)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important; } #adau-site-navigation .mega-menu .dropdown-item { color: rgba(255,250,241,.92) !important; background: transparent !important; border-color: transparent !important; } #adau-site-navigation .mega-menu .dropdown-item::before { background: #ffb100 !important; box-shadow: 0 0 10px rgba(255,177,0,.44) !important; } #adau-site-navigation .mega-menu .dropdown-item:hover, #adau-site-navigation .mega-menu .dropdown-item:focus { color: #ffffff !important; background: radial-gradient(circle at 14% 0%, rgba(255,255,255,.065), transparent 32%), linear-gradient(135deg, rgba(255,177,0,.15), rgba(255,177,0,.035)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important; } #adau-site-navigation .mega-menu::-webkit-scrollbar-thumb { background: rgba(255,177,0,.72) !important; } #adau-site-navigation .mega-menu::-webkit-scrollbar-track { background: rgba(255,255,255,.025) !important; } #adau-site-navigation .mega-menu { scrollbar-color: rgba(255,177,0,.72) rgba(255,255,255,.025) !important; } #adau-site-navigation .mega-menu a:focus-visible, #adau-site-navigation .navbar-toggler:focus-visible, #adau-site-navigation .dropdown-toggle:focus-visible { outline-color: #ffb100 !important; } @media (max-width: 991.98px) { #adau-site-navigation .mega-menu { background: radial-gradient(circle at 10% 0%, rgba(255,177,0,.14), transparent 34%), linear-gradient(145deg, #151515, #0a0b0d) !important; } } :root { --hf-amber: #ffb100; --hf-amber-2: #ff9200; --hf-amber-soft: rgba(255,177,0,.12); --hf-black: #0b0d10; --hf-black-2: #12151a; --hf-black-3: #1a1e24; --hf-ink: #17191d; --hf-gray: #656b73; --hf-line: rgba(17,19,23,.10); --hf-white: #ffffff; --hf-warm: #f8f6f1; } html, body { background: var(--hf-white) !important; color: var(--hf-ink); } body { overflow-x: hidden; } ::selection { background: var(--hf-amber); color: var(--hf-black); } .text-primary, a.text-primary, a.text-primary:hover, a.text-primary:focus { color: var(--hf-amber) !important; } .text-secondary { color: var(--hf-black) !important; } .bg-primary { background: var(--hf-amber) !important; border-color: var(--hf-amber) !important; } .bg-secondary { background: var(--hf-black-2) !important; } .bg-dark { background: var(--hf-black) !important; } .bg-light { background: var(--hf-white) !important; } .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .back-to-top, .back-to-top:hover, .back-to-top:focus { background: linear-gradient(135deg, #ffc127 0%, var(--hf-amber) 58%, var(--hf-amber-2) 100%) !important; border-color: var(--hf-amber) !important; color: var(--hf-black) !important; box-shadow: 0 14px 30px rgba(255,177,0,.22) !important; } .btn-primary i, .back-to-top i { color: var(--hf-black) !important; } .display-4, h1, h2, h3, h4, h5, h6 { color: var(--hf-ink); } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block { background: radial-gradient(circle at 8% 50%, rgba(255,177,0,.12), transparent 23%), radial-gradient(circle at 90% 50%, rgba(255,177,0,.07), transparent 24%), linear-gradient(135deg, #080a0d 0%, #111419 55%, #090b0e 100%) !important; border-bottom: 1px solid rgba(255,177,0,.24) !important; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block .text-primary { color: var(--hf-amber) !important; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block .text-body, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a.text-body, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block span.text-body { color: rgba(255,255,255,.84) !important; } #adau-site-navigation, .nav-bar { background: radial-gradient(circle at 8% 16%, rgba(255,177,0,.15), transparent 25%), radial-gradient(circle at 94% 12%, rgba(255,177,0,.08), transparent 28%), linear-gradient(180deg, #0a0c0f 0%, #101318 100%) !important; } #adau-site-navigation .navbar, .nav-bar .navbar { border-color: rgba(255,177,0,.28) !important; background: radial-gradient(circle at 12% -12%, rgba(255,255,255,.08), transparent 28%), radial-gradient(circle at 96% 0%, rgba(255,177,0,.08), transparent 24%), linear-gradient(135deg, rgba(17,20,24,.97), rgba(8,10,13,.96)) !important; box-shadow: 0 24px 52px rgba(0,0,0,.30), 0 0 28px rgba(255,177,0,.06), inset 0 1px 0 rgba(255,255,255,.10) !important; } .nav-bar .navbar-nav .nav-link { color: rgba(255,255,255,.88) !important; border-color: rgba(255,255,255,.09) !important; } .nav-bar .navbar-nav .nav-link:hover, .nav-bar .navbar-nav .nav-link:focus, .nav-bar .navbar-nav .nav-link.active, .nav-bar .navbar-nav .show > .nav-link { color: var(--hf-amber) !important; border-color: rgba(255,177,0,.55) !important; background: linear-gradient(135deg, rgba(255,177,0,.16), rgba(255,255,255,.035)) !important; box-shadow: 0 12px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08) !important; } .nav-bar .dropdown-menu, .nav-bar .mega-menu { border-color: rgba(255,177,0,.24) !important; background: radial-gradient(circle at 12% 0%, rgba(255,177,0,.09), transparent 30%), linear-gradient(145deg, rgba(14,17,21,.985), rgba(6,8,10,.98)) !important; box-shadow: 0 28px 58px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08) !important; } .nav-bar .dropdown-item { color: rgba(255,255,255,.88) !important; } .nav-bar .dropdown-item::before { background: var(--hf-amber) !important; box-shadow: 0 0 10px rgba(255,177,0,.34) !important; } .nav-bar .dropdown-item:hover, .nav-bar .dropdown-item:focus { color: #fff !important; background: linear-gradient(135deg, rgba(255,177,0,.16), rgba(255,255,255,.035)) !important; } .mega-menu-head, .mega-menu-column, .mega-region-block { border-color: rgba(255,177,0,.13) !important; background: rgba(255,255,255,.03) !important; } .mega-menu-head-icon, .mega-group-title { color: var(--hf-amber) !important; border-color: rgba(255,177,0,.30) !important; background: rgba(255,177,0,.09) !important; } .mega-menu-head strong { color: #fff !important; } .mega-menu-head small { color: rgba(255,255,255,.62) !important; } .desktop-service-strip { background: linear-gradient(180deg, #f3efe7 0%, #ffffff 100%) !important; } .desktop-service-panel { border-color: rgba(255,177,0,.22) !important; background: radial-gradient(circle at 8% -8%, rgba(255,177,0,.13), transparent 30%), linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,246,241,.96)) !important; box-shadow: 0 22px 48px rgba(18,20,24,.10), inset 0 1px 0 rgba(255,255,255,.94) !important; } .desktop-service-eyebrow { background: rgba(255,177,0,.13) !important; color: #9b5e00 !important; } .desktop-service-intro h4 { color: var(--hf-ink) !important; } .desktop-service-intro p { color: #61666d !important; } .desktop-service-badge { border-color: rgba(17,19,23,.09) !important; background: #fff !important; color: var(--hf-ink) !important; box-shadow: 0 9px 20px rgba(17,19,23,.06), inset 0 1px 0 #fff !important; } .desktop-service-badge i { color: var(--hf-amber) !important; } .desktop-service-cta-primary { color: var(--hf-black) !important; border-color: var(--hf-amber) !important; background: linear-gradient(135deg, #ffc22e, var(--hf-amber)) !important; } .desktop-service-cta-secondary { color: #fff !important; border-color: #17191d !important; background: linear-gradient(135deg, #1b1e23, #0c0e11) !important; } #hakkimizda { background: #fff !important; } #hakkimizda p { color: #5d6269; } #hakkimizda .bg-light, #hakkimizda .bg-secondary { border: 1px solid rgba(17,19,23,.08); border-radius: 22px; box-shadow: 0 14px 30px rgba(17,19,23,.07); } #hakkimizda .bg-secondary { background: var(--hf-black-2) !important; } #hakkimizda .bg-light { background: #fff !important; } #hakkimizda .bg-primary { background: var(--hf-amber) !important; } #hakkimizda .bg-primary i { color: var(--hf-black) !important; } .signature-services-section { background: radial-gradient(circle at 8% 10%, rgba(255,177,0,.13), transparent 23%), radial-gradient(circle at 94% 6%, rgba(255,177,0,.08), transparent 25%), linear-gradient(180deg, #f9f7f2 0%, #ffffff 100%) !important; } .signature-services-section::before, .signature-services-section::after { background: rgba(255,177,0,.16) !important; } .signature-services-lead { color: #62676e !important; } .signature-mini-card, .signature-floating-card, .signature-glass-panel { border-color: rgba(17,19,23,.10) !important; background: rgba(255,255,255,.94) !important; box-shadow: 0 22px 42px rgba(17,19,23,.09), inset 0 1px 0 rgba(255,255,255,.95) !important; } .signature-mini-card h5, .signature-floating-card h5, .signature-glass-panel h4 { color: var(--hf-ink) !important; } .signature-mini-card p, .signature-glass-panel p { color: #636870 !important; } .signature-mini-icon { background: linear-gradient(135deg, #ffc32d, var(--hf-amber)) !important; color: var(--hf-black) !important; box-shadow: 0 13px 26px rgba(255,177,0,.20) !important; } .signature-blob { background: linear-gradient(135deg, rgba(255,177,0,.90), rgba(255,146,0,.72)) !important; filter: drop-shadow(0 24px 42px rgba(255,177,0,.18)) !important; } .signature-main-photo { border-color: rgba(255,177,0,.45) !important; } .signature-float-content span { color: #b36a00 !important; } .signature-panel-tags span { background: rgba(255,177,0,.12) !important; border-color: rgba(255,177,0,.20) !important; color: #7d4c00 !important; } .glass-featured-section { background: radial-gradient(circle at 7% 7%, rgba(255,177,0,.12), transparent 22%), radial-gradient(circle at 94% 6%, rgba(255,177,0,.06), transparent 25%), #ffffff !important; } .glass-featured-section::before, .glass-featured-section::after { background: rgba(255,177,0,.14) !important; } .glass-featured-lead { color: #646970 !important; } .glass-featured-card { border-color: rgba(17,19,23,.10) !important; background: linear-gradient(145deg, #ffffff, #f8f6f1) !important; box-shadow: 0 22px 44px rgba(17,19,23,.09), inset 0 1px 0 rgba(255,255,255,.96) !important; } .glass-featured-card:hover { border-color: rgba(255,177,0,.72) !important; box-shadow: 0 28px 54px rgba(17,19,23,.13), 0 0 30px rgba(255,177,0,.08) !important; } .glass-featured-chip { background: rgba(255,177,0,.14) !important; border-color: rgba(255,177,0,.18) !important; color: #8e5600 !important; } .glass-featured-body h4 { color: var(--hf-ink) !important; } .glass-featured-body p { color: #646970 !important; } .glass-featured-link, .glass-featured-link:hover, .glass-featured-link:focus { color: var(--hf-black) !important; border-color: var(--hf-amber) !important; background: linear-gradient(135deg, #ffc32e, var(--hf-amber)) !important; box-shadow: 0 13px 25px rgba(255,177,0,.20) !important; } .team-carousel .team-item { overflow: hidden; border: 1px solid rgba(17,19,23,.09); border-radius: 22px; background: #fff; box-shadow: 0 16px 34px rgba(17,19,23,.08); } .team-carousel .team-item .position-relative { padding-left: 18px !important; padding-right: 18px !important; background: linear-gradient(135deg, #171a1f, #0c0e11) !important; border-top: 3px solid var(--hf-amber); } .team-carousel .team-item h4 { color: #fff !important; } .team-carousel .team-item p { color: rgba(255,255,255,.68) !important; } .team-carousel .owl-nav button, .team-carousel .owl-prev, .team-carousel .owl-next { background: var(--hf-amber) !important; color: var(--hf-black) !important; } body .container-fluid.py-5 .bg-secondary, body .container-fluid.py-5 .bg-dark { border-color: rgba(255,177,0,.20) !important; } body .container-fluid.py-5 .bg-secondary { background: radial-gradient(circle at 8% 0%, rgba(255,177,0,.13), transparent 28%), linear-gradient(135deg, #171a1f, #0b0d10) !important; } body .container-fluid.py-5 .bg-dark { background: radial-gradient(circle at 92% 0%, rgba(255,177,0,.10), transparent 28%), linear-gradient(135deg, #0b0d10, #171a1f) !important; } .plumbing-banner-photo { border: 2px solid rgba(255,177,0,.35); } .testimonial-carousel .testimonial-item { background: radial-gradient(circle at 90% -8%, rgba(255,177,0,.13), transparent 30%), linear-gradient(145deg, #171a1f, #0c0e11) !important; border: 1px solid rgba(255,177,0,.20) !important; border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,.18) !important; } .testimonial-carousel .testimonial-item h4 { color: #fff !important; } .testimonial-carousel .testimonial-item i { color: var(--hf-amber) !important; } .testimonial-carousel .testimonial-item p { color: rgba(255,255,255,.72) !important; } .testimonial-carousel .testimonial-item .display-2 { color: rgba(255,177,0,.16) !important; } .testimonial-carousel .plumbing-testimonial-photo { border: 3px solid var(--hf-amber); } .glass-alt-showcase-section { background: radial-gradient(circle at 10% 4%, rgba(255,177,0,.12), transparent 24%), radial-gradient(circle at 92% 5%, rgba(255,177,0,.06), transparent 24%), linear-gradient(180deg, #f9f7f2, #ffffff) !important; } .glass-alt-showcase-section::before, .glass-alt-showcase-section::after { background: rgba(255,177,0,.15) !important; } .glass-alt-showcase-lead { color: #646970 !important; } .glass-alt-card { border-color: rgba(17,19,23,.10) !important; background: #fff !important; box-shadow: 0 22px 42px rgba(17,19,23,.09), inset 0 1px 0 #fff !important; } .glass-alt-card:hover { border-color: rgba(255,177,0,.72) !important; box-shadow: 0 28px 52px rgba(17,19,23,.12), 0 0 28px rgba(255,177,0,.08) !important; } .glass-alt-no, .glass-alt-chip { background: rgba(255,177,0,.13) !important; color: #995d00 !important; } .glass-alt-card h4 { color: var(--hf-ink) !important; } .glass-alt-card p { color: #646970 !important; } .glass-alt-link, .glass-alt-link:hover, .glass-alt-link:focus { background: linear-gradient(135deg, #ffc32e, var(--hf-amber)) !important; border-color: var(--hf-amber) !important; color: var(--hf-black) !important; } .service-region-section { background: radial-gradient(circle at 8% 8%, rgba(255,177,0,.15), transparent 23%), radial-gradient(circle at 94% 5%, rgba(255,177,0,.08), transparent 25%), linear-gradient(180deg, #f6f1e8, #fffaf2) !important; } .service-region-section::before, .service-region-section::after { background: rgba(255,177,0,.17) !important; } .service-region-eyebrow { background: var(--hf-amber) !important; border-color: var(--hf-amber) !important; color: var(--hf-black) !important; } .service-region-lead { color: #62676e !important; } .service-region-summary span { border-color: rgba(17,19,23,.09) !important; background: #fff !important; color: var(--hf-ink) !important; } .service-region-summary i { color: var(--hf-amber) !important; } .service-region-card { border-color: rgba(17,19,23,.10) !important; background: linear-gradient(145deg, #ffffff, #f8f6f1) !important; box-shadow: 0 22px 42px rgba(17,19,23,.09), inset 0 1px 0 #fff !important; } .service-region-card:hover, .service-region-card:focus { border-color: rgba(255,177,0,.76) !important; box-shadow: 0 28px 52px rgba(17,19,23,.13), 0 0 28px rgba(255,177,0,.08) !important; } .service-region-icon { background: linear-gradient(135deg, #ffc32e, var(--hf-amber)) !important; border-color: var(--hf-amber) !important; color: var(--hf-black) !important; } .service-region-number { background: #fff !important; color: #a86300 !important; border-color: rgba(255,177,0,.20) !important; } .service-region-side { background: rgba(255,177,0,.13) !important; color: #955a00 !important; } .service-region-card h4 { color: var(--hf-ink) !important; } .service-region-card p { color: #646970 !important; } .service-region-cta { color: #a56200 !important; } .local-article-section { background: radial-gradient(circle at 8% 8%, rgba(255,177,0,.10), transparent 23%), radial-gradient(circle at 94% 4%, rgba(255,177,0,.05), transparent 25%), #ffffff !important; } .local-article-section::before, .local-article-section::after { background: rgba(255,177,0,.13) !important; } .local-article-eyebrow { background: var(--hf-amber) !important; color: var(--hf-black) !important; } .local-article-lead { color: #646970 !important; } .local-article-card { border-color: rgba(17,19,23,.10) !important; background: #fff !important; box-shadow: 0 20px 40px rgba(17,19,23,.09) !important; } .local-article-card:hover { border-color: rgba(255,177,0,.72) !important; box-shadow: 0 28px 52px rgba(17,19,23,.13), 0 0 28px rgba(255,177,0,.08) !important; } .local-article-location { background: rgba(255,177,0,.14) !important; color: #8d5500 !important; } .local-article-card h3 { color: var(--hf-ink) !important; } .local-article-card p { color: #646970 !important; } .local-article-link, .local-article-link:hover, .local-article-link:focus { background: linear-gradient(135deg, #ffc32e, var(--hf-amber)) !important; border-color: var(--hf-amber) !important; color: var(--hf-black) !important; } #iletisim { background: radial-gradient(circle at 10% 8%, rgba(255,177,0,.11), transparent 24%), linear-gradient(180deg, #f9f7f2, #ffffff) !important; } #iletisim .contact-form { border: 1px solid rgba(17,19,23,.10); border-radius: 26px; background: #fff !important; box-shadow: 0 22px 44px rgba(17,19,23,.09); } #iletisim .form-control { border: 1px solid rgba(17,19,23,.14) !important; border-radius: 12px !important; background: #fbfaf7 !important; color: var(--hf-ink) !important; } #iletisim .form-control:focus { border-color: var(--hf-amber) !important; box-shadow: 0 0 0 3px rgba(255,177,0,.14) !important; background: #fff !important; } #iletisim label { color: var(--hf-ink); font-weight: 600; } #iletisim .bg-secondary { border: 1px solid rgba(255,177,0,.24); border-radius: 26px; background: radial-gradient(circle at 88% 4%, rgba(255,177,0,.16), transparent 30%), linear-gradient(145deg, #171a1f, #090b0e) !important; box-shadow: 0 24px 48px rgba(0,0,0,.22); } #iletisim .bg-secondary .text-primary { color: var(--hf-amber) !important; } .faq-orbit-section { background: radial-gradient(circle at 7% 14%, rgba(255,177,0,.16), transparent 25%), radial-gradient(circle at 94% 8%, rgba(255,177,0,.08), transparent 27%), linear-gradient(180deg, #101318 0%, #080a0d 52%, #12151a 100%) !important; } .faq-orbit-section::before, .faq-orbit-section::after { background: rgba(255,177,0,.16) !important; } .faq-orbit-grid-pattern { opacity: .16 !important; } .faq-orbit-heading h2 { color: #fff !important; } .faq-orbit-heading h2 span { color: var(--hf-amber) !important; } .faq-orbit-heading p { color: rgba(255,255,255,.68) !important; } .faq-orbit-eyebrow { background: var(--hf-amber) !important; border-color: var(--hf-amber) !important; color: var(--hf-black) !important; } .faq-orbit-console { border-color: rgba(255,177,0,.18) !important; background: linear-gradient(145deg, #171a1f, #090b0e) !important; box-shadow: 0 30px 64px rgba(0,0,0,.36), 0 0 34px rgba(255,177,0,.06) !important; } .faq-console-label, .faq-console-live { background: rgba(255,177,0,.12) !important; border-color: rgba(255,177,0,.18) !important; color: var(--hf-amber) !important; } .faq-console-live::before { background: var(--hf-amber) !important; box-shadow: 0 0 0 5px rgba(255,177,0,.10), 0 0 16px rgba(255,177,0,.58) !important; } .faq-console-btn-primary { background: var(--hf-amber) !important; border-color: var(--hf-amber) !important; color: var(--hf-black) !important; } .faq-console-btn-secondary { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.13) !important; color: #fff !important; } .faq-orbit-list-shell { border-color: rgba(255,177,0,.20) !important; background: radial-gradient(circle at 12% -8%, rgba(255,177,0,.08), transparent 30%), linear-gradient(145deg, rgba(25,29,35,.98), rgba(10,12,15,.98)) !important; box-shadow: 0 28px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important; } .faq-orbit-item { border-color: rgba(255,255,255,.08) !important; background: linear-gradient(135deg, #1b1f25, #111419) !important; box-shadow: 0 10px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04) !important; } .faq-orbit-item[open] { border-color: rgba(255,177,0,.48) !important; background: linear-gradient(135deg, #24282f, #16191e) !important; box-shadow: 0 16px 30px rgba(0,0,0,.22), 0 0 24px rgba(255,177,0,.06) !important; } .faq-orbit-summary { color: #fff !important; } .faq-orbit-question-icon { background: linear-gradient(135deg, #ffc32e, var(--hf-amber)) !important; border-color: var(--hf-amber) !important; color: var(--hf-black) !important; } .faq-orbit-question-no { color: var(--hf-amber) !important; } .faq-orbit-question-text { color: #fff !important; } .faq-orbit-plus { border-color: rgba(255,255,255,.10) !important; background: rgba(255,255,255,.05) !important; } .faq-orbit-plus::before, .faq-orbit-plus::after { background: var(--hf-amber) !important; } .faq-orbit-answer { border-left-color: rgba(255,177,0,.38) !important; color: rgba(255,255,255,.68) !important; } .faq-orbit-answer strong { color: #fff !important; } .faq-orbit-bottom-cta { border-color: var(--hf-amber) !important; background: linear-gradient(135deg, #ffc32e, var(--hf-amber)) !important; } .faq-orbit-bottom-copy strong { color: var(--hf-black) !important; } .faq-orbit-bottom-copy span { color: rgba(17,19,23,.72) !important; } .faq-orbit-bottom-link, .faq-orbit-bottom-link:hover, .faq-orbit-bottom-link:focus { color: #fff !important; border-color: var(--hf-black) !important; background: linear-gradient(135deg, #1b1e23, #0b0d10) !important; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 { background: radial-gradient(circle at 8% 0%, rgba(255,177,0,.14), transparent 24%), radial-gradient(circle at 94% 0%, rgba(255,177,0,.07), transparent 26%), linear-gradient(145deg, #111419 0%, #080a0d 100%) !important; border-top: 1px solid rgba(255,177,0,.22); } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 h4, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 h5, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 h6 { color: #fff !important; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 p, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .text-body, .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 a.text-body { color: rgba(255,255,255,.76) !important; } .container-fluid.bg-secondary.py-5.px-sm-3.px-md-5 .fa-angle-right { color: var(--hf-amber) !important; } .footer-bottom-premium { border-top-color: rgba(255,177,0,.18) !important; background: linear-gradient(145deg, #080a0d, #111419) !important; } .footer-legal-nav a { color: rgba(255,255,255,.72) !important; } .footer-legal-nav a:hover, .footer-legal-nav a:focus, .footer-copyright a { color: var(--hf-amber) !important; } .footer-copyright { color: rgba(255,255,255,.52) !important; } .footer-whatsapp-support, .mobile-fixed-contact-whatsapp { background: linear-gradient(135deg, #171a1f, #0b0d10) !important; border-color: rgba(255,177,0,.34) !important; color: #fff !important; } .footer-whatsapp-custom-icon, .mobile-fixed-contact-whatsapp .mobile-fixed-contact-icon { color: var(--hf-amber) !important; } .mobile-fixed-contact-call { background: linear-gradient(135deg, #ffc32e, var(--hf-amber)) !important; border-color: var(--hf-amber) !important; color: var(--hf-black) !important; } .mobile-fixed-contact-call .mobile-fixed-contact-icon, .mobile-fixed-contact-call .mobile-fixed-contact-copy small, .mobile-fixed-contact-call .mobile-fixed-contact-copy strong { color: var(--hf-black) !important; } .plumbing-about-photo, .plumbing-work-photo, .plumbing-gallery-photo, .local-article-media, .glass-featured-media, .glass-alt-thumb { border-color: rgba(255,177,0,.20) !important; } @media (max-width: 991.98px) { #adau-site-navigation, .nav-bar { background: linear-gradient(145deg, #0a0c0f, #15181d) !important; } #navbarCollapse { background: linear-gradient(145deg, rgba(24,27,32,.98), rgba(10,12,15,.98)) !important; border-color: rgba(255,177,0,.20) !important; } .mobile-nav-icon { color: var(--hf-amber) !important; border-color: rgba(255,177,0,.20) !important; background: rgba(255,177,0,.08) !important; } .mobile-glass-call { color: var(--hf-black) !important; border-color: var(--hf-amber) !important; background: linear-gradient(135deg, #ffc32e, var(--hf-amber)) !important; } .mobile-glass-status strong::before { background: var(--hf-amber) !important; box-shadow: 0 0 0 4px rgba(255,177,0,.11), 0 0 14px rgba(255,177,0,.50) !important; } .mobile-fixed-contact-whatsapp { background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important; border-color: #25D366 !important; color: #ffffff !important; } .mobile-fixed-contact-whatsapp .mobile-fixed-contact-icon, .mobile-fixed-contact-whatsapp .mobile-fixed-contact-icon i, .mobile-fixed-contact-whatsapp .mobile-fixed-contact-copy small, .mobile-fixed-contact-whatsapp .mobile-fixed-contact-copy strong { color: #ffffff !important; } } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a.text-body { color: rgba(255,255,255,.88) !important; text-decoration: none !important; transition: color .18s ease, background-color .18s ease, box-shadow .18s ease !important; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a.text-body:hover, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a.text-body:focus { color: #ffffff !important; background: rgba(255,177,0,.08) !important; box-shadow: inset 0 0 0 1px rgba(255,177,0,.12) !important; border-radius: 8px; outline: none; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a.text-body:hover i, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a.text-body:focus i { color: #ffb100 !important; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a[href^="tel:"] { color: #ffffff !important; } body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a[href^="tel:"]:hover, body > .container-fluid.bg-dark.py-3.px-lg-5.d-none.d-lg-block a[href^="tel:"]:focus { color: #ffffff !important; } .desktop-service-panel .desktop-service-cta-primary, .desktop-service-panel .desktop-service-cta-primary:link, .desktop-service-panel .desktop-service-cta-primary:visited, .desktop-service-panel .desktop-service-cta-primary:hover, .desktop-service-panel .desktop-service-cta-primary:focus, .desktop-service-panel .desktop-service-cta-primary:active { color: #0c0e11 !important; text-decoration: none !important; } .desktop-service-panel .desktop-service-cta-primary span, .desktop-service-panel .desktop-service-cta-primary i { position: relative; z-index: 3; color: #0c0e11 !important; opacity: 1 !important; filter: none !important; } .desktop-service-panel .desktop-service-cta-primary:hover span, .desktop-service-panel .desktop-service-cta-primary:focus span, .desktop-service-panel .desktop-service-cta-primary:active span, .desktop-service-panel .desktop-service-cta-primary:hover i, .desktop-service-panel .desktop-service-cta-primary:focus i, .desktop-service-panel .desktop-service-cta-primary:active i { color: #000000 !important; opacity: 1 !important; } .desktop-service-panel .desktop-service-cta-primary::before { z-index: 1 !important; pointer-events: none !important; } .desktop-service-panel .desktop-service-cta-primary:hover, .desktop-service-panel .desktop-service-cta-primary:focus { background: linear-gradient(135deg, #ffc83d 0%, #ffad00 100%) !important; border-color: #ff9f00 !important; box-shadow: 0 16px 30px rgba(255,177,0,.24), inset 0 1px 0 rgba(255,255,255,.42) !important; }