.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle{margin-left:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-da92694 */.elementor-94 .elementor-element.elementor-element-da92694 { width: auto; position: static; align-self: center; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-widget-container { position: static; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--main .elementor-item { color: #FFFFFF; fill: #FFFFFF; font-family: "Manrope", sans-serif; font-weight: 700; font-size: 15px; padding: 10px 16px; white-space: nowrap; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--main .elementor-item:hover, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #FFC21A; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--main .elementor-item:after { background-color: #FFC21A; height: 2px; } @media (max-width: 1280px) { .elementor-94 .elementor-element-5ebad110 { display: none; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--main .elementor-item { padding-left: 12px; padding-right: 12px; } } @media (max-width: 1024px) { .elementor-94 .elementor-element.elementor-element-da92694 { order: 3; } html:has(.elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active) { overflow: hidden; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle { position: relative; width: 44px; height: 44px; margin: 0; padding: 0; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 50%; background-color: rgba(255, 255, 255, 0.07); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); color: #FFFFFF; -webkit-tap-highlight-color: transparent; transition: background-color 0.25s ease, border-color 0.25s ease; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle svg { display: none; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle::before, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle::after { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; margin: -1px 0 0 -9px; border-radius: 2px; background-color: currentColor; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), width 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle::before { transform: translateY(-4px); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle::after { width: 12px; transform: translate(6px, 4px); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active { background-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.24); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active::before { transform: rotate(45deg); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active::after { width: 18px; transform: rotate(-45deg); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle:focus-visible { outline: 2px solid #FFC21A; outline-offset: 3px; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown.elementor-nav-menu__container { position: absolute; top: calc(100% + 1px) !important; left: 0 !important; right: 0 !important; width: auto !important; height: calc(100vh - 65px); height: calc(100dvh - 65px); max-height: none !important; margin: 0; padding: 4px var(--gutter, 20px) 150px; z-index: 9997; border: 0; border-radius: 0; box-shadow: none; background-color: #121418; background-image: radial-gradient(120% 60% at 100% 100%, rgba(255, 194, 26, 0.14), rgba(255, 194, 26, 0) 70%); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity 0.25s ease, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s linear 0.4s; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container { opacity: 1; visibility: visible; transform: none; animation: none; transition: opacity 0.25s ease, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown.elementor-nav-menu__container::before { content: "Menü"; display: block; padding: 20px 0 10px 32px; font-family: "Manrope", sans-serif; font-size: 12px; font-weight: 800; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; color: #FFC21A; background: linear-gradient(#FFC21A, #FFC21A) 0 27px / 22px 2px no-repeat; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown .elementor-nav-menu { counter-reset: utmenu; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown .elementor-nav-menu > li { counter-increment: utmenu; border-bottom: 1px solid rgba(255, 255, 255, 0.08); opacity: 0; transform: translateY(12px); transition: opacity 0.3s ease, transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown .elementor-nav-menu > li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.08); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-nav-menu > li { opacity: 1; transform: none; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-nav-menu > li:nth-child(1) { transition-delay: 0.06s; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-nav-menu > li:nth-child(2) { transition-delay: 0.11s; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-nav-menu > li:nth-child(3) { transition-delay: 0.16s; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-nav-menu > li:nth-child(4) { transition-delay: 0.21s; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-nav-menu > li:nth-child(5) { transition-delay: 0.26s; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container .elementor-nav-menu > li:nth-child(6) { transition-delay: 0.31s; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item:hover, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item:focus, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item.highlighted { display: flex; align-items: center; gap: 14px; margin: 0; padding: 20px 0; border: 0; background-color: transparent; color: #FFFFFF; font-family: "Bricolage Grotesque", sans-serif; font-size: 30px; font-weight: 700; line-height: 1.1; letter-spacing: -0.02em; text-shadow: none; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item:active { color: #FFC21A; background-color: transparent; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item::before { content: counter(utmenu, decimal-leading-zero); position: static; opacity: 1; flex: 0 0 26px; align-self: flex-start; margin-top: 4px; font-family: "Manrope", sans-serif; font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: 0.12em; color: rgba(255, 255, 255, 0.42); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active::before { color: #FFC21A; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item::after { content: ""; position: static; opacity: 1; flex: 0 0 auto; width: 42px; height: 42px; margin-left: auto; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 50%; background: rgba(255, 255, 255, 0.04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / 18px 18px no-repeat; transform: rotate(-45deg); transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active::after { border-color: #FFC21A; background-color: #FFC21A; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121418' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown.elementor-nav-menu__container::after { content: "7/24 hizmetteyiz · Ünye'nin her mahallesine ortalama 5–10 dakikada kapınızdayız."; display: block; margin-top: 28px; padding: 16px 18px 16px 44px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 18px; background: rgba(255, 255, 255, 0.04) radial-gradient(circle, #25D366 0 4px, rgba(37, 211, 102, 0.22) 5px 8px, rgba(37, 211, 102, 0) 9px) 14px 18px / 18px 18px no-repeat; font-family: "Manrope", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.55; color: rgba(255, 255, 255, 0.72); } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle { width: 48px; height: 48px; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item:hover, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item:focus, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item.highlighted { gap: 20px; padding: 26px 0; font-size: 44px; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item::before { flex-basis: 34px; margin-top: 8px; font-size: 13px; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item::after { width: 52px; height: 52px; background-size: 22px 22px; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown.elementor-nav-menu__container::after { display: inline-block; font-size: 15px; } } @media (max-width: 1024px) and (hover: hover) { .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle:hover { background-color: rgba(255, 255, 255, 0.12); } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item:hover { color: #FFC21A; } .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown a.elementor-item:hover::after { transform: rotate(0deg); border-color: rgba(255, 194, 26, 0.6); } } @media (max-width: 1024px) and (prefers-reduced-motion: reduce) { .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle::before, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-menu-toggle::after, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown.elementor-nav-menu__container, .elementor-94 .elementor-element.elementor-element-da92694 .elementor-nav-menu--dropdown .elementor-nav-menu > li { transition: none; } }/* End custom CSS */