.elementor-1489 .elementor-element.elementor-element-5ef7019{--display:flex;--min-height:54vh;--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;--overlay-opacity:0.65;--border-radius:39px 39px 39px 39px;--margin-top:24px;--margin-bottom:24px;--margin-left:24px;--margin-right:24px;--padding-top:133px;--padding-bottom:100px;--padding-left:55px;--padding-right:62px;}.elementor-1489 .elementor-element.elementor-element-5ef7019:not(.elementor-motion-effects-element-type-background), .elementor-1489 .elementor-element.elementor-element-5ef7019 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cleanindex.com/wp-content/uploads/2025/11/Clean-Index-Certified-1-3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1489 .elementor-element.elementor-element-5ef7019::before, .elementor-1489 .elementor-element.elementor-element-5ef7019 > .elementor-background-video-container::before, .elementor-1489 .elementor-element.elementor-element-5ef7019 > .e-con-inner > .elementor-background-video-container::before, .elementor-1489 .elementor-element.elementor-element-5ef7019 > .elementor-background-slideshow::before, .elementor-1489 .elementor-element.elementor-element-5ef7019 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1489 .elementor-element.elementor-element-5ef7019 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor2 ) 0%, var( --e-global-color-astglobalcolor2 ) 100%);}.elementor-1489 .elementor-element.elementor-element-5ef7019.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1489 .elementor-element.elementor-element-5810600{width:var( --container-widget-width, 99.676% );max-width:99.676%;--container-widget-width:99.676%;--container-widget-flex-grow:0;text-align:center;}.elementor-1489 .elementor-element.elementor-element-5810600 > .elementor-widget-container{margin:0px 24px 0px 0px;padding:0% 0% 0% 0%;}.elementor-1489 .elementor-element.elementor-element-5810600.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1489 .elementor-element.elementor-element-5810600 .elementor-heading-title{font-family:"Raleway", Sans-serif;color:var( --e-global-color-astglobalcolor5 );}.elementor-1489 .elementor-element.elementor-element-b385c14{--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;--margin-top:-1px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:-1px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-1489 .elementor-element.elementor-element-d457962{--display:flex;}.elementor-1489 .elementor-element.elementor-element-f3849a2 .elementor-heading-title{font-family:"Raleway", Sans-serif;}.elementor-1489 .elementor-element.elementor-element-9cf9db9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1489 .elementor-element.elementor-element-02fb9b2{width:var( --container-widget-width, 46.861% );max-width:46.861%;--container-widget-width:46.861%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1489 .elementor-element.elementor-element-02fb9b2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1489 .elementor-element.elementor-element-02fb9b2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1489 .elementor-element.elementor-element-02fb9b2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1489 .elementor-element.elementor-element-02fb9b2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1489 .elementor-element.elementor-element-a5199c8 .elementor-button{background-color:#FFFFFF;border-radius:13px 13px 13px 13px;}.elementor-1489 .elementor-element.elementor-element-a5199c8 .elementor-button:hover, .elementor-1489 .elementor-element.elementor-element-a5199c8 .elementor-button:focus{background-color:#4CAF50;color:#FFFFFF;}.elementor-1489 .elementor-element.elementor-element-a5199c8 > .elementor-widget-container{margin:10px 34px 10px 28px;padding:-2px -2px -2px -2px;}.elementor-1489 .elementor-element.elementor-element-a5199c8 .elementor-button:hover svg, .elementor-1489 .elementor-element.elementor-element-a5199c8 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1489 .elementor-element.elementor-element-7b1cf47{--display:flex;}.elementor-1489 .elementor-element.elementor-element-0439638{--display:flex;--gap:19px 19px;--row-gap:19px;--column-gap:19px;}.elementor-1489 .elementor-element.elementor-element-f016bc7 .elementor-heading-title{font-family:"Raleway", Sans-serif;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a{width:var( --container-widget-width, 102.246% );max-width:102.246%;--container-widget-width:102.246%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a > .elementor-widget-container{margin:-1px -1px -1px -1px;padding:4px 4px 4px 4px;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-field-group{padding-right:calc( 51px/2 );padding-left:calc( 51px/2 );margin-bottom:7px;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-form-fields-wrapper{margin-left:calc( -51px/2 );margin-right:calc( -51px/2 );margin-bottom:-7px;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-labels-inline .elementor-field-group > label{padding-left:12px;}body:not(.rtl) .elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-labels-inline .elementor-field-group > label{padding-right:12px;}body .elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-labels-above .elementor-field-group > label{padding-bottom:12px;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-field-type-html{padding-bottom:26px;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:14px 14px 14px 14px;border-radius:11px 11px 11px 11px;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:14px 14px 14px 14px;border-radius:11px 11px 11px 11px;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-button[type="submit"]{color:#ffffff;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1489 .elementor-element.elementor-element-3d9ee5a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1489 .elementor-element.elementor-element-0e5ec73{--display:flex;}.elementor-1489 .elementor-element.elementor-element-9581eec{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:23px;--n-tabs-gap:5px;--n-tabs-title-padding-top:7px;--n-tabs-title-padding-right:256px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:14px;--n-tabs-title-font-size:24px;--n-tabs-title-color:#090909;--n-tabs-title-color-active:#4CAF50;}.elementor-1489 .elementor-element.elementor-element-9581eec > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-1489 .elementor-element.elementor-element-9581eec.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:3px 3px 3px 3px;}.elementor-1489 .elementor-element.elementor-element-9581eec.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1489 .elementor-element.elementor-element-9581eec.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;border-style:none;}:where( .elementor-1489 .elementor-element.elementor-element-9581eec.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:#FFFFFF;border-style:none;}.elementor-1489 .elementor-element.elementor-element-9581eec.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-1489 .elementor-element.elementor-element-9581eec.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Sans-serif;font-weight:500;}.elementor-1489 .elementor-element.elementor-element-9581eec [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#4CAF50;--n-tabs-icon-color-hover:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1489 .elementor-element.elementor-element-5ef7019{--padding-top:100px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}}@media(min-width:768px){.elementor-1489 .elementor-element.elementor-element-5ef7019{--width:97%;}.elementor-1489 .elementor-element.elementor-element-0439638{--content-width:1600px;}}@media(max-width:767px){.elementor-1489 .elementor-element.elementor-element-5ef7019{--min-height:0vh;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:120px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-1489 .elementor-element.elementor-element-5810600 > .elementor-widget-container{padding:0% 0% 0% 0%;}}/* Start custom CSS for form, class: .elementor-element-3d9ee5a *//* Selected size highlight */
.company-size-group input:checked + label {
    color: #1AA548;
    font-weight: 600;
}
.company-size-group input:checked {
    accent-color: #1AA548;
}

/* Layout: horizontal inline spacing */
.company-size-group .elementor-field-subgroup {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 35px;
}

/* Each option + separators */
.company-size-group .elementor-field-option {
    position: relative;
    display: flex;              /* radio + label in one row */
    align-items: center;        /* vertical centering */
    padding-right: 28px;        /* spacing before the | */
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    color: #3b3b3b;
}

/* Separator styling */
.company-size-group .elementor-field-option:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -8px;
    color: #cccccc;
    font-weight: 300;
}

/* Radio circle styling – centered */
.company-size-group input[type=radio] {
    accent-color: #1AA548;      /* green */
    width: 18px;
    height: 18px;
    margin: 0 6px 0 0;          /* little space before text */
    vertical-align: middle;     /* align with text baseline */
}

/* Hover style */
.company-size-group label:hover {
    color: #1AA548;
    cursor: pointer;
}

/* Hide submit button */
.elementor-form .elementor-button {
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e32758 *//* =======================
   GLOBAL LAYOUT
======================= */
.ci-row {
  display: flex;
  gap: 32px;
  margin: 0 auto 28px;
  max-width: 1200px;
  padding: 0 18px;
  flex-wrap: wrap;
}

.ci-inline-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 220px;
}

.ci-inline-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #222;
  letter-spacing: 0.04em;
  line-height: 1.3;
}

/* =======================
   COUNTRY DROPDOWN
======================= */
.ci-select-box select {
  width: 100%;
  max-width: 260px;
  padding: 10px 14px;
  font-size: 14px;
  background: #f7f7f7;
  border-radius: 7px;
  border: 1px solid #dedede;
  cursor: pointer;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}

.ci-select-box select:hover,
.ci-select-box select:focus {
  border-color: #0b4b21;
  box-shadow: 0 0 0 2px rgba(11,75,33,0.08);
}

/* =======================
   CURRENCY SWITCHER
======================= */
.ci-currency-box {
  display: inline-flex;
  background: #f4f4f4;
  border-radius: 8px;
  border: 1px solid #dadada;
  overflow: hidden;
}

.ci-currency-option {
  padding: 8px 22px;
  font-size: 14px;
  cursor: pointer;
  border-right: 1px solid #dadada;
  color: #666;
  font-weight: 600;
  transition: background .2s, color .2s, border-color .2s;
  white-space: nowrap;
}

.ci-currency-option:last-child {
  border-right: none;
}

.ci-currency-option.active {
  background: #ffffff;
  color: #111;
  font-weight: 700;
  border-color: #111;
}

/* =======================
   PRICING SECTION
======================= */
.ci-pricing-section {
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
  max-width: 1200px;
  margin: 0 auto 40px;
  padding: 0 18px;
  color: #222;
}

/* =======================
   TAB HEADERS
======================= */
.ci-tabs-row {
  display: flex;
  gap: 0;
  margin-bottom: 20px;
}

.ci-tab {
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px 10px 0 0;
}

.ci-tab.small {
  background: #0f6129;
  min-width: 260px;
}

.ci-tab.large {
  background: #0b4b21;
  flex: 1;
}

.ci-info {
  font-size: 14px;
  margin-left: 8px;
  opacity: 0.9;
}

/* =======================
   GRID CARDS
======================= */
.ci-cards-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* CARD BASE STYLES */
.ci-card {
  background: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 14px;
  padding: 0;
  position: relative;
  transition: box-shadow .2s, transform .2s;
}

.ci-card-inner {
  padding: 26px 26px 28px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
}

/* Premium background like EcoVadis */
.ci-card--premium {
  background: #eef8ee;
  border-color: #d6ebd6;
}

/* Active highlight (auto-selected plan) */
.ci-card--active {
  box-shadow: 0 0 0 3px #0b4b21;
  transform: translateY(-4px);
}

/* Star badge (Premium) */
.ci-badge-star {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-18px, -18px);
  background: #0b4b21;
  color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

/* HEADER */
.ci-card-header {
  display: flex;
  gap: 12px;
  align-items: center;
}

.ci-card-header .ci-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.ci-card h3 {
  margin: 0;
  font-size: 22px;
  color: #0b4b21;
}

/* SUBTEXT */
.ci-sub {
  margin: 14px 0 16px;
  color: #666;
  line-height: 1.5;
  font-size: 15px;
}

/* DISABLED BOX */
.ci-cta-box.disabled {
  border: 2px solid #d0d0d0;
  padding: 18px;
  text-align: center;
  color: #a0a0a0;
  font-weight: 700;
  border-radius: 10px;
  background: #fff;
  margin: 10px 0 20px;
}

/* =======================
   PRICE CHIPS
======================= */
.ci-price-row {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
  margin-top: 6px;
}

.ci-price-chip {
  background: #f3f3f3;
  padding: 12px 16px;
  border-radius: 10px;
  min-width: 120px;
}

.ci-price-cur {
  font-size: 12px;
  color: #777;
}

.ci-price-amt {
  font-size: 22px;
  font-weight: 800;
  margin-top: 4px;
}

.ci-price-term {
  font-size: 12px;
  color: #777;
  margin-top: 6px;
}

/* =======================
   BUTTONS
======================= */
.ci-btn {
  margin-top: 12px;
  padding: 14px 20px;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
}

.ci-btn-outline {
  background: transparent;
  color: #0b4b21;
  border: 2px solid #0b4b21;
}

.ci-btn-outline:hover {
  background: #0b4b21;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

.ci-btn-solid {
  background: #0b4b21;
  color: #fff;
  border: 2px solid #0b4b21;
}

.ci-btn-solid:hover {
  background: #09401c;
  box-shadow: 0 4px 10px rgba(0,0,0,0.14);
}

/* HEADINGS INSIDE CARD */
.ci-card h4 {
  margin-top: 22px;
  margin-bottom: 12px;
  font-size: 18px;
  color: #222;
}

/* FEATURE LIST */
.ci-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ci-features li {
  padding: 8px 0;
  color: #444;
  line-height: 1.6;
  position: relative;
  padding-left: 26px;
}

.ci-features li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 8px;
  color: #0f6129;
  font-weight: 700;
  font-size: 14px;
}

/* =======================
   RESPONSIVE
======================= */
@media (max-width: 1024px) {
  .ci-cards-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  .ci-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .ci-cards-row {
    grid-template-columns: 1fr;
  }
  .ci-tabs-row {
    flex-direction: column;
  }
  .ci-tab.small,
  .ci-tab.large {
    border-radius: 10px;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-3d9ee5a *//* Selected size highlight */
.company-size-group input:checked + label {
    color: #1AA548;
    font-weight: 600;
}
.company-size-group input:checked {
    accent-color: #1AA548;
}

/* Layout: horizontal inline spacing */
.company-size-group .elementor-field-subgroup {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 35px;
}

/* Each option + separators */
.company-size-group .elementor-field-option {
    position: relative;
    display: flex;              /* radio + label in one row */
    align-items: center;        /* vertical centering */
    padding-right: 28px;        /* spacing before the | */
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    color: #3b3b3b;
}

/* Separator styling */
.company-size-group .elementor-field-option:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -8px;
    color: #cccccc;
    font-weight: 300;
}

/* Radio circle styling – centered */
.company-size-group input[type=radio] {
    accent-color: #1AA548;      /* green */
    width: 18px;
    height: 18px;
    margin: 0 6px 0 0;          /* little space before text */
    vertical-align: middle;     /* align with text baseline */
}

/* Hover style */
.company-size-group label:hover {
    color: #1AA548;
    cursor: pointer;
}

/* Hide submit button */
.elementor-form .elementor-button {
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e32758 *//* =======================
   GLOBAL LAYOUT
======================= */
.ci-row {
  display: flex;
  gap: 32px;
  margin: 0 auto 28px;
  max-width: 1200px;
  padding: 0 18px;
  flex-wrap: wrap;
}

.ci-inline-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 220px;
}

.ci-inline-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #222;
  letter-spacing: 0.04em;
  line-height: 1.3;
}

/* =======================
   COUNTRY DROPDOWN
======================= */
.ci-select-box select {
  width: 100%;
  max-width: 260px;
  padding: 10px 14px;
  font-size: 14px;
  background: #f7f7f7;
  border-radius: 7px;
  border: 1px solid #dedede;
  cursor: pointer;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}

.ci-select-box select:hover,
.ci-select-box select:focus {
  border-color: #0b4b21;
  box-shadow: 0 0 0 2px rgba(11,75,33,0.08);
}

/* =======================
   CURRENCY SWITCHER
======================= */
.ci-currency-box {
  display: inline-flex;
  background: #f4f4f4;
  border-radius: 8px;
  border: 1px solid #dadada;
  overflow: hidden;
}

.ci-currency-option {
  padding: 8px 22px;
  font-size: 14px;
  cursor: pointer;
  border-right: 1px solid #dadada;
  color: #666;
  font-weight: 600;
  transition: background .2s, color .2s, border-color .2s;
  white-space: nowrap;
}

.ci-currency-option:last-child {
  border-right: none;
}

.ci-currency-option.active {
  background: #ffffff;
  color: #111;
  font-weight: 700;
  border-color: #111;
}

/* =======================
   PRICING SECTION
======================= */
.ci-pricing-section {
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
  max-width: 1200px;
  margin: 0 auto 40px;
  padding: 0 18px;
  color: #222;
}

/* =======================
   TAB HEADERS
======================= */
.ci-tabs-row {
  display: flex;
  gap: 0;
  margin-bottom: 20px;
}

.ci-tab {
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px 10px 0 0;
}

.ci-tab.small {
  background: #0f6129;
  min-width: 260px;
}

.ci-tab.large {
  background: #0b4b21;
  flex: 1;
}

.ci-info {
  font-size: 14px;
  margin-left: 8px;
  opacity: 0.9;
}

/* =======================
   GRID CARDS
======================= */
.ci-cards-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* CARD BASE STYLES */
.ci-card {
  background: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 14px;
  padding: 0;
  position: relative;
  transition: box-shadow .2s, transform .2s;
}

.ci-card-inner {
  padding: 26px 26px 28px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
}

/* Premium background like EcoVadis */
.ci-card--premium {
  background: #eef8ee;
  border-color: #d6ebd6;
}

/* Active highlight (auto-selected plan) */
.ci-card--active {
  box-shadow: 0 0 0 3px #0b4b21;
  transform: translateY(-4px);
}

/* Star badge (Premium) */
.ci-badge-star {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-18px, -18px);
  background: #0b4b21;
  color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

/* HEADER */
.ci-card-header {
  display: flex;
  gap: 12px;
  align-items: center;
}

.ci-card-header .ci-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.ci-card h3 {
  margin: 0;
  font-size: 22px;
  color: #0b4b21;
}

/* SUBTEXT */
.ci-sub {
  margin: 14px 0 16px;
  color: #666;
  line-height: 1.5;
  font-size: 15px;
}

/* DISABLED BOX */
.ci-cta-box.disabled {
  border: 2px solid #d0d0d0;
  padding: 18px;
  text-align: center;
  color: #a0a0a0;
  font-weight: 700;
  border-radius: 10px;
  background: #fff;
  margin: 10px 0 20px;
}

/* =======================
   PRICE CHIPS
======================= */
.ci-price-row {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
  margin-top: 6px;
}

.ci-price-chip {
  background: #f3f3f3;
  padding: 12px 16px;
  border-radius: 10px;
  min-width: 120px;
}

.ci-price-cur {
  font-size: 12px;
  color: #777;
}

.ci-price-amt {
  font-size: 22px;
  font-weight: 800;
  margin-top: 4px;
}

.ci-price-term {
  font-size: 12px;
  color: #777;
  margin-top: 6px;
}

/* =======================
   BUTTONS
======================= */
.ci-btn {
  margin-top: 12px;
  padding: 14px 20px;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
}

.ci-btn-outline {
  background: transparent;
  color: #0b4b21;
  border: 2px solid #0b4b21;
}

.ci-btn-outline:hover {
  background: #0b4b21;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

.ci-btn-solid {
  background: #0b4b21;
  color: #fff;
  border: 2px solid #0b4b21;
}

.ci-btn-solid:hover {
  background: #09401c;
  box-shadow: 0 4px 10px rgba(0,0,0,0.14);
}

/* HEADINGS INSIDE CARD */
.ci-card h4 {
  margin-top: 22px;
  margin-bottom: 12px;
  font-size: 18px;
  color: #222;
}

/* FEATURE LIST */
.ci-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ci-features li {
  padding: 8px 0;
  color: #444;
  line-height: 1.6;
  position: relative;
  padding-left: 26px;
}

.ci-features li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 8px;
  color: #0f6129;
  font-weight: 700;
  font-size: 14px;
}

/* =======================
   RESPONSIVE
======================= */
@media (max-width: 1024px) {
  .ci-cards-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  .ci-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .ci-cards-row {
    grid-template-columns: 1fr;
  }
  .ci-tabs-row {
    flex-direction: column;
  }
  .ci-tab.small,
  .ci-tab.large {
    border-radius: 10px;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-3d9ee5a *//* Selected size highlight */
.company-size-group input:checked + label {
    color: #1AA548;
    font-weight: 600;
}
.company-size-group input:checked {
    accent-color: #1AA548;
}

/* Layout: horizontal inline spacing */
.company-size-group .elementor-field-subgroup {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 35px;
}

/* Each option + separators */
.company-size-group .elementor-field-option {
    position: relative;
    display: flex;              /* radio + label in one row */
    align-items: center;        /* vertical centering */
    padding-right: 28px;        /* spacing before the | */
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    color: #3b3b3b;
}

/* Separator styling */
.company-size-group .elementor-field-option:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -8px;
    color: #cccccc;
    font-weight: 300;
}

/* Radio circle styling – centered */
.company-size-group input[type=radio] {
    accent-color: #1AA548;      /* green */
    width: 18px;
    height: 18px;
    margin: 0 6px 0 0;          /* little space before text */
    vertical-align: middle;     /* align with text baseline */
}

/* Hover style */
.company-size-group label:hover {
    color: #1AA548;
    cursor: pointer;
}

/* Hide submit button */
.elementor-form .elementor-button {
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e32758 *//* =======================
   GLOBAL LAYOUT
======================= */
.ci-row {
  display: flex;
  gap: 32px;
  margin: 0 auto 28px;
  max-width: 1200px;
  padding: 0 18px;
  flex-wrap: wrap;
}

.ci-inline-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 220px;
}

.ci-inline-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: #222;
  letter-spacing: 0.04em;
  line-height: 1.3;
}

/* =======================
   COUNTRY DROPDOWN
======================= */
.ci-select-box select {
  width: 100%;
  max-width: 260px;
  padding: 10px 14px;
  font-size: 14px;
  background: #f7f7f7;
  border-radius: 7px;
  border: 1px solid #dedede;
  cursor: pointer;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}

.ci-select-box select:hover,
.ci-select-box select:focus {
  border-color: #0b4b21;
  box-shadow: 0 0 0 2px rgba(11,75,33,0.08);
}

/* =======================
   CURRENCY SWITCHER
======================= */
.ci-currency-box {
  display: inline-flex;
  background: #f4f4f4;
  border-radius: 8px;
  border: 1px solid #dadada;
  overflow: hidden;
}

.ci-currency-option {
  padding: 8px 22px;
  font-size: 14px;
  cursor: pointer;
  border-right: 1px solid #dadada;
  color: #666;
  font-weight: 600;
  transition: background .2s, color .2s, border-color .2s;
  white-space: nowrap;
}

.ci-currency-option:last-child {
  border-right: none;
}

.ci-currency-option.active {
  background: #ffffff;
  color: #111;
  font-weight: 700;
  border-color: #111;
}

/* =======================
   PRICING SECTION
======================= */
.ci-pricing-section {
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
  max-width: 1200px;
  margin: 0 auto 40px;
  padding: 0 18px;
  color: #222;
}

/* =======================
   TAB HEADERS
======================= */
.ci-tabs-row {
  display: flex;
  gap: 0;
  margin-bottom: 20px;
}

.ci-tab {
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px 10px 0 0;
}

.ci-tab.small {
  background: #0f6129;
  min-width: 260px;
}

.ci-tab.large {
  background: #0b4b21;
  flex: 1;
}

.ci-info {
  font-size: 14px;
  margin-left: 8px;
  opacity: 0.9;
}

/* =======================
   GRID CARDS
======================= */
.ci-cards-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* CARD BASE STYLES */
.ci-card {
  background: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 14px;
  padding: 0;
  position: relative;
  transition: box-shadow .2s, transform .2s;
}

.ci-card-inner {
  padding: 26px 26px 28px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
}

/* Premium background like EcoVadis */
.ci-card--premium {
  background: #eef8ee;
  border-color: #d6ebd6;
}

/* Active highlight (auto-selected plan) */
.ci-card--active {
  box-shadow: 0 0 0 3px #0b4b21;
  transform: translateY(-4px);
}

/* Star badge (Premium) */
.ci-badge-star {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-18px, -18px);
  background: #0b4b21;
  color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

/* HEADER */
.ci-card-header {
  display: flex;
  gap: 12px;
  align-items: center;
}

.ci-card-header .ci-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.ci-card h3 {
  margin: 0;
  font-size: 22px;
  color: #0b4b21;
}

/* SUBTEXT */
.ci-sub {
  margin: 14px 0 16px;
  color: #666;
  line-height: 1.5;
  font-size: 15px;
}

/* DISABLED BOX */
.ci-cta-box.disabled {
  border: 2px solid #d0d0d0;
  padding: 18px;
  text-align: center;
  color: #a0a0a0;
  font-weight: 700;
  border-radius: 10px;
  background: #fff;
  margin: 10px 0 20px;
}

/* =======================
   PRICE CHIPS
======================= */
.ci-price-row {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
  margin-top: 6px;
}

.ci-price-chip {
  background: #f3f3f3;
  padding: 12px 16px;
  border-radius: 10px;
  min-width: 120px;
}

.ci-price-cur {
  font-size: 12px;
  color: #777;
}

.ci-price-amt {
  font-size: 22px;
  font-weight: 800;
  margin-top: 4px;
}

.ci-price-term {
  font-size: 12px;
  color: #777;
  margin-top: 6px;
}

/* =======================
   BUTTONS
======================= */
.ci-btn {
  margin-top: 12px;
  padding: 14px 20px;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
}

.ci-btn-outline {
  background: transparent;
  color: #0b4b21;
  border: 2px solid #0b4b21;
}

.ci-btn-outline:hover {
  background: #0b4b21;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

.ci-btn-solid {
  background: #0b4b21;
  color: #fff;
  border: 2px solid #0b4b21;
}

.ci-btn-solid:hover {
  background: #09401c;
  box-shadow: 0 4px 10px rgba(0,0,0,0.14);
}

/* HEADINGS INSIDE CARD */
.ci-card h4 {
  margin-top: 22px;
  margin-bottom: 12px;
  font-size: 18px;
  color: #222;
}

/* FEATURE LIST */
.ci-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ci-features li {
  padding: 8px 0;
  color: #444;
  line-height: 1.6;
  position: relative;
  padding-left: 26px;
}

.ci-features li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 8px;
  color: #0f6129;
  font-weight: 700;
  font-size: 14px;
}

/* =======================
   RESPONSIVE
======================= */
@media (max-width: 1024px) {
  .ci-cards-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  .ci-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .ci-cards-row {
    grid-template-columns: 1fr;
  }
  .ci-tabs-row {
    flex-direction: column;
  }
  .ci-tab.small,
  .ci-tab.large {
    border-radius: 10px;
    text-align: center;
  }
}/* End custom CSS */