.elementor-181 .elementor-element.elementor-element-a602c9b{--display:flex;--min-height:500px;--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;--overlay-opacity:0.97;overflow:visible;}.elementor-181 .elementor-element.elementor-element-a602c9b:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-a602c9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#152540;background-image:url("https://sopgatesoilgas.com/wp-content/uploads/2026/06/photo-1611273426858-450d8e3c9fce-1.png");background-position:center center;background-size:cover;}.elementor-181 .elementor-element.elementor-element-a602c9b::before, .elementor-181 .elementor-element.elementor-element-a602c9b > .elementor-background-video-container::before, .elementor-181 .elementor-element.elementor-element-a602c9b > .e-con-inner > .elementor-background-video-container::before, .elementor-181 .elementor-element.elementor-element-a602c9b > .elementor-background-slideshow::before, .elementor-181 .elementor-element.elementor-element-a602c9b > .e-con-inner > .elementor-background-slideshow::before, .elementor-181 .elementor-element.elementor-element-a602c9b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#152540;--background-overlay:'';}.elementor-181 .elementor-element.elementor-element-5ada00f{--display:flex;--justify-content:center;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-181 .elementor-element.elementor-element-608d6f3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-181 .elementor-element.elementor-element-608d6f3 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:900;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-181 .elementor-element.elementor-element-896fbd3{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-181 .elementor-element.elementor-element-896fbd3 p{margin-block-end:0px;}.elementor-181 .elementor-element.elementor-element-6dd127d{--display:flex;overflow:visible;}.elementor-181 .elementor-element.elementor-element-6d7578d{--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:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-569b6a2{text-align:center;}.elementor-181 .elementor-element.elementor-element-569b6a2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-181 .elementor-element.elementor-element-ca46b1d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-181 .elementor-element.elementor-element-ca46b1d .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:700;color:#000000;}.elementor-181 .elementor-element.elementor-element-b416b2d{padding:0px 0px 0px 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#000000;}.elementor-181 .elementor-element.elementor-element-b416b2d p{margin-block-end:0px;}.elementor-181 .elementor-element.elementor-element-61019e5{--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 20px;--row-gap:0px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-61019e5:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-61019e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-181 .elementor-element.elementor-element-2c0d217{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-c838940{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-25046b0{text-align:start;}.elementor-181 .elementor-element.elementor-element-25046b0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-181 .elementor-element.elementor-element-577fc2d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-181 .elementor-element.elementor-element-577fc2d .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:700;color:#000000;}.elementor-181 .elementor-element.elementor-element-ca27de3{padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-181 .elementor-element.elementor-element-ca27de3 p{margin-block-end:0px;}.elementor-181 .elementor-element.elementor-element-b55cd28{text-align:start;}.elementor-181 .elementor-element.elementor-element-b55cd28 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#0D1B2E;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-181 .elementor-element.elementor-element-a813d54 .elementor-icon-list-icon i{color:#C9A84C;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-a813d54 .elementor-icon-list-icon svg{fill:#C9A84C;transition:fill 0.3s;}.elementor-181 .elementor-element.elementor-element-a813d54{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-181 .elementor-element.elementor-element-a813d54 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-181 .elementor-element.elementor-element-a813d54 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-181 .elementor-element.elementor-element-a813d54 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.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-181 .elementor-element.elementor-element-0de9f5e .elementor-button{background-color:#152540;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:18px 30px 18px 30px;}.elementor-181 .elementor-element.elementor-element-0de9f5e{padding:20px 0px 0px 0px;}.elementor-181 .elementor-element.elementor-element-0de9f5e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-181 .elementor-element.elementor-element-cc0291b{--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 20px;--row-gap:0px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-cc0291b:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-cc0291b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-181 .elementor-element.elementor-element-935b1e5{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-35e7256{text-align:start;}.elementor-181 .elementor-element.elementor-element-35e7256 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-181 .elementor-element.elementor-element-c4d919c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-181 .elementor-element.elementor-element-c4d919c .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:700;color:#000000;}.elementor-181 .elementor-element.elementor-element-8f7175f{padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-181 .elementor-element.elementor-element-8f7175f p{margin-block-end:0px;}.elementor-181 .elementor-element.elementor-element-ec25436{text-align:start;}.elementor-181 .elementor-element.elementor-element-ec25436 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#0D1B2E;}.elementor-181 .elementor-element.elementor-element-181c38a .elementor-icon-list-icon i{color:#C9A84C;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-181c38a .elementor-icon-list-icon svg{fill:#C9A84C;transition:fill 0.3s;}.elementor-181 .elementor-element.elementor-element-181c38a{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-181 .elementor-element.elementor-element-181c38a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-181 .elementor-element.elementor-element-181c38a .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-181 .elementor-element.elementor-element-181c38a .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-4fc7985 .elementor-button{background-color:#152540;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:18px 30px 18px 30px;}.elementor-181 .elementor-element.elementor-element-4fc7985{padding:20px 0px 0px 0px;}.elementor-181 .elementor-element.elementor-element-4fc7985 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-181 .elementor-element.elementor-element-c989409{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-a2d719a{--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 20px;--row-gap:0px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-a2d719a:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-a2d719a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-181 .elementor-element.elementor-element-bd635fa{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-8f3a4ab{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-0776cb2{text-align:start;}.elementor-181 .elementor-element.elementor-element-0776cb2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-181 .elementor-element.elementor-element-6354880{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-181 .elementor-element.elementor-element-6354880 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:700;color:#000000;}.elementor-181 .elementor-element.elementor-element-ef4456c{padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-181 .elementor-element.elementor-element-ef4456c p{margin-block-end:0px;}.elementor-181 .elementor-element.elementor-element-c35ddc4{text-align:start;}.elementor-181 .elementor-element.elementor-element-c35ddc4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#0D1B2E;}.elementor-181 .elementor-element.elementor-element-1d4c004 .elementor-icon-list-icon i{color:#C9A84C;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-1d4c004 .elementor-icon-list-icon svg{fill:#C9A84C;transition:fill 0.3s;}.elementor-181 .elementor-element.elementor-element-1d4c004{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-181 .elementor-element.elementor-element-1d4c004 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-181 .elementor-element.elementor-element-1d4c004 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-181 .elementor-element.elementor-element-1d4c004 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-e0cdc8e .elementor-button{background-color:#152540;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:18px 30px 18px 30px;}.elementor-181 .elementor-element.elementor-element-e0cdc8e{padding:20px 0px 0px 0px;}.elementor-181 .elementor-element.elementor-element-e0cdc8e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-181 .elementor-element.elementor-element-95fa3b3{--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 20px;--row-gap:0px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-95fa3b3:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-95fa3b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-181 .elementor-element.elementor-element-597c467{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-ccc2c9d{text-align:start;}.elementor-181 .elementor-element.elementor-element-ccc2c9d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-181 .elementor-element.elementor-element-6b2b67f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-181 .elementor-element.elementor-element-6b2b67f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:700;color:#000000;}.elementor-181 .elementor-element.elementor-element-07bbddc{padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-181 .elementor-element.elementor-element-07bbddc p{margin-block-end:0px;}.elementor-181 .elementor-element.elementor-element-97892fe{text-align:start;}.elementor-181 .elementor-element.elementor-element-97892fe .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#0D1B2E;}.elementor-181 .elementor-element.elementor-element-b47def3 .elementor-icon-list-icon i{color:#C9A84C;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-b47def3 .elementor-icon-list-icon svg{fill:#C9A84C;transition:fill 0.3s;}.elementor-181 .elementor-element.elementor-element-b47def3{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-181 .elementor-element.elementor-element-b47def3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-181 .elementor-element.elementor-element-b47def3 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-181 .elementor-element.elementor-element-b47def3 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-2fd57e1 .elementor-button{background-color:#152540;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:18px 30px 18px 30px;}.elementor-181 .elementor-element.elementor-element-2fd57e1{padding:20px 0px 0px 0px;}.elementor-181 .elementor-element.elementor-element-2fd57e1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-181 .elementor-element.elementor-element-e164010{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-5340793{--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 20px;--row-gap:0px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-5340793:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-5340793 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-181 .elementor-element.elementor-element-85515d4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-4d26966{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-cfa710f{text-align:start;}.elementor-181 .elementor-element.elementor-element-cfa710f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-181 .elementor-element.elementor-element-09a252e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-181 .elementor-element.elementor-element-09a252e .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:700;color:#000000;}.elementor-181 .elementor-element.elementor-element-6a54a3a{padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-181 .elementor-element.elementor-element-6a54a3a p{margin-block-end:0px;}.elementor-181 .elementor-element.elementor-element-44aaded{text-align:start;}.elementor-181 .elementor-element.elementor-element-44aaded .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#0D1B2E;}.elementor-181 .elementor-element.elementor-element-23dbc08 .elementor-icon-list-icon i{color:#C9A84C;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-23dbc08 .elementor-icon-list-icon svg{fill:#C9A84C;transition:fill 0.3s;}.elementor-181 .elementor-element.elementor-element-23dbc08{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-181 .elementor-element.elementor-element-23dbc08 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-181 .elementor-element.elementor-element-23dbc08 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-181 .elementor-element.elementor-element-23dbc08 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-924d189 .elementor-button{background-color:#152540;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:18px 30px 18px 30px;}.elementor-181 .elementor-element.elementor-element-924d189{padding:20px 0px 0px 0px;}.elementor-181 .elementor-element.elementor-element-924d189 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-181 .elementor-element.elementor-element-fc71f09{--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 20px;--row-gap:0px;--column-gap:20px;--padding-top:50px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-fc71f09:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-fc71f09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-181 .elementor-element.elementor-element-e5705d3{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-785276d{text-align:start;}.elementor-181 .elementor-element.elementor-element-785276d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-181 .elementor-element.elementor-element-aa24cfe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-181 .elementor-element.elementor-element-aa24cfe .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:700;color:#000000;}.elementor-181 .elementor-element.elementor-element-68570b8{padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;color:#000000;}.elementor-181 .elementor-element.elementor-element-68570b8 p{margin-block-end:0px;}.elementor-181 .elementor-element.elementor-element-3b3d8cf{text-align:start;}.elementor-181 .elementor-element.elementor-element-3b3d8cf .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#0D1B2E;}.elementor-181 .elementor-element.elementor-element-a812b55 .elementor-icon-list-icon i{color:#C9A84C;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-a812b55 .elementor-icon-list-icon svg{fill:#C9A84C;transition:fill 0.3s;}.elementor-181 .elementor-element.elementor-element-a812b55{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-181 .elementor-element.elementor-element-a812b55 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-181 .elementor-element.elementor-element-a812b55 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-181 .elementor-element.elementor-element-a812b55 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-181 .elementor-element.elementor-element-184ffd2 .elementor-button{background-color:#152540;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:18px 30px 18px 30px;}.elementor-181 .elementor-element.elementor-element-184ffd2{padding:20px 0px 0px 0px;}.elementor-181 .elementor-element.elementor-element-184ffd2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-181 .elementor-element.elementor-element-f628431{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-37beddf{--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:0.1px 0px 0px 0px;--border-top-width:0.1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#C9A84C;--border-color:#C9A84C;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-181 .elementor-element.elementor-element-37beddf:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-37beddf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#152540;}.elementor-181 .elementor-element.elementor-element-4f16a25{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-181 .elementor-element.elementor-element-4f16a25 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-181 .elementor-element.elementor-element-9f7da28{text-align:center;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-181 .elementor-element.elementor-element-9f7da28 p{margin-block-end:0px;}.elementor-181 .elementor-element.elementor-element-71872c5 .elementor-button{background-color:#C9A84C;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;fill:#152540;color:#152540;border-radius:5px 5px 5px 5px;padding:18px 30px 18px 30px;}.elementor-181 .elementor-element.elementor-element-71872c5 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-181 .elementor-element.elementor-element-a602c9b{--padding-top:0px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-181 .elementor-element.elementor-element-5ada00f{--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-181 .elementor-element.elementor-element-608d6f3{text-align:center;}.elementor-181 .elementor-element.elementor-element-608d6f3 .elementor-heading-title{font-size:30px;}.elementor-181 .elementor-element.elementor-element-896fbd3{text-align:center;font-size:14px;}.elementor-181 .elementor-element.elementor-element-6dd127d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-6d7578d{--padding-top:30px;--padding-bottom:30px;--padding-left:010px;--padding-right:010px;}.elementor-181 .elementor-element.elementor-element-ca46b1d .elementor-heading-title{font-size:30px;}.elementor-181 .elementor-element.elementor-element-b416b2d{font-size:14px;}.elementor-181 .elementor-element.elementor-element-61019e5{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-181 .elementor-element.elementor-element-ddb6930{padding:0px 0px 0px 0px;}.elementor-181 .elementor-element.elementor-element-c838940{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-577fc2d .elementor-heading-title{font-size:25px;}.elementor-181 .elementor-element.elementor-element-ca27de3{font-size:13px;}.elementor-181 .elementor-element.elementor-element-a813d54 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-181 .elementor-element.elementor-element-a813d54 .elementor-icon-list-item > a{font-size:12px;}.elementor-181 .elementor-element.elementor-element-cc0291b{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-181 .elementor-element.elementor-element-935b1e5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-c4d919c .elementor-heading-title{font-size:25px;}.elementor-181 .elementor-element.elementor-element-8f7175f{font-size:13px;}.elementor-181 .elementor-element.elementor-element-a2d719a{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-181 .elementor-element.elementor-element-8f3a4ab{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-6354880 .elementor-heading-title{font-size:25px;}.elementor-181 .elementor-element.elementor-element-95fa3b3{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-181 .elementor-element.elementor-element-597c467{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-6b2b67f .elementor-heading-title{font-size:25px;}.elementor-181 .elementor-element.elementor-element-5340793{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-181 .elementor-element.elementor-element-4d26966{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-09a252e .elementor-heading-title{font-size:25px;}.elementor-181 .elementor-element.elementor-element-fc71f09{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-181 .elementor-element.elementor-element-e5705d3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-aa24cfe .elementor-heading-title{font-size:25px;}.elementor-181 .elementor-element.elementor-element-37beddf{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-181 .elementor-element.elementor-element-4f16a25 .elementor-heading-title{font-size:30px;}}@media(min-width:768px){.elementor-181 .elementor-element.elementor-element-a602c9b{--content-width:1250px;}.elementor-181 .elementor-element.elementor-element-5ada00f{--width:70%;}.elementor-181 .elementor-element.elementor-element-6dd127d{--width:30%;}.elementor-181 .elementor-element.elementor-element-6d7578d{--content-width:900px;}.elementor-181 .elementor-element.elementor-element-61019e5{--content-width:1250px;}.elementor-181 .elementor-element.elementor-element-2c0d217{--width:50%;}.elementor-181 .elementor-element.elementor-element-c838940{--width:50%;}.elementor-181 .elementor-element.elementor-element-cc0291b{--content-width:1250px;}.elementor-181 .elementor-element.elementor-element-935b1e5{--width:50%;}.elementor-181 .elementor-element.elementor-element-c989409{--width:50%;}.elementor-181 .elementor-element.elementor-element-a2d719a{--content-width:1250px;}.elementor-181 .elementor-element.elementor-element-bd635fa{--width:50%;}.elementor-181 .elementor-element.elementor-element-8f3a4ab{--width:50%;}.elementor-181 .elementor-element.elementor-element-95fa3b3{--content-width:1250px;}.elementor-181 .elementor-element.elementor-element-597c467{--width:50%;}.elementor-181 .elementor-element.elementor-element-e164010{--width:50%;}.elementor-181 .elementor-element.elementor-element-5340793{--content-width:1250px;}.elementor-181 .elementor-element.elementor-element-85515d4{--width:50%;}.elementor-181 .elementor-element.elementor-element-4d26966{--width:50%;}.elementor-181 .elementor-element.elementor-element-fc71f09{--content-width:1250px;}.elementor-181 .elementor-element.elementor-element-e5705d3{--width:50%;}.elementor-181 .elementor-element.elementor-element-f628431{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-ddb6930 *//* Container Box with relative positioning so the badge can overlap */
.sopgate-image-wrapper {
  position: relative;
  max-width: 650px; /* Keeps it portable and clean on your page */
  width: 100%;
  margin: 40px auto; /* Centers the container on the page */
  display: inline-block;
  box-sizing: border-box;
}

/* --- UPDATED: Main Image Styling for Uniform Sizes --- */
.sopgate-main-img {
  width: 100%;
  height: 450px; /* Sets a uniform fixed height for all images */
  object-fit: cover; /* Crops and centers the image perfectly so it never stretches */
  object-position: center; /* Ensures the focus remains on the middle of the graphic */
  display: block;
  border-radius: 8px; /* Clean, slightly softened corners */
  /* Elegant shadow behind the image card */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); 
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Floating Golden Fuel Badge Component */
.sopgate-icon-badge {
  position: absolute;
  bottom: -20px; /* Pushes it down past the image border line */
  left: -20px;   /* Pushes it out past the left image border line */
  background-color: #cca444; /* Warm golden-mustard color from image_f9c04e.png */
  color: #1a2530; /* Dark contrast color for the icon stroke */
  width: 70px;
  height: 70px;
  border-radius: 8px; /* Matches the curve style of the image container */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10; /* Ensures it stays stacked on top of the image */
  box-shadow: 0 10px 25px rgba(204, 164, 68, 0.35); /* Glowing shadow match */
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease;
}

/* Svg Icon dimensions inside the badge */
.sopgate-icon-badge svg {
  width: 32px;
  height: 32px;
}

/* --- HOVER INTERACTIVE EFFECTS --- */
/* Gently raises and expands the badge when a user hovers over the block */
.sopgate-image-wrapper:hover .sopgate-icon-badge {
  transform: scale(1.08) translateY(-4px);
  background-color: #dbae4a; /* Slight brilliant shift on hover */
}

/* Gives a slight microscopic scale depth to the main image when hovered */
.sopgate-image-wrapper:hover .sopgate-main-img {
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

/* Mobile Responsive adjustment to ensure the badge doesn't bleed off screens */
@media (max-width: 480px) {
  .sopgate-image-wrapper {
    max-width: 100%;
    margin: 0px auto;
  }
  
  /* Reduces the height slightly on mobile screens so it stays balanced */
  .sopgate-main-img {
    height: 320px;
  }
  
  .sopgate-icon-badge {
    bottom: -15px;
    left: -15px;
    width: 55px;
    height: 55px;
  }
  
  .sopgate-icon-badge svg {
    width: 24px;
    height: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-848d090 *//* Container Box with relative positioning so the badge can overlap */
.sopgate-image-wrapper {
  position: relative;
  max-width: 650px; /* Keeps it portable and clean on your page */
  width: 100%;
  margin: 40px auto; /* Centers the container on the page */
  display: inline-block;
  box-sizing: border-box;
}

/* --- UPDATED: Main Image Styling for Uniform Sizes --- */
.sopgate-main-img {
  width: 100%;
  height: 450px; /* Sets a uniform fixed height for all images */
  object-fit: cover; /* Crops and centers the image perfectly so it never stretches */
  object-position: center; /* Ensures the focus remains on the middle of the graphic */
  display: block;
  border-radius: 8px; /* Clean, slightly softened corners */
  /* Elegant shadow behind the image card */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); 
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Floating Golden Fuel Badge Component */
.sopgate-icon-badge {
  position: absolute;
  bottom: -20px; /* Pushes it down past the image border line */
  left: -20px;   /* Pushes it out past the left image border line */
  background-color: #cca444; /* Warm golden-mustard color from image_f9c04e.png */
  color: #1a2530; /* Dark contrast color for the icon stroke */
  width: 70px;
  height: 70px;
  border-radius: 8px; /* Matches the curve style of the image container */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10; /* Ensures it stays stacked on top of the image */
  box-shadow: 0 10px 25px rgba(204, 164, 68, 0.35); /* Glowing shadow match */
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease;
}

/* Svg Icon dimensions inside the badge */
.sopgate-icon-badge svg {
  width: 32px;
  height: 32px;
}

/* --- HOVER INTERACTIVE EFFECTS --- */
/* Gently raises and expands the badge when a user hovers over the block */
.sopgate-image-wrapper:hover .sopgate-icon-badge {
  transform: scale(1.08) translateY(-4px);
  background-color: #dbae4a; /* Slight brilliant shift on hover */
}

/* Gives a slight microscopic scale depth to the main image when hovered */
.sopgate-image-wrapper:hover .sopgate-main-img {
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

/* Mobile Responsive adjustment to ensure the badge doesn't bleed off screens */
@media (max-width: 480px) {
  .sopgate-image-wrapper {
    max-width: 90%;
    margin: 30px auto;
  }
  
  /* Reduces the height slightly on mobile screens so it stays balanced */
  .sopgate-main-img {
    height: 320px;
  }
  
  .sopgate-icon-badge {
    bottom: -15px;
    left: -15px;
    width: 55px;
    height: 55px;
  }
  
  .sopgate-icon-badge svg {
    width: 24px;
    height: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee4d4b6 *//* Container Box with relative positioning so the badge can overlap */
.sopgate-image-wrapper {
  position: relative;
  max-width: 650px; /* Keeps it portable and clean on your page */
  width: 100%;
  margin: 40px auto; /* Centers the container on the page */
  display: inline-block;
  box-sizing: border-box;
}

/* --- UPDATED: Main Image Styling for Uniform Sizes --- */
.sopgate-main-img {
  width: 100%;
  height: 450px; /* Sets a uniform fixed height for all images */
  object-fit: cover; /* Crops and centers the image perfectly so it never stretches */
  object-position: center; /* Ensures the focus remains on the middle of the graphic */
  display: block;
  border-radius: 8px; /* Clean, slightly softened corners */
  /* Elegant shadow behind the image card */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); 
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Floating Golden Fuel Badge Component */
.sopgate-icon-badge {
  position: absolute;
  bottom: -20px; /* Pushes it down past the image border line */
  left: -20px;   /* Pushes it out past the left image border line */
  background-color: #cca444; /* Warm golden-mustard color from image_f9c04e.png */
  color: #1a2530; /* Dark contrast color for the icon stroke */
  width: 70px;
  height: 70px;
  border-radius: 8px; /* Matches the curve style of the image container */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10; /* Ensures it stays stacked on top of the image */
  box-shadow: 0 10px 25px rgba(204, 164, 68, 0.35); /* Glowing shadow match */
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease;
}

/* Svg Icon dimensions inside the badge */
.sopgate-icon-badge svg {
  width: 32px;
  height: 32px;
}

/* --- HOVER INTERACTIVE EFFECTS --- */
/* Gently raises and expands the badge when a user hovers over the block */
.sopgate-image-wrapper:hover .sopgate-icon-badge {
  transform: scale(1.08) translateY(-4px);
  background-color: #dbae4a; /* Slight brilliant shift on hover */
}

/* Gives a slight microscopic scale depth to the main image when hovered */
.sopgate-image-wrapper:hover .sopgate-main-img {
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

/* Mobile Responsive adjustment to ensure the badge doesn't bleed off screens */
@media (max-width: 480px) {
  .sopgate-image-wrapper {
    max-width: 90%;
    margin: 30px auto;
  }
  
  /* Reduces the height slightly on mobile screens so it stays balanced */
  .sopgate-main-img {
    height: 320px;
  }
  
  .sopgate-icon-badge {
    bottom: -15px;
    left: -15px;
    width: 55px;
    height: 55px;
  }
  
  .sopgate-icon-badge svg {
    width: 24px;
    height: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbc6e12 *//* Container Box with relative positioning so the badge can overlap */
.sopgate-image-wrapper {
  position: relative;
  max-width: 650px; /* Keeps it portable and clean on your page */
  width: 100%;
  margin: 40px auto; /* Centers the container on the page */
  display: inline-block;
  box-sizing: border-box;
}

/* --- UPDATED: Main Image Styling for Uniform Sizes --- */
.sopgate-main-img {
  width: 100%;
  height: 450px; /* Sets a uniform fixed height for all images */
  object-fit: cover; /* Crops and centers the image perfectly so it never stretches */
  object-position: center; /* Ensures the focus remains on the middle of the graphic */
  display: block;
  border-radius: 8px; /* Clean, slightly softened corners */
  /* Elegant shadow behind the image card */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); 
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Floating Golden Fuel Badge Component */
.sopgate-icon-badge {
  position: absolute;
  bottom: -20px; /* Pushes it down past the image border line */
  left: -20px;   /* Pushes it out past the left image border line */
  background-color: #cca444; /* Warm golden-mustard color from image_f9c04e.png */
  color: #1a2530; /* Dark contrast color for the icon stroke */
  width: 70px;
  height: 70px;
  border-radius: 8px; /* Matches the curve style of the image container */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10; /* Ensures it stays stacked on top of the image */
  box-shadow: 0 10px 25px rgba(204, 164, 68, 0.35); /* Glowing shadow match */
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease;
}

/* Svg Icon dimensions inside the badge */
.sopgate-icon-badge svg {
  width: 32px;
  height: 32px;
}

/* --- HOVER INTERACTIVE EFFECTS --- */
/* Gently raises and expands the badge when a user hovers over the block */
.sopgate-image-wrapper:hover .sopgate-icon-badge {
  transform: scale(1.08) translateY(-4px);
  background-color: #dbae4a; /* Slight brilliant shift on hover */
}

/* Gives a slight microscopic scale depth to the main image when hovered */
.sopgate-image-wrapper:hover .sopgate-main-img {
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

/* Mobile Responsive adjustment to ensure the badge doesn't bleed off screens */
@media (max-width: 480px) {
  .sopgate-image-wrapper {
    max-width: 90%;
    margin: 30px auto;
  }
  
  /* Reduces the height slightly on mobile screens so it stays balanced */
  .sopgate-main-img {
    height: 320px;
  }
  
  .sopgate-icon-badge {
    bottom: -15px;
    left: -15px;
    width: 55px;
    height: 55px;
  }
  
  .sopgate-icon-badge svg {
    width: 24px;
    height: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00c0c25 *//* Container Box with relative positioning so the badge can overlap */
.sopgate-image-wrapper {
  position: relative;
  max-width: 650px; /* Keeps it portable and clean on your page */
  width: 100%;
  margin: 40px auto; /* Centers the container on the page */
  display: inline-block;
  box-sizing: border-box;
}

/* --- UPDATED: Main Image Styling for Uniform Sizes --- */
.sopgate-main-img {
  width: 100%;
  height: 450px; /* Sets a uniform fixed height for all images */
  object-fit: cover; /* Crops and centers the image perfectly so it never stretches */
  object-position: center; /* Ensures the focus remains on the middle of the graphic */
  display: block;
  border-radius: 8px; /* Clean, slightly softened corners */
  /* Elegant shadow behind the image card */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); 
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Floating Golden Fuel Badge Component */
.sopgate-icon-badge {
  position: absolute;
  bottom: -20px; /* Pushes it down past the image border line */
  left: -20px;   /* Pushes it out past the left image border line */
  background-color: #cca444; /* Warm golden-mustard color from image_f9c04e.png */
  color: #1a2530; /* Dark contrast color for the icon stroke */
  width: 70px;
  height: 70px;
  border-radius: 8px; /* Matches the curve style of the image container */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10; /* Ensures it stays stacked on top of the image */
  box-shadow: 0 10px 25px rgba(204, 164, 68, 0.35); /* Glowing shadow match */
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease;
}

/* Svg Icon dimensions inside the badge */
.sopgate-icon-badge svg {
  width: 32px;
  height: 32px;
}

/* --- HOVER INTERACTIVE EFFECTS --- */
/* Gently raises and expands the badge when a user hovers over the block */
.sopgate-image-wrapper:hover .sopgate-icon-badge {
  transform: scale(1.08) translateY(-4px);
  background-color: #dbae4a; /* Slight brilliant shift on hover */
}

/* Gives a slight microscopic scale depth to the main image when hovered */
.sopgate-image-wrapper:hover .sopgate-main-img {
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

/* Mobile Responsive adjustment to ensure the badge doesn't bleed off screens */
@media (max-width: 480px) {
  .sopgate-image-wrapper {
    max-width: 90%;
    margin: 30px auto;
  }
  
  /* Reduces the height slightly on mobile screens so it stays balanced */
  .sopgate-main-img {
    height: 320px;
  }
  
  .sopgate-icon-badge {
    bottom: -15px;
    left: -15px;
    width: 55px;
    height: 55px;
  }
  
  .sopgate-icon-badge svg {
    width: 24px;
    height: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0125324 *//* Container Box with relative positioning so the badge can overlap */
.sopgate-image-wrapper {
  position: relative;
  max-width: 650px; /* Keeps it portable and clean on your page */
  width: 100%;
  margin: 40px auto; /* Centers the container on the page */
  display: inline-block;
  box-sizing: border-box;
}

/* --- UPDATED: Main Image Styling for Uniform Sizes --- */
.sopgate-main-img {
  width: 100%;
  height: 450px; /* Sets a uniform fixed height for all images */
  object-fit: cover; /* Crops and centers the image perfectly so it never stretches */
  object-position: center; /* Ensures the focus remains on the middle of the graphic */
  display: block;
  border-radius: 8px; /* Clean, slightly softened corners */
  /* Elegant shadow behind the image card */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); 
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Floating Golden Fuel Badge Component */
.sopgate-icon-badge {
  position: absolute;
  bottom: -20px; /* Pushes it down past the image border line */
  left: -20px;   /* Pushes it out past the left image border line */
  background-color: #cca444; /* Warm golden-mustard color from image_f9c04e.png */
  color: #1a2530; /* Dark contrast color for the icon stroke */
  width: 70px;
  height: 70px;
  border-radius: 8px; /* Matches the curve style of the image container */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10; /* Ensures it stays stacked on top of the image */
  box-shadow: 0 10px 25px rgba(204, 164, 68, 0.35); /* Glowing shadow match */
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease;
}

/* Svg Icon dimensions inside the badge */
.sopgate-icon-badge svg {
  width: 32px;
  height: 32px;
}

/* --- HOVER INTERACTIVE EFFECTS --- */
/* Gently raises and expands the badge when a user hovers over the block */
.sopgate-image-wrapper:hover .sopgate-icon-badge {
  transform: scale(1.08) translateY(-4px);
  background-color: #dbae4a; /* Slight brilliant shift on hover */
}

/* Gives a slight microscopic scale depth to the main image when hovered */
.sopgate-image-wrapper:hover .sopgate-main-img {
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

/* Mobile Responsive adjustment to ensure the badge doesn't bleed off screens */
@media (max-width: 480px) {
  .sopgate-image-wrapper {
    max-width: 90%;
    margin: 30px auto;
  }
  
  /* Reduces the height slightly on mobile screens so it stays balanced */
  .sopgate-main-img {
    height: 320px;
  }
  
  .sopgate-icon-badge {
    bottom: -15px;
    left: -15px;
    width: 55px;
    height: 55px;
  }
  
  .sopgate-icon-badge svg {
    width: 24px;
    height: 24px;
  }
}/* End custom CSS */