.elementor-148 .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-148 .elementor-element.elementor-element-a602c9b:not(.elementor-motion-effects-element-type-background), .elementor-148 .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-1494522855154-9297ac14b55f.webp");background-position:center center;background-size:cover;}.elementor-148 .elementor-element.elementor-element-a602c9b::before, .elementor-148 .elementor-element.elementor-element-a602c9b > .elementor-background-video-container::before, .elementor-148 .elementor-element.elementor-element-a602c9b > .e-con-inner > .elementor-background-video-container::before, .elementor-148 .elementor-element.elementor-element-a602c9b > .elementor-background-slideshow::before, .elementor-148 .elementor-element.elementor-element-a602c9b > .e-con-inner > .elementor-background-slideshow::before, .elementor-148 .elementor-element.elementor-element-a602c9b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#152540;--background-overlay:'';}.elementor-148 .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-148 .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-148 .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-148 .elementor-element.elementor-element-896fbd3{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-148 .elementor-element.elementor-element-896fbd3 p{margin-block-end:0px;}.elementor-148 .elementor-element.elementor-element-6dd127d{--display:flex;overflow:visible;}.elementor-148 .elementor-element.elementor-element-d355856{--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;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-148 .elementor-element.elementor-element-2e663db{--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;overflow:visible;}.elementor-148 .elementor-element.elementor-element-a215d35 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-148 .elementor-element.elementor-element-6f42579 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:700;color:#000000;}.elementor-148 .elementor-element.elementor-element-b416b2d{padding:0px 30px 0px 0px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;color:#000000;}.elementor-148 .elementor-element.elementor-element-b416b2d p{margin-block-end:0px;}.elementor-148 .elementor-element.elementor-element-da4798f{--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;overflow:visible;}.elementor-148 .elementor-element.elementor-element-4d34a5d{--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-148 .elementor-element.elementor-element-4d34a5d:not(.elementor-motion-effects-element-type-background), .elementor-148 .elementor-element.elementor-element-4d34a5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11223F;}.elementor-148 .elementor-element.elementor-element-256cc39{text-align:center;}.elementor-148 .elementor-element.elementor-element-256cc39 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-148 .elementor-element.elementor-element-9446a37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-148 .elementor-element.elementor-element-9446a37 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-148 .elementor-element.elementor-element-2c47ee5{--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-148 .elementor-element.elementor-element-4f94df8{text-align:center;}.elementor-148 .elementor-element.elementor-element-4f94df8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-148 .elementor-element.elementor-element-a7811d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-148 .elementor-element.elementor-element-a7811d3 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:700;color:#000000;}.elementor-148 .elementor-element.elementor-element-a456707{--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-148 .elementor-element.elementor-element-a456707:not(.elementor-motion-effects-element-type-background), .elementor-148 .elementor-element.elementor-element-a456707 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11223F;}.elementor-148 .elementor-element.elementor-element-8f496de{text-align:center;}.elementor-148 .elementor-element.elementor-element-8f496de .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-148 .elementor-element.elementor-element-c81373c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-148 .elementor-element.elementor-element-c81373c .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-148 .elementor-element.elementor-element-de558c5{--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-148 .elementor-element.elementor-element-a055df7{text-align:center;}.elementor-148 .elementor-element.elementor-element-a055df7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#C9A84C;}.elementor-148 .elementor-element.elementor-element-bf3f980{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-148 .elementor-element.elementor-element-bf3f980 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:700;color:#000000;}.elementor-148 .elementor-element.elementor-element-fe019ba{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-148 .elementor-element.elementor-element-fe019ba:not(.elementor-motion-effects-element-type-background), .elementor-148 .elementor-element.elementor-element-fe019ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1B2E;}.elementor-148 .elementor-element.elementor-element-82911b0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:40px 40px;--row-gap:40px;--column-gap:40px;overflow:visible;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-148 .elementor-element.elementor-element-2638608 .elementor-counter-title{justify-content:center;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-148 .elementor-element.elementor-element-2638608 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#C9A84C;font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:600;}.elementor-148 .elementor-element.elementor-element-c7759d3 .elementor-counter-title{justify-content:center;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-148 .elementor-element.elementor-element-c7759d3 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#C9A84C;font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:600;}.elementor-148 .elementor-element.elementor-element-23f4b4f .elementor-counter-title{justify-content:center;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-148 .elementor-element.elementor-element-23f4b4f .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#C9A84C;font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:600;}.elementor-148 .elementor-element.elementor-element-ccacc6a .elementor-counter-title{justify-content:center;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-148 .elementor-element.elementor-element-ccacc6a .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:#C9A84C;font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:600;}.elementor-148 .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-148 .elementor-element.elementor-element-37beddf:not(.elementor-motion-effects-element-type-background), .elementor-148 .elementor-element.elementor-element-37beddf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#152540;}.elementor-148 .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-148 .elementor-element.elementor-element-4f16a25 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-148 .elementor-element.elementor-element-9f7da28{text-align:center;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-148 .elementor-element.elementor-element-9f7da28 p{margin-block-end:0px;}.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-148 .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-148 .elementor-element.elementor-element-71872c5 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-148 .elementor-element.elementor-element-608d6f3{text-align:center;}.elementor-148 .elementor-element.elementor-element-608d6f3 .elementor-heading-title{font-size:30px;}.elementor-148 .elementor-element.elementor-element-896fbd3{text-align:center;font-size:16px;}.elementor-148 .elementor-element.elementor-element-d355856{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-148 .elementor-element.elementor-element-a215d35{text-align:center;}.elementor-148 .elementor-element.elementor-element-6f42579{text-align:center;}.elementor-148 .elementor-element.elementor-element-6f42579 .elementor-heading-title{font-size:30px;}.elementor-148 .elementor-element.elementor-element-b416b2d{padding:0px 0px 0px 0px;text-align:center;font-size:14px;}.elementor-148 .elementor-element.elementor-element-4d34a5d{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-148 .elementor-element.elementor-element-9446a37 .elementor-heading-title{font-size:30px;}.elementor-148 .elementor-element.elementor-element-2c47ee5{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-148 .elementor-element.elementor-element-a7811d3 .elementor-heading-title{font-size:30px;}.elementor-148 .elementor-element.elementor-element-a456707{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-148 .elementor-element.elementor-element-c81373c .elementor-heading-title{font-size:30px;}.elementor-148 .elementor-element.elementor-element-de558c5{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-148 .elementor-element.elementor-element-bf3f980 .elementor-heading-title{font-size:30px;}.elementor-148 .elementor-element.elementor-element-2638608 .elementor-counter-title{justify-content:start;font-size:14px;}.elementor-148 .elementor-element.elementor-element-2638608 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;font-size:40px;}.elementor-148 .elementor-element.elementor-element-c7759d3 .elementor-counter-title{justify-content:start;font-size:14px;}.elementor-148 .elementor-element.elementor-element-c7759d3 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;font-size:40px;}.elementor-148 .elementor-element.elementor-element-23f4b4f .elementor-counter-title{justify-content:start;font-size:14px;}.elementor-148 .elementor-element.elementor-element-23f4b4f .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;font-size:40px;}.elementor-148 .elementor-element.elementor-element-ccacc6a .elementor-counter-title{justify-content:start;font-size:14px;}.elementor-148 .elementor-element.elementor-element-ccacc6a .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;font-size:40px;}.elementor-148 .elementor-element.elementor-element-37beddf{--padding-top:70px;--padding-bottom:70px;--padding-left:10px;--padding-right:10px;}.elementor-148 .elementor-element.elementor-element-4f16a25 .elementor-heading-title{font-size:30px;}.elementor-148 .elementor-element.elementor-element-9f7da28{font-size:16px;}}@media(min-width:768px){.elementor-148 .elementor-element.elementor-element-a602c9b{--content-width:1250px;}.elementor-148 .elementor-element.elementor-element-5ada00f{--width:70%;}.elementor-148 .elementor-element.elementor-element-6dd127d{--width:30%;}.elementor-148 .elementor-element.elementor-element-d355856{--content-width:1250px;}.elementor-148 .elementor-element.elementor-element-2e663db{--width:50%;}.elementor-148 .elementor-element.elementor-element-da4798f{--width:50%;}.elementor-148 .elementor-element.elementor-element-4d34a5d{--content-width:1250px;}.elementor-148 .elementor-element.elementor-element-2c47ee5{--content-width:1250px;}.elementor-148 .elementor-element.elementor-element-a456707{--content-width:1250px;}.elementor-148 .elementor-element.elementor-element-de558c5{--content-width:1250px;}}/* Start custom CSS for html, class: .elementor-element-cdc5423 *//* Transparent Mosaic Grid Layout Wrapper */
.mosaic-grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* Creates asymmetric row tracks to mimic the exact staggered layout offsets */
  grid-template-rows: 60px 260px 60px 260px;
  gap: 24px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  background-color: transparent; /* Completely see-through background */
}

/* Individual Card Blocks */
.mosaic-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px; /* Smooth card rounded corners matching your assets */
  width: 100%;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
  
  /* Forces the box to behave as a column container so the image expands inside it */
  display: flex;
  flex-direction: column;
}

/* Hover lift state */
.mosaic-item:hover {
  transform: scale(1.02);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

/* Image Fitting Rules - Eliminates blank padding under image rows */
.mosaic-img {
  width: 100%;
  height: 100%;
  flex-grow: 1; /* Instructs image to grow and seal all space inside borders */
  object-fit: cover; /* Crops image proportionately right to edges without warping */
  display: block;
}

/* ========================================================
   STAGGERED TRACKS (Asymmetrical design arrangement)
   ======================================================== */

/* Top Left Image Box */
.item-top-left {
  grid-column: 1;
  grid-row: 1 / 3; /* Extends from Row line 1 down to 3 */
}

/* Top Right Image Box */
.item-top-right {
  grid-column: 2;
  grid-row: 2 / 4; /* Staggered: Extends from Row line 2 down to 4 */
}

/* Bottom Left Image Box */
.item-bottom-left {
  grid-column: 1;
  grid-row: 3 / 5; /* Extends from Row line 3 down to 5 */
}

/* Bottom Right Image Box */
.item-bottom-right {
  grid-column: 2;
  grid-row: 4 / 5; /* Snaps evenly directly underneath the agricultural field image */
}

/* Responsive Adaptive Collapse for Smartphones */
@media (max-width: 600px) {
  .mosaic-grid-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .mosaic-item {
    height: 280px; /* Converts structure to clean stacked blocks on small phone displays */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e00c78 *//* Base Layout Wrapper Container (Transparent Background) */
.corporate-mandate-container {
  display: flex;
  gap: 24px;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0px 0px;
  box-sizing: border-box;
  background-color: transparent; 
}

/* Individual Deep Navy Block Cards */
.mandate-card {
  flex: 1;
  background-color: #11223f; /* Deep corporate navy blue fill */
  border: 1px solid #c9a64e;   /* Clean luxury gold perimeter border line */
  border-radius: 4px;
  padding: 40px 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Micro-interaction scale on card point */
.mandate-card:hover {
  transform: translateY(-2px);
  transition: transform 0.3s ease;
}

/* Gold Minimal Outline Icon styling */
.mandate-icon {
  color: #c9a64e; /* Brand golden accent color */
  width: 28px;
  height: 28px;
  margin-bottom: 24px;
  display: inline-block;
}

.mandate-icon svg {
  width: 100%;
  height: 100%;
}

/* Elegant Serif H2 Headers */
.mandate-title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 26px;
  font-weight: 700;
  color: #ffffff; /* Brilliant white header text */
  margin: 0 0 20px 0;
  letter-spacing: 0.3px;
}

/* Crisp Clean Paragraph Text Formatting */
.mandate-text {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #b4c6ef; /* Light gray-blue tint for comfortable reading contrast */
  margin: 0;
}

/* Core Values Stretched List block */
.values-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* Individual list entries with stylized gold arrow markers */
.values-list li {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #b4c6ef;
  margin-bottom: 14px;
  position: relative;
  padding-left: 18px; /* Room for the golden arrow symbol */
}

/* Trailing reset for the last value block entry */
.values-list li:last-child {
  margin-bottom: 0;
}

/* Custom CSS generated list bullets (matching the golden right-arrows) */
.values-list li::before {
  content: "▸";
  position: absolute;
  left: 0;
  top: 0;
  color: #c9a64e; /* Gold color vector bullet token */
  font-size: 14px;
}

/* Keeps bold emphasis legible and white */
.values-list li strong {
  color: #ffffff;
  font-weight: 600;
}

/* Responsive collapse framework for mid-to-small tablet/phone sizes */
@media (max-width: 991px) {
  .corporate-mandate-container {
    flex-direction: column;
    gap: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86a73d6 *//* Container Wrapper - Keeps your section background transparent */
.features-grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 10px 0px;
  box-sizing: border-box;
  background-color: transparent;
}

/* Individual White Feature Cards */
.feature-card {
  background-color: #ffffff; /* Clean white card backgrounds */
  border: 1px solid #eaeaea;   /* Subtle outline border */
  border-radius: 6px;
  padding: 40px 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;       /* Centers all elements horizontally */
  text-align: center;         /* Aligns texts to center */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover lift effect for interaction */
.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

/* Dark Navy Circular Badge Wrapper for Icons */
.feature-badge {
  width: 64px;
  height: 64px;
  background-color: #0b1829;  /* Deep branding navy color */
  border-radius: 50%;         /* Forces a circular shape */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  color: #c9a64e;             /* Gold accent styling for vector lines */
}

/* Vector icon resizing inside the badges */
.feature-badge svg {
  width: 26px;
  height: 26px;
}

/* Serif Headings matching the branding typography */
.feature-title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 21px;
  font-weight: 700;
  color: #0b1829;             /* Crisp dark navy header color */
  margin: 0 0 16px 0;
  line-height: 1.3;
}

/* Soft grey descriptive paragraph content */
.feature-description {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #556275;             /* Comfortable mid-tone grey for presentation */
  margin: 0;
}

/* Clean breakpoints for mobile/tablet optimization */
@media (max-width: 991px) {
  .features-grid-container {
    grid-template-columns: repeat(2, 1fr); /* 2x2 layout on tablet viewports */
    gap: 20px;
  }
}

@media (max-width: 600px) {
  .features-grid-container {
    grid-template-columns: 1fr;            /* Standard clean single column stack on smartphones */
    gap: 16px;
    padding: 20px 16px;
  }
  
  .feature-card {
    padding: 32px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ebdabb7 *//* Base Section Wrapper - Fully Transparent Parent */
.timeline-section-wrapper {
  width: 100%;
  padding: 0px 0px;
  background-color: transparent; 
  box-sizing: border-box;
}

/* Timeline Panel Container (Matches the deep navy blue backdrop block from the design) */
.timeline-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background-color: #11223F; /* Brand deep navy corporate fill */
  padding: 20px 0px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
}

/* Horizontal connecting path line behind the badges */
.timeline-connecting-line {
  position: absolute;
  top: 92px; /* Centers cleanly with the middle of the circles */
  left: 40px;
  right: 40px;
  height: 1px;
  background-color: rgba(201, 166, 78, 0.4); /* Brand gold tone with subtle transparency */
  z-index: 1;
}

/* Individual columns for each point in time */
.timeline-node {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 16px;
  z-index: 2; /* Sits cleanly on top of the connection path */
  box-sizing: border-box;
}

/* Numbered Circular Nodes */
.node-badge {
  width: 64px;
  height: 64px;
  background-color: #c9a64e; /* Brand golden accent color */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0b1829; /* Deep navy text inside circle */
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 28px;
  box-shadow: 0 0 0 6px #0b1829; /* Inner clipping ring effect using box-shadow match */
}

/* Small Upper Meta Category Tag */
.node-meta-tag {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #c9a64e; /* Gold color accent */
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* Clean Serif Step Title Header */
.node-title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 22px;
  font-weight: 700;
  color: #ffffff; /* Bright white headers */
  margin: 0 0 14px 0;
  line-height: 1.3;
}

/* Description text layer blocks */
.node-description {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13.5px;
  line-height: 1.65;
  color: #b4c6ef; /* Light gray-blue tint for comfortable reading legibility */
  margin: 0;
}

/* ========================================================
   RESPONSIVE LAYOUT CONVERSION FOR PORTABLE DISPLAYS
   ======================================================== */

/* Tablet Optimization */
@media (max-width: 991px) {
  .timeline-container {
    padding: 40px 20px;
  }
  .node-title {
    font-size: 19px;
  }
  .node-description {
    font-size: 13px;
  }
}

/* Mobile Breakpoint - Converts structural timeline to a clean vertical list */
@media (max-width: 767px) {
  .timeline-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding: 40px 30px;
  }

  /* Converts the wire line to flow vertically from top down instead */
  .timeline-connecting-line {
    top: 40px;
    bottom: 40px;
    left: 62px; /* Aligns horizontally behind stacked circles */
    width: 1px;
    height: auto;
  }

  .timeline-node {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 0 0 0 74px; /* Shifts text blocks safely over away from the vertical line track */
  }

  .node-badge {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    margin-bottom: 0;
    box-shadow: 0 0 0 4px #0b1829;
  }
  
  .node-meta-tag {
    margin-top: 4px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fb20c5 *//* Container Framework - Set to Transparent to match any backdrop */
.numbered-features-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding:20px 0px;
  box-sizing: border-box;
  background-color: transparent;
}

/* Individual Feature Block Design */
.num-feature-card {
  position: relative;
  background-color: #ffffff; /* Crisp white card base from image_09a6a2.png */
  border-radius: 0 4px 4px 0; /* Soft rounded corners on the outer side edges */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); /* Subtle corporate elevation shadow */
  display: flex;
  min-height: 250px;
  box-sizing: border-box;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover Micro-interaction */
.num-feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

/* Solid Gold Vertical Left Accent Edge Line */
.num-card-accent-line {
  width: 4px;
  background-color: #c9a64e; /* Premium corporate gold accent */
  flex-shrink: 0;
}

/* Inner Text Wrap Area */
.num-card-content {
  padding: 35px 28px 40px 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  width: 100%;
}

/* Big Stylized Soft Gold Digit */
.num-card-digit {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 38px;
  font-weight: 700;
  color: #e6dcbe; /* Soft pale gold tone exactly as displayed */
  line-height: 1;
  margin-bottom: 16px;
  letter-spacing: 0.5px;
}

/* Deep Navy Serif Title Text */
.num-card-title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 21px;
  font-weight: 700;
  color: #0b1829; /* Deep brand navy tone */
  margin: 0 0 14px 0;
  line-height: 1.3;
}

/* Clean Descriptive Body Text Blocks */
.num-card-desc {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #556275; /* Smooth charcoal slate grey for comfortable readability */
  margin: 0;
}

/* ========================================================
   RESPONSIVE ADAPTIVE MEDIA BREAKPOINTS
   ======================================================== */

/* Tablet Layout Adaptation */
@media (max-width: 991px) {
  .numbered-features-container {
    grid-template-columns: repeat(2, 1fr); /* Collapses smoothly into a clean 2x2 grid */
    gap: 20px;
  }
}

/* Smartphone Layout Adaptation */
@media (max-width: 600px) {
  .numbered-features-container {
    grid-template-columns: 1fr; /* Compresses into a sleek full-width column stack */
    gap: 16px;
    padding: 20px 16px;
  }
  
  .num-feature-card {
    min-height: auto; /* Relaxes heights for fluid text constraints on small screens */
  }

  .num-card-content {
    padding: 30px 24px;
  }
}/* End custom CSS */