.elementor-1462 .elementor-element.elementor-element-c6b69a5{--display:flex;--min-height:600px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1462 .elementor-element.elementor-element-c6b69a5:not(.elementor-motion-effects-element-type-background), .elementor-1462 .elementor-element.elementor-element-c6b69a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mpbcommodities.com/wp-content/uploads/2026/02/Real-time-intelligence-brokerage-expertise-in-fats-and-oils.-29.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1462 .elementor-element.elementor-element-004a3dc{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.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-1462 .elementor-element.elementor-element-d22ad1f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-1462 .elementor-element.elementor-element-d22ad1f .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:80px;font-weight:400;text-transform:lowercase;color:var( --e-global-color-accent );}.elementor-1462 .elementor-element.elementor-element-0a374a2{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-1462 .elementor-element.elementor-element-0a374a2 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:28px;font-weight:400;color:var( --e-global-color-text );}.elementor-1462 .elementor-element.elementor-element-cf19234{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1462 .elementor-element.elementor-element-d3b27da{--display:flex;--min-height:300px;--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-1462 .elementor-element.elementor-element-d3b27da:not(.elementor-motion-effects-element-type-background), .elementor-1462 .elementor-element.elementor-element-d3b27da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mpbcommodities.com/wp-content/uploads/2026/02/30.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1462 .elementor-element.elementor-element-6e8fb8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1462 .elementor-element.elementor-element-6e8fb8a .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:26px;font-weight:600;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-1462 .elementor-element.elementor-element-0e5a235{color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-18e746e{--display:flex;--min-height:300px;--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-1462 .elementor-element.elementor-element-18e746e:not(.elementor-motion-effects-element-type-background), .elementor-1462 .elementor-element.elementor-element-18e746e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mpbcommodities.com/wp-content/uploads/2026/02/32.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1462 .elementor-element.elementor-element-977089c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1462 .elementor-element.elementor-element-977089c .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:26px;font-weight:600;color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-5bd64ba{color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-4cf37d8{--display:flex;--min-height:300px;--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-1462 .elementor-element.elementor-element-4cf37d8:not(.elementor-motion-effects-element-type-background), .elementor-1462 .elementor-element.elementor-element-4cf37d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mpbcommodities.com/wp-content/uploads/2026/02/image009.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1462 .elementor-element.elementor-element-dfeff3d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1462 .elementor-element.elementor-element-dfeff3d .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:26px;font-weight:600;color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-a1aed26{color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-a742b84{--display:flex;--min-height:300px;--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-1462 .elementor-element.elementor-element-a742b84:not(.elementor-motion-effects-element-type-background), .elementor-1462 .elementor-element.elementor-element-a742b84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mpbcommodities.com/wp-content/uploads/2026/02/Real-time-intelligence-brokerage-expertise-in-fats-and-oils.-30.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1462 .elementor-element.elementor-element-2f96195{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1462 .elementor-element.elementor-element-2f96195 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:26px;font-weight:600;color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-cf3ea68{color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-b2de7dc{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1462 .elementor-element.elementor-element-5890431{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1462 .elementor-element.elementor-element-8edfc2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1462 .elementor-element.elementor-element-417edae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-1462 .elementor-element.elementor-element-417edae .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:80px;font-weight:400;text-transform:lowercase;color:var( --e-global-color-text );}.elementor-1462 .elementor-element.elementor-element-11422db{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;}.elementor-1462 .elementor-element.elementor-element-11422db .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:28px;font-weight:400;color:var( --e-global-color-accent );}.elementor-1462 .elementor-element.elementor-element-7789224{font-family:"Montserrat", Sans-serif;font-weight:400;}.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-1462 .elementor-element.elementor-element-11aafa0 .elementor-button{background-color:#00000000;font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-color:var( --e-global-color-accent );border-radius:25px 25px 25px 25px;}.elementor-1462 .elementor-element.elementor-element-11aafa0 .elementor-button:hover, .elementor-1462 .elementor-element.elementor-element-11aafa0 .elementor-button:focus{background-color:var( --e-global-color-accent );color:#FFFFFF;border-color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-11aafa0:hover{--e-transform-scale:1.05;}.elementor-1462 .elementor-element.elementor-element-11aafa0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1462 .elementor-element.elementor-element-11aafa0 .elementor-button:hover svg, .elementor-1462 .elementor-element.elementor-element-11aafa0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-63e8225{--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-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-1462 .elementor-element.elementor-element-fba4f6e{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1462 .elementor-element.elementor-element-a279fa9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1462 .elementor-element.elementor-element-56367f5{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1462 .elementor-element.elementor-element-2307e9a{--display:flex;--min-height:600px;--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1462 .elementor-element.elementor-element-2307e9a:not(.elementor-motion-effects-element-type-background), .elementor-1462 .elementor-element.elementor-element-2307e9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mpbcommodities.com/wp-content/uploads/2026/02/Real-time-intelligence-brokerage-expertise-in-fats-and-oils.-23.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1462 .elementor-element.elementor-element-2307e9a.e-con{--align-self:center;}.elementor-1462 .elementor-element.elementor-element-08e938f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1462 .elementor-element.elementor-element-08e938f.e-con{--align-self:center;}.elementor-1462 .elementor-element.elementor-element-9e0c096{text-align:center;}.elementor-1462 .elementor-element.elementor-element-9e0c096 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-65eed3e .elementor-button{background-color:#00000000;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5) inset;border-style:solid;border-color:var( --e-global-color-accent );border-radius:25px 25px 25px 25px;}.elementor-1462 .elementor-element.elementor-element-65eed3e .elementor-button:hover, .elementor-1462 .elementor-element.elementor-element-65eed3e .elementor-button:focus{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-1462 .elementor-element.elementor-element-65eed3e:hover{--e-transform-scale:1.05;}.elementor-1462 .elementor-element.elementor-element-65eed3e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1462 .elementor-element.elementor-element-65eed3e .elementor-button:hover svg, .elementor-1462 .elementor-element.elementor-element-65eed3e .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-1462 .elementor-element.elementor-element-d3b27da{--width:25%;}.elementor-1462 .elementor-element.elementor-element-18e746e{--width:25%;}.elementor-1462 .elementor-element.elementor-element-4cf37d8{--width:25%;}.elementor-1462 .elementor-element.elementor-element-a742b84{--width:25%;}.elementor-1462 .elementor-element.elementor-element-5890431{--width:50%;}.elementor-1462 .elementor-element.elementor-element-8edfc2c{--width:100%;}.elementor-1462 .elementor-element.elementor-element-63e8225{--width:50%;}.elementor-1462 .elementor-element.elementor-element-fba4f6e{--width:100%;}}@media(min-width:1025px){.elementor-1462 .elementor-element.elementor-element-2307e9a:not(.elementor-motion-effects-element-type-background), .elementor-1462 .elementor-element.elementor-element-2307e9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-d3b27da *//* Base card with background image */
.mode-card {
    position: relative;
    height: 280px;               /* adjust to taste */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 8px;
    overflow: hidden;
    color: #ffffff;
}

/* Dark navy overlay (hidden by default) */
.mode-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(13, 27, 42, 0); /* transparent at rest */
    transition: background 0.3s ease;
}

/* On hover: show semi-transparent navy overlay */
.mode-card:hover::before {
    background: rgba(13, 27, 42, 0.75); /* dark navy with 75% opacity */
}

/* Ensure text sits above overlay */
.mode-card .elementor-widget,
.mode-card .elementor-container,
.mode-card .elementor-inner-section {
    position: relative;
    z-index: 2;
}

/* Description hidden by default */
.mode-desc {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
    text-align: center;
}

/* Reveal description on hover */
.mode-card:hover .mode-desc {
    opacity: 1;
    max-height: 200px;  /* enough to show all text */
}

/* Optional: make title always visible but a bit bolder on hover */
.mode-card h3,
.mode-card h4 {
    text-align: center;
    letter-spacing: 0.08em;
    transition: transform 0.3s ease;
}
.mode-card:hover h3,
.mode-card:hover h4 {
    transform: translateY(-4px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18e746e *//* Base card with background image */
.mode-card {
    position: relative;
    height: 280px;               /* adjust to taste */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 8px;
    overflow: hidden;
    color: #ffffff;
}

/* Dark navy overlay (hidden by default) */
.mode-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(13, 27, 42, 0); /* transparent at rest */
    transition: background 0.3s ease;
}

/* On hover: show semi-transparent navy overlay */
.mode-card:hover::before {
    background: rgba(13, 27, 42, 0.75); /* dark navy with 75% opacity */
}

/* Ensure text sits above overlay */
.mode-card .elementor-widget,
.mode-card .elementor-container,
.mode-card .elementor-inner-section {
    position: relative;
    z-index: 2;
}

/* Description hidden by default */
.mode-desc {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
    text-align: center;
}

/* Reveal description on hover */
.mode-card:hover .mode-desc {
    opacity: 1;
    max-height: 200px;  /* enough to show all text */
}

/* Optional: make title always visible but a bit bolder on hover */
.mode-card h3,
.mode-card h4 {
    text-align: center;
    letter-spacing: 0.08em;
    transition: transform 0.3s ease;
}
.mode-card:hover h3,
.mode-card:hover h4 {
    transform: translateY(-4px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf37d8 *//* Base card with background image */
.mode-card {
    position: relative;
    height: 280px;               /* adjust to taste */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 8px;
    overflow: hidden;
    color: #ffffff;
}

/* Dark navy overlay (hidden by default) */
.mode-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(13, 27, 42, 0); /* transparent at rest */
    transition: background 0.3s ease;
}

/* On hover: show semi-transparent navy overlay */
.mode-card:hover::before {
    background: rgba(13, 27, 42, 0.75); /* dark navy with 75% opacity */
}

/* Ensure text sits above overlay */
.mode-card .elementor-widget,
.mode-card .elementor-container,
.mode-card .elementor-inner-section {
    position: relative;
    z-index: 2;
}

/* Description hidden by default */
.mode-desc {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
    text-align: center;
}

/* Reveal description on hover */
.mode-card:hover .mode-desc {
    opacity: 1;
    max-height: 200px;  /* enough to show all text */
}

/* Optional: make title always visible but a bit bolder on hover */
.mode-card h3,
.mode-card h4 {
    text-align: center;
    letter-spacing: 0.08em;
    transition: transform 0.3s ease;
}
.mode-card:hover h3,
.mode-card:hover h4 {
    transform: translateY(-4px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a742b84 *//* Base card with background image */
.mode-card {
    position: relative;
    height: 280px;               /* adjust to taste */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 8px;
    overflow: hidden;
    color: #ffffff;
}

/* Dark navy overlay (hidden by default) */
.mode-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(13, 27, 42, 0); /* transparent at rest */
    transition: background 0.3s ease;
}

/* On hover: show semi-transparent navy overlay */
.mode-card:hover::before {
    background: rgba(13, 27, 42, 0.75); /* dark navy with 75% opacity */
}

/* Ensure text sits above overlay */
.mode-card .elementor-widget,
.mode-card .elementor-container,
.mode-card .elementor-inner-section {
    position: relative;
    z-index: 2;
}

/* Description hidden by default */
.mode-desc {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
    text-align: center;
}

/* Reveal description on hover */
.mode-card:hover .mode-desc {
    opacity: 1;
    max-height: 200px;  /* enough to show all text */
}

/* Optional: make title always visible but a bit bolder on hover */
.mode-card h3,
.mode-card h4 {
    text-align: center;
    letter-spacing: 0.08em;
    transition: transform 0.3s ease;
}
.mode-card:hover h3,
.mode-card:hover h4 {
    transform: translateY(-4px);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-417edae */.elementor-1462 .elementor-element.elementor-element-417edae {
  opacity: 0.1; /* 0.1 = very faint, 1 = fully solid */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2905865 */.ceres-bounce {
    transition: transform 0.35s ease;
    transform-origin: center center;
}

.ceres-bounce:hover {
    transform: scale(1.03) translateY(-4px);
}/* End custom CSS */