.elementor-741 .elementor-element.elementor-element-f7d7d54{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-abb3353{--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;--justify-content:center;--padding-top:0100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-ee299d6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-c0284b0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-860f8d5{--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-741 .elementor-element.elementor-element-d501832 img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-5649ad4{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-3649e0a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-b6a4b36{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-32248d6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-27e32f4 img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-eda4d73{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-5ac2e50{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-ec2de90{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-bfef5c1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-4a17aa3 img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-1a9268a{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-09f59ad{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-0b8c0cf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-3c917c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-da3549d img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-911621d{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-ee1aeb3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-41fc829{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-91d2627{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-09ce65b img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-98e08d0{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-b48fa0d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-af3d64b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-e6d77df{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-67f2585 img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-d559609{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-a832e2d{--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:0100px 0px;--row-gap:0100px;--column-gap:0px;--margin-top:0100px;--margin-bottom:0100px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-33b4bf0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-a1c07f6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-faf124d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-add23fe img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-8eb25a4{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-2a80d29{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-72719fa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-62c9c87{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-60b70ee img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-4ffb9ea{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-7650af7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-bf3aa81{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-974f4eb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-a494c71 img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-f22634f{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-5fbe838{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-8c0560a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:70px 0px;--row-gap:70px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--padding-top:0100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-cdb51c3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-8042bd8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-2d38fec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-112a2f7 img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-5803cc9{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-bb4ac06{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-56ca407{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-2902318{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-01ca34f img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-08e2ae3{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-22037fb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-6fe5e57{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-dd48572{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-b3b7fe0 img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-3c2eb45{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-867fd98{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-57ed61b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-4740cc8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-ad5a2d7 img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-d296cf5{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-954d84c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-bb66cc1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-4a479cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-582f8f5 img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-82c994d{--display:flex;overflow:visible;}.elementor-741 .elementor-element.elementor-element-d4002fd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-f1a12d3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-ff54a5b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-741 .elementor-element.elementor-element-fd6da3e img{border-radius:14px 14px 14px 14px;}.elementor-741 .elementor-element.elementor-element-08aa4f3{--display:flex;overflow:visible;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-741 .elementor-element.elementor-element-8c0560a{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-741 .elementor-element.elementor-element-f7d7d54.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-741 .elementor-element.elementor-element-abb3353{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-741 .elementor-element.elementor-element-abb3353.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-741 .elementor-element.elementor-element-ee299d6{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-741 .elementor-element.elementor-element-c0284b0{--justify-content:center;}.elementor-741 .elementor-element.elementor-element-33b4bf0{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-741 .elementor-element.elementor-element-a1c07f6{--justify-content:center;}.elementor-741 .elementor-element.elementor-element-2a80d29{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-741 .elementor-element.elementor-element-72719fa{--justify-content:center;}.elementor-741 .elementor-element.elementor-element-7650af7{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-741 .elementor-element.elementor-element-bf3aa81{--justify-content:center;}.elementor-741 .elementor-element.elementor-element-5fbe838.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-741 .elementor-element.elementor-element-8c0560a{--e-con-grid-template-columns:repeat(1, 1fr);--gap:5% 0%;--row-gap:5%;--column-gap:0%;--grid-auto-flow:row;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-741 .elementor-element.elementor-element-8c0560a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-741 .elementor-element.elementor-element-cdb51c3{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-741 .elementor-element.elementor-element-8042bd8{--justify-content:center;}}/* Start custom CSS for container, class: .elementor-element-abb3353 */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-8c0560a */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 */