.elementor-224 .elementor-element.elementor-element-1347024{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-224 .elementor-element.elementor-element-26a1fbd{--display:flex;--min-height:574px;--overlay-opacity:0.5;}.elementor-224 .elementor-element.elementor-element-26a1fbd:not(.elementor-motion-effects-element-type-background), .elementor-224 .elementor-element.elementor-element-26a1fbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apaalafoods.in/wp-content/uploads/2026/08/ChatGPT-Image-Aug-13-2026-04_36_19-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-224 .elementor-element.elementor-element-26a1fbd::before, .elementor-224 .elementor-element.elementor-element-26a1fbd > .elementor-background-video-container::before, .elementor-224 .elementor-element.elementor-element-26a1fbd > .e-con-inner > .elementor-background-video-container::before, .elementor-224 .elementor-element.elementor-element-26a1fbd > .elementor-background-slideshow::before, .elementor-224 .elementor-element.elementor-element-26a1fbd > .e-con-inner > .elementor-background-slideshow::before, .elementor-224 .elementor-element.elementor-element-26a1fbd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-224 .elementor-element.elementor-element-23c395b{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-224 .elementor-element.elementor-element-23c395b:not(.elementor-motion-effects-element-type-background), .elementor-224 .elementor-element.elementor-element-23c395b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-224 .elementor-element.elementor-element-a9d58fe{--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-224 .elementor-element.elementor-element-6271a23{--display:flex;}.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-224 .elementor-element.elementor-element-fe82ad5 img{width:100%;height:427px;object-fit:cover;object-position:center center;border-radius:9px 9px 9px 9px;}.elementor-224 .elementor-element.elementor-element-7a4063a{--display:flex;}.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-224 .elementor-element.elementor-element-d33ab98 .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:21px;font-weight:900;color:#28A744;}.elementor-224 .elementor-element.elementor-element-680e938{text-align:start;}.elementor-224 .elementor-element.elementor-element-680e938 .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:35px;font-weight:600;color:#000000;}.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-224 .elementor-element.elementor-element-54392ba{text-align:start;font-family:"Playfair", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-224 .elementor-element.elementor-element-3250352{text-align:start;font-family:"Playfair", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.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-224 .elementor-element.elementor-element-7bd193d .elementor-button{background-color:#28A744;font-family:"Playfair", Sans-serif;font-size:21px;font-weight:500;text-decoration:none;}.elementor-224 .elementor-element.elementor-element-7bd193d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-224 .elementor-element.elementor-element-5778473{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-224 .elementor-element.elementor-element-d9f0391{--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-224 .elementor-element.elementor-element-5a5d3e7{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-224 .elementor-element.elementor-element-1bcf6ae{padding:0px 0px 0px 0px;}.elementor-224 .elementor-element.elementor-element-1bcf6ae .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-224 .elementor-element.elementor-element-1bcf6ae.elementor-view-stacked .elementor-icon{background-color:#28A744;}.elementor-224 .elementor-element.elementor-element-1bcf6ae.elementor-view-framed .elementor-icon, .elementor-224 .elementor-element.elementor-element-1bcf6ae.elementor-view-default .elementor-icon{fill:#28A744;color:#28A744;border-color:#28A744;}.elementor-224 .elementor-element.elementor-element-1bcf6ae.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-1bcf6ae.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-224 .elementor-element.elementor-element-1bcf6ae.elementor-view-framed:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-1bcf6ae.elementor-view-default:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-1bcf6ae.elementor-view-framed:has(:focus) .elementor-icon, .elementor-224 .elementor-element.elementor-element-1bcf6ae.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-224 .elementor-element.elementor-element-1bcf6ae .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-1bcf6ae .elementor-icon-box-title a{font-family:"Playfair", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-1bcf6ae .elementor-icon-box-title{color:#28A744;}.elementor-224 .elementor-element.elementor-element-1bcf6ae:has(:hover) .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-1bcf6ae:has(:focus) .elementor-icon-box-title{color:#28A744;}.elementor-224 .elementor-element.elementor-element-1bcf6ae .elementor-icon-box-description{font-family:"Playfair", Sans-serif;font-size:19px;font-weight:400;color:#000000;}.elementor-224 .elementor-element.elementor-element-e09e89e{--display:flex;}.elementor-224 .elementor-element.elementor-element-8ace6d9{padding:0px 0px 0px 0px;}.elementor-224 .elementor-element.elementor-element-8ace6d9 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-224 .elementor-element.elementor-element-8ace6d9.elementor-view-stacked .elementor-icon{background-color:#28A744;}.elementor-224 .elementor-element.elementor-element-8ace6d9.elementor-view-framed .elementor-icon, .elementor-224 .elementor-element.elementor-element-8ace6d9.elementor-view-default .elementor-icon{fill:#28A744;color:#28A744;border-color:#28A744;}.elementor-224 .elementor-element.elementor-element-8ace6d9.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-8ace6d9.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-224 .elementor-element.elementor-element-8ace6d9.elementor-view-framed:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-8ace6d9.elementor-view-default:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-8ace6d9.elementor-view-framed:has(:focus) .elementor-icon, .elementor-224 .elementor-element.elementor-element-8ace6d9.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-224 .elementor-element.elementor-element-8ace6d9 .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-8ace6d9 .elementor-icon-box-title a{font-family:"Playfair", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-8ace6d9 .elementor-icon-box-title{color:#28A744;}.elementor-224 .elementor-element.elementor-element-8ace6d9:has(:hover) .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-8ace6d9:has(:focus) .elementor-icon-box-title{color:#28A744;}.elementor-224 .elementor-element.elementor-element-8ace6d9 .elementor-icon-box-description{font-family:"Playfair", Sans-serif;font-size:19px;font-weight:400;color:#000000;}.elementor-224 .elementor-element.elementor-element-4ebaf07{--display:flex;}.elementor-224 .elementor-element.elementor-element-8efdbad{padding:0px 0px 0px 0px;}.elementor-224 .elementor-element.elementor-element-8efdbad .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-224 .elementor-element.elementor-element-8efdbad.elementor-view-stacked .elementor-icon{background-color:#28A744;}.elementor-224 .elementor-element.elementor-element-8efdbad.elementor-view-framed .elementor-icon, .elementor-224 .elementor-element.elementor-element-8efdbad.elementor-view-default .elementor-icon{fill:#28A744;color:#28A744;border-color:#28A744;}.elementor-224 .elementor-element.elementor-element-8efdbad.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-8efdbad.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-224 .elementor-element.elementor-element-8efdbad.elementor-view-framed:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-8efdbad.elementor-view-default:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-8efdbad.elementor-view-framed:has(:focus) .elementor-icon, .elementor-224 .elementor-element.elementor-element-8efdbad.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-224 .elementor-element.elementor-element-8efdbad .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-8efdbad .elementor-icon-box-title a{font-family:"Playfair", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-8efdbad .elementor-icon-box-title{color:#28A744;}.elementor-224 .elementor-element.elementor-element-8efdbad:has(:hover) .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-8efdbad:has(:focus) .elementor-icon-box-title{color:#28A744;}.elementor-224 .elementor-element.elementor-element-8efdbad .elementor-icon-box-description{font-family:"Playfair", Sans-serif;font-size:19px;font-weight:400;color:#000000;}.elementor-224 .elementor-element.elementor-element-e285526{--display:flex;}.elementor-224 .elementor-element.elementor-element-e17ba94{padding:0px 0px 0px 0px;}.elementor-224 .elementor-element.elementor-element-e17ba94 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-224 .elementor-element.elementor-element-e17ba94.elementor-view-stacked .elementor-icon{background-color:#28A744;}.elementor-224 .elementor-element.elementor-element-e17ba94.elementor-view-framed .elementor-icon, .elementor-224 .elementor-element.elementor-element-e17ba94.elementor-view-default .elementor-icon{fill:#28A744;color:#28A744;border-color:#28A744;}.elementor-224 .elementor-element.elementor-element-e17ba94.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-e17ba94.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-224 .elementor-element.elementor-element-e17ba94.elementor-view-framed:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-e17ba94.elementor-view-default:has(:hover) .elementor-icon, .elementor-224 .elementor-element.elementor-element-e17ba94.elementor-view-framed:has(:focus) .elementor-icon, .elementor-224 .elementor-element.elementor-element-e17ba94.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-224 .elementor-element.elementor-element-e17ba94 .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-e17ba94 .elementor-icon-box-title a{font-family:"Playfair", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-e17ba94 .elementor-icon-box-title{color:#28A744;}.elementor-224 .elementor-element.elementor-element-e17ba94:has(:hover) .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-e17ba94:has(:focus) .elementor-icon-box-title{color:#28A744;}.elementor-224 .elementor-element.elementor-element-e17ba94 .elementor-icon-box-description{font-family:"Playfair", Sans-serif;font-size:19px;font-weight:400;color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for icon-box, class: .elementor-element-1bcf6ae *//* ========================================== APAALA FOODS - WHY CHOOSE SECTION ========================================== */ .apaala-benefits-section { position: relative; padding: 75px 0; background: linear-gradient(135deg, #f7faf3 0%, #ffffff 50%, #f1f7eb 100%); overflow: hidden; } /* Decorative background circles */ .apaala-benefits-section::before { content: ""; position: absolute; width: 280px; height: 280px; left: -140px; top: 80px; border-radius: 50%; background: rgba(89, 153, 61, 0.06); } .apaala-benefits-section::after { content: ""; position: absolute; width: 220px; height: 220px; right: -110px; bottom: 30px; border-radius: 50%; background: rgba(89, 153, 61, 0.06); } /* ========================================== SMALL HEADING ========================================== */ .apaala-benefits-section .elementor-heading-title { position: relative; } /* ========================================== BENEFIT CARD ========================================== */ .apaala-benefit-card { position: relative; background: rgba(255, 255, 255, 0.92); border: 1px solid #e2ecd9; border-radius: 22px; padding: 35px 22px 30px !important; min-height: 245px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: 0 8px 25px rgba(42, 91, 35, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease; } /* Top green accent */ .apaala-benefit-card::before { content: ""; position: absolute; top: 0; left: 35%; width: 30%; height: 4px; background: #4c9635; border-radius: 0 0 10px 10px; transform: scaleX(0); transition: transform 0.4s ease; } /* ========================================== ICON ========================================== */ .apaala-benefit-card .elementor-icon { width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; background: #edf6e7; border-radius: 50%; color: #4c9635; font-size: 30px; margin-bottom: 18px; transition: all 0.4s ease; } /* ========================================== TITLE ========================================== */ .apaala-benefit-card .elementor-icon-box-title { color: #245d28; font-family: Georgia, serif; font-size: 21px; font-weight: 600; margin: 5px 0 12px; transition: color 0.3s ease; } /* ========================================== DESCRIPTION ========================================== */ .apaala-benefit-card .elementor-icon-box-description { color: #666; font-size: 14px; line-height: 1.7; max-width: 230px; } /* ========================================== HOVER EFFECT ========================================== */ .apaala-benefit-card:hover { transform: translateY(-10px); background: #ffffff; border-color: #c9dfbd; box-shadow: 0 20px 45px rgba(46, 105, 38, 0.14); } .apaala-benefit-card:hover::before { transform: scaleX(1); } .apaala-benefit-card:hover .elementor-icon { background: #4c9635; color: #ffffff; transform: translateY(-5px) rotate(-5deg); box-shadow: 0 8px 18px rgba(76, 150, 53, 0.25); } .apaala-benefit-card:hover .elementor-icon-box-title { color: #4c9635; } /* ========================================== 6TH CARD - SLIGHTLY DIFFERENT ========================================== */ .apaala-benefit-card:nth-child(6) { background: #f4f8ef; } /* ========================================== TABLET ========================================== */ @media (max-width: 1024px) { .apaala-benefits-section { padding: 60px 20px; } .apaala-benefit-card { min-height: 225px; padding: 28px 18px !important; } .apaala-benefit-card .elementor-icon { width: 60px; height: 60px; font-size: 27px; } .apaala-benefit-card .elementor-icon-box-title { font-size: 19px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .apaala-benefits-section { padding: 50px 15px; } .apaala-benefit-card { min-height: auto; padding: 30px 18px !important; border-radius: 18px; } .apaala-benefit-card .elementor-icon { width: 58px; height: 58px; font-size: 25px; margin-bottom: 14px; } .apaala-benefit-card .elementor-icon-box-title { font-size: 19px; } .apaala-benefit-card .elementor-icon-box-description { font-size: 14px; } .apaala-benefit-card:hover { transform: translateY(-5px); } } .apaala-benefit-card .elementor-icon-box-icon { width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto 18px !important; } .apaala-benefit-card .elementor-icon { margin: 0 auto !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8ace6d9 *//* ========================================== APAALA FOODS - WHY CHOOSE SECTION ========================================== */ .apaala-benefits-section { position: relative; padding: 75px 0; background: linear-gradient(135deg, #f7faf3 0%, #ffffff 50%, #f1f7eb 100%); overflow: hidden; } /* Decorative background circles */ .apaala-benefits-section::before { content: ""; position: absolute; width: 280px; height: 280px; left: -140px; top: 80px; border-radius: 50%; background: rgba(89, 153, 61, 0.06); } .apaala-benefits-section::after { content: ""; position: absolute; width: 220px; height: 220px; right: -110px; bottom: 30px; border-radius: 50%; background: rgba(89, 153, 61, 0.06); } /* ========================================== SMALL HEADING ========================================== */ .apaala-benefits-section .elementor-heading-title { position: relative; } /* ========================================== BENEFIT CARD ========================================== */ .apaala-benefit-card { position: relative; background: rgba(255, 255, 255, 0.92); border: 1px solid #e2ecd9; border-radius: 22px; padding: 35px 22px 30px !important; min-height: 245px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: 0 8px 25px rgba(42, 91, 35, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease; } /* Top green accent */ .apaala-benefit-card::before { content: ""; position: absolute; top: 0; left: 35%; width: 30%; height: 4px; background: #4c9635; border-radius: 0 0 10px 10px; transform: scaleX(0); transition: transform 0.4s ease; } /* ========================================== ICON ========================================== */ .apaala-benefit-card .elementor-icon { width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; background: #edf6e7; border-radius: 50%; color: #4c9635; font-size: 30px; margin-bottom: 18px; transition: all 0.4s ease; } /* ========================================== TITLE ========================================== */ .apaala-benefit-card .elementor-icon-box-title { color: #245d28; font-family: Georgia, serif; font-size: 21px; font-weight: 600; margin: 5px 0 12px; transition: color 0.3s ease; } /* ========================================== DESCRIPTION ========================================== */ .apaala-benefit-card .elementor-icon-box-description { color: #666; font-size: 14px; line-height: 1.7; max-width: 230px; } /* ========================================== HOVER EFFECT ========================================== */ .apaala-benefit-card:hover { transform: translateY(-10px); background: #ffffff; border-color: #c9dfbd; box-shadow: 0 20px 45px rgba(46, 105, 38, 0.14); } .apaala-benefit-card:hover::before { transform: scaleX(1); } .apaala-benefit-card:hover .elementor-icon { background: #4c9635; color: #ffffff; transform: translateY(-5px) rotate(-5deg); box-shadow: 0 8px 18px rgba(76, 150, 53, 0.25); } .apaala-benefit-card:hover .elementor-icon-box-title { color: #4c9635; } /* ========================================== 6TH CARD - SLIGHTLY DIFFERENT ========================================== */ .apaala-benefit-card:nth-child(6) { background: #f4f8ef; } /* ========================================== TABLET ========================================== */ @media (max-width: 1024px) { .apaala-benefits-section { padding: 60px 20px; } .apaala-benefit-card { min-height: 225px; padding: 28px 18px !important; } .apaala-benefit-card .elementor-icon { width: 60px; height: 60px; font-size: 27px; } .apaala-benefit-card .elementor-icon-box-title { font-size: 19px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .apaala-benefits-section { padding: 50px 15px; } .apaala-benefit-card { min-height: auto; padding: 30px 18px !important; border-radius: 18px; } .apaala-benefit-card .elementor-icon { width: 58px; height: 58px; font-size: 25px; margin-bottom: 14px; } .apaala-benefit-card .elementor-icon-box-title { font-size: 19px; } .apaala-benefit-card .elementor-icon-box-description { font-size: 14px; } .apaala-benefit-card:hover { transform: translateY(-5px); } } .apaala-benefit-card .elementor-icon-box-icon { width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto 18px !important; } .apaala-benefit-card .elementor-icon { margin: 0 auto !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8efdbad *//* ========================================== APAALA FOODS - WHY CHOOSE SECTION ========================================== */ .apaala-benefits-section { position: relative; padding: 75px 0; background: linear-gradient(135deg, #f7faf3 0%, #ffffff 50%, #f1f7eb 100%); overflow: hidden; } /* Decorative background circles */ .apaala-benefits-section::before { content: ""; position: absolute; width: 280px; height: 280px; left: -140px; top: 80px; border-radius: 50%; background: rgba(89, 153, 61, 0.06); } .apaala-benefits-section::after { content: ""; position: absolute; width: 220px; height: 220px; right: -110px; bottom: 30px; border-radius: 50%; background: rgba(89, 153, 61, 0.06); } /* ========================================== SMALL HEADING ========================================== */ .apaala-benefits-section .elementor-heading-title { position: relative; } /* ========================================== BENEFIT CARD ========================================== */ .apaala-benefit-card { position: relative; background: rgba(255, 255, 255, 0.92); border: 1px solid #e2ecd9; border-radius: 22px; padding: 35px 22px 30px !important; min-height: 245px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: 0 8px 25px rgba(42, 91, 35, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease; } /* Top green accent */ .apaala-benefit-card::before { content: ""; position: absolute; top: 0; left: 35%; width: 30%; height: 4px; background: #4c9635; border-radius: 0 0 10px 10px; transform: scaleX(0); transition: transform 0.4s ease; } /* ========================================== ICON ========================================== */ .apaala-benefit-card .elementor-icon { width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; background: #edf6e7; border-radius: 50%; color: #4c9635; font-size: 30px; margin-bottom: 18px; transition: all 0.4s ease; } /* ========================================== TITLE ========================================== */ .apaala-benefit-card .elementor-icon-box-title { color: #245d28; font-family: Georgia, serif; font-size: 21px; font-weight: 600; margin: 5px 0 12px; transition: color 0.3s ease; } /* ========================================== DESCRIPTION ========================================== */ .apaala-benefit-card .elementor-icon-box-description { color: #666; font-size: 14px; line-height: 1.7; max-width: 230px; } /* ========================================== HOVER EFFECT ========================================== */ .apaala-benefit-card:hover { transform: translateY(-10px); background: #ffffff; border-color: #c9dfbd; box-shadow: 0 20px 45px rgba(46, 105, 38, 0.14); } .apaala-benefit-card:hover::before { transform: scaleX(1); } .apaala-benefit-card:hover .elementor-icon { background: #4c9635; color: #ffffff; transform: translateY(-5px) rotate(-5deg); box-shadow: 0 8px 18px rgba(76, 150, 53, 0.25); } .apaala-benefit-card:hover .elementor-icon-box-title { color: #4c9635; } /* ========================================== 6TH CARD - SLIGHTLY DIFFERENT ========================================== */ .apaala-benefit-card:nth-child(6) { background: #f4f8ef; } /* ========================================== TABLET ========================================== */ @media (max-width: 1024px) { .apaala-benefits-section { padding: 60px 20px; } .apaala-benefit-card { min-height: 225px; padding: 28px 18px !important; } .apaala-benefit-card .elementor-icon { width: 60px; height: 60px; font-size: 27px; } .apaala-benefit-card .elementor-icon-box-title { font-size: 19px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .apaala-benefits-section { padding: 50px 15px; } .apaala-benefit-card { min-height: auto; padding: 30px 18px !important; border-radius: 18px; } .apaala-benefit-card .elementor-icon { width: 58px; height: 58px; font-size: 25px; margin-bottom: 14px; } .apaala-benefit-card .elementor-icon-box-title { font-size: 19px; } .apaala-benefit-card .elementor-icon-box-description { font-size: 14px; } .apaala-benefit-card:hover { transform: translateY(-5px); } } .apaala-benefit-card .elementor-icon-box-icon { width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto 18px !important; } .apaala-benefit-card .elementor-icon { margin: 0 auto !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-e17ba94 *//* ========================================== APAALA FOODS - WHY CHOOSE SECTION ========================================== */ .apaala-benefits-section { position: relative; padding: 75px 0; background: linear-gradient(135deg, #f7faf3 0%, #ffffff 50%, #f1f7eb 100%); overflow: hidden; } /* Decorative background circles */ .apaala-benefits-section::before { content: ""; position: absolute; width: 280px; height: 280px; left: -140px; top: 80px; border-radius: 50%; background: rgba(89, 153, 61, 0.06); } .apaala-benefits-section::after { content: ""; position: absolute; width: 220px; height: 220px; right: -110px; bottom: 30px; border-radius: 50%; background: rgba(89, 153, 61, 0.06); } /* ========================================== SMALL HEADING ========================================== */ .apaala-benefits-section .elementor-heading-title { position: relative; } /* ========================================== BENEFIT CARD ========================================== */ .apaala-benefit-card { position: relative; background: rgba(255, 255, 255, 0.92); border: 1px solid #e2ecd9; border-radius: 22px; padding: 35px 22px 30px !important; min-height: 245px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-shadow: 0 8px 25px rgba(42, 91, 35, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease; } /* Top green accent */ .apaala-benefit-card::before { content: ""; position: absolute; top: 0; left: 35%; width: 30%; height: 4px; background: #4c9635; border-radius: 0 0 10px 10px; transform: scaleX(0); transition: transform 0.4s ease; } /* ========================================== ICON ========================================== */ .apaala-benefit-card .elementor-icon { width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; background: #edf6e7; border-radius: 50%; color: #4c9635; font-size: 30px; margin-bottom: 18px; transition: all 0.4s ease; } /* ========================================== TITLE ========================================== */ .apaala-benefit-card .elementor-icon-box-title { color: #245d28; font-family: Georgia, serif; font-size: 21px; font-weight: 600; margin: 5px 0 12px; transition: color 0.3s ease; } /* ========================================== DESCRIPTION ========================================== */ .apaala-benefit-card .elementor-icon-box-description { color: #666; font-size: 14px; line-height: 1.7; max-width: 230px; } /* ========================================== HOVER EFFECT ========================================== */ .apaala-benefit-card:hover { transform: translateY(-10px); background: #ffffff; border-color: #c9dfbd; box-shadow: 0 20px 45px rgba(46, 105, 38, 0.14); } .apaala-benefit-card:hover::before { transform: scaleX(1); } .apaala-benefit-card:hover .elementor-icon { background: #4c9635; color: #ffffff; transform: translateY(-5px) rotate(-5deg); box-shadow: 0 8px 18px rgba(76, 150, 53, 0.25); } .apaala-benefit-card:hover .elementor-icon-box-title { color: #4c9635; } /* ========================================== 6TH CARD - SLIGHTLY DIFFERENT ========================================== */ .apaala-benefit-card:nth-child(6) { background: #f4f8ef; } /* ========================================== TABLET ========================================== */ @media (max-width: 1024px) { .apaala-benefits-section { padding: 60px 20px; } .apaala-benefit-card { min-height: 225px; padding: 28px 18px !important; } .apaala-benefit-card .elementor-icon { width: 60px; height: 60px; font-size: 27px; } .apaala-benefit-card .elementor-icon-box-title { font-size: 19px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .apaala-benefits-section { padding: 50px 15px; } .apaala-benefit-card { min-height: auto; padding: 30px 18px !important; border-radius: 18px; } .apaala-benefit-card .elementor-icon { width: 58px; height: 58px; font-size: 25px; margin-bottom: 14px; } .apaala-benefit-card .elementor-icon-box-title { font-size: 19px; } .apaala-benefit-card .elementor-icon-box-description { font-size: 14px; } .apaala-benefit-card:hover { transform: translateY(-5px); } } .apaala-benefit-card .elementor-icon-box-icon { width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto 18px !important; } .apaala-benefit-card .elementor-icon { margin: 0 auto !important; }/* End custom CSS */