.elementor-2540 .elementor-element.elementor-element-2bb27eff{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 100px 0px;}.elementor-2540 .elementor-element.elementor-element-2bb27eff > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2540 .elementor-element.elementor-element-43ffcca4{--display:flex;}.elementor-2540 .elementor-element.elementor-element-49e9b405{--display:flex;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2540 .elementor-element.elementor-element-4e94bc86 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:63px;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;color:#3A3A3A;}.elementor-2540 .elementor-element.elementor-element-75a0e55e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:127px;font-weight:600;color:#3A3A3A;}.elementor-2540 .elementor-element.elementor-element-74f1551{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2540 .elementor-element.elementor-element-74f1551.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2540 .elementor-element.elementor-element-3007986f .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#3A3A3A;color:#3A3A3A;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-2540 .elementor-element.elementor-element-3007986f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2540 .elementor-element.elementor-element-3007986f > .elementor-widget-container{--e-transform-rotateZ:360deg;}.elementor-2540 .elementor-element.elementor-element-3007986f .elementor-button:hover, .elementor-2540 .elementor-element.elementor-element-3007986f .elementor-button:focus{color:#24AEBC;}.elementor-2540 .elementor-element.elementor-element-3007986f .elementor-button:hover svg, .elementor-2540 .elementor-element.elementor-element-3007986f .elementor-button:focus svg{fill:#24AEBC;}.elementor-2540 .elementor-element.elementor-element-3af23cc4 .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#3A3A3A;color:#3A3A3A;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-2540 .elementor-element.elementor-element-3af23cc4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2540 .elementor-element.elementor-element-3af23cc4 .elementor-button:hover, .elementor-2540 .elementor-element.elementor-element-3af23cc4 .elementor-button:focus{color:#24AEBC;}.elementor-2540 .elementor-element.elementor-element-3af23cc4 .elementor-button:hover svg, .elementor-2540 .elementor-element.elementor-element-3af23cc4 .elementor-button:focus svg{fill:#24AEBC;}.elementor-2540 .elementor-element.elementor-element-76952ba5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2540 .elementor-element.elementor-element-7ef3fc7e{--display:flex;}.elementor-2540 .elementor-element.elementor-element-756ebd43{--e-image-carousel-slides-to-show:1;}.elementor-2540 .elementor-element.elementor-element-3cbbd037{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-2540 .elementor-element.elementor-element-386a93d5{--display:flex;}body:not(.rtl) .elementor-2540 .elementor-element.elementor-element-7c13547d{left:-86px;}body.rtl .elementor-2540 .elementor-element.elementor-element-7c13547d{right:-86px;}.elementor-2540 .elementor-element.elementor-element-7c13547d{top:364px;}.elementor-2540 .elementor-element.elementor-element-7c13547d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:63px;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;color:#3A3A3A;}body:not(.rtl) .elementor-2540 .elementor-element.elementor-element-3da79499{left:-199px;}body.rtl .elementor-2540 .elementor-element.elementor-element-3da79499{right:-199px;}.elementor-2540 .elementor-element.elementor-element-3da79499{top:430px;}.elementor-2540 .elementor-element.elementor-element-3da79499 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:127px;font-weight:600;color:#3A3A3A;}.elementor-2540 .elementor-element.elementor-element-a556367{--display:flex;--min-height:167px;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;}.elementor-2540 .elementor-element.elementor-element-a556367.e-con{--align-self:flex-end;}.elementor-2540 .elementor-element.elementor-element-9649008{--display:flex;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2540 .elementor-element.elementor-element-e074c3a{--divider-border-style:solid;--divider-color:#1B989E;--divider-border-width:4.7px;width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;}.elementor-2540 .elementor-element.elementor-element-e074c3a > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-2540 .elementor-element.elementor-element-e074c3a .elementor-divider-separator{width:100%;margin:0 auto;margin-right:0;}.elementor-2540 .elementor-element.elementor-element-e074c3a .elementor-divider{text-align:right;padding-block-start:10px;padding-block-end:10px;}.elementor-2540 .elementor-element.elementor-element-be28119{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2540 .elementor-element.elementor-element-be28119.e-con{--align-self:flex-end;}.elementor-2540 .elementor-element.elementor-element-8f8337a{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2540 .elementor-element.elementor-element-14be0a4 > .elementor-widget-container{--e-transform-rotateZ:90deg;}.elementor-2540 .elementor-element.elementor-element-14be0a4 .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:10px;font-weight:400;line-height:13px;color:#000000;}.elementor-2540 .elementor-element.elementor-element-4b6d53a{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2540 .elementor-element.elementor-element-fed3cf4 > .elementor-widget-container{--e-transform-rotateZ:90deg;margin:10px 0px 0px 0px;}.elementor-2540 .elementor-element.elementor-element-fed3cf4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-2540 .elementor-element.elementor-element-1b654a94{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2540 .elementor-element.elementor-element-1b654a94.e-con{--align-self:center;}.elementor-2540 .elementor-element.elementor-element-1dfd5b09 .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#3A3A3A;color:#3A3A3A;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-2540 .elementor-element.elementor-element-1dfd5b09{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2540 .elementor-element.elementor-element-1dfd5b09 > .elementor-widget-container{--e-transform-rotateZ:360deg;}.elementor-2540 .elementor-element.elementor-element-1dfd5b09 .elementor-button:hover, .elementor-2540 .elementor-element.elementor-element-1dfd5b09 .elementor-button:focus{color:#24AEBC;}.elementor-2540 .elementor-element.elementor-element-1dfd5b09 .elementor-button:hover svg, .elementor-2540 .elementor-element.elementor-element-1dfd5b09 .elementor-button:focus svg{fill:#24AEBC;}.elementor-2540 .elementor-element.elementor-element-1143affa .elementor-heading-title{color:#24AEBC;}.elementor-2540 .elementor-element.elementor-element-428df723 .elementor-button{background-color:#61CE7000;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;fill:#3A3A3A;color:#3A3A3A;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-2540 .elementor-element.elementor-element-428df723{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2540 .elementor-element.elementor-element-428df723 .elementor-button:hover, .elementor-2540 .elementor-element.elementor-element-428df723 .elementor-button:focus{color:#24AEBC;}.elementor-2540 .elementor-element.elementor-element-428df723 .elementor-button:hover svg, .elementor-2540 .elementor-element.elementor-element-428df723 .elementor-button:focus svg{fill:#24AEBC;}.elementor-2540 .elementor-element.elementor-element-fad2d58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-2540 .elementor-element.elementor-element-fad2d58:not(.elementor-motion-effects-element-type-background), .elementor-2540 .elementor-element.elementor-element-fad2d58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2540 .elementor-element.elementor-element-a144f95{--display:flex;--border-radius:0px 0px 50px 50px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2540 .elementor-element.elementor-element-a144f95:not(.elementor-motion-effects-element-type-background), .elementor-2540 .elementor-element.elementor-element-a144f95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3A3A3A;}.elementor-2540 .elementor-element.elementor-element-0a6b5ca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2540 .elementor-element.elementor-element-15fe457{--spacer-size:20px;}.elementor-2540 .elementor-element.elementor-element-3266325{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2540 .elementor-element.elementor-element-067a8a4{--display:flex;}.elementor-2540 .elementor-element.elementor-element-11e17c4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-2540 .elementor-element.elementor-element-787d92d{--display:flex;}.elementor-2540 .elementor-element.elementor-element-4fd7c84{text-align:right;}.elementor-2540 .elementor-element.elementor-element-4fd7c84 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-2540 .elementor-element.elementor-element-2303102{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2540 .elementor-element.elementor-element-39974ea .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-085e3a2 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-36f0b80 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-e698abb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2540 .elementor-element.elementor-element-9176608 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-d9a1695 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-312aa2f .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-8c4444c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2540 .elementor-element.elementor-element-629316b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-d95f139{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2540 .elementor-element.elementor-element-8a4a846{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2540 .elementor-element.elementor-element-2b2adef .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-770827a .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-183b4a8 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-dca1ad6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2540 .elementor-element.elementor-element-75f0ff6 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2540 .elementor-element.elementor-element-9352387{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2540 .elementor-element.elementor-element-221a6f8{--spacer-size:50px;}@media(max-width:1024px){.elementor-2540 .elementor-element.elementor-element-4e94bc86 .elementor-heading-title{font-size:44px;}.elementor-2540 .elementor-element.elementor-element-75a0e55e .elementor-heading-title{font-size:80px;}.elementor-2540 .elementor-element.elementor-element-74f1551{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2540 .elementor-element.elementor-element-3007986f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2540 .elementor-element.elementor-element-3af23cc4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}body:not(.rtl) .elementor-2540 .elementor-element.elementor-element-7c13547d{left:-64px;}body.rtl .elementor-2540 .elementor-element.elementor-element-7c13547d{right:-64px;}.elementor-2540 .elementor-element.elementor-element-7c13547d{top:99px;}.elementor-2540 .elementor-element.elementor-element-7c13547d .elementor-heading-title{font-size:44px;}body:not(.rtl) .elementor-2540 .elementor-element.elementor-element-3da79499{left:-111px;}body.rtl .elementor-2540 .elementor-element.elementor-element-3da79499{right:-111px;}.elementor-2540 .elementor-element.elementor-element-3da79499{top:149px;}.elementor-2540 .elementor-element.elementor-element-3da79499 .elementor-heading-title{font-size:80px;}}@media(max-width:767px){.elementor-2540 .elementor-element.elementor-element-4e94bc86{text-align:center;}.elementor-2540 .elementor-element.elementor-element-75a0e55e{text-align:center;}.elementor-2540 .elementor-element.elementor-element-74f1551{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2540 .elementor-element.elementor-element-3007986f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2540 .elementor-element.elementor-element-3007986f .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-2540 .elementor-element.elementor-element-3af23cc4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2540 .elementor-element.elementor-element-3af23cc4 .elementor-button .elementor-button-content-wrapper{justify-content:start;}body:not(.rtl) .elementor-2540 .elementor-element.elementor-element-7c13547d{left:60px;}body.rtl .elementor-2540 .elementor-element.elementor-element-7c13547d{right:60px;}.elementor-2540 .elementor-element.elementor-element-7c13547d{top:16px;text-align:center;}body:not(.rtl) .elementor-2540 .elementor-element.elementor-element-3da79499{left:34px;}body.rtl .elementor-2540 .elementor-element.elementor-element-3da79499{right:34px;}.elementor-2540 .elementor-element.elementor-element-3da79499{top:67px;text-align:center;}.elementor-2540 .elementor-element.elementor-element-fad2d58{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2540 .elementor-element.elementor-element-11e17c4{text-align:center;}.elementor-2540 .elementor-element.elementor-element-11e17c4 .elementor-heading-title{font-size:32px;}.elementor-2540 .elementor-element.elementor-element-4fd7c84{text-align:center;}.elementor-2540 .elementor-element.elementor-element-4fd7c84 .elementor-heading-title{font-size:32px;}}@media(min-width:768px){.elementor-2540 .elementor-element.elementor-element-74f1551{--width:71%;}.elementor-2540 .elementor-element.elementor-element-7ef3fc7e{--width:75vw;}.elementor-2540 .elementor-element.elementor-element-3cbbd037{--width:25%;}.elementor-2540 .elementor-element.elementor-element-a556367{--width:120px;}.elementor-2540 .elementor-element.elementor-element-be28119{--width:100%;}.elementor-2540 .elementor-element.elementor-element-1b654a94{--width:71%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2540 .elementor-element.elementor-element-7ef3fc7e{--width:100vw;}}/* Start custom CSS for container, class: .elementor-element-2303102 *//* Image base styles */
.food-img, .product-img, .graphic-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Border effect */
.food-img::before, .product-img::before, .graphic-img::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid transparent; /* Initially transparent */
    pointer-events: none;
    z-index: 2;
    transition: border-color 0.3s ease; /* Smooth transition for border color */
}

/* Overlay effect */
.food-img::after, .product-img::after, .graphic-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(58, 58, 58, 0.5); /* Overlay color with 50% transparency */
    pointer-events: none;
    z-index: 1; /* Place behind the border */
    transition: opacity 0.3s ease; /* Smooth transition for the overlay */
    opacity: 1; /* Fully visible overlay */
}

/* Border and overlay effect on hover */
.food-img:hover::before, .food-img.active::before,
.product-img:hover::before, .product-img.active::before,
.graphic-img:hover::before, .graphic-img.active::before {
    border-color: #6EC1E4; /* Border color on hover or when active */
}

.food-img:hover::after, .food-img.active::after,
.product-img:hover::after, .product-img.active::after,
.graphic-img:hover::after, .graphic-img.active::after {
    opacity: 0; /* Hide overlay on hover or when active */
}

/* Add styles for menu hover to simulate hover on images */
.menu-food-styling:hover ~ #food-img::before,
.menu-food-styling:hover ~ #food-img::after {
    border-color: #6EC1E4; /* Border color when hovering over menu item */
    opacity: 0; /* Hide overlay when hovering over menu item */
}

.menu-product-styling:hover ~ #product-img::before,
.menu-product-styling:hover ~ #product-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}

.menu-graphic-designing:hover ~ #graphic-img::before,
.menu-graphic-designing:hover ~ #graphic-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e698abb *//* Image base styles */
.food-img, .product-img, .graphic-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Border effect */
.food-img::before, .product-img::before, .graphic-img::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid transparent; /* Initially transparent */
    pointer-events: none;
    z-index: 2;
    transition: border-color 0.3s ease; /* Smooth transition for border color */
}

/* Overlay effect */
.food-img::after, .product-img::after, .graphic-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(58, 58, 58, 0.5); /* Overlay color with 50% transparency */
    pointer-events: none;
    z-index: 1; /* Place behind the border */
    transition: opacity 0.3s ease; /* Smooth transition for the overlay */
    opacity: 1; /* Fully visible overlay */
}

/* Border and overlay effect on hover */
.food-img:hover::before, .food-img.active::before,
.product-img:hover::before, .product-img.active::before,
.graphic-img:hover::before, .graphic-img.active::before {
    border-color: #6EC1E4; /* Border color on hover or when active */
}

.food-img:hover::after, .food-img.active::after,
.product-img:hover::after, .product-img.active::after,
.graphic-img:hover::after, .graphic-img.active::after {
    opacity: 0; /* Hide overlay on hover or when active */
}

/* Add styles for menu hover to simulate hover on images */
.menu-food-styling:hover ~ #food-img::before,
.menu-food-styling:hover ~ #food-img::after {
    border-color: #6EC1E4; /* Border color when hovering over menu item */
    opacity: 0; /* Hide overlay when hovering over menu item */
}

.menu-product-styling:hover ~ #product-img::before,
.menu-product-styling:hover ~ #product-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}

.menu-graphic-designing:hover ~ #graphic-img::before,
.menu-graphic-designing:hover ~ #graphic-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c4444c *//* Image base styles */
.food-img, .product-img, .graphic-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Border effect */
.food-img::before, .product-img::before, .graphic-img::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid transparent; /* Initially transparent */
    pointer-events: none;
    z-index: 2;
    transition: border-color 0.3s ease; /* Smooth transition for border color */
}

/* Overlay effect */
.food-img::after, .product-img::after, .graphic-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(58, 58, 58, 0.5); /* Overlay color with 50% transparency */
    pointer-events: none;
    z-index: 1; /* Place behind the border */
    transition: opacity 0.3s ease; /* Smooth transition for the overlay */
    opacity: 1; /* Fully visible overlay */
}

/* Border and overlay effect on hover */
.food-img:hover::before, .food-img.active::before,
.product-img:hover::before, .product-img.active::before,
.graphic-img:hover::before, .graphic-img.active::before {
    border-color: #6EC1E4; /* Border color on hover or when active */
}

.food-img:hover::after, .food-img.active::after,
.product-img:hover::after, .product-img.active::after,
.graphic-img:hover::after, .graphic-img.active::after {
    opacity: 0; /* Hide overlay on hover or when active */
}

/* Add styles for menu hover to simulate hover on images */
.menu-food-styling:hover ~ #food-img::before,
.menu-food-styling:hover ~ #food-img::after {
    border-color: #6EC1E4; /* Border color when hovering over menu item */
    opacity: 0; /* Hide overlay when hovering over menu item */
}

.menu-product-styling:hover ~ #product-img::before,
.menu-product-styling:hover ~ #product-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}

.menu-graphic-designing:hover ~ #graphic-img::before,
.menu-graphic-designing:hover ~ #graphic-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a4a846 *//* Image base styles */
.food-img, .product-img, .graphic-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Border effect */
.food-img::before, .product-img::before, .graphic-img::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid transparent; /* Initially transparent */
    pointer-events: none;
    z-index: 2;
    transition: border-color 0.3s ease; /* Smooth transition for border color */
}

/* Overlay effect */
.food-img::after, .product-img::after, .graphic-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(58, 58, 58, 0.5); /* Overlay color with 50% transparency */
    pointer-events: none;
    z-index: 1; /* Place behind the border */
    transition: opacity 0.3s ease; /* Smooth transition for the overlay */
    opacity: 1; /* Fully visible overlay */
}

/* Border and overlay effect on hover */
.food-img:hover::before, .food-img.active::before,
.product-img:hover::before, .product-img.active::before,
.graphic-img:hover::before, .graphic-img.active::before {
    border-color: #6EC1E4; /* Border color on hover or when active */
}

.food-img:hover::after, .food-img.active::after,
.product-img:hover::after, .product-img.active::after,
.graphic-img:hover::after, .graphic-img.active::after {
    opacity: 0; /* Hide overlay on hover or when active */
}

/* Add styles for menu hover to simulate hover on images */
.menu-food-styling:hover ~ #food-img::before,
.menu-food-styling:hover ~ #food-img::after {
    border-color: #6EC1E4; /* Border color when hovering over menu item */
    opacity: 0; /* Hide overlay when hovering over menu item */
}

.menu-product-styling:hover ~ #product-img::before,
.menu-product-styling:hover ~ #product-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}

.menu-graphic-designing:hover ~ #graphic-img::before,
.menu-graphic-designing:hover ~ #graphic-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d95f139 *//* Image base styles */
.food-img, .product-img, .graphic-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Border effect */
.food-img::before, .product-img::before, .graphic-img::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid transparent; /* Initially transparent */
    pointer-events: none;
    z-index: 2;
    transition: border-color 0.3s ease; /* Smooth transition for border color */
}

/* Overlay effect */
.food-img::after, .product-img::after, .graphic-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(58, 58, 58, 0.5); /* Overlay color with 50% transparency */
    pointer-events: none;
    z-index: 1; /* Place behind the border */
    transition: opacity 0.3s ease; /* Smooth transition for the overlay */
    opacity: 1; /* Fully visible overlay */
}

/* Border and overlay effect on hover */
.food-img:hover::before, .food-img.active::before,
.product-img:hover::before, .product-img.active::before,
.graphic-img:hover::before, .graphic-img.active::before {
    border-color: #6EC1E4; /* Border color on hover or when active */
}

.food-img:hover::after, .food-img.active::after,
.product-img:hover::after, .product-img.active::after,
.graphic-img:hover::after, .graphic-img.active::after {
    opacity: 0; /* Hide overlay on hover or when active */
}

/* Add styles for menu hover to simulate hover on images */
.menu-food-styling:hover ~ #food-img::before,
.menu-food-styling:hover ~ #food-img::after {
    border-color: #6EC1E4; /* Border color when hovering over menu item */
    opacity: 0; /* Hide overlay when hovering over menu item */
}

.menu-product-styling:hover ~ #product-img::before,
.menu-product-styling:hover ~ #product-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}

.menu-graphic-designing:hover ~ #graphic-img::before,
.menu-graphic-designing:hover ~ #graphic-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dca1ad6 *//* Image base styles */
.food-img, .product-img, .graphic-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Border effect */
.food-img::before, .product-img::before, .graphic-img::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid transparent; /* Initially transparent */
    pointer-events: none;
    z-index: 2;
    transition: border-color 0.3s ease; /* Smooth transition for border color */
}

/* Overlay effect */
.food-img::after, .product-img::after, .graphic-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(58, 58, 58, 0.5); /* Overlay color with 50% transparency */
    pointer-events: none;
    z-index: 1; /* Place behind the border */
    transition: opacity 0.3s ease; /* Smooth transition for the overlay */
    opacity: 1; /* Fully visible overlay */
}

/* Border and overlay effect on hover */
.food-img:hover::before, .food-img.active::before,
.product-img:hover::before, .product-img.active::before,
.graphic-img:hover::before, .graphic-img.active::before {
    border-color: #6EC1E4; /* Border color on hover or when active */
}

.food-img:hover::after, .food-img.active::after,
.product-img:hover::after, .product-img.active::after,
.graphic-img:hover::after, .graphic-img.active::after {
    opacity: 0; /* Hide overlay on hover or when active */
}

/* Add styles for menu hover to simulate hover on images */
.menu-food-styling:hover ~ #food-img::before,
.menu-food-styling:hover ~ #food-img::after {
    border-color: #6EC1E4; /* Border color when hovering over menu item */
    opacity: 0; /* Hide overlay when hovering over menu item */
}

.menu-product-styling:hover ~ #product-img::before,
.menu-product-styling:hover ~ #product-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}

.menu-graphic-designing:hover ~ #graphic-img::before,
.menu-graphic-designing:hover ~ #graphic-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9352387 *//* Image base styles */
.food-img, .product-img, .graphic-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Border effect */
.food-img::before, .product-img::before, .graphic-img::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid transparent; /* Initially transparent */
    pointer-events: none;
    z-index: 2;
    transition: border-color 0.3s ease; /* Smooth transition for border color */
}

/* Overlay effect */
.food-img::after, .product-img::after, .graphic-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(58, 58, 58, 0.5); /* Overlay color with 50% transparency */
    pointer-events: none;
    z-index: 1; /* Place behind the border */
    transition: opacity 0.3s ease; /* Smooth transition for the overlay */
    opacity: 1; /* Fully visible overlay */
}

/* Border and overlay effect on hover */
.food-img:hover::before, .food-img.active::before,
.product-img:hover::before, .product-img.active::before,
.graphic-img:hover::before, .graphic-img.active::before {
    border-color: #6EC1E4; /* Border color on hover or when active */
}

.food-img:hover::after, .food-img.active::after,
.product-img:hover::after, .product-img.active::after,
.graphic-img:hover::after, .graphic-img.active::after {
    opacity: 0; /* Hide overlay on hover or when active */
}

/* Add styles for menu hover to simulate hover on images */
.menu-food-styling:hover ~ #food-img::before,
.menu-food-styling:hover ~ #food-img::after {
    border-color: #6EC1E4; /* Border color when hovering over menu item */
    opacity: 0; /* Hide overlay when hovering over menu item */
}

.menu-product-styling:hover ~ #product-img::before,
.menu-product-styling:hover ~ #product-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}

.menu-graphic-designing:hover ~ #graphic-img::before,
.menu-graphic-designing:hover ~ #graphic-img::after {
    border-color: #6EC1E4;
    opacity: 0;
}/* End custom CSS */