@font-face {font-display: swap;font-family: 'Lato';font-style: normal;font-weight: 400;src: url('../fonts/lato-v24-latin_latin-ext-regular.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Lato';font-style: normal;font-weight: 700;src: url('../fonts/lato-v24-latin_latin-ext-700.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Raleway';font-style: normal;font-weight: 400;src: url('../fonts/raleway-v37-latin-regular.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Raleway';font-style: normal;font-weight: 700;src: url('../fonts/raleway-v37-latin-700.woff2') format('woff2');}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-3{left:0.75rem}.top-0{top:0px}.top-1\/2{top:50%}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:0.5rem}.ml-3{margin-left:0.75rem}.mr-4{margin-right:1rem}.mt-12{margin-top:3rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-12{height:3rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-auto{height:auto}.h-full{height:100%}.w-12{width:3rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-cover{object-fit:cover}.p-2{padding:0.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-6{padding-left:1.5rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:0.05em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-green-400:hover{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:mt-0{margin-top:0px}.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width: 768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:block{display:block}.md\:w-1\/2{width:50%}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\:flex-row{flex-direction:row}.md\:space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.md\:space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}}@media (min-width: 1024px){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:block{display:block}.lg\:w-1\/2{width:50%}.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\:flex-row{flex-direction:row}.lg\:p-16{padding:4rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}}:root{--black:#000;--white:#fff;--light: #f8f9fa;--danger:#dc3545;--Rangoon-Green:#191C1C;--Brilliant-Green:#9BDC07;--body-fonts:'Lato', sans-serif;--secondary-fonts: 'Grand Hotel', cursive;--third-fonts: 'Montserrat', sans-serif;--fourth-fonts: 'Raleway', sans-serif;--fifth-fonts: 'Lemon', serif;--L: 400;--XL:500;--XXL:600;--XXXL:700;--XXXXL:800;--XXXXXL:900;--size:1.1rem;--size2:1.125rem;--brand-green: #7ab600; }*{margin:0;padding:0;}*, *::before, *::after{-webkit-box-sizing:border-box;box-sizing:border-box;}html{font-family:sans-serif;line-height: 1.15;-webkit-text-size-adjust:100%;-webkit-tap-heighlight-color:transparent;height:100vh;}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}body{margin:0;font-family: "Raleway, Arial, san-serif";font-size:1rem;font-weight:var(--L);text-align: left;height:100%;}a{text-decoration: none;}ul li{list-style: none;}img{width:100%;height:100%;}button{border:0;}.wrapper-width{width:100%;}.marginAuto{margin:0 auto;}#wrapper{width:100%;}.main-header{position:sticky;top:0;z-index:1000;width:100%;background-color:var(--white);font-family: 'Raleway'; display: flex;align-items: center; justify-content: space-between; }.header_container{justify-content:space-between;flex-direction:row; align-item:center; height:80px; padding:0 1rem; max-width:1280px;  }span{display:inline-block;}.hero_image{overflow: hidden;}#heroContainer{background-image:url(../images/Nyc-Resturant-Marketing-agency-1600px.webp);background-repeat: no-repeat;background-size:cover;}.hamburger{position: fixed;display:none;width:35px;height:35px;cursor:pointer;appearance: none;background:none;outline:none;}.hamburger .bar, .hamburger:after, .hamburger:before{content: '';display: block;width:100%;height:5px;background-color:#000;margin: 3px 0px;transition:0.4s;}.hamburger.is-active:before{transform: rotate(-45deg) translate(-8px, 6px);}.hamburger.is-active:after{transform:rotate(45deg) translate(-9px, -8px) }.hamburger.is-active .bar{opacity:0;}.position-relative{position: relative!important;}.hero_image{height: 100vh;min-height:500px;}#heroTextOverlay{width:90%;text-align: center;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 2;}#heroTextOverlay{color:var(--white) }#heroTextOverlay h2{font-size:3.5rem;margin-bottom:30px;}#heroTextOverlay p{font-size: 35px;margin-bottom:25px;}.slidingVertical{display: block;position:relative;margin-bottom:30px;min-width: 21.25vw;min-height:3.56020942408377vh;}.slidingVertical li{opacity:0;overflow:hidden;position:absolute;width:100%;font-size: 2rem!important;left:0;text-align:center;animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;}.banner-bottom-fixed{position:absolute;left:0;bottom:0;z-index: 5;width:100%;background:linear-gradient(179.43deg, #FFFFFF -57.11%, rgba(0, 0, 0, 0.64) 99.5%);background-color: #000000;padding:44px 0px;z-index: 1;}.banner-wrapper{position: relative;}.position-absolute{position:absolute;}.banner-main-video{top:0;right:0;bottom:0;left:0;z-index:1;}.banner-main-overlay{top:0;right:0;bottom:0;z-index:2;background-color:rgba(0,0,0,0.5);width:inherit;height:inherit;}.banner-bottom-fixed .container{height:100%;}#workHeroContainer{background-image:url('../images/tywebstudio-case-studies-hero-1600.webp');}#contactContainer{background-image:url('../images/web-studiobg.png');background-repeat: no-repeat;background-size: cover;overflow: hidden;}@media only screen and (max-width:1440px) {html{width:100vw;}body {width:100%;}.logo{width:10.764vw;height:11.534391534391535vh;}.position-relative{position: relative!important;}.hero_image{height: 100vh;min-height:500px;}#heroTextOverlay{position:absolute;width:90%;text-align: center;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 2;}#heroTextOverlay{color:var(--white) }#heroTextOverlay h2{font-size:2.85rem;margin-bottom:30px;}#heroTextOverlay p{font-size: 1.75rem;margin-bottom:25px;}.slidingVertical{display: block;position:relative;margin-bottom:30px;min-width: 21.25vw;min-height:3.56020942408377vh;}.slidingVertical li{opacity:0;overflow:hidden;position:absolute;width:100%;font-size: 2rem!important;left:0;text-align:center;animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;}.banner-bottom-fixed{position:absolute;left:0;bottom:0;z-index: 5;width:100%;background:linear-gradient(179.43deg, #FFFFFF -57.11%, rgba(0, 0, 0, 0.64) 99.5%);background-color: #000000;padding:44px 0px;z-index: 1;}.banner-wrapper{position: relative;}.position-absolute{position:absolute;}.banner-main-video{top:0;right:0;bottom:0;left:0;z-index:1;}.banner-main-overlay{top:0;right:0;bottom:0;z-index:2;background-color:rgba(0,0,0,0.5);width:inherit;height:inherit;}.banner-bottom-fixed .container{height:100%;}div a p{text-align: center;line-height: 5em;color:var(--white)!important;font-size:0.733rem;font-weight:500;text-transform: uppercase;}a figure{margin-top:0;margin-left:2px;}a figure img{height:90%;}.nxt-btn{transform: translateY(80%);}.btn-margin{position: relative;left:40%;width:22.135416666666668vw;height: 7.830687830687831vh;background-color:var(--Rangoon-Green);font-size: 1.424rem;color:var(--white);margin-top:30px;}.btn-nxt{width: 12.760416666666666vw;}.btn-nxt + span{display:inline-block;width: 1.4583333333333333vw;margin-top:0.188em;}}@media only screen and (max-width:1200px) {#heroContainer{background-image:url(../images/Nyc-Resturant-Marketing-agency-1200px.webp);}#aboutHeroContainer{background-image:url(../images/tywebstudio-custom-sites-for-chefs-caterers-restaurants-1200-675.webp);}#solutionsHeroContainer {background-image: url('../images/tywebstudio-solutions-hero-background-1200x675.webp');}#workHeroContainer{background-image:url('../images/tywebstudio-case-studies-hero-1200.webp');}}@media only screen and (max-width:1024px) {.logo{width: 18.489583333333332vw;width: 15.885416666666666vw;height: 12.804232804232804vh;}body{width:100vw;overflow-x: hidden;}}@media only screen and (max-width:768px) {.main-header{height:6.892vh;}.header_container{flex-direction:column;align-items: flex-start;justify-content: space-between;}.logo{width: 12.76vw;height:6.892vh;overflow: hidden;}.dropdown-menu{transition:all .3s ease-in-out;padding:0;margin:0;height:auto;width:auto;position:relative;top:305%;z-index:2;display:none;}#myDropdown{border:0;height:auto;}.hamburger{display:block;left: 80%;top: 25px;}.mobile-nav{position:fixed !important;top:99%;left:100%;transition:0.4s;}.mobile-nav.is-active{display:block;left:0;}body{width:100vw;overflow-x: hidden;}main#main {margin-top: 19px;}.hero_image{height:49.5vh;}#heroTextOverlay p{font-size:1.424rem;margin-bottom:15px;}.slidingVertical{margin-bottom:10px;}.slidingVertical li{font-size: 1.424rem!important;}}@media only screen and (max-width:375px){.logo{width:18.379vw;}.hamburger{top:10px;}}@media (max-device-width:42mm) and (min-device-width:38mm) {#aboutHeroContainer{background-image: url('../images/tywebstudio-custom-sites-for-chefs-caterers-restaurants.webp');background-repeat: no-repeat;background-size:cover;}.filter-container {display: flex;justify-content: center;gap: 1rem;flex-wrap: wrap;}.filter-btn {padding: 0.75rem 1.5rem;border: 2px solid transparent;background-color: #f1f5f9;color: #475569;border-radius: 9999px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}.filter-btn:hover {background-color: #e2e8f0;color: #1e293b;}.filter-btn.active {background-color: var(--color-primary);color: var(--color-dark);border-color: var(--color-primary);}.portfolio-card {position: relative;border-radius: 1rem;overflow: hidden;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}.portfolio-card:hover {transform: translateY(-5px);box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}.portfolio-image-container {height: 250px;}.portfolio-content {padding: 1.5rem;}.portfolio-category {font-size: 0.875rem;font-weight: 600;color: var(--color-text-light);margin-bottom: 0.25rem;text-transform: uppercase;letter-spacing: 0.05em;}.portfolio-content h3 {font-size: 1.25rem;font-weight: 700;color: var(--color-text-base);}.portfolio-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);color: white;padding: 1.5rem;display: flex;flex-direction: column;justify-content: flex-end;text-align: left;opacity: 0;transition: opacity 0.4s ease;text-decoration: none;}.portfolio-card:hover .portfolio-overlay {opacity: 1;}.portfolio-overlay h3, .portfolio-overlay h4 {transform: translateY(10px);transition: transform 0.4s ease;}.portfolio-card:hover .portfolio-overlay h3 {transform: translateY(0);transition-delay: 0.1s;}.portfolio-card:hover .portfolio-overlay h4 {transform: translateY(0);transition-delay: 0.05s;}.portfolio-overlay .font-medium {transition: background-color 0.3s ease, transform 0.3s ease;}.portfolio-overlay .font-medium:hover {background-color: white !important;color: black !important;transform: translateY(-2px);}}#solutionsHeroContainer {background-image: url('../images/tywebstudio-solutions-hero-background-1600x1532.webp');background-size: cover;background-position: center;}.solution-section {padding-block: 4rem;padding-inline: 1rem;}.solution-section h2 {font-size: clamp(1.75rem, 4vw, 2.25rem);font-weight: 800;color: #1f2937;margin-bottom: 1rem;}.solution-section h3 {font-size: clamp(1.125rem, 3vw, 1.25rem);font-weight: 600;color: #4b5563;margin-bottom: 1rem;}.solution-section p {color: #374151;line-height: 1.7;margin-bottom: 1.5rem;}.solution-section .font-bold {color: #111827;}.modal-overlay {position: fixed;inset: 0;background-color: rgba(0, 0, 0, 0.7);display: flex;justify-content: center;align-items: center;z-index: 1000;padding: 1rem;}.modal-content {background: white;padding: 2.5rem;border-radius: 1rem;max-width: 600px;width: 100%;position: relative;box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);}.modal-close-btn {position: absolute;top: 1rem;right: 1rem;background: none;border: none;font-size: 2rem;line-height: 1;cursor: pointer;color: #9ca3af;transition: color 0.3s ease;}.modal-close-btn:hover {color: #1f2937;} .is-hidden{display:none!important;}.blog-header {background-color: var(--color-background-alt);border-bottom: 1px solid #e2e8f0;}.search-input {border: 1px solid #cbd5e1;padding: 0.75rem 1rem;border-radius: 9999px;width: 100%;transition: border-color 0.3s ease, box-shadow 0.3s ease;}.search-input:focus {outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px hsla(81, 95%, 45%, 0.2);}.filter-select {border: 1px solid #cbd5e1;padding: 0.75rem 1rem;border-radius: 9999px;background-color: white;cursor: pointer;}.blog-card {display: flex;flex-direction: column;}.blog-card-image {aspect-ratio: 16 / 9;}.blog-card-image img {width: 100%;height: 100%;object-fit: cover;}.blog-card .tag {display: inline-block;padding: 0.25rem 0.75rem;border-radius: 9999px;font-weight: 600;}.pagination a {padding: 0.5rem 1rem;border: 1px solid #e2e8f0;border-radius: 0.5rem;transition: background-color 0.3s ease, color 0.3s ease;}.pagination a:hover {background-color: var(--color-background-alt);}.pagination a.active {background-color: var(--color-primary);color: var(--color-dark);border-color: var(--color-primary);}.form-input {border: 1px solid #cbd5e1;padding: 0.75rem 1rem;border-radius: 0.5rem;}.submit-btn {background-color: var(--color-primary);color: var(--color-dark);padding: 0.75rem 1.5rem;border-radius: 9999px;font-weight: 600;cursor: pointer;transition: background-color 0.3s ease;}.submit-btn:hover {background-color: var(--color-primary-dark);}#aboutHeroContainer{background-image:url(../images/tywebstudio-custom-sites-for-chefs-caterers-restaurants-1600-1067.webp);}.textbox-1 {font-size: 1.25em;text-align: justify;min-height: 100px;display: flex;}.inner {margin: auto;}.row {display: flex;justify-content: space-between;padding: 25px 0;flex-wrap: wrap;}.w60 {flex: 1 0 60%;background: #000000;padding: 10px 20px;color: white;box-sizing: border-box;}.w30 {flex: 0 0 30%;box-sizing: border-box;}.object-fit {overflow: hidden;position: relative;}.object-fit img {position: absolute;top: 50%;left: 50%;height: auto;width: auto;min-width: 100%;min-height: 100%;transform: translate(-50%, -50%);}@supports (object-fit: cover) {.object-fit img {position: absolute;left: 0;top: 0;height: 100%;width: 100%;transform: none;object-fit: cover;}}@media (max-width: 768px) {.row {flex-direction: column;align-items: center;}.w60, .w30 {width: 100%;padding: 10px 20px;}.textbox-1 {font-size: 1em;}.object-fit {width: 100%;height: 200px;}.object-fit img {min-width: 100%;min-height: 100%;}}@media (max-width: 1024px) {.w60 {flex: 1 0 50%;}.w30 {flex: 1 0 50%;}}@media (min-width: 1280px) {.row {justify-content: space-between;}.w60 {flex: 1 0 60%;}.w30 {flex: 1 0 30%;}}.main-header {position: relative;}.header-container {display: flex;justify-content: space-between;align-items: center;padding: 0 16px;max-width: 100%;margin: 0 ;}.hamburger-menu-2 {display: none;background: none;border: none;cursor: pointer;color: #4a4a4a;}.icon {width: 32px;height: 32px;}.close-menu{display: none;}.menu-2 {display: flex;gap: 16px;align-items: center;}.menu-2-list {list-style: none;display: flex;gap: 25px;display: flex;align-items: center;justify-content: center;}.menu-2-item {position: relative;}.menu-2-link {text-decoration: none;padding: 8px 16px;color: #000;transition: color 0.3s;font-size: 18px;}.menu-2-link:hover {color: #32cd32;}.contact-btn {display: block;padding: 8px 16px;background: #9bdc07;color: #fff;font-size: 16px;text-align: center;transition: background 0.3s;}.hero_contact_btn {padding: 13px 38px;background: #9bdc07;color: #fff;font-size: 20px;text-align: center;transition: background 0.3s;}.contact-btn:hover {background: #32cd32;}.dropdown-content, .nested-dropdown-content {display: none;position: absolute;background: #fff;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);z-index: 10;transition: opacity 0.2s ease, transform 0.2s ease;opacity: 0;transform: translateY(10px);}.dropdown:hover .dropdown-content, .nested-dropdown:hover .nested-dropdown-content {display: block;opacity: 1;transform: translateY(0);}.dropdown-content {top: 100%;left: 0;padding: 8px;width: 200px;}.nested-dropdown-content {top: 0;left: 100%;padding: 8px;width: 250px;}.dropdown, .nested-dropdown {position: relative;}.dropdown-link, .nested-dropdown-link {display: block;padding: 8px 4px;text-decoration: none;color: #000;transition: background-color 0.3s, color 0.3s;}.dropdown-link:hover, .nested-dropdown-link:hover {background-color: #f0f0f0;color: #32cd32;}@media (max-width: 425px) {.hamburger-menu-2 {display: block;}.menu-2-item {flex-direction: column;}.dropdown-link, .nested-dropdown-link {font-size: 14px;}.nested-dropdown-content {top: 0;left: 100%;padding: 5px;width: 150px;}.menu-2 {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 80vh;background: #fff;flex-direction: column;gap: 10px;padding: 12px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);align-items: flex-start;z-index: 20;}.menu-2.open {display: flex;}.menu-2-list {flex-direction: column;gap: 15px;align-items: start;}.contact-btn {width: 100%;font-size: 16px;padding: 12px;}.menu-2-link {font-size: 14px;}.close-menu {align-self: flex-end;font-size: 24px;background: none;border: none;cursor: pointer;color: #000;padding: 8px;display: block;}.close-menu:hover {color: #32cd32;}.hamburger-menu-2 {display: none;}.menu-2 {display: flex;gap:32px;}#heroContainer{background-image:url(../images/Nyc-Resturant-Marketing-agency-768px.webp);}#aboutHeroContainer{background-image:url(../images/tywebstudio-custom-sites-for-chefs-caterers-restaurants-768x432.webp);}#solutionsHeroContainer {background-image: url('../images/tywebstudio-solutions-hero-background-768x432.webp');}#workHeroContainer{background-image:url('../images/tywebstudio-case-studies-hero-768.webp');}}@media (max-width: 912px) {.hamburger-menu-2 {display: block;}.menu-2-item {flex-direction: column;}.dropdown-link, .nested-dropdown-link {font-size: 14px;}.nested-dropdown-content {top: 0;left: 100%;padding: 5px;width: 150px;}.menu-2 {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 80vh;background: #fff;flex-direction: column;gap: 10px;padding: 12px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);align-items: flex-start;z-index: 20;}.menu-2.open {display: flex; transform:translateX(0)}.menu-2-list {flex-direction: column;gap: 15px;align-items: start;}.contact-btn {width: 100%;font-size: 16px;padding: 12px;}.menu-2-link {font-size: 14px;}.close-menu {align-self: flex-end;font-size: 24px;background: none;border: none;cursor: pointer;color: #000;padding: 8px;display: block;}.close-menu:hover {color: #32cd32;}}@keyframes marquee {from {transform: translateX(100%);}to {transform: translateX(-100%);}}.animate-marquee {animation: marquee 20s linear infinite;display: flex;}
 
 /* =================================================================== */
/*  FINAL LCP & CLS FIX - ASPECT RATIO DOCTRINE                      */
/* =================================================================== */



/* ================================================================= */
/*  HARDENED FONT AWESOME PATHS - V5.15.4                            */
/* ================================================================= */

.fa,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fab{font-family:"Font Awesome 5 Brands"; font-weight: 400;}
.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
.fa-caret-down:before{content:"\f0d7"}
.fa-phone:before{content:"\f095"}
.fa-envelope:before{content:"\f0e0"}
.fa-map-marker-alt:before{content:"\f3c5"}
.fa-facebook-f:before{content:"\f39e"}
.fa-linkedin-in:before{content:"\f0e1"}
.fa-instagram:before{content:"\f16d"}
.fa-arrow-right:before{content:"\f061"}
.fa-search:before{content:"\f002"}
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:swap;src:url("../webfonts/fa-brands-400.woff2") format("woff2")}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:swap;src:url("../webfonts/fa-solid-900.woff2") format("woff2")}

.hero_contact_btn,
.hero-btn{
  /*background-color: var(--brand-green);
  color: #fff; /* ensures contrast */
  color:#000000!important;
  font-weight:700 !important;
}
section-title,
h2[style*="color: var(--color-primary)"]
{
  color:#2c3e50;
}

/* This establishes the law for all screens 1024px and wider. */
@media (min-width: 1024px) {

    .main-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        background-color: #fff !important;
        width: 100% !important;
    }

    /* 1. The Container: The battlefield and its rules. */
    .header-container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        height: 80px !important; /* The absolute height boundary */
        max-width: 1280px !important; /* Your wrapper width */
        margin: 0 auto !important;
        padding: 0 1rem !important;
    }

    /* 2. The Logo's Space: A defined, predictable territory.}*/ 
    .logo {
        flex-shrink: 0 !important; /* COMMAND: You are not allowed to be squashed. */
        height: 50px !important;  /* Your precise vertical territory. */
        width: auto !important;   /* Let width be flexible. */
    
}
    /* 3. The Image's Command: Obey your container. Flawlessly. */
    .logo-img {
        height: 100% !important; /* COMMAND: Fill the 50px height of your parent. */
        width: auto !important;   /* COMMAND: Calculate your width to maintain a perfect aspect ratio. */
        display: block !important;
    }

    /* 4. Ensure the mobile menu is hidden on desktop. */
    .hamburger-menu-2,
    .close-menu {
        display: none !important;
    }

    /* 5. Ensure the desktop menu is visible. */
    .menu-2 {
        display: flex !important;
    }
}