.elementor-293 .elementor-element.elementor-element-50bb96e{--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;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-293 .elementor-element.elementor-element-50abdf8{--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;}.elementor-293 .elementor-element.elementor-element-50abdf8:not(.elementor-motion-effects-element-type-background), .elementor-293 .elementor-element.elementor-element-50abdf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hklagrofoods.com/wp-content/uploads/2026/03/horizontal-shot-organic-brown-chickpeas-600nw-2603892501.webp");background-position:center right;background-size:cover;}.elementor-293 .elementor-element.elementor-element-5652c15{--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:55px;--padding-bottom:55px;--padding-left:35px;--padding-right:35px;}.elementor-293 .elementor-element.elementor-element-5652c15:not(.elementor-motion-effects-element-type-background), .elementor-293 .elementor-element.elementor-element-5652c15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECFFF6;}.elementor-293 .elementor-element.elementor-element-f25fc8d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-293 .elementor-element.elementor-element-6e30050 .elementor-button{background-color:#02010100;padding:15px 30px 15px 30px;}.elementor-293 .elementor-element.elementor-element-6e30050.elementor-element{--align-self:flex-start;}.elementor-293 .elementor-element.elementor-element-6a88ab8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-293 .elementor-element.elementor-element-e31ff72{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-293 .elementor-element.elementor-element-e31ff72 .elementor-heading-title{color:#000000;}.elementor-293 .elementor-element.elementor-element-c03a455{width:var( --container-widget-width, 75.514% );max-width:75.514%;--container-widget-width:75.514%;--container-widget-flex-grow:0;text-align:center;}.elementor-293 .elementor-element.elementor-element-c03a455.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-293 .elementor-element.elementor-element-f356bca{--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:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-293 .elementor-element.elementor-element-c58ba6a{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#BEE3D2;--border-color:#BEE3D2;--border-radius:15px 15px 15px 15px;box-shadow:0px 5px 26px -16px rgba(99.13125000000002, 99.13125000000002, 99.13125000000002, 0.5);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-293 .elementor-element.elementor-element-c58ba6a:not(.elementor-motion-effects-element-type-background), .elementor-293 .elementor-element.elementor-element-c58ba6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_9 );}.elementor-293 .elementor-element.elementor-element-f7a4c6c img{border-radius:6px 6px 6px 6px;}.elementor-293 .elementor-element.elementor-element-2e36600{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-293 .elementor-element.elementor-element-2e36600 .elementor-heading-title{font-size:25px;line-height:29px;}.elementor-293 .elementor-element.elementor-element-953dd44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;}.elementor-293 .elementor-element.elementor-element-953dd44 .elementor-heading-title{font-size:16px;line-height:29px;}.elementor-293 .elementor-element.elementor-element-d467b0f .elementor-button{background-color:#02010100;padding:15px 30px 15px 30px;}.elementor-293 .elementor-element.elementor-element-d467b0f.elementor-element{--align-self:flex-start;}.elementor-293 .elementor-element.elementor-element-c278361{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#BEE3D2;--border-color:#BEE3D2;--border-radius:15px 15px 15px 15px;box-shadow:0px 5px 26px -16px rgba(99.13125000000002, 99.13125000000002, 99.13125000000002, 0.5);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-293 .elementor-element.elementor-element-c278361:not(.elementor-motion-effects-element-type-background), .elementor-293 .elementor-element.elementor-element-c278361 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_9 );}.elementor-293 .elementor-element.elementor-element-decb6c0 img{border-radius:6px 6px 6px 6px;}.elementor-293 .elementor-element.elementor-element-b61284c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-293 .elementor-element.elementor-element-b61284c .elementor-heading-title{font-size:25px;line-height:29px;}.elementor-293 .elementor-element.elementor-element-46a24f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;}.elementor-293 .elementor-element.elementor-element-46a24f0 .elementor-heading-title{font-size:16px;line-height:29px;}.elementor-293 .elementor-element.elementor-element-fe7b02d .elementor-button{background-color:#02010100;padding:15px 30px 15px 30px;}.elementor-293 .elementor-element.elementor-element-fe7b02d.elementor-element{--align-self:flex-start;}@media(min-width:768px){.elementor-293 .elementor-element.elementor-element-50abdf8{--width:50%;}.elementor-293 .elementor-element.elementor-element-5652c15{--width:50%;}.elementor-293 .elementor-element.elementor-element-c58ba6a{--width:45%;}.elementor-293 .elementor-element.elementor-element-c278361{--width:45%;}}@media(max-width:767px){.elementor-293 .elementor-element.elementor-element-50bb96e{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-293 .elementor-element.elementor-element-50abdf8{--min-height:283px;}.elementor-293 .elementor-element.elementor-element-5652c15{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-293 .elementor-element.elementor-element-6e30050 .elementor-button{font-size:14px;padding:8px 20px 8px 20px;}.elementor-293 .elementor-element.elementor-element-e31ff72{text-align:center;}.elementor-293 .elementor-element.elementor-element-c03a455{width:var( --container-widget-width, 479.223px );max-width:479.223px;--container-widget-width:479.223px;--container-widget-flex-grow:0;}.elementor-293 .elementor-element.elementor-element-c58ba6a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-293 .elementor-element.elementor-element-d467b0f .elementor-button{font-size:14px;padding:8px 20px 8px 20px;}.elementor-293 .elementor-element.elementor-element-c278361{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-293 .elementor-element.elementor-element-fe7b02d .elementor-button{font-size:14px;padding:8px 20px 8px 20px;}}/* Start custom CSS for button, class: .elementor-element-6e30050 *//* From Uiverse.io by cssbuttons-io */ 
.newbutton {
  display: inline-block;
  border: 1px solid #4f4f4f;
  border-radius: 100px;
  transition: all 0.2s ease-in;
  background-color: #006b42;
  position: relative;
  overflow: hidden;
  font-size: 19px;
  cursor: pointer;
  color: black;
  z-index: 1;
}

.newbutton::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.newbutton::after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #003b21;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.newbutton:hover {
  color: #ffffff;
  border: 1px solid #003b21;
}

.newbutton:hover::before {
  top: -35%;
  background-color: #003b21;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.newbutton:hover::after {
  top: -45%;
  background-color: #003b21;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d467b0f *//* From Uiverse.io by cssbuttons-io */ 
.newbutton {
  display: inline-block;
  border: 1px solid #4f4f4f;
  border-radius: 100px;
  transition: all 0.2s ease-in;
  background-color: #006b42;
  position: relative;
  overflow: hidden;
  font-size: 19px;
  cursor: pointer;
  color: black;
  z-index: 1;
}

.newbutton::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.newbutton::after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #003b21;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.newbutton:hover {
  color: #ffffff;
  border: 1px solid #003b21;
}

.newbutton:hover::before {
  top: -35%;
  background-color: #003b21;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.newbutton:hover::after {
  top: -45%;
  background-color: #003b21;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fe7b02d *//* From Uiverse.io by cssbuttons-io */ 
.newbutton {
  display: inline-block;
  border: 1px solid #4f4f4f;
  border-radius: 100px;
  transition: all 0.2s ease-in;
  background-color: #006b42;
  position: relative;
  overflow: hidden;
  font-size: 19px;
  cursor: pointer;
  color: black;
  z-index: 1;
}

.newbutton::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.newbutton::after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #003b21;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.newbutton:hover {
  color: #ffffff;
  border: 1px solid #003b21;
}

.newbutton:hover::before {
  top: -35%;
  background-color: #003b21;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.newbutton:hover::after {
  top: -45%;
  background-color: #003b21;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}/* End custom CSS */