.elementor-563 .elementor-element.elementor-element-8c40982{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-f85489d{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-853977d{--display:flex;overflow:visible;}.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-563 .elementor-element.elementor-element-5bad496{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 030px) 0px;}.elementor-563 .elementor-element.elementor-element-5bad496 .elementor-heading-title{font-family:"Kodchasan", Sans-serif;font-size:60px;font-weight:700;letter-spacing:10px;word-spacing:23px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-563 .elementor-element.elementor-element-d474741{font-family:"Kodchasan", Sans-serif;font-size:20px;font-weight:400;letter-spacing:0.04em;color:#F3F3F3;}.elementor-563 .elementor-element.elementor-element-0061237{--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:space-around;--align-items:stretch;--gap:0150px 0px;--row-gap:0150px;--column-gap:0px;--margin-top:0100px;--margin-bottom:0100px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-c0d55b3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-6e27c55{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-6d8b1b8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-563 .elementor-element.elementor-element-12b7762 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-16d0002{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-a2609b6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-8dedf9d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-6e1e688{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-6e1e688.e-con{--align-self:center;}.elementor-563 .elementor-element.elementor-element-e8caf21 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-37363d0{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-710a21b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-dc9b00a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-b9c3d82{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-69872a1 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-2a9187f{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-3890e92{--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:space-around;--align-items:center;--gap:0150px 0px;--row-gap:0150px;--column-gap:0px;--margin-top:0100px;--margin-bottom:0100px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-fc681e0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-83ee3a8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-944755d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-b1d0854 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-47e7e31{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-1da0ac4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-1a55904{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-057ec89{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-9789971 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-dd8479d{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-a0da3c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-2d19d39{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-2d23054{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-76cffee img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-f631a9b{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-d3756ff{--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:space-around;--align-items:center;--gap:0150px 0px;--row-gap:0150px;--column-gap:0px;--margin-top:0100px;--margin-bottom:0100px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-c7409f0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-3e1da05{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-19c6ddc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-4d006ed img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-24ab837{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-a90acbf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-9057309{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-2652cc3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-d3dc18c img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-9aa1575{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-f7525cb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-814d548{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-3bceaa9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-f644d49 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-88e90de{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-e262573{--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:space-around;--align-items:center;--gap:0150px 0px;--row-gap:0150px;--column-gap:0px;--margin-top:0100px;--margin-bottom:0100px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-38bdab5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-ccd1462{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-5509a94{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-b170da5 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-515c736{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-0e07cdd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-a4035c9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-8681f05{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-0604544 img{width:100%;height:388px;border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-1beab6e{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-13fa5f9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-703c174{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-5982147{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-571ee6f img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-d88204c{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-79ada43{--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:space-around;--align-items:stretch;--gap:0150px 0px;--row-gap:0150px;--column-gap:0px;--margin-top:0100px;--margin-bottom:0100px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-513823a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-a9dac10{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-6b8eed2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-87c3b48 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-4c07719{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-0f3e0dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-6ea63b9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-12e04ee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-4579667 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-57b4140{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-62ee136{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-de369e7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-921a025{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-c9dc490.elementor-element{--align-self:center;}.elementor-563 .elementor-element.elementor-element-c9dc490 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-c8aa98d{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-ecf9acd{--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:space-around;--align-items:stretch;--gap:0150px 0px;--row-gap:0150px;--column-gap:0px;--margin-top:0100px;--margin-bottom:0100px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-66e3976{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-ac97f44{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-4547d51{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-cec1dc4 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-8b6f4a4{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-84ef19d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-f7f3732{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-e777d12{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-fa0af7d img{width:100%;height:397px;border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-222dc3b{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-5c7ab49{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-5c7ab49.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-563 .elementor-element.elementor-element-4bdb1a4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-661fe4e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-2570281 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-5c3f82a{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-cda735d{--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:space-around;--align-items:stretch;--gap:0150px 0px;--row-gap:0150px;--column-gap:0px;--margin-top:0100px;--margin-bottom:0100px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-95b41d7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-44a9943{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-bcaafad{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-7986750 img{width:100%;height:371px;object-fit:cover;object-position:center center;border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-ca2a37c{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-fa84edb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-fa84edb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-563 .elementor-element.elementor-element-1103bc0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-ea985c0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-0e7bfd9 img{width:100%;height:371px;object-fit:cover;object-position:center center;border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-c42b873{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-0cf14c4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-ff19543{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-75f4530{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-b11f107 img{height:371px;object-fit:cover;object-position:center center;border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-681cbb0{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-d125dc1{--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:space-around;--align-items:stretch;--gap:0150px 0px;--row-gap:0150px;--column-gap:0px;--margin-top:0100px;--margin-bottom:0100px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-a04c48a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-aed43fb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-f83b7de{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-73c8de4 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-a694657{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-9738ca3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-fa9aa68{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-5beec06{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-9b88527 img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-91c2a4e{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-6bdc1cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-453e916{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-3cb8f22{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-563 .elementor-element.elementor-element-1c6742c img{border-radius:14px 14px 14px 14px;}.elementor-563 .elementor-element.elementor-element-2a93a1f{--display:flex;overflow:visible;}.elementor-563 .elementor-element.elementor-element-b8c0e20{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-563 .elementor-element.elementor-element-5c7ab49{--width:16.496%;}.elementor-563 .elementor-element.elementor-element-fa84edb{--width:18.205%;}}@media(max-width:1024px){.elementor-563 .elementor-element.elementor-element-5bad496 .elementor-heading-title{font-size:45px;letter-spacing:6px;}.elementor-563 .elementor-element.elementor-element-d474741{font-size:17px;}.elementor-563 .elementor-element.elementor-element-3890e92{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-563 .elementor-element.elementor-element-d3756ff{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-563 .elementor-element.elementor-element-e262573{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-563 .elementor-element.elementor-element-0604544 img{height:365px;}.elementor-563 .elementor-element.elementor-element-fa0af7d img{height:363px;}}@media(max-width:767px){.elementor-563 .elementor-element.elementor-element-5bad496 .elementor-heading-title{font-size:32px;letter-spacing:4px;}.elementor-563 .elementor-element.elementor-element-d474741{font-size:16px;line-height:1.8em;}.elementor-563 .elementor-element.elementor-element-0061237{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-563 .elementor-element.elementor-element-c0d55b3{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-563 .elementor-element.elementor-element-6e27c55{--justify-content:center;}.elementor-563 .elementor-element.elementor-element-3890e92{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-563 .elementor-element.elementor-element-fc681e0{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-563 .elementor-element.elementor-element-83ee3a8{--justify-content:center;}.elementor-563 .elementor-element.elementor-element-d3756ff{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-563 .elementor-element.elementor-element-c7409f0{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-563 .elementor-element.elementor-element-3e1da05{--justify-content:center;}.elementor-563 .elementor-element.elementor-element-e262573{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-563 .elementor-element.elementor-element-38bdab5{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-563 .elementor-element.elementor-element-ccd1462{--justify-content:center;}.elementor-563 .elementor-element.elementor-element-79ada43{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-563 .elementor-element.elementor-element-513823a{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-563 .elementor-element.elementor-element-a9dac10{--justify-content:center;}.elementor-563 .elementor-element.elementor-element-ecf9acd{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-563 .elementor-element.elementor-element-66e3976{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-563 .elementor-element.elementor-element-ac97f44{--justify-content:center;}.elementor-563 .elementor-element.elementor-element-cda735d{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-563 .elementor-element.elementor-element-95b41d7{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-563 .elementor-element.elementor-element-44a9943{--justify-content:center;}.elementor-563 .elementor-element.elementor-element-d125dc1{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-563 .elementor-element.elementor-element-a04c48a{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-563 .elementor-element.elementor-element-aed43fb{--justify-content:center;}.elementor-563 .elementor-element.elementor-element-b8c0e20{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-0061237 */body {
    background-color: #0f1a0f;
  font-family: 'Kodchasan', sans-serif !important;
    margin: 0;
    padding: 0px 0px;
  }

  .card-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 70px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 75px 20px;
  }

  .meal-item {
    position: relative;
    text-align: center;
    flex: 1 1 280px;
    max-width: 280px;
    min-width: 260px;
    cursor: pointer;
    transition: transform 0.4s ease;
  }

  .meal-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease, box-shadow 0.3s ease;
    z-index: 10;
  }

  /* Hover and scroll animation base */
  .meal-item:hover .meal-card,
  .meal-item.scroll-active .meal-card {
    transform: translateY(-40px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.25);
  }

  .meal-card img.main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Hover/Scroll image */
  .hover-img {
    position: absolute;
    width: 85%;
    height: 50%;
    object-fit: fill;
    left: 50%;
    transform: translateX(-50%) translateY(-100px) scale(0.9);
    bottom: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: all 0.6s ease;
    z-index: 15;
    pointer-events: none;
  }

  .meal-item:hover .hover-img,
  .meal-item.scroll-active .hover-img {
    bottom: -20%;
    opacity: 1;
    transform: translateX(-50%) translateY(-40px) scale(1);
  }

  .meal-info {
    text-align: center;
    color: white;
    margin-top: 15px;
    transition: transform 0.5s ease, opacity 0.5s ease;
    position: relative;
    z-index: 1;
    opacity: 0.9;
  }

  .meal-item:hover .meal-info,
  .meal-item.scroll-active .meal-info {
    transform: translateY(25px);
  }

  .meal-info h3 {
    
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    margin: 10px 0 5px;
    letter-spacing: 2px;
  }

  .meal-info p {
    font-size: 0.9rem;
    color: #d8d8d8;
    max-width: 260px;
    margin: 5px auto 0;
    line-height: 1.5;
  }

@media (max-width: 600px) {
  .hover-img {
    bottom: -10% !important;
    transform: translateX(-50%) translateY(-100px) scale(0.9) !important;
  }

  .meal-item.scroll-active .hover-img {
    bottom: 1% !important;
    transform: translateX(-50%) translateY(20px) scale(1) !important;
  }

  .meal-item.scroll-active .meal-info {
    transform: translateY(70px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3890e92 */body {
    background-color: #0f1a0f;
  font-family: 'Kodchasan', sans-serif !important;
    margin: 0;
    padding: 0px 0px;
  }

  .card-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 70px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 75px 20px;
  }

  .meal-item {
    position: relative;
    text-align: center;
    flex: 1 1 280px;
    max-width: 280px;
    min-width: 260px;
    cursor: pointer;
    transition: transform 0.4s ease;
  }

  .meal-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease, box-shadow 0.3s ease;
    z-index: 10;
  }

  /* Hover and scroll animation base */
  .meal-item:hover .meal-card,
  .meal-item.scroll-active .meal-card {
    transform: translateY(-40px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.25);
  }

  .meal-card img.main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Hover/Scroll image */
  .hover-img {
    position: absolute;
    width: 85%;
    height: 50%;
    object-fit: fill;
    left: 50%;
    transform: translateX(-50%) translateY(-100px) scale(0.9);
    bottom: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: all 0.6s ease;
    z-index: 15;
    pointer-events: none;
  }

  .meal-item:hover .hover-img,
  .meal-item.scroll-active .hover-img {
    bottom: -20%;
    opacity: 1;
    transform: translateX(-50%) translateY(-40px) scale(1);
  }

  .meal-info {
    text-align: center;
    color: white;
    margin-top: 15px;
    transition: transform 0.5s ease, opacity 0.5s ease;
    position: relative;
    z-index: 1;
    opacity: 0.9;
  }

  .meal-item:hover .meal-info,
  .meal-item.scroll-active .meal-info {
    transform: translateY(25px);
  }

  .meal-info h3 {
    
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    margin: 10px 0 5px;
    letter-spacing: 2px;
  }

  .meal-info p {
    font-size: 0.9rem;
    color: #d8d8d8;
    max-width: 260px;
    margin: 5px auto 0;
    line-height: 1.5;
  }

@media (max-width: 600px) {
  .hover-img {
    bottom: -10% !important;
    transform: translateX(-50%) translateY(-100px) scale(0.9) !important;
  }

  .meal-item.scroll-active .hover-img {
    bottom: 1% !important;
    transform: translateX(-50%) translateY(20px) scale(1) !important;
  }

  .meal-item.scroll-active .meal-info {
    transform: translateY(70px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3756ff */body {
    background-color: #0f1a0f;
  font-family: 'Kodchasan', sans-serif !important;
    margin: 0;
    padding: 0px 0px;
  }

  .card-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 70px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 75px 20px;
  }

  .meal-item {
    position: relative;
    text-align: center;
    flex: 1 1 280px;
    max-width: 280px;
    min-width: 260px;
    cursor: pointer;
    transition: transform 0.4s ease;
  }

  .meal-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease, box-shadow 0.3s ease;
    z-index: 10;
  }

  /* Hover and scroll animation base */
  .meal-item:hover .meal-card,
  .meal-item.scroll-active .meal-card {
    transform: translateY(-40px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.25);
  }

  .meal-card img.main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Hover/Scroll image */
  .hover-img {
    position: absolute;
    width: 85%;
    height: 50%;
    object-fit: fill;
    left: 50%;
    transform: translateX(-50%) translateY(-100px) scale(0.9);
    bottom: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: all 0.6s ease;
    z-index: 15;
    pointer-events: none;
  }

  .meal-item:hover .hover-img,
  .meal-item.scroll-active .hover-img {
    bottom: -20%;
    opacity: 1;
    transform: translateX(-50%) translateY(-40px) scale(1);
  }

  .meal-info {
    text-align: center;
    color: white;
    margin-top: 15px;
    transition: transform 0.5s ease, opacity 0.5s ease;
    position: relative;
    z-index: 1;
    opacity: 0.9;
  }

  .meal-item:hover .meal-info,
  .meal-item.scroll-active .meal-info {
    transform: translateY(25px);
  }

  .meal-info h3 {
    
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    margin: 10px 0 5px;
    letter-spacing: 2px;
  }

  .meal-info p {
    font-size: 0.9rem;
    color: #d8d8d8;
    max-width: 260px;
    margin: 5px auto 0;
    line-height: 1.5;
  }

@media (max-width: 600px) {
  .hover-img {
    bottom: -10% !important;
    transform: translateX(-50%) translateY(-100px) scale(0.9) !important;
  }

  .meal-item.scroll-active .hover-img {
    bottom: 1% !important;
    transform: translateX(-50%) translateY(20px) scale(1) !important;
  }

  .meal-item.scroll-active .meal-info {
    transform: translateY(70px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e262573 */body {
    background-color: #0f1a0f;
  font-family: 'Kodchasan', sans-serif !important;
    margin: 0;
    padding: 0px 0px;
  }

  .card-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 70px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 75px 20px;
  }

  .meal-item {
    position: relative;
    text-align: center;
    flex: 1 1 280px;
    max-width: 280px;
    min-width: 260px;
    cursor: pointer;
    transition: transform 0.4s ease;
  }

  .meal-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease, box-shadow 0.3s ease;
    z-index: 10;
  }

  /* Hover and scroll animation base */
  .meal-item:hover .meal-card,
  .meal-item.scroll-active .meal-card {
    transform: translateY(-40px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.25);
  }

  .meal-card img.main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Hover/Scroll image */
  .hover-img {
    position: absolute;
    width: 85%;
    height: 50%;
    object-fit: fill;
    left: 50%;
    transform: translateX(-50%) translateY(-100px) scale(0.9);
    bottom: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: all 0.6s ease;
    z-index: 15;
    pointer-events: none;
  }

  .meal-item:hover .hover-img,
  .meal-item.scroll-active .hover-img {
    bottom: -20%;
    opacity: 1;
    transform: translateX(-50%) translateY(-40px) scale(1);
  }

  .meal-info {
    text-align: center;
    color: white;
    margin-top: 15px;
    transition: transform 0.5s ease, opacity 0.5s ease;
    position: relative;
    z-index: 1;
    opacity: 0.9;
  }

  .meal-item:hover .meal-info,
  .meal-item.scroll-active .meal-info {
    transform: translateY(25px);
  }

  .meal-info h3 {
    
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    margin: 10px 0 5px;
    letter-spacing: 2px;
  }

  .meal-info p {
    font-size: 0.9rem;
    color: #d8d8d8;
    max-width: 260px;
    margin: 5px auto 0;
    line-height: 1.5;
  }

@media (max-width: 600px) {
  .hover-img {
    bottom: -10% !important;
    transform: translateX(-50%) translateY(-100px) scale(0.9) !important;
  }

  .meal-item.scroll-active .hover-img {
    bottom: 1% !important;
    transform: translateX(-50%) translateY(20px) scale(1) !important;
  }

  .meal-item.scroll-active .meal-info {
    transform: translateY(70px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79ada43 */body {
    background-color: #0f1a0f;
  font-family: 'Kodchasan', sans-serif !important;
    margin: 0;
    padding: 0px 0px;
  }

  .card-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 70px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 75px 20px;
  }

  .meal-item {
    position: relative;
    text-align: center;
    flex: 1 1 280px;
    max-width: 280px;
    min-width: 260px;
    cursor: pointer;
    transition: transform 0.4s ease;
  }

  .meal-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease, box-shadow 0.3s ease;
    z-index: 10;
  }

  /* Hover and scroll animation base */
  .meal-item:hover .meal-card,
  .meal-item.scroll-active .meal-card {
    transform: translateY(-40px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.25);
  }

  .meal-card img.main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Hover/Scroll image */
  .hover-img {
    position: absolute;
    width: 85%;
    height: 50%;
    object-fit: fill;
    left: 50%;
    transform: translateX(-50%) translateY(-100px) scale(0.9);
    bottom: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: all 0.6s ease;
    z-index: 15;
    pointer-events: none;
  }

  .meal-item:hover .hover-img,
  .meal-item.scroll-active .hover-img {
    bottom: -20%;
    opacity: 1;
    transform: translateX(-50%) translateY(-40px) scale(1);
  }

  .meal-info {
    text-align: center;
    color: white;
    margin-top: 15px;
    transition: transform 0.5s ease, opacity 0.5s ease;
    position: relative;
    z-index: 1;
    opacity: 0.9;
  }

  .meal-item:hover .meal-info,
  .meal-item.scroll-active .meal-info {
    transform: translateY(25px);
  }

  .meal-info h3 {
    
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    margin: 10px 0 5px;
    letter-spacing: 2px;
  }

  .meal-info p {
    font-size: 0.9rem;
    color: #d8d8d8;
    max-width: 260px;
    margin: 5px auto 0;
    line-height: 1.5;
  }

@media (max-width: 600px) {
  .hover-img {
    bottom: -10% !important;
    transform: translateX(-50%) translateY(-100px) scale(0.9) !important;
  }

  .meal-item.scroll-active .hover-img {
    bottom: 1% !important;
    transform: translateX(-50%) translateY(20px) scale(1) !important;
  }

  .meal-item.scroll-active .meal-info {
    transform: translateY(70px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecf9acd */body {
    background-color: #0f1a0f;
  font-family: 'Kodchasan', sans-serif !important;
    margin: 0;
    padding: 0px 0px;
  }

  .card-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 70px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 75px 20px;
  }

  .meal-item {
    position: relative;
    text-align: center;
    flex: 1 1 280px;
    max-width: 280px;
    min-width: 260px;
    cursor: pointer;
    transition: transform 0.4s ease;
  }

  .meal-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease, box-shadow 0.3s ease;
    z-index: 10;
  }

  /* Hover and scroll animation base */
  .meal-item:hover .meal-card,
  .meal-item.scroll-active .meal-card {
    transform: translateY(-40px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.25);
  }

  .meal-card img.main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Hover/Scroll image */
  .hover-img {
    position: absolute;
    width: 85%;
    height: 50%;
    object-fit: fill;
    left: 50%;
    transform: translateX(-50%) translateY(-100px) scale(0.9);
    bottom: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: all 0.6s ease;
    z-index: 15;
    pointer-events: none;
  }

  .meal-item:hover .hover-img,
  .meal-item.scroll-active .hover-img {
    bottom: -20%;
    opacity: 1;
    transform: translateX(-50%) translateY(-40px) scale(1);
  }

  .meal-info {
    text-align: center;
    color: white;
    margin-top: 15px;
    transition: transform 0.5s ease, opacity 0.5s ease;
    position: relative;
    z-index: 1;
    opacity: 0.9;
  }

  .meal-item:hover .meal-info,
  .meal-item.scroll-active .meal-info {
    transform: translateY(25px);
  }

  .meal-info h3 {
    
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    margin: 10px 0 5px;
    letter-spacing: 2px;
  }

  .meal-info p {
    font-size: 0.9rem;
    color: #d8d8d8;
    max-width: 260px;
    margin: 5px auto 0;
    line-height: 1.5;
  }

@media (max-width: 600px) {
  .hover-img {
    bottom: -10% !important;
    transform: translateX(-50%) translateY(-100px) scale(0.9) !important;
  }

  .meal-item.scroll-active .hover-img {
    bottom: 1% !important;
    transform: translateX(-50%) translateY(20px) scale(1) !important;
  }

  .meal-item.scroll-active .meal-info {
    transform: translateY(70px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda735d */body {
    background-color: #0f1a0f;
  font-family: 'Kodchasan', sans-serif !important;
    margin: 0;
    padding: 0px 0px;
  }

  .card-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 70px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 75px 20px;
  }

  .meal-item {
    position: relative;
    text-align: center;
    flex: 1 1 280px;
    max-width: 280px;
    min-width: 260px;
    cursor: pointer;
    transition: transform 0.4s ease;
  }

  .meal-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease, box-shadow 0.3s ease;
    z-index: 10;
  }

  /* Hover and scroll animation base */
  .meal-item:hover .meal-card,
  .meal-item.scroll-active .meal-card {
    transform: translateY(-40px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.25);
  }

  .meal-card img.main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Hover/Scroll image */
  .hover-img {
    position: absolute;
    width: 85%;
    height: 50%;
    object-fit: fill;
    left: 50%;
    transform: translateX(-50%) translateY(-100px) scale(0.9);
    bottom: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: all 0.6s ease;
    z-index: 15;
    pointer-events: none;
  }

  .meal-item:hover .hover-img,
  .meal-item.scroll-active .hover-img {
    bottom: -20%;
    opacity: 1;
    transform: translateX(-50%) translateY(-40px) scale(1);
  }

  .meal-info {
    text-align: center;
    color: white;
    margin-top: 15px;
    transition: transform 0.5s ease, opacity 0.5s ease;
    position: relative;
    z-index: 1;
    opacity: 0.9;
  }

  .meal-item:hover .meal-info,
  .meal-item.scroll-active .meal-info {
    transform: translateY(25px);
  }

  .meal-info h3 {
    
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    margin: 10px 0 5px;
    letter-spacing: 2px;
  }

  .meal-info p {
    font-size: 0.9rem;
    color: #d8d8d8;
    max-width: 260px;
    margin: 5px auto 0;
    line-height: 1.5;
  }

@media (max-width: 600px) {
  .hover-img {
    bottom: -10% !important;
    transform: translateX(-50%) translateY(-100px) scale(0.9) !important;
  }

  .meal-item.scroll-active .hover-img {
    bottom: 1% !important;
    transform: translateX(-50%) translateY(20px) scale(1) !important;
  }

  .meal-item.scroll-active .meal-info {
    transform: translateY(70px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d125dc1 */body {
    background-color: #0f1a0f;
  font-family: 'Kodchasan', sans-serif !important;
    margin: 0;
    padding: 0px 0px;
  }

  .card-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 70px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 75px 20px;
  }

  .meal-item {
    position: relative;
    text-align: center;
    flex: 1 1 280px;
    max-width: 280px;
    min-width: 260px;
    cursor: pointer;
    transition: transform 0.4s ease;
  }

  .meal-card {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease, box-shadow 0.3s ease;
    z-index: 10;
  }

  /* Hover and scroll animation base */
  .meal-item:hover .meal-card,
  .meal-item.scroll-active .meal-card {
    transform: translateY(-40px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.25);
  }

  .meal-card img.main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Hover/Scroll image */
  .hover-img {
    position: absolute;
    width: 85%;
    height: 50%;
    object-fit: fill;
    left: 50%;
    transform: translateX(-50%) translateY(-100px) scale(0.9);
    bottom: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: all 0.6s ease;
    z-index: 15;
    pointer-events: none;
  }

  .meal-item:hover .hover-img,
  .meal-item.scroll-active .hover-img {
    bottom: -20%;
    opacity: 1;
    transform: translateX(-50%) translateY(-40px) scale(1);
  }

  .meal-info {
    text-align: center;
    color: white;
    margin-top: 15px;
    transition: transform 0.5s ease, opacity 0.5s ease;
    position: relative;
    z-index: 1;
    opacity: 0.9;
  }

  .meal-item:hover .meal-info,
  .meal-item.scroll-active .meal-info {
    transform: translateY(25px);
  }

  .meal-info h3 {
    
    font-weight: 700;
    color: #fff;
    font-size: 1rem;
    margin: 10px 0 5px;
    letter-spacing: 2px;
  }

  .meal-info p {
    font-size: 0.9rem;
    color: #d8d8d8;
    max-width: 260px;
    margin: 5px auto 0;
    line-height: 1.5;
  }

@media (max-width: 600px) {
  .hover-img {
    bottom: -10% !important;
    transform: translateX(-50%) translateY(-100px) scale(0.9) !important;
  }

  .meal-item.scroll-active .hover-img {
    bottom: 1% !important;
    transform: translateX(-50%) translateY(20px) scale(1) !important;
  }

  .meal-item.scroll-active .meal-info {
    transform: translateY(70px) !important;
  }
}/* End custom CSS */