.elementor-3043 .elementor-element.elementor-element-ee503c8:not(.elementor-motion-effects-element-type-background), .elementor-3043 .elementor-element.elementor-element-ee503c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-bc2f7dc ) 0%, #1B4B1C 100%);}.elementor-3043 .elementor-element.elementor-element-ee503c8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:105px 0px 115px 0px;}.elementor-3043 .elementor-element.elementor-element-ee503c8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3043 .elementor-element.elementor-element-8028c45 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-3043 .elementor-element.elementor-element-adc022a{--spacer-size:23px;}.elementor-3043 .elementor-element.elementor-element-5ef9bf9 .gsc-heading .content-inner{max-width:1000px;}.elementor-3043 .elementor-element.elementor-element-5ef9bf9 .gsc-heading{margin-bottom:0px;}.elementor-3043 .elementor-element.elementor-element-5ef9bf9 .gsc-heading .title{color:#FFFFFF;font-size:52px;margin-bottom:0px;}.elementor-3043 .elementor-element.elementor-element-5ef9bf9 .gsc-heading .title-desc{color:#FFFFFF;font-size:20px;padding:10px 0px 0px 0px;}.elementor-3043 .elementor-element.elementor-element-fb1ea3a:not(.elementor-motion-effects-element-type-background), .elementor-3043 .elementor-element.elementor-element-fb1ea3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1c1b478 );}.elementor-3043 .elementor-element.elementor-element-fb1ea3a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:70px 0px 0px 0px;z-index:9;}.elementor-3043 .elementor-element.elementor-element-fb1ea3a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3043 .elementor-element.elementor-element-85d02f6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3043 .elementor-element.elementor-element-85d02f6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3043 .elementor-element.elementor-element-85d02f6 > .elementor-element-populated{padding:0px 80px 50px 15px;}.elementor-3043 .elementor-element.elementor-element-f526211 .htmega-tab-nav a.htb-active{background-color:var( --e-global-color-8d7a7b8 );}.elementor-3043 .elementor-element.elementor-element-f526211{width:var( --container-widget-width, 105.033% );max-width:105.033%;--container-widget-width:105.033%;--container-widget-flex-grow:0;}.elementor-3043 .elementor-element.elementor-element-f526211 .htmega-tab-nav{width:100%;max-width:100%;justify-content:center !important;}.elementor-3043 .elementor-element.elementor-element-f526211 .htmega-tab-nav a{justify-content:center;color:var( --e-global-color-d78bc54 );padding:8px 14px 8px 20px;margin:0px -11px 23px 11px;border-style:solid;border-width:0px 1px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-3043 .elementor-element.elementor-element-f526211 .htmega-tab-nav a i{font-size:14px;}.elementor-3043 .elementor-element.elementor-element-f526211 .htmega-tab-nav a .htmega-tab-svg-icon svg{width:14px;}.elementor-3043 .elementor-element.elementor-element-f526211 .htmega-tab-nav a i, .elementor-3043 .elementor-element.elementor-element-f526211 .htmega-tab-nav a .htmega-tab-svg-icon{border-style:none;width:26px;height:26px;}.elementor-3043 .elementor-element.elementor-element-f526211 .htmega-tab-content-area .htmega-tab-content p{color:#1C231F;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-3043 .elementor-element.elementor-element-c88fc98:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3043 .elementor-element.elementor-element-c88fc98 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://gray-areas.com/wp-content/uploads/2023/01/bg-shape-04.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3043 .elementor-element.elementor-element-c88fc98.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3043 .elementor-element.elementor-element-c88fc98 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 15px 0px 15px;--e-column-margin-right:15px;--e-column-margin-left:15px;padding:60px 60px 60px 60px;}.elementor-3043 .elementor-element.elementor-element-c88fc98 > .elementor-element-populated, .elementor-3043 .elementor-element.elementor-element-c88fc98 > .elementor-element-populated > .elementor-background-overlay, .elementor-3043 .elementor-element.elementor-element-c88fc98 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-3043 .elementor-element.elementor-element-c88fc98 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3043 .elementor-element.elementor-element-3e3e7eb > .elementor-element-populated{padding:0px 015px 0px 0px;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a .elementor-icon-box-wrapper{text-align:center;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a{--icon-box-icon-margin:4px;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a.elementor-view-framed .elementor-icon, .elementor-3043 .elementor-element.elementor-element-c1f6b6a.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a .elementor-icon{font-size:52px;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a .elementor-icon-box-title, .elementor-3043 .elementor-element.elementor-element-c1f6b6a .elementor-icon-box-title a{font-size:14px;font-weight:500;line-height:18px;letter-spacing:2px;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a .elementor-icon-box-title{color:#E6E4E3;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a .elementor-icon-box-description{font-size:36px;font-weight:700;line-height:42px;color:#FFFFFF;}.elementor-3043 .elementor-element.elementor-element-f811a57.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3043 .elementor-element.elementor-element-f811a57 > .elementor-element-populated{margin:18px 0px 0px -6px;--e-column-margin-right:0px;--e-column-margin-left:-6px;padding:0px 0px 0px 15px;}.elementor-3043 .elementor-element.elementor-element-8217a5f{width:auto;max-width:auto;}@media(max-width:1024px){.elementor-3043 .elementor-element.elementor-element-ee503c8{padding:75px 0px 85px 0px;}.elementor-3043 .elementor-element.elementor-element-5ef9bf9 .gsc-heading .title{font-size:50px;}.elementor-3043 .elementor-element.elementor-element-5ef9bf9 .gsc-heading .title-desc{font-size:18px;line-height:28px;padding:0px 0px 0px 0px;}.elementor-3043 .elementor-element.elementor-element-fb1ea3a{padding:80px 0px 0px 0px;}.elementor-3043 .elementor-element.elementor-element-85d02f6 > .elementor-element-populated{padding:0px 15px 60px 15px;}.elementor-3043 .elementor-element.elementor-element-c88fc98 > .elementor-element-populated{padding:50px 10px 50px 10px;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a{--icon-box-icon-margin:20px;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a .elementor-icon{font-size:50px;}.elementor-3043 .elementor-element.elementor-element-c1f6b6a .elementor-icon-box-description{font-size:22px;line-height:30px;}}@media(max-width:767px){.elementor-3043 .elementor-element.elementor-element-5ef9bf9 .gsc-heading .title{font-size:30px;margin-bottom:10px;}.elementor-3043 .elementor-element.elementor-element-fb1ea3a{margin-top:0px;margin-bottom:-60px;}.elementor-3043 .elementor-element.elementor-element-85d02f6 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-3043 .elementor-element.elementor-element-f811a57.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-3043 .elementor-element.elementor-element-f811a57 > .elementor-element-populated{padding:20px 0px 0px 0px;}}@media(min-width:768px){.elementor-3043 .elementor-element.elementor-element-85d02f6{width:76.439%;}.elementor-3043 .elementor-element.elementor-element-c88fc98{width:23.523%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3043 .elementor-element.elementor-element-85d02f6{width:100%;}}/* Start custom CSS for htmega-tab-addons, class: .elementor-element-f526211 */.htmega-tab-nav a.htb-nav-link {
    font-weight: bold;
    line-height: normal;
}
.htmega-tab-nav a {
    margin: 0 1px;
    margin-bottom: 20px;
 }

/* Stert of pillar 2 */
body {
  color: black; /* make all text black */
  font-family: Arial, sans-serif;
}

/* Links: blue + underlined in all states */
a,
a:visited,
a:hover,
a:active {
  color: blue;
  text-decoration: underline;
}

/* Style for lettered list */
ol.letters {
  list-style-type: lower-alpha; /* a, b, c */
  color: black;
  padding-left: 3.3em; /* indent for markers */
  
}

/* Start of Dev Philosophy- Statement of Purpose */
/* Style for decimal-with-subsection format */
ol.decimal-sub {
  list-style: none; /* remove default */
  counter-reset: subsection 0;
  color: black;
  padding-left: 0; /* reset, let li handle spacing */
}

ol.decimal-sub > li {
  counter-increment: subsection;
  position: relative;
  padding-left: 3.5em;   /* controls indent (space before text) */
  text-indent: 0;      /* ensures hanging indent works */
}

ol.decimal-sub > li::before {
  content: "2." counter(subsection) " ";
  font-weight: bold;
  position: absolute;
  left: 0;
  width: 2.5em;       /* adjust width of number block */
  text-align: right;  /* numbers align right edge */
  color: black;
}
/* Ensure headings, paragraphs, and list items are black */
h4, p, li {
  color: black;
}
/* end of pillar 2 */


/* Start of pillar 3 */
.custom-counter3 {
  list-style: none;
  padding-left: 1.5em;
  counter-reset: section 0; /* start at 0 so first increment = 1 */
}
.custom-counter3 li {
  counter-increment: section;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 2.5em;
}
.custom-counter3 li::before {
  content: "3." counter(section) " ";
  font-weight: bold;
  position: absolute;
  left: 0;
  color: black;
}

/* Sub-list a, b, c */
.custom-counter3 ol {
  counter-reset: subsection;
  list-style: none;
  padding-left: 0.2em;
  margin-top: 0.3em;
}
.custom-counter3 ol > li {
  counter-increment: subsection;
  position: relative;
  margin-bottom: 0.3em;
  padding-left: 1.8em;
}
.custom-counter3 ol > li::before {
  content: counter(subsection, lower-alpha) ". ";
  font-weight: bold;
  position: absolute;
  left: 0;
  color: black;
}

/* end of pillar 3 */

/* 4.x numbering */
body {
  color: black;
  font-family: Arial, sans-serif;
}
/* Custom list starting at 4.1 */
.start-4 {
  counter-reset: main 0;   /* start clean */
  list-style: none;
  padding-left: 2.5em;     /* adjust padding */
  font-size: 1em;          /* normal text size */
}

.start-4 > li {
  counter-increment: main;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 2.5em;     /* controls hanging indent */
  text-indent: -0.5em;     /* creates hanging effect */
}

.start-4 > li::before {
  content: "4." counter(main) " ";
  font-weight: bold;       /* bold numbers */
  position: absolute;
  left: 0;
  color: black;
}
/* Custom list starting at 4.2 */
.start-4-2 {
  counter-reset: main 1;   /* Start from 1 → first item = 2 */
  list-style: none;
  padding-left: 2.5em;     /* adjustable padding */
  font-size: 1em;          /* normal text size */
}

.start-4-2 > li {
  counter-increment: main;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 2.5em;     /* hanging indent space */
  text-indent: -0.5em;     /* creates hanging indent */
}

.start-4-2 > li::before {
  content: "4." counter(main) " ";
  font-weight: bold;       /* bold numbers */
  position: absolute;
  left: 0;
  color: black;
}
/* Title (h4) inside VDP4 block */
.VDP4 h4 {
  font-size: 1.2em;     /* adjust as needed */
  font-weight: bold;
  margin-bottom: 0.5em;
  color: black;
}

/* Custom a, b, c list */
.VDP4 ol {
  list-style: none;         /* remove default numbers */
  counter-reset: letter;    /* reset alphabet counter */
  padding-left: 2.5em;      /* adjustable padding */
}

.VDP4 ol li {
  counter-increment: letter;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.5em;       /* controls text start */
  text-indent: -0.1em;       /* hanging indent */
}

.VDP4 ol li::before {
  content: counter(letter, lower-alpha) ". ";
  font-weight: bold;         /* bold a, b, c */
  position: absolute;
  left: 0;
  color: black;
}
/* ---- Custom 1, 2, 3 list ---- */
.VDP4 ol.numeric {
  list-style: none;
  counter-reset: number;     /* reset numeric counter */
  padding-left: 2.5em;
}

.VDP4 ol.numeric li {
  counter-increment: number;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
  text-indent: -0.1em;       /* hanging indent */
}

.VDP4 ol.numeric li::before {
  content: counter(number) ". ";
  font-weight: bold;         /* bold numbers */
  position: absolute;
  left: 0;
  color: black;
}

.button-wrapper {
  text-align: center; /* center the button */
  margin: 1.5em 0;    /* spacing above/below */
}

.green-button {
  display: inline-block;
  background-color: #28a745;   /* green */
  color: #fff !important;      /* force white text */
  padding: 0.75em 1.5em;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.green-button:hover {
  background-color: #218838;
  transform: translateY(-2px);
}

.green-button:active {
  background-color: #1e7e34;
  transform: translateY(0);
}
/* end of pillar 4 */

/* Style for lettered list */
ol.letters1 {
  list-style-type: lower-alpha; /* a, b, c */
  color: black;
}
/* Style for lettered list */
ol.letters {
  list-style-type: lower-alpha; /* a, b, c */
  padding-left: 3.2em;
  
  color: black;
}
/* Hanging indent for lettered list (a, b, c) */
ol.bold-alpha-letters-only {
  list-style-type: lower-alpha;
  padding-left: 2.5em;   /* space for marker */
}

ol.bold-alpha-letters-only li {
  text-indent: 0.5em;   /* pull text back for hanging indent */
  font-weight: normal;   /* text normal */
}

ol.bold-alpha-letters-only li::marker {
  font-weight: bold;     /* marker bold */
  color: black;
}

/* Style for decimal-with-subsection format */
ol.decimal-sub {
  list-style-type: none; /* remove default */
  counter-reset: subsection 0;
  color: black;
}
ol.decimal-sub > li {
  counter-increment: subsection;
}
ol.decimal-sub > li::before {
  content: "2." counter(subsection) " ";
  font-weight: bold;
  
  color: black;
}
/* 4.x numbering */
.custom-counter5 {
  list-style: none;
  padding-left: 2.5em;
  counter-reset: section 0; /* start counter at 0 so first li = 1 */
}
.custom-counter5 li {
  counter-increment: section;
  position: relative;
  margin-bottom: 1em;
  padding-left: 2.5em;
}
.custom-counter5 li::before {
  content: "5." counter(section) " ";
  font-weight: bold;
  position: absolute;
  left: 0;
  color: black;
}




/* Style for decimal-with-subsection format */
ol.decimal-sub {
  list-style-type: none; /* remove default */
  counter-reset: subsection 0;
  color: black;
}
ol.decimal-sub > li {
  counter-increment: subsection;
}
ol.decimal-sub > li::before {
  content: "2." counter(subsection) " ";
  font-weight: bold;
  color: black;
}
/* end of pillar 5 */

/* Top-level list for 6.x */
.custom-counter6 {
  list-style: none;
  padding-left: 2.5em;
  counter-reset: section 0; /* Start from 0 so first li becomes 1 → 6.1 */
}
.custom-counter6 li {
  counter-increment: section;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 2.5em;
}
.custom-counter6 li::before {
  content: "6." counter(section) " ";
  font-weight: bold;
  position: absolute;
  left: 0;
  color: black;
}

/* Sublist: lower-alpha a, b, c */
.custom-counter6 ol {
  list-style: none;
  padding-left: 0;
  
  margin-top: 0.3em;
  counter-reset: subsection;
}
.custom-counter6 ol > li {
  counter-increment: subsection;
  position: relative;
  margin-bottom: 0.3em;
  padding-left: 1.5em;
}
.custom-counter6 ol > li::before {
  content: counter(subsection, lower-alpha) ". ";
  font-weight: bold;
  position: absolute;
  left: 0;
}

/* Independent 6.x counter */
.custom-counter63 {
  list-style: none;
  padding-left: 2em;
  counter-reset: section 2; /* Start at 6.3: 2 + 1 = 3 */
}
.custom-counter63 li {
  counter-increment: section;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 2.5em;
}
.custom-counter63 li::before {
  content: "6." counter(section) " ";
  font-weight: bold;
  position: absolute;
  left: 0;
  color: black;
}
.btn-green {
  background-color: green;
  color: white !important;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  display: inline-block;
}
.btn-green:hover {
  background-color: darkgreen;
}
/* end of pillar 6 */
.custom-counter {
  counter-reset: section;
  list-style: none;
  padding-left: 2.5em;
}

.custom-counter li {
  counter-increment: section;
   position: relative;
  margin-bottom: 0.5em;
  padding-left: 2.5em;   /* space for the number */
  text-indent: -0.25em;
}

.custom-counter li::before {
  content: "4." counter(section) " ";
  font-weight: bold;
  color: black;
   position: absolute;
  left: 0;
  width: 1.5em;
}

.custom-counter2 {
  counter-reset: section;
  list-style: none;
  padding-left: 2.5em;
}

.custom-counter2 li {
  counter-increment: section;
   position: relative;
  margin-bottom: 0.5em;
  padding-left: 2.5em;   /* space for the number */
  text-indent: -0.25em;
}

.custom-counter2 li::before {
  content: "5." counter(section) " ";
  font-weight: bold;
  color: black;
   position: absolute;
  left: 0;
  width: 1.5em;
}
.custom-counter2 a[href] {
  color: blue;
   text-decoration: underline;
}
.custom-counter2 ol {
  counter-reset: subsection;
  list-style: none;
  padding-left: 2.2em;
  margin-top: 0.3em;
}

.custom-counter2 ol > li {
  counter-increment: subsection;
  position: relative;
  margin-bottom: 0.3em;
  padding-left: 1.8em;
  text-indent: -1.8em;
}

.custom-counter2 ol > li::before {
  content: counter(subsection, lower-alpha) ". ";
  font-weight: bold;
  position: absolute;
  left: 0;
  width: 1.8em;
}
/* Start ol at 4.3 */
ol.start-at-4-3 {
  counter-reset: item 2; /* Start counter at 2, becomes 3 after increment */
  list-style: none;
  padding-left: 0.2em;
  margin: 1em 0;
}

.start-at-4-3 > li {
  counter-increment: item;
  position: relative;
  padding-left: 0.2em;
  text-indent: 1em;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
  margin-bottom: 0.25em;
  
}

.start-at-4-3 > li::before {
  content: "4." counter(item) " "; /* Hardcoded "4." prefix */
  display: inline-block;
  width: 3em;
  font-weight: bold; /* Make the number bold */
  margin-right: 0.5em;
}
ol a {
  color: blue;
  text-decoration: underline !important;
}

/* Optional hover state */
ol a:hover {
  color: darkblue ;
  text-decoration: underline;
}/* End custom CSS */