/* @import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap'); */


/* @font-face {
    font-family: 'Helvetica';
    src: url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica.eot');
    src: url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica.eot#iefix') format('embedded-opentype'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica.woff2') format('woff2'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica.woff') format('woff'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica.ttf') format('truetype'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Bold.eot');
    src: url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Bold.eot#iefix') format('embedded-opentype'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Bold.woff2') format('woff2'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Bold.woff') format('woff'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Bold.ttf') format('truetype'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Light.eot');
    src: url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Light.eot#iefix') format('embedded-opentype'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Light.woff2') format('woff2'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Light.woff') format('woff'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Light.ttf') format('truetype'),
        url('https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/CarbonCollective_August2021/fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} */

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
//q: how to refactor my ccs code
html {
  min-height: 100vh;
} 
.body-container__full-wd .dnd-section>.row-fluid {
  max-width: 832px;
}
.dnd-section, .content-wrapper--vertical-spacing {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.body-container__full-wd .hs_cos_wrapper_type_rich_text h3 {
  font-family: Helvetica;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
  color: rgb(26, 147, 111);
  margin: 0px 0px 16px;
  display: inline-block;
}
.body-container__full-wd .hs_cos_wrapper_type_rich_text p {
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  color: rgb(35, 35, 35);
  margin: 0px 0px 30px;
}
.body-container__full-wd .hs_cos_wrapper_type_rich_text ul li {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 400;
  line-height: 1.5;
}
.body-container__full-wd hr {
  border-bottom: 1px solid rgba(228, 231, 231, 0.5);
  border-top: none;
  margin: 30px 0px;
  background: transparent;
  height: 0;
}
.body-container__full-wd  ul.nm-list li {
  font-family: Helvetica;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: rgb(119, 119, 119);
}
.body-container__full-wd ul.nm-list {
  list-style: decimal;
  padding-left: 20px;
  margin-bottom: 0px;
}
.body-container__full-wd ul.nm-list li span,
.body-container__full-wd ul.nm-list li span a{
  text-decoration: underline;
  color: rgb(119, 119, 119);
  cursor: pointer;
}
.body-container__full-wd ul.nm-list li span:hover,
.body-container__full-wd ul.nm-list li span a:hover{
  text-decoration: none;
  color: rgb(26, 147, 111);
}
.body-container__full-wd h1 {
  font-size: 36px;
  line-height: 50px;
  text-align: left;
  margin-bottom: 12px;
}
.body-container__full-wd p strong {
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  color: rgb(35, 35, 35);
}
.body-container__full-wd .hs_cos_wrapper_type_rich_text {
  padding: 60px 20px 80px;
  display: block;
}
.body-container__full-wd h4 {
  font-size: 20px;
  line-height: 30px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 600;
}
.page-center {
  margin: 0 auto;
}
.clean-energy-page header.header {
  background-color: rgb(220, 241, 239);
  border-bottom: 1px solid rgba(17, 75, 95, 0.1);
}
.clean-energy-page .banner-section {
  background-color: rgb(220, 241, 239);
}
.clean-energy-page .header-logo img {
  margin-bottom: -1px;
}
.banner-section .inner-col {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 280px;
  padding: 0px 12.5%;
  max-width: 832px;
  margin: 0 auto;
}
.banner-section .inner-col .sc-bdnxRM {
  width: 100%;
  margin: 40px 0px 0px;
  display: inline-block;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  text-align: center;
}
.banner-section .inner-col .sc-bdnxRM {
  width: 100%;
  margin: 40px 0px 0px;
  display: inline-block;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  text-align: center;
}
.breadcrumb-menu ul.hs-breadcrumb-menu {
  display: block;
  margin: 0px 0px 30px;
}
.breadcrumb-menu .hs_cos_wrapper_type_menu {
  display: block;
  text-align: center;
}
.breadcrumb-menu ul.hs-breadcrumb-menu li.hs-breadcrumb-menu-item {
  float: none;
  padding: 0;
  display: inline-block;
}
.banner-section .dnd-section {
  padding: 0 !important;
}
.breadcrumb-menu ul.hs-breadcrumb-menu li a {
  text-decoration: none;
  font-family: Helvetica;
  text-transform: uppercase;
  margin: auto auto 40px;
  font-size: 14px;
  font-weight: 700;
  color: rgb(119, 119, 119);
  text-align: center;
  line-height: 24px;
}
.breadcrumb-menu ul.hs-breadcrumb-menu li a:hover {
  color: #212529;
}
.breadcrumb-menu ul.hs-breadcrumb-menu li {
  text-decoration: none;
  font-family: Helvetica;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: rgb(26, 147, 111);
  text-align: center;
  line-height: 24px;
}
.breadcrumb-menu ul.hs-breadcrumb-menu li .hs-breadcrumb-menu-divider:before {
  content: ">";
  padding: 0px 4px 0px 8px;
  color: rgb(119, 119, 119);
}
.body-container__clean-energy .hs_cos_wrapper_type_rich_text {
  max-width: 832px;
  margin: 80px auto;
  display: block;
}
.body-container__clean-energy .hs_cos_wrapper_type_rich_text p {
  font-family: Helvetica;
  color: rgb(35, 35, 35);
  font-size: 16px;
  text-align: left;
  line-height: 26px;
}
.body-container__clean-energy .hs_cos_wrapper_type_rich_text p i {
  font-style: normal;
  display: block;
}
.cisq-about .dnd-section>.row-fluid {
  max-width: 1042px;
}
.cisq-about .span5 {
  background: #f4f5f5;
  border-radius: 12px;
  padding: 30px 20px !important;
  width: 43.1% !important;
}
.cisq-about .hs_cos_wrapper_type_rich_text h2 {
  color: rgb(35, 35, 35);
  font-family: Calistoga;
  font-weight: 400;
  font-size: 31px;
  line-height: 36px;
  margin-bottom: 12px;
  text-align: left;
}
.cisq-about .hs_cos_wrapper_type_rich_text p {
  margin-bottom: 32px;
  font-size: 16px; 
  font-weight: 300;
  line-height: 26px;
}
.cisq-about .span7 {
  padding: 24px !important;
  max-width: 100vw;
  margin-left: 7.7% !important;
  width: 49.264957% !important;
}
.cisq-about .hs_cos_wrapper_type_rich_text ul {
  padding-left: 24px;
}
.cisq-about .hs_cos_wrapper_type_rich_text ul li {
  margin-bottom: 10px;
  line-height: 26px;
}
.cisq-about  .hs-button {
  border: 2px solid rgb(26, 147, 111);
  border-radius: 8px;
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  background-color: rgb(26, 147, 111);
  color: rgb(255, 255, 255);
  padding: 10px;
  display: block;
  text-decoration: none;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.cisq-about .hs_cos_wrapper_type_module {
  width: 100%;
}
.cisq-about {
  padding-bottom: 100px;
}
.faq-page .white-header .header__container {
  border-color: rgb(19, 85, 108);
}
.faq-page .white-header.header-grp {
  background: #114B5F;
}
.faq-page .banner-section .hs_cos_wrapper_type_header {
  padding: 90px 0px 60px;
  display: block;
  max-width: 832px;
  margin: 0 auto;
}
.faq-page .banner-section .hs_cos_wrapper_type_header h1 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: left;
  color: rgb(255, 255, 255);
}
.faq-page .banner-section .dnd-section>.row-fluid {
  padding: 0 20px;
}
.how-it-works-page .white-header .header__container {
  border-color:  rgb(19, 85, 108);
}
.how-it-works-page .white-header.header-grp {
  background: #114B5F;
}
.how-it-works-page {
  overflow: hidden;
}
.home-page .bnr_wrap .bnr_wrap_inr {
  padding-top: 170px;
  padding-bottom: 80px;
}
.home-page .bnr_wrap .bnr_wrap_inr h1 {
  font-size: 61px;
  max-width: 1042px;
  margin: 0px auto 20px;
}
.home-page .bnr_wrap .bnr_wrap_inr p {
  color: rgb(5, 20, 26);
  margin-bottom: 0px;
  font-family: Helvetica;
  font-weight: normal;
  font-size: 22px;
  text-align: center;
}
.home-page .bnr_wrap .bnr_btn a {
  margin: 40px auto 0px;
  padding: 14px 30px;
  width: 180px;
  line-height: 24px;
  border-color: rgb(255, 255, 255);
}
.home-page .bnr_wrap .bnr_btn a:hover {
  background-color: transparent;
  border-color: rgb(26, 147, 111);
  color: rgb(26, 147, 111);
  text-decoration: none;
}
.home-page .bnr_wrap .bnr_bg {
  height: 872px;
}
.home-page .hsvd-wrapper .hsvd-img_wrap,
.home-page .hsvd-wrapper .hsvd-img img{
  max-width: 880px;
}
.home-page .hsvd-wrapper .hsvd-video video {
  max-width: 880px;
}
.home-page .hsvd-wrapper {
  margin-bottom: 10px;
}
.home-bottom .bottom-pane {
  background: none !important;
  padding: 0;
}
.home-bottom-grp {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: rgb(26, 147, 111);
  background-blend-mode: multiply;
  padding: 120px 0;
}
.home-bottom-grp .hs_cos_wrapper_type_rich_text {
  flex-direction: column;
  max-width: 1080px;
  margin: 0px auto 60px;
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.home-bottom-grp .hs_cos_wrapper_type_rich_text h3 {
  color: #fff;
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  text-align: center;
}

.historical-data .cCWbCl {
  background-image: url('//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/download-top.png');
    }
.historical-data .enpFfZ {
  background: url('//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/carbon-collective-green-investing-select-arrow.05682ab7.svg') right 20px center / 8px 4px no-repeat rgb(247, 247, 247);
    }
.historical-data h4.cwoGFd.carboncollective, .historical-data div.cwoGFd.carboncollective{
  background-image: url('//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/carbon-collective-green-investing-comparison-calculator.67a74090.png');
    }
.historical-data h4.cwoGFd.vanguard, .historical-data div.cwoGFd.vanguard{
  background-image: url('//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/wealthfront-a-not-very-sustainable-option.175f73ca.svg');
    }
.historical-data h4.cwoGFd.betterment, .historical-data div.cwoGFd.betterment{
  background-image: url('//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/betterment-a-not-very-sustainable-option.145c7429.svg');
    }
.historical-data .cosZie {
  background-image: url('//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/carbon-collective-green-investing-comparison-icon-calculator-info.3df5e1df.svg');
    }
.hs-landing-page .dnd-section {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.home-page .c_slider .c_slider_top {
  max-width: 840px;
}
.home-page .c_slider .c_slider_top p {
  color: rgb(119, 119, 119);
  margin-bottom: 20px;
  font-family: Helvetica;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.home-page .c_slider .c_slider_top a {
  font-size: 18px;
  color: rgb(26, 147, 111);
  text-align: center;
  -webkit-box-align: center;
  align-items: center;
  text-decoration: none;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 400;
  line-height: 1.5;
}
.home-page .c_slider .c_slider_top a img {
  width: 16px;
  height: 12px;
  margin-left: 8px;
}
.home-page main.body-container-wrapper {
  overflow: hidden;
}
.home-page .c_slider .c_slider_top a:hover {
  text-decoration: underline;
}
.strategy .ejoSBg,
.learn-webinar .item-box .egeLzW .check-image{
  background-image: url('//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/carbon-collective-green-investing-icon-check.78a4ccb0.svg');
    }

.body-container-wrapper {
  overflow: hidden;
}
.banner-area .dnd-section {
  padding: 0 !important;
}
.cisq-page .body-container-wrapper {
  overflow: visible;
}
.full-wd-page .body-container-wrapper {
  overflow: visible;
}
.breadcrumb-menu ul.hs-breadcrumb-menu li:hover .hs-breadcrumb-menu-divider:before {
  color: #212529;
}
.backup-unsubscribe input[type=email] {
  width: 100% !important;
}
.inv_feature .inv_feature_count,
.c_index.clean-energy .gtEurP{
  word-break: normal;
}
.webinar-thanks-page .header-grp.white-header,
.webinar-page .white-header.header-grp,
.invest-page .white-header.header-grp{
  background: transparent;
}
.webinar-thanks-page .header__container,
.webinar-page .header__container,
.invest-page .header__container{
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.webinar-thanks-portfolios {
  padding: 120px 56px;
}
.webinar-thanks-portfolios h3 {
  text-align: center;
  margin-bottom: 40px;
}
.webinar-thanks-portfolios .hsvd-wrapper .hsvd-img_wrap {
  max-width: 840px;
}
.webinar-thanks-portfolios .hsvd-wrapper .hsvd-img img {
  max-width: 840px;
}
.webinar-thanks-portfolios .hsvd-wrapper .hsvd-video video {
  max-width: 840px;
}
.webinar-thanks-portfolios .hsvd-wrapper {
  margin-bottom: 10px;
}
.webinar-today {
  background-color: rgb(26, 147, 111);
  padding: 360px 56px 120px;
  position: relative;
}





@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .home-bottom .widget-type-rich_text {
    padding: 0 20px;
    display: block;
  }
  .company-information .sc-gtsrHT {
    margin: 0 10px;
  }
  .historical-data .illmTA {
    width: 100%;
  }
  .historical-data .data-wrap .tabs-col,
  .historical-data .krkYvd{
    display: flex;
    justify-content: space-between;
  }
  .about-fee .col-wrap {
    display: flex;
    justify-content: center;
    justify-content: center;
  }
  .about-fee .col-wrap .hZHGfK {
    margin: 0 8px;
    display: block !important;
  }
  .strategy .gAApEQ {
    display: flex;
  }
  .strategy .hZQguM,
  .strategy .bAKETB{
    display: flex;
    flex-wrap: wrap;
  }
  .about-fee .col-wrap p.ieQPup {
    text-align: center;
  }  
  .strategy .kmWQXK {
    width: 33.33% !important;
    margin-bottom: 10px;
  }
  .content-wd-image .col-wrap{
    display: flex;
    justify-content: space-around;
  }
  .c_slider .slide_item_inr {
    display: flex;
    justify-content: center;
  }
  .bottom-pane .col-wrap{ 
    display: flex;
    flex-wrap: wrap;
  } 
  .bottom-pane .col-wrap .jOaldA{
    margin: 0 10px;
    width: 31.33% !important;
  }
  .bottom-pane .col-wrap p.sc-FRrlG.cIjgB {
    display: inline-table;
  }
  .home-bottom-grp{
    background-image: none !important;
  }
  .header__container{
    display: flex;
    justify-content: space-around;
    align-items:center;
  }
  .c_slider .DdpMc {
    display: flex;
  }
  .c_slider .slider_pg ul {
    display: flex !important;
    justify-content: center;
  } 
  .c_slider .slider_pg ul li {
    width: 40px !important;
    display: inline-block !important;
    margin: 0 10px;
  } 
  .custom-menu-primary {
    position: relative;
    top: 20px;
  }
  .header-buttons {
    position: relative;
    top: -20px;
  }
  .historical-data .ckwDLe {
    display: flex;
  }
  .historical-data h4.cwoGFd {
    height: 40px !important;
    width: 161px;
  } 
  .footer-menu ul.submenu.level-1 li {
    vertical-align: top;
  }
  .footer-menu ul.submenu.level-1 {
    display: flex;
    justify-content: space-around;
  }
  .bottom-pane {
    background-image: none !important;
  }
  .o_topic_btn {
    display: flex;
    justify-content: space-between;
  }
  .o_topic_btn a {
    width: 100%;
  }
  .lrn_pg .c_col_wrap h2.c_col_ttl {
    max-width: 432px;
  }
  .o_topic_btn a:not(:last-child) {
    margin-right: 15px;
  }
  .c_col_wrap .c_col_cnt p {
    max-width: 432px;
  }
  .lrn_pg .bottom-pane .col-wrap p.sc-FRrlG.cIjgB {
    max-width: 345px;
  }
  .lrn_pg .bottom-pane .col-wrap {
    flex-wrap: nowrap;
  }
  .l_banner {
    height: 560px;
  }
  .c_col_wrap .c_col_item { 
    box-shadow: 0px 2px 6px #ddd;
    margin-bottom: 16px;
  }
  .c_slider .daJknw{
    box-shadow: 0px 2px 6px #ddd;
  }
  .c_index .tab_wrap li.active a:after {
    left: 44%;
  }


}

@-moz-document url-prefix() {


  .historical-data .data-wrap .tabs-col,
  .historical-data .krkYvd{
    display: flex;
    justify-content: space-between;
  }
  .c_slider .DdpMc {
    display: flex;
  }
  .c_slider .slider_pg ul {
    display: flex !important;
    justify-content: center;
  }  
  .c_slider .slider_pg ul li {
    width: 40px !important;
    display: inline-block !important;
    margin: 0 10px;
  } 
  .c_slider .slide_item_inr {
    display: flex;
    margin: 5px auto 8px !important;
    justify-content: center;
  }
  .about-fee .col-wrap {
    display: flex !important;
    justify-content: center;
  }
  .about-fee .col-wrap .hZHGfK {
    margin: 0;
    display: block !important;
  }
  .strategy .gAApEQ {
    display: flex;
  }
  .strategy .hZQguM, 
  .strategy .bAKETB{
    display: flex !important;
    flex-wrap: wrap;
  }
  .about-fee .col-wrap p.ieQPup {
    text-align: center !important;
  }   
  .about-fee .col-wrap hr.fiDOnB{
    margin: 20px auto !important;
  }
  .strategy .jNudlt {
    display: flex;
  }
  .strategy .kmWQXK {
    margin-bottom: 10px;
  }
  .content-wd-image .col-wrap{
    display: flex;
    justify-content: space-around;
  }
  .bottom-pane .col-wrap{ 
    display: flex;
    flex-wrap: wrap;
  } 
  .bottom-pane .col-wrap .jOaldA{
    margin: 0 10px;
  }
  .about-fee a.cm-btn {
    max-width:182px;
  }
  .header__container{
    display: flex;
    justify-content: space-around;
    align-items:center;
  }
  .about-fee .col-wrap {
    gap: 0;
  }
  .c_slider .daJknw{
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  }



}


.nopd .dnd-section,
.nopd .content-wrapper--vertical-spacing {
  padding: 0;
}
.nopd .dnd-section>.row-fluid {
  max-width: 100%;
}
.lrn_pg .white-header.header-grp {
  background: #114b5f;
} 
.lrn_pg .white-header .header__container {
  border-color: rgb(19, 85, 108);
}
.lrn_pg .c_col_wrap .c_col_inr {
  margin-top: 0;
} 
.lrn_pg .c_col_wrap {
  transform: translateY(-150px);
  height: auto;
  padding: 0px 20px;
  overflow: visible; 
}
.lrn_pg .c_col_wrap .c_col_tag {
  font-family: Helvetica;
  line-height: 22px;
}
.lrn_pg .c_col_wrap h2.c_col_ttl {
  margin-top: 20px;
}
.lrn_pg .c_col_wrap .c_col_item {
  padding: 40px;
} 
.lrn_pg .c_col_cnt_inr {
  margin: 0px 0px 30px;
  flex: 1 1 0%;
}
.index_row1 .acc_wrap { 
  max-width: 940px;
  margin: auto;
} 
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  opacity: 0;
  width: 332px;
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
  padding: .4rem 0;
}
.tooltip.in {
  opacity: 1;
}
.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  background: #114b5f;
  padding: 20px;
  max-width: 100%;
  text-align: left;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip {
  width: 332px;
  margin: 8px;
  padding: 0;
  background-color: #e4e7e7;
  box-shadow: 0 2px 8px rgb(0 0 0 / 16%);
  border-radius: 6px;
}
.tooltip .tooltip-arrow {
  display: none;
}
.tooltip .tooltip-inner {
  padding: 16px;
  background-color: #e4e7e7;
  color: #05141a;
}

.white-header.header-grp {
  z-index: 2;
}
img {
  border-style: none;
  vertical-align: middle;
}
.banner-area .dnd-section {
  padding: 0;
}
.portfolio-pg,
footer {
  overflow: hidden;
  word-break: initial;
}
.portfolio-pg .hspb-wrapper,
.banner-area .hstrcl-wrapper {
  position: static;
  background-color: transparent;
}
.returns-pg .white-header.header-grp {
  background: transparent;
}
.returns-pg .white-header .header__container {
  border-color: rgb(19, 85, 108);
}
.portfolio-container,
.hsbsc-wrap {
  line-height: 1.5;
  font-weight: 400;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.hsbsc-wrap p {
  font-weight: inherit;
}
.security-pg .security-banner {
  max-height: 744px;
  overflow: visible;
  z-index: 1;
}
.staples-pg .header__container {
  border: none;
}

.tblItem-hasLink {
  position: relative;
}
.tblItem-dropdown {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  opacity: 0;
  padding: .4rem 0;
  width: 400px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  cursor: initial;
}
.disclosures-tooltip {
  background: #114b5f;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #94c2d1;
  text-align: left;
  width: 300px;
  right: 0;
  left: auto;
  transform: none;
  bottom: 100%;
  top: auto;
}
.tblItem-hasLink:hover .tblItem-dropdown {
  opacity: 1;
  pointer-events: auto;
}
.tblItem-dropdown-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  background: #114b5f;
  padding: 20px;
  max-width: 100%;
  text-align: left;
}
.tblItem-dropdown .tblItem-dropdown-inner p {
  font: inherit !important;
  color: inherit !important;
}
.tblItem-dropdown-inner p:last-child {
  margin-bottom: 0;
}
.tblItem-dropdown-inner a {
  cursor: pointer;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #94c2d1;
}
.tblItem-dropdown-inner a:hover {
  opacity: 0.8;
  color: rgb(26, 147, 111);
}
.disclosures-tooltip .tblItem-dropdown-inner a {
  text-decoration: none;
}
.disclosures-tooltip .tblItem-dropdown-inner a:hover {
  text-decoration: underline;
  color: #94c2d1;
  opacity: 1;
}
.returns-grp1 .acc_wrap {
  position: relative;
  padding: 120px 56px;
}
.returns-grp1 .acc_wrap .accordion.acc_inr {
  max-width: 832px;
  margin: 0px auto;
  padding: 0;
  display: block;
}
.returns-grp1 .acc_wrap .acc_cnt_inr {
  border: none;
}
.hs-detailed-table .hsdb-subtitle .tooltip {
  width: auto;
}
.tooltip-inner a {
  font-family: Helvetica;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #94c2d1;
  text-decoration: none;
}
.tooltip-inner a:hover {
  text-decoration: underline;
}
.dstltp .tooltip {
  font-family: Helvetica;
  width: 300px;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
  background: #114b5f;
  margin: 0;
  padding: .4rem 0;
}
.dstltp .tooltip .tooltip-inner {
  background: #114b5f;
  padding: 20px;
  color: #fff;
}
.dstltp .tooltip .tooltip-inner p {
  color: inherit;
  font: inherit;
  margin: 0;
}
.impact-grp1 .acc_wrap {
  width: 100%;
  padding: 120px 56px;
  position: relative;
  background-color: rgb(220, 241, 239);
  padding-top: 220px;
  padding-bottom: 54px;
}
.impact-grp1 .acc_wrap:before {
  content: '';
  height: 100px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-image: url(//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/ract.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
.impact-grp1 .acc_wrap .accordion.acc_inr {
  max-width: 832px;
  display: block;
  margin-bottom: 120px;
  padding: 0;
}
.impact-grp1 .acc_wrap .acc_item:first-of-type {
  border-top: 1px solid rgb(228, 231, 231);
} 
.impact-grp1 .acc_wrap .acc_cnt_inr {
  border: none;
}
.fees-grp1 .about-fee .top-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column-reverse;
  position: relative;
  padding: 120px 56px;
  padding-bottom: 40px !important;
  max-width: 100%;
}
.fees-grp1 .about-fee {
  background-image: none !important;
  position: static;
  height: auto;
}
.fees-grp1 .about-fee-bg {
  display: block !important;
  background-color: rgb(244, 244, 244);
  height: 660px;
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.fees-grp1 .about-fee .top-content p {
  text-transform: uppercase;
  font-family: Helvetica;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  color: rgb(26, 147, 111);
  margin-bottom: 1rem;
}
.fees-grp1 .about-fee .top-content h2,
.fees-grp1 .about-fee .top-content h1 {
  margin-bottom: .5rem;
}
.fees-grp1 .about-fee .col-wrap .cvRDZw {
  border-color: rgb(228, 233, 228);
}


.webinar-today:before {
  width: 0px;
  height: 0px;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  border-top: 100px solid rgb(255, 255, 255);
  position: absolute;
  top: -1px;
  left: 0px;
}
.webinar-today .form-title {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  text-align: center;
  color: rgb(220, 255, 141);
}
.webinar-today form {
  max-width: 800px;
  margin: 40px auto 0px;
  display: flex;
  position: relative;
}
.webinar-today .hs-input {
  color: rgb(5, 20, 26);
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(228, 231, 231);
  border-radius: 8px;
  padding: 14px 20px;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  font-family: Helvetica;
  width: 100% !important;
}
.webinar-today .hs-form-field > label {
  display: none;
}
.webinar-today input.hs-button.primary.large {
  border: 2px solid;
  border-radius: 8px;
  padding: 12px 20px;
  background-color: rgb(5, 20, 26);
  border-color: rgb(5, 20, 26);
  margin: 0px;
  height: 56px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
  color: rgb(255, 255, 255);
  width: 100%;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.webinar-today form fieldset.form-columns-3 .hs-form-field .input {
  margin-right: 10px;
}
.webinar-today form fieldset.form-columns-3 .hs-form-field {
  width: 33.33%;
  margin-bottom: 0;
}
.webinar-today form .hs_submit.hs-submit {
  width: 21.5%;
}
.webinar-today .hs_error_rollup label {
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.webinar-today label.hs-error-msg {
  color: #fff;
}
.invest-portfolios {
  background-color: rgb(220, 241, 239);
  padding: 220px  56px 120px;
  position: relative;
}
.invest-portfolios:before {
  width: 0px;
  height: 0px;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  border-top: 100px solid rgb(255, 255, 255);
  position: absolute;
  top: -1px;
  left: 0px;
}
.invest-portfolios h3 {
  text-align: center;
  margin-bottom: 40px;
}
.invest-portfolios .hsvd-wrapper .hsvd-img_wrap, 
.invest-portfolios .hsvd-wrapper .hsvd-img img ,
.invest-portfolios .hsvd-wrapper .hsvd-video video{
  max-width: 840px;
}
.invest-portfolios .hsvd-wrapper {
  margin-bottom: 10px;
}

.invest-seen .inv_feature {
  background-color: rgb(255, 255, 255);
  padding-left: 0px;
  padding-right: 0px;
}
.invest-seen .inv_feature h2 {
  color: rgb(5, 20, 26);
  font-size: 36px;
}
.invest-seen .inv_feature h2 span {
  color: rgb(26, 147, 111);
}
.invest-seen .inv_feature hr.inv_feature_hr {
  background-color: rgb(26, 147, 111);
  margin: 40px auto !important;
}
.invest-seen .inv_feature p.inv_feature_top {
  color: rgb(5, 20, 26);
  font-weight: 300;
}
.invest-performance .historical-data .cCWbCl {
  background: transparent;
}
.invest-performance .historical-data:before {
  width: 0px;
  height: 0px;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  border-top: 100px solid rgb(255, 255, 255);
  position: absolute;
  top: -1px;
  left: 0px;
  content: "";
}
.invest-performance .historical-data h2 {
  font-size: 36px;
  margin-bottom: .5rem;
}


.invest-performance .historical-data .btns-col .cm-btn.green:hover {
  background-color: rgb(26, 147, 111);
  border-color: rgb(26, 147, 111);
  color: rgb(255, 255, 255);
}









@media (max-width: 1440px){

  .home-bottom-grp {
    padding: 64px 6%;
  }
  .impact-grp1 .acc_wrap .accordion.acc_inr {
    max-width: 784px;
  }
main.c_index_pg .c-index-new {
  padding-top: 207px;
}

}


@media (max-width: 1280px){

  .clean-energy-page .banner-section h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 0px;
  }
  .cisq-about .hs_cos_wrapper_type_rich_text h2 {
    font-family: Calistoga;
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
  }
  .cisq-about .span5 {
    width: 39.3% !important;
  }
  .cisq-about .span7 {
    margin-left: 2.7% !important;
    width: 57.264957% !important;
    margin-top: 6px;
  }


}


@media(max-width:1100px){
  .lrn_pg .c_col_wrap .c_col_inr {
    grid-template-columns: repeat(2, 340px);
  }
  .lrn_pg .c_col_wrap .c_col_item {
    padding: 20px;
  }

  .lrn_pg .c_col_wrap .two.c_col_tags {
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
    display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }

  .lrn_pg .c_col_wrap .two.c_col_tags .c_col_tag {
    width: 140px;
    margin: 0 !important;
  }
  .lrn_pg .c_col_wrap .c_col_ttl {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .lrn_pg .c_col_wrap .three.c_col_tags {
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }
  .lrn_pg .c_col_wrap .three.c_col_tags .c_col_tag {
    width: 100%;
  }
  .lrn_pg .c_col_cnt_inr { 
    width: 100%;
  }

}

@media (max-width: 1024px){


  .webinar-today {
    padding: 360px 56px 64px;
  }
  .webinar-today:before {
    border-top: 60px solid rgb(255, 255, 255);
  }
  .webinar-thanks-portfolios .hsvd-wrapper {
    margin-bottom: 64px;
  }
  .webinar-thanks-portfolios {
    padding: 64px 56px;
  }
  .clean-energy-page .banner-section h2 {
    max-width: 100%;
    font-size: 28px;
    line-height: 40px;
  }
  .cisq-about .span7 {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 30px !important;
    margin-top: 0;
  }
  .cisq-about .span5 {
    width: auto !important;
    margin: 20px 30px 0 !important;
    padding: 40px 20px !important;
  }
  .cisq-about .dnd-section>.row-fluid {
    flex-direction: column-reverse;
    display: flex;
  }
  .cisq-about .hs_cos_wrapper_type_rich_text h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .cisq-about {
    padding-bottom: 60px;
  }
  .home-page .hsvd-wrapper {
    margin-bottom: 64px;
  } 
  .home-page .c_slider .c_slider_top {
    max-width: 100%;
  }
  .security-pg .security-banner {
    max-height: 1063px;
  }
  .returns-grp1 .acc_wrap,
  .fees-grp1 .about-fee .top-content {
    padding: 64px 56px;
  }
  .altruist .content-tooltip {
    right: 0;
  } 
  .invest-portfolios:before {
    border-top: 60px solid rgb(255, 255, 255);
  }
  .invest-portfolios {
    padding: 120px 56px 64px;
  } 
  .invest-portfolios .hsvd-wrapper {
    margin-bottom: 64px;
  }
  .invest-performance .historical-data:before {
    border-top: 60px solid rgb(255, 255, 255);
  }
  .invest-performance .historical-data {
    padding-top: 120px;
    padding-bottom: 80px;
  }





}


@media (max-width: 860px){

  .body-container__clean-energy .hs_cos_wrapper_type_rich_text {
    padding: 0 20px;
  }
  main.c_index_pg .c-index-new {
    padding-top: 105px;
  }
}



@media (max-width: 768px){

  .invest-seen .inv_feature {
    padding-left: 20px;
    padding-right: 20px;
  }
  .invest-seen .inv_feature h2 {
    font-size: 32px;
  }
  .invest-portfolios h3 {
    font-size: 32px;
  }
  .invest-portfolios .hsvd-wrapper .hsvd-img_wrap, 
  .invest-portfolios .hsvd-wrapper .hsvd-img img, 
  .invest-portfolios .hsvd-wrapper .hsvd-video video {
    max-width: 496px;
  }
  .webinar-today .hs_error_rollup label {
    position: static;
  }
  .webinar-today .form-title {
    font-size: 32px;
  }
  .webinar-today {
    padding: 360px 72px 64px;
  }
  .webinar-today form fieldset.form-columns-3 .hs-form-field {
    width: 100%;
    margin-bottom: 10px;
  }
  .webinar-today form {
    display: block;
  }
  .webinar-today form .hs_submit.hs-submit {
    width: 100%;
  }
  .webinar-today form fieldset.form-columns-3 .hs-form-field .input {
    margin-right: 0;
  }
  .webinar-thanks-portfolios {
    padding: 64px 72px;
  }
  .webinar-thanks-portfolios h3 {
    font-size: 32px;
  }
  .webinar-thanks-portfolios .hsvd-wrapper .hsvd-img_wrap, .webinar-thanks-portfolios .hsvd-wrapper .hsvd-img img,.webinar-thanks-portfolios .hsvd-wrapper .hsvd-video video {
    max-width: 496px;
  }
  .body-container__full-wd .hs_cos_wrapper_type_rich_text {
    padding: 64px 12.5%;
  }
  .body-container__full-wd .hs_cos_wrapper_type_rich_text p {
    font-size: 14px;
    line-height: 24px;
  }
  .body-container__full-wd h1 {
    font-size: 26px;
    line-height: 36px;
  } 
  .body-container__full-wd h4 {
    font-size: 18px;
    line-height: 26px;
  }
  .body-container__clean-energy .hs_cos_wrapper_type_rich_text {
    margin-top: 40px;
  }
  .body-container__clean-energy .hs_cos_wrapper_type_rich_text p {
    font-size: 14px;
    line-height: 24px;
  }
  .body-container__clean-energy .hs_cos_wrapper_type_rich_text p i {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }
  .faq-page .banner-section .dnd-section>.row-fluid {
    padding:0;
  }
  .faq-page .banner-section .hs_cos_wrapper_type_header {
    padding: 64px 12.5%;
  }
  .faq-page .banner-section .hs_cos_wrapper_type_header h1 {
    font-size: 42px;
  }
  .home-page .bnr_wrap .bnr_wrap_inr {
    padding-top: 100px;
    padding-bottom: 44px;
    padding-left: 72px;
    padding-right: 72px;
  }
  .home-page .bnr_wrap .bnr_wrap_inr h1 {
    font-size: 42px;
    margin-bottom: 10px;
  }
  .home-page .bnr_wrap .bnr_wrap_inr p {
    font-size: 16px;
  }
  .home-page .bnr_wrap .bnr_btn a {
    margin-top: 30px;
  }
  .home-page .hsvd-wrapper .hsvd-img_wrap, .home-page .hsvd-wrapper .hsvd-img img {
    max-width: 496px;
  }
  .home-bottom-grp .hs_cos_wrapper_type_rich_text h3 {
    font-size: 32px;
  }
  .lrn_pg .c_col_wrap .c_col_inr { 
    padding: 0;
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .returns-grp1 .acc_wrap,
  .fees-grp1 .about-fee .top-content {
    padding: 64px 72px;
  }
  .impact-grp1 .acc_wrap {
    padding: 120px 72px 54px;
  }
  .impact-grp1 .acc_wrap:before {
    height: 50px;
  }
  .fees-grp1 .about-fee .top-content h2,
  .fees-grp1 .about-fee .top-content h1 {
    font-size: 42px;
  }
  .fees-grp1 .about-fee .top-content h2 br,
  .fees-grp1 .about-fee .top-content h1 br {
    display: none;  
  }
  .fees-grp1 .about-fee .col-wrap p.ieQPup {
    font-size: 18px;
  }
  .fees-grp1 .about-fee-bg {
    height: 560px;
  }
  @-moz-document url-prefix() {

    .strategy .kmWQXK {
      width: 100% !important;
    }
    .about-fee .col-wrap .cvRDZw {
      display: none;
    }
    .about-fee .col-wrap .hZHGfK {
      margin-bottom: 10px;
    }

  }
  .systems-page h1 {
    font-size: 35px;
  }
  .invest-performance .historical-data h2 {
    font-size: 32px;
  }
  .invest-performance .historical-data .btns-col .cm-btn.green {
    padding: 12px 14px;
    margin: 40px auto;
  }
  .invest-performance .historical-data .btns-col {
    margin-bottom: 0;
  }


}


@media (max-width: 756px) {

  .fees-grp1 .about-fee .col-wrap {
    grid-template-columns: unset;
    grid-template-rows: 1fr 1fr;
    padding: 0px 20px;
  }
  .fees-grp1 .about-fee .col-wrap .hZHGfK {
    max-width: unset;
    align-items: flex-start;
    padding: 24px 36px 24px 24px;
    border-top: none;
    border-left: 6px solid rgb(26, 147, 111);
  }
  .fees-grp1 .about-fee .col-wrap p.ernndx {
    font-size: 40px;
  }
  .fees-grp1 .about-fee .col-wrap p.gAtBhL {
    font-size: 14px;
    text-align: left;
  }
  .fees-grp1 .about-fee .col-wrap .cvRDZw {
    left: 80%;
    width: 64px;
    height: 64px;
    padding: 16px;
  }


}

@media(max-width:525px){

  .webinar-today {
    padding-top: 460px;
  }

}

@media(max-width:512px){

  .webinar-today:before {
    border-top: 40px solid rgb(255, 255, 255);
  }
  .invest-performance .historical-data:before {
    border-top: 40px solid rgb(255, 255, 255);
  }


}



@media(max-width:460px){

  .webinar-today {
    padding-top: 545px;
  }

}

@media(min-width:426px){
  .index_row1 .c_col_btn {
    display: none;
  }
}

@media (max-width: 425px){

  .body-container__full-wd .hs_cos_wrapper_type_rich_text {
    padding: 48px 20px 30px;
  }
  .body-container__full-wd .hs_cos_wrapper_type_rich_text h3 {
    font-size: 18px;
    line-height: 26px;
  }
  .body-container__full-wd .hs_cos_wrapper_type_rich_text p {
    font-size: 14px;
    line-height: 22px;
  }
  .body-container__full-wd ul.nm-list li {
    font-size: 14px;
    line-height: 24px;
  }
  .body-container__full-wd h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .body-container__full-wd h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .cisq-about {
    padding-bottom: 0;
  }
  .cisq-about .span5 {
    margin: 20px 0 0!important;
    border-radius: 0;
    padding: 30px 20px !important;
  } 
  .faq-page .banner-section .hs_cos_wrapper_type_header {
    padding: 48px 20px;
  }
  .faq-page .banner-section .hs_cos_wrapper_type_header h1 {
    font-size: 34px;
  }
  .home-page .bnr_wrap .bnr_wrap_inr {
    padding: 54px 20px;
  }
  .home-page main.body-container-wrapper {
    overflow: hidden;
  }
  .home-page .bnr_wrap .bnr_wrap_inr h1 {
    font-size: 34px;
    line-height: 1.2;
  }
  .home-page .bnr_wrap .bnr_btn a {
    padding: 14px 30px;
    width: 180px;
    min-width: auto;
    font-size: 16px;
  }
  .home-page .bnr_wrap .bnr_bg {
    height: 560px;
  }
  .home-page .hsvd-wrapper {
    margin-bottom: 40px;
  }
  .historical-data .cCWbCl {
    background-image: url('//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/mobile_don.png');
      } 
  .home-bottom-grp .hs_cos_wrapper_type_rich_text h3 {
    font-size: 24px;
  }
  .home-bottom-grp {
    padding: 54px 20px;
  }
  .body-container__clean-energy .hs_cos_wrapper_type_rich_text p {
    line-height: 22px;
  }
  .lrn_pg .c_col_wrap {
    transform: translateY(-110px); 
  }
  .lrn_pg .c_col_wrap .c_col_ttl {
    font-size: 20px;
  }
  .lrn_pg .c_col_wrap .c_col_item {
    padding: 40px 15px;
  }
  .lrn_pg .c_col_wrap .c_col_item:last-child .three.c_col_tags {
    grid-template-columns: 1fr !important;
  }
  .index_row1 .c_col_wrap .c_col_btn a {
    padding: 12px 32px;
    color: rgb(255, 255, 255);
    border-radius: 8px;
    line-height: 26px;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: inline-block;
    margin: 32px auto 20px;
  }
  .security-pg .security-banner {
    max-height: 1125px;
  }
  .returns-grp1 .acc_wrap {
    padding: 54px 20px;
    padding-top: 30px;
  }
  .fees-grp1 .about-fee .top-content {
    padding: 54px 20px;
  }
  .returns-grp1 .acc_wrap .acc_item .acc_ttl,
  .impact-grp1 .acc_wrap .acc_item .acc_ttl {
    border-bottom: 1px solid rgb(228, 231, 231);
  }
  .impact-grp1 .acc_wrap {
    padding: 120px 20px 54px;
  }
  .impact-grp1 .acc_wrap:before {
    background-image: url(//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/mobile-ract.png);
    background-size: cover;
  }
  .impact-grp1 .acc_wrap .accordion.acc_inr {
    margin-bottom: 24px;
  }
  .fees-grp1 .about-fee .top-content p {
    font-size: 12px;
    line-height: 20px;
  }
  .fees-grp1 .about-fee .top-content h2,
  .fees-grp1 .about-fee .top-content h1 {
    font-size: 34px;
  }
  .fees-grp1 .about-fee .col-wrap p.ieQPup {
    font-size: 16px;
  }
  .fees-grp1 .about-fee-bg {
    height: 640px;
  }
  .home-page .c_slider .c_slider_top a {
    font-size: 16px;
  }

  @-moz-document url-prefix() {
    .strategy {
      padding-top: 320px;
    }

  }
  .webinar-thanks-portfolios {
    padding: 54px 20px;
  }
  .webinar-thanks-portfolios h3 {
    font-size: 24px;
  }
  .webinar-thanks-portfolios .hsvd-wrapper {
    margin-bottom: 40px;
  }
  .webinar-today {
    padding: 360px 20px 54px;
  }
  .webinar-today .form-title {
    font-size: 24px;
  }
  .invest-portfolios:before {
    border-top: 40px solid rgb(255, 255, 255);
  }
  .invest-portfolios:before {
    border-top: 40px solid rgb(255, 255, 255);
  }
  .invest-portfolios {
    padding: 100px 20px 54px;
  }
  .invest-portfolios h3 {
    font-size: 24px;
  }
  .invest-portfolios .hsvd-wrapper {
    margin-bottom: 40px;
  }
  .invest-seen .inv_feature h2 {
    font-size: 24px;
  }
  .invest-performance .historical-data h2 {
    font-size: 24px;
  }
  .invest-performance .historical-data {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .invest-performance .historical-data .btns-col .cm-btn.green {
    padding: 12px 14px;
    font-size: 14px;
    min-width: 240px;
    height: auto;
    line-height: 1.5;
  }


}




@media (max-width: 360px){

  .webinar-today {
    padding-top: 400px;
  }
  .cisq-about .span7 {
    padding: 0px 20px !important;
  }
  .cisq-about .hs_cos_wrapper_type_rich_text h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .cisq-about .hs_cos_wrapper_type_rich_text p {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
  }
  .banner-section .inner-col {
    padding: 130px 20px 120px;
    margin: -75px 0px 0px;
    height: 100%;
  }
  .breadcrumb-menu ul.hs-breadcrumb-menu li a,.breadcrumb-menu ul.hs-breadcrumb-menu li {
    font-size: 12px;
    font-weight: 700;
  }
  .clean-energy-page .banner-section h2 {
    font-size: 32px;
    line-height: 36px;
  }
  .breadcrumb-menu ul.hs-breadcrumb-menu {
    margin-bottom: 20px;
  }

  @-moz-document url-prefix() {
    .content-wd-image {
      padding-top: 470px !important;
    }
  }


}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){

  .bnr_wrap .bnr_btn a {
    max-width: 272px;
  }
  .cl_tech .cl_tech_inr { 
    max-width: 960px; 
    margin-top: -60px;
  }
  .cl_tech .cl_tech_item {
    max-width: 280px;
    margin-top: 60px;
  }
  .invest_wrap .invst_item .fcbnjs {
    max-width: 137px;
  }
  .invest_wrap .invst_item { 
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .invest_wrap .invst_two_col {
    flex: 1;
  }
  .invest_wrap .invst_item .fcbnjs.llyViG.invst_type {
    flex: 1;
  }
  .invest_wrap .invst_item:not(:last-child) {
    margin-bottom: 24px;
  }
  .c_slider .kjhMak {
    display: flex;
  }
  .c_slider .logo_active .ksvBCj {
    display: flex;
    flex-wrap: wrap;
  }
  .c_slider .daJknw { 
    box-shadow: rgb(0 0 0 / 0.08) 0px 2px 12px;
  }

  .cl_tech .cl_tech_inr ,
  .c_col_wrap .c_col_inr,
  .ind_wrap .ind_items,
  .c_index .tab_wrap ul {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between; 
  }
  .inv_feature .sc-dFRpbK.bFgzLZ {
    max-width: 1168px;
    display: flex;
    justify-content: space-between;
  }
  .c_col_wrap .c_col_inr {
    max-width: 1040px;
  }
  .inv_feature .inv_feature_item {
    max-width: 280px;
  }
  .inv_feature .inv_feature_cnt { 
    max-width: 237px;
  }
  .c_col_wrap .c_col_item{
    max-width: 512px;

  }
  .c_col_wrap .two.c_col_tags,
  .c_col_wrap .three.c_col_tags{ 
    max-width: 432px;
    display:flex;
    flex-wrap: wrap;
  }
  .ind_wrap .ind_item {
    max-width: 424px;
  }
  .c_col_wrap .three.c_col_tags .c_col_tag{
    width: 200px;
    margin: 6px !important;
  }
  .ind_wrap .ind_items {
    max-width: 864px;
  }

  .ind_wrap p.ind_cnt {
    max-width: 334px;
  }
  .c_col_wrap .c_col_tag {
    margin-bottom: 6px !important;
  }
  .c_index .tab_wrap ul li {
    width: 178px;
  }

  .c_index .tab_wrap ul {
    max-width: 890px;
  }
  .c_index.clean-energy .hzzSzX {
    display: flex; 
  }
  .c_index.clean-energy th.sc-dIvrsQ.sc-iwajpm.gtEurP.kydRHc.header {
    width: 150px;
  }
  .c_index.clean-energy .bPTmtf {
    display: flex;
  }
  .c_index.clean-energy .iehvjW {
    display: flex;
    justify-content: space-between;
  }
  .c_index .sc-lmgQwP.sc-cTJkRt.hpRDUw.lmGFyU {
    max-width: 181px;
  }
  .c_index.clean-energy .IjYuG {
    max-width: 170px;
  }
  .c_index .sc-lmgQwP.hpRDUw.ind_all {
    max-width: 136px;
  }

  .c_index .sc-lmgQwP.hpRDUw:last-child {
    max-width: 362px;
  }
  .c_index.clean-energy table {
    max-width: 1064px;
  }
  .c_index .sc-lmgQwP.hpRDUw:nth-child(2) {
    max-width: 136px;
  }

}


/* Advanced banner module */
.bnr_wrap .bnr_bg {
  background-color: rgb(255, 255, 255);
  height: 760px;
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  left: 0;
}
.bnr_wrap .bnr_wrap_inr {
  width: 100%;
  padding: 120px 56px;
  position: relative;
  padding-bottom: 220px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center bottom 0px;
  background-size: 700px;
}
.bnr_wrap .bnr_wrap_inr h1 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  color: rgb(5, 20, 26);
  max-width: 832px;
  margin: 0px auto;
  font-size: 57px;
}
.bnr_wrap .bnr_btn a {
  display: block;
  border: 2px solid;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
  cursor: pointer;
  width: fit-content;
  width: -moz-fit-content;
  border-color: rgb(26, 147, 111);
  background-color: rgb(26, 147, 111);
  margin: 30px auto 70px;
  padding: 14px 30px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.bnr_wrap .bnr_btn a:hover {
  text-decoration: underline;
}

.bnr_wrap .jRMtza {
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease 0s, visibility 0s linear 0s;
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  overflow: auto;
  inset: 0px;
  z-index: -10;
  min-height: 100%;
}
.bnr_wrap.ad-pop .jRMtza {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.bnr_wrap .iWhidq {
  visibility: visible;
  opacity: 1;
  position: fixed;
  max-width: 100%;
  z-index: 10001;
  transition: all 400ms ease-out 0s;
  width: 800px;
  height: 100%;
  top: 0px;
  right: 0px;
}
.bnr_wrap .egjIYz {
  position: absolute;
  padding: 8px;
  cursor: pointer;
  width: initial;
  max-width: initial;
  top: 12px;
  left: -38px;
  right: auto;
}


@media (max-width: 1024px){
  .bnr_wrap .bnr_wrap_inr {
    padding: 64px 56px;
    padding-bottom: 220px;
  }
}


@media (max-width: 800px){
  .bnr_wrap .egjIYz {
    left: 8px;
  }
}


@media (max-width: 768px){
  .bnr_wrap .bnr_wrap_inr {
    padding-bottom: 140px;
  }
  .bnr_wrap .bnr_btn a {
    padding: 12px 14px;
  }
  .bnr_wrap .bnr_bg {
    height: 560px;
  }
}

@media (max-width: 425px){
  .bnr_wrap .bnr_wrap_inr h1 {
    font-size: 34px;
    line-height: 38px;
  }
  .bnr_wrap .bnr_wrap_inr {
    background-size: 600px;
    padding: 54px 20px 140px;
  }
  .bnr_wrap .bnr_btn a {
    font-size: 14px;
    min-width: 240px;
  }
  .bnr_wrap .bnr_bg {
    height: 640px;
  }

}
/* end Advanced Banner */



/* Climate Change */
.climate-change .climate-col {
  text-align: center;
  max-width: 1044px;
  margin: auto;
  padding: 120px 0px 60px;
  position: relative;
}
.climate-change h3 i {
  font-style: normal;
  color: rgb(26, 147, 111);
}
.climate-change .col-wrap {
  margin: 40px auto;
  flex-direction: column;
  border-top: 1px dashed rgb(228, 231, 231);
  border-bottom: 1px dashed rgb(228, 231, 231);
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.climate-change .bMmwdY {
  padding: 40px 0px;
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.climate-change .bMmwdY .left-col {
  max-width: 540px;
  flex-direction: column;
  padding: 0px 0px 0px 20px;
  border-left: 4px solid rgb(255, 0, 53);
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.climate-change .bMmwdY  .right-col {
  width: fit-content;
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.climate-change .bMmwdY .left-col h4 {
  text-align: left;
  color: rgb(5, 20, 26);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 30px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.climate-change .bMmwdY .left-col p {
  text-align: left;
  color: rgb(5, 20, 26);
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0px;
  line-height: 26px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.climate-change .bMmwdY:nth-child(2) {
  border-top: 1px dashed rgb(228, 231, 231);
  border-bottom: 1px dashed rgb(228, 231, 231);
}
.climate-change a.black-btn {
  margin: 40px auto 0px;
  padding: 14px 30px;
  width: 260px;
  background-color: transparent;
  color: rgb(5, 20, 26);
  border: 2px solid;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
  display: inline-block;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  text-decoration: none;
}
.climate-change a.black-btn:hover {
  background-color: rgb(5, 20, 26);
  border-color: rgb(5, 20, 26);
  color: rgb(255, 255, 255);
}
.climate-change {
  padding: 0 20px;
}



@media (max-width: 1024px){

  .climate-change .climate-col {
    padding: 64px 12.5%;
  }
  .climate-change .bMmwdY .right-col img {
    width: 72px;
    height: 72px !important;
    max-width: unset !important;
  }
  .climate-change {
    padding: 0;
  }
}

@media (max-width: 768px){
  .climate-change h3 {
    font-size: 32px;
  }
  .climate-change .climate-col {
    max-width: 100%;
  }
  .climate-change h3 br {
    display: none;
  }
  .climate-change .bMmwdY {
    flex-direction: column;
  }
  .climate-change .bMmwdY .left-col {
    max-width: unset;
    margin-bottom: 24px;
  }
  .climate-change .bMmwdY .left-col h4 {
    font-size: 18px;
    line-height: 26px;
  }
  .climate-change .bMmwdY .left-col p {
    line-height: 24px;
  }
  .climate-change .bMmwdY .right-col {
    width: 100%;
    -webkit-box-pack: start;
    justify-content: start;
  }
  .climate-change a.black-btn {
    margin-top: 30px;
  }

}

@media (max-width: 425px){
  .climate-change .climate-col {
    padding: 54px 20px 0px;
  }
  .climate-change h3 {
    font-size: 24px;
  }
  .climate-change .bMmwdY .left-col {
    padding-left: 12px;
    border-left-width: 2px;
  }
  .climate-change .bMmwdY .left-col h4 {
    line-height: 24px;
  }
  .climate-change .bMmwdY .left-col p {
    line-height: 22px;
    font-size: 14px;
  }
  .climate-change .bMmwdY .right-col img {
    width: 64px;
    height: 64px !important;
  }

}

/* end climate change module */

/* Climate Slider module */

.c_slider .c_slider_top {
  text-align: center;
  max-width: 1056px;
  margin: auto;
}
.c_slider {
  padding: 120px 0px 0px;
  position: relative;
  width: 100%;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.c_slider .c_slider_top h2 span {
  color: rgb(26, 147, 111);
}

.c_slider .c_slider_top h2 {
  margin-bottom: 20px;
}

.c_slider .slide_item {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 1375px;
  padding: 0px;
  margin-bottom: 8px;
  height: 710px;
}

.c_slider .slide_item_inr {
  max-width: fit-content;
  display: grid;
  grid-template-columns: repeat(4, 302px);
  gap: 16px;
  margin: 0px auto 8px;
}

.c_slider .slide_item.one .slide_item_inr {
  grid-template-columns: 624px 302px;
}


.c_slider .daJknw {
  padding: 24px 20px 12px;
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgb(0 0 0 / 8%) 0px 2px 12px;
  text-align: left;
  min-height: 296px;
  height: max-content;
  position: relative;
  width: 302px;
  margin: 0px;
}

.c_slider .daJknw.sec1 {
  width: 624px;
  border: none;
  position: relative;
}

.c_slider .leuDbu {
  font-size: 14px;
  font-weight: bold;
  color: rgb(35, 35, 35);
  margin-top: 0;
  margin-bottom: 1rem;
}

.c_slider .koCxyi {
  color: rgb(35, 35, 35);
  font-size: 14px;
  font-weight: 300;
  min-height: 126px;
}

.c_slider .ibkFXD {
  margin-top: auto;
}

.c_slider .ewjAsp {
  display: flex;
  -webkit-box-pack: start;
  justify-content: start;
  flex-wrap: wrap;
}

.c_slider .fPnIjP {
  text-decoration: underline;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  color: #fff; 
  cursor: pointer;
  margin: 10px 0px 0px;
  width: 100%;
}
.c_slider .fPnIjP span {
  color: rgb(26, 147, 111);
  text-decoration: underline;
}
.c_slider .slide_img {
  -webkit-filter: blur(0);
  filter: blur(0);
  transition: -webkit-filter .3s;
  transition: filter .3s;
  transition: filter .3s,-webkit-filter .3s;
  display: none;
}

.c_slider .jNudlt {
  width: 42px;
  height: 42px;
  object-fit: contain;
  align-self: center;
  margin: 4px 6px 4px 0px; 
}


.c_slider .less {
  display: none;
}

.c_slider .slide_img:nth-of-type(1),
.c_slider .slide_img:nth-of-type(2),
.c_slider .slide_img:nth-of-type(3),
.c_slider .slide_img:nth-of-type(4),
.c_slider .slide_img:nth-of-type(5) {
  display: block !important;
}

.c_slider .XfxGN {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: auto;
  height: 4px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
}

.c_slider .slick-arrow {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: rgb(244, 245, 245);
  text-align: center;
  display: flex !important;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border: none;
  cursor: pointer;
}

.c_slider .arrow_left {
  position: absolute;
  top: 96px;
  left: calc(50% - 720px);
}

.c_slider .arrow_right {
  position: absolute;
  top: 96px;
  right: calc(50% - 720px);
}

.c_slider .slide_items_wrap {
  position: relative;
}

.c_slider .slick-arrow img {
  vertical-align: middle;
  object-fit: contain;
  opacity: 1;
}
.c_slider .slide_item.three .slide_item_inr {
  grid-template-columns: repeat(3, 302px);
}

.c_slider .slick-arrow.slick-disabled img {
  opacity: 0.2;
}

.c_slider .slick-arrow.slick-disabled {
  cursor: default;
}

.c_slider .logo_active .slide_img {
  display: block;
}

.c_slider .logo_active .less {
  display: block;
}

.c_slider .logo_active .more {
  display: none;
}

.c_slider .DdpMc {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 10px;
  width: 100%;
  min-height: 194px;
}

.c_slider .enczhv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: start;
  width: 100%;
}

.c_slider .kjhMak {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  color: rgb(35, 35, 35);
}

.c_slider .kjhMak:not(:last-child) {
  margin-bottom: 8px;
}

.c_slider .ssWrO {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: start;
  width: 100%;
}

.c_slider .bWwHur {
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  width: 100%;
}

.c_slider .gEtdPG {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  margin-right: 10px;
  background-color: rgb(162, 204, 163);
}
.c_slider .gEtdPG.geothermal {
  background-color: rgb(198, 209, 128);
}

.c_slider .gEtdPG.ocean.power {
  background-color: rgb(136, 155, 216);
}

.c_slider .gEtdPG.wind {
  background-color: rgb(189, 231, 244);
}

.c_slider .gEtdPG.green.utilities {
  background-color: rgb(225, 225, 225);
}

.c_slider .gEtdPG.solar {
  background-color: rgb(247, 232, 169);
}

.c_slider .dsk .bt_logo1,.dsk .bt_logo2,.dsk .bt_logo3 {
  display: none !important;
}

.c_slider .logo_active .ksvBCj {
  display: grid;
}

.c_slider .ksvBCj {
  display: none;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
  width: 100%;
}
.c_slider .XfxGJ.slide1_brd {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: auto;
  height: 4px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
}
.c_slider .slide1_brd .kqhkTs {
  background-color: #889bd8;
}
.c_slider .slide1_brd .cMwQX {
  background-color: rgb(198, 209, 128);
}
.c_slider .slide1_brd .hiAUxl {
  background-color: rgb(189, 231, 244);
}
.c_slider .slide1_brd .cmAwiq {
  background-color: rgb(162, 204, 163);
}
.c_slider .slide1_brd .efqAZj {
  background-color: rgb(247, 232, 169);
}
.c_slider .slider_pg ul {
  padding: 0;
  list-style: none;
  display: grid !important;
  grid-template-columns: repeat(4, 40px);
  column-gap: 10px;
  width: fit-content;
  margin: 40px auto 30px;
}

.c_slider .slider_pg button {
  display: none;
}

.c_slider .slider_pg ul li {
  width: 100%;
  height: 4px;
  border-radius: 1px;
  background-color: rgb(228, 231, 231);
  display: block;
}
.c_slider .slider_pg ul li.slick-active {
  background-color: rgb(26, 147, 111);
}
@media(max-width:1500px){
  .c_slider .slide_items_wrap {
    position: relative;
    max-width: 1500px;
    padding: 0 10px;
  }
  .c_slider .arrow_right {
    right: 10px;
  }
  .c_slider .arrow_left {
    left: 10px;
  }
  .c_slider .c_slider_top { 
    padding: 0 10px;
  }
}
@media(max-width:1300px){
  .c_slider .daJknw { 
    width: 230px; 
  }
  .c_slider .slide_item_inr { 
    grid-template-columns: repeat(4,230px);
  }
  .c_slider .slide_item.one .slide_item_inr {
    grid-template-columns: 624px 230px;
  }
  .c_slider .slide_item.three .slide_item_inr {
    grid-template-columns: repeat(3,230px);
  }


}
@media(min-width:1025px){
  .c_slider .mobile  {
    display: none;
  }

  .c_slider .jNudlt { 
    opacity: 0;
  }

  .c_slider .slide_item.slick-active .jNudlt {
    opacity: 1;
    transition: opacity .3s;
  }

}
@media(max-width:1024px){
  .c_slider .slider_pg {
    display: none;
  }

  .c_slider .slide_items_wrap { 
    padding: 0;
  }
  .c_slider .dsk {
    display: none;
  }
  .c_slider .daJknw {
    height: auto;
    width: 304px !important;
    position: relative;
    z-index: 99;
  } 
  .c_slider .slick-arrow {
    position: relative;
    top: 0;
    left: 0 !important;
    right: 0 !important;
    z-index: 99;
  }
  .c_slider .fiDOnB {
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    width: calc(100% - 64px);
    margin: 40px 32px 30px;
  }

  .c_slider .ernndx {
    margin: 0px;
    color: rgb(17, 75, 95);
    font-weight: bold;
    font-size: 20px;
  }
  .c_slider .mb_slide_item_inr .daJknw {
    margin: 8px;
  }
  .c_slider .DdpMc {
    display: block;
  }
  .c_slider .logo_wrp.sec1 {
    margin-left: 29vw;
  }
  .c_slider .c_slider {
    overflow: hidden;
  }
  .c_slider .mb_slide_item .slick-list {
    overflow: visible !important;
  }
  .c_slider .mb_img {
    width: 4480px;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: 35px;
    left: 643px;
    z-index: 0;
    transform-origin: left center;
    transform: translateX(-1280px);
    transition: transform 0.6s ease 0s;
  }
  .c_slider .mb_slide_item_inr.mb_sld .slick-track:after {
    width: 100%;
    bottom: 35px;
    height: 496px;
    content: "";
    position: absolute;
    transform-origin: left center;
    transition: transform 0.6s ease 0s;
    left: -152px;
    background-size: contain !important;
    transform: translateX(-480px);
  }
  .c_slider .mb_slide_item {
    height: 720px;
    position: relative;
    touch-action: pan-y;
    overflow: hidden;
  }
  .c_slider {
    padding: 64px 0px 0px;
  }
  .c_slider .c_slider_top {
    padding-left: 24px;
    padding-right: 24px;
  }
  .c_slider .mb_slide_item_inr.mb_sld {
    z-index: 9;
  }
  .c_slider .logo_active .enczhv2 {
    display: block;
  }

  .c_slider .enczhv2 {
    display: none;
  }
  .c_slider .logo_active .ksvBCj {
    -webkit-box-pack: start;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
  }
  .c_slider .ssWrO {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    word-break: normal;
  }
  .c_slider .enczhv2 .kjhMak2 .bWwHur, .c_slider .enczhv2 .kjhMak3 .bWwHur {
    justify-content: flex-start;
  }
  .c_slider .enczhv2 .kjhMak3 .bWwHur {
    display: none;
  }
  .c_slider .bWwHur {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100%;
  }
  .c_slider .mb_slide_item_inr.mb_sld .slick-track { 
    height: 720px;
  }
}
@media (max-width: 768px){

  .c_slider .c_slider_top h2 {
    font-size: 32px;
  }
  .home-page .c_slider .c_slider_top p {
    font-size: 16px;
  }


}
@media (max-width: 425px){
  .c_slider .mb_slide_item {
    height: 756px; 
  } 
  .c_slider .mb_slide_item_inr.mb_sld .slick-track { 
    height: 756px; 
  }
  .c_slider .c_slider_top h2 {
    font-size: 32px;
    font-size: 24px;
    line-height: 32px;
  }
  .c_slider {
    padding: 54px 0px 0px;
  }

}

/* end climate slider */

/* strategy module */
.strategy {
  padding: 240px 56px 120px;
  overflow: visible;
  height: 1024px;
}
.strategy h2.jQZhai {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(255, 255, 255);
  margin-bottom: 20px;
}
.strategy ul.tabber-tabs {
  width: 460px;
  margin: 40px auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0;
  list-style: none;
}
.strategy ul.tabber-tabs li a {
  width: 100%;
  border: none;
  color: rgb(80, 135, 155);
  background-color: rgb(15, 65, 82);
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
  display: block;
  text-decoration: none;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.strategy ul.tabber-tabs li {
  margin: 0 8px;
  width: 100%;
}
.strategy ul.tabber-tabs li.active a {
  border: none;
  color: rgb(255, 255, 255);
  background-color: rgb(29, 165, 124);
}
.strategy .tabber-wrap {
  max-width: 1044px;
  margin: auto;
  position: relative;
  z-index: 1;
  padding: 40px;
  box-shadow: rgb(8 34 43 / 12%) 0px 2px 12px;
  border-radius: 16px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.strategy .tabber-wrap p.ibkFXD {
  text-align: center;
  max-width: 700px;
  margin: 0px auto 20px;
  line-height: 36px;
  font-size: 30px;
  font-weight: 700;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.strategy .tabber-wrap p.ewjAsp {
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
}
.strategy hr.divider {
  margin: 30px 0px;
  border-top: 1px solid rgba(0,0,0,.1);
  background: transparent;
}
.strategy .gAApEQ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-bottom: 30px;
  width: 100%;
}
.strategy .gOJeNC {
  display: flex;
  flex-direction: row;
  -webkit-box-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  justify-content: start;
  width: 100%;
}
.strategy .eGyFMq {
  color: rgb(26, 147, 111);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.strategy .zPuL {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 400;
  color: rgb(5, 20, 26);
  letter-spacing: -0.01em;
}
.strategy .progress-bar {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.strategy .hZQguM {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  row-gap: 16px;
  padding-top: 30px;
  margin-top: 0px;
  border-top: none;
}
.strategy .kmWQXK {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: start;
  width: 100%;
}
.strategy .kPwehJ {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: rgb(86, 155, 101);
  margin-right: 10px;
}
.strategy .vPeNx {
  margin: 0px;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
}
.strategy .iHvgiu {
  font-weight: 700;
}
.strategy .jNudlt {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.strategy .jfhxYY {
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: start;
  display: flex;
  align-items: flex-start;
}
.strategy p.kKkmhx {
  font-size: 18px;
  font-weight: bold;
  color: rgb(17, 75, 95);
  margin-bottom: 8px;
}
.strategy .bAKETB {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
  align-items: start;
}
.strategy img.ejoSBg {
  width: 14px;
  height: 8px;
  margin-right: 14px;
}
.strategy p.fLibQH {
  margin: 0px;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
.strategy a.cm-btn {
  margin: auto;
  padding: 14px 30px;
  width: 260px;
  background-color: transparent;
  color: rgb(5, 20, 26);
  border: 2px solid;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
}
.strategy .btn-col {
  padding-top: 40px;
}
.strategy a.cm-btn:hover {
  background-color: rgb(5, 20, 26);
  border-color: rgb(5, 20, 26);
  color: rgb(255, 255, 255);
}
.strategy .prog-column1 {
  order: 1;
}
.strategy .prog-column3 {
  order: 2;
}
.strategy .prog-column5 {
  order: 3;
}
.strategy .prog-column2 {
  order: 5;
}
.strategy .prog-column4 {
  order: 6;
}
.strategy .ejoSBg {
  width: 14px;
  height: 8px;
  margin-right: 14px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@-moz-document url-prefix() {
  .strategy .hZQguM .sc-fFSPTT.kmWQXK {
    width: 33.33%;
  }
  .strategy .jNudlt .bAKETB .kmWQXK {
    width: 50%;
  }

}


@media (max-width: 1096px){

  .strategy .gAApEQ {
    grid-template-columns: 1fr 1fr;
  }

}

@media (max-width: 1080px){

  .strategy ul.tabber-tabs li a {
    padding: 10px 16px;
  }
}


@media (max-width: 1024px){

  .strategy {
    padding-top: 200px;
  }
  .strategy .hZQguM {
    grid-template-columns: repeat(2, 1fr);
  }
  .strategy .jfhxYY {
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: start;
  }
  .strategy p.kKkmhx {
    margin-right: 4px;
  }
  .strategy .jNudlt {
    grid-template-columns: unset;
    grid-template-rows: auto;
    row-gap: 16px;
  }



}


@media (max-width: 768px){
  .strategy {
    padding: 160px 72px 64px;
  }
  .strategy h2.jQZhai {
    font-size: 32px;
  }
  .strategy ul.tabber-tabs li {
    width: 150px;
  }
  .strategy ul.tabber-tabs {
    width: unset;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .strategy .tabber-wrap p.ibkFXD {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .strategy .tabber-wrap p.ewjAsp {
    font-size: 16px;
    line-height: 24px;
  }
  .strategy .tabber-wrap {
    max-width: 620px;
    padding: 30px;
    position: relative;
    z-index: 1;
  }
  .strategy .tabber-wrap p.ewjAsp br {
    display: none;
  }
  .strategy .zPuL {
    font-size: 16px;
  }
  .strategy .btn-col {
    padding-top: 30px;
  }

}

@media (max-width: 612px){

  .strategy {
    padding-top: 200px;
    height: 1128px;
  }

}



@media (max-width: 480px){

  .strategy {
    height: 1280px;
  }

}

@media (max-width: 480px){

  .strategy {
    padding: 280px 20px 54px;
  }
  .strategy .tabber-wrap p.ibkFXD {
    font-size: 20px;
    line-height: 24px;
  }
  .strategy .tabber-wrap {
    padding: 40px 20px;
  }
  .strategy .tabber-wrap p.ewjAsp {
    font-size: 16px;
    line-height: 24px;
  }
  .strategy .eGyFMq {
    font-size: 20px;
  }
  .strategy .zPuL {
    font-size: 14px;
  }
  .strategy .hZQguM {
    grid-template-columns: 1fr;
  }
  .strategy .kmWQXK {
    font-size: 12px;
  }
  .strategy .vPeNx {
    font-size: 12px;
  }
  .strategy .jNudlt {
    grid-template-columns: unset;
    grid-template-rows: auto;
    row-gap: 16px;
  }
  .strategy .bAKETB {
    grid-template-columns: unset;
    grid-template-rows: auto;
    row-gap: 8px;
  }
  .strategy a.cm-btn {
    width: 100%;
    max-width: 260px;
  }

  @-moz-document url-prefix() {
    .strategy {
      padding: 300px 20px 54px !important;
    }
  }



}

@media (max-width: 340px){

  .strategy .jfhxYY {
    margin: 0 -4px;
  }
  .strategy p.kKkmhx:last-child {
    margin-right: 0;
  }
}
/* end Strategy module */

/* bottom pane module */
.bottom-pane {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-blend-mode: multiply;
  padding-bottom: 120px;
  padding-top: 120px;
}
.bottom-pane .col-wrap {
  max-width: 1256px;
  width: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  -webkit-box-align: center;
  align-items: center;
}
.bottom-pane .col-wrap .jOaldA {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 40px 30px;
  box-shadow: rgb(8 43 33 / 12%) 0px 2px 12px;
  border-radius: 16px;
  background-color: rgb(255, 255, 255);
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  height: 400px;
  text-align: center;
}
.bottom-pane .col-wrap .jOaldA:nth-child(2) {
  padding: 40px 30px;
  box-shadow: rgb(8 43 33 / 12%) 0px 2px 12px;
  border-radius: 16px;
  background-color: rgb(255, 255, 255);
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  height: unset;
}
.bottom-pane img.sc-TtZnY.gnBPmJ {
  width: 48px;
  height: 48px !important;
  margin: 0 auto 24px;
  display: block;
} 
.bottom-pane .col-wrap h3 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  color: rgb(5, 20, 26);
  text-transform: capitalize;
  font-size: 24px;
}
.bottom-pane .col-wrap p.sc-FRrlG.cIjgB {
  color: rgb(119, 119, 119);
  margin-top: 10px;
  font-size: 16px;
  text-align: center;
  margin-bottom: 1rem;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 400;
}
.bottom-pane a.cm-btn {
  width: 220px;
  border-color: rgb(5, 20, 26);
  background-color: transparent;
  color: rgb(5, 20, 26);
  margin: 40px auto;
  display: block;
  border: 2px solid;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  margin-top: auto;
  margin-bottom: 0px;
}
.bottom-pane a.cm-btn.black {
  border: 2px solid rgb(5, 20, 26);
  border-radius: 8px;
  padding: 14px 36px;
  margin-top: 100px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 220px;
  background-color: rgb(5, 20, 26);
  color: rgb(255, 255, 255);
} 
.bottom-pane .col-wrap .jOaldA:last-child a.cm-btn {
  padding-top: 14px;
  padding-bottom: 14px;
}
.bottom-pane .jRMtza {
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease 0s, visibility 0s linear 0s;
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  overflow: auto;
  inset: 0px;
  z-index: -10;
  min-height: 100%;
}
.bottom-pane .iWhidq {
  visibility: visible;
  opacity: 1;
  position: fixed;
  max-width: 100%;
  z-index: 10001;
  transition: all 400ms ease-out 0s;
  width: 800px;
  height: 100%;
  top: 0px;
  right: 0px;
}
.bottom-pane .pop .jRMtza{
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.bottom-pane .egjIYz {
  position: absolute;
  padding: 8px;
  cursor: pointer;
  width: initial;
  max-width: initial;
  top: 12px;
  left: -38px;
  right: auto;
}


@media (max-width: 1440px){

  .bottom-pane {
    padding: 64px 6%;
  }

}

@media (max-width: 1024px){

  .bottom-pane .col-wrap {
    max-width: unset;
    grid-template-columns: unset;
    grid-template-rows: auto;
  }
  .bottom-pane .col-wrap .jOaldA {
    height: 100% !important;
  }
  .bottom-pane a.cm-btn.black {
    margin-top: auto;
  }

}

@media (max-width: 800px){
  .bottom-pane .egjIYz {
    left: 8px;
  }
}

@media (max-width: 425px){

  .bottom-pane {
    padding: 54px 20px;
  }
  .bottom-pane a.cm-btn {
    font-size: 14px;
    min-width: 240px;
  }
  .bottom-pane a.cm-btn.black {
    min-width: auto;
  }
  .bottom-pane .col-wrap .jOaldA:last-child a.cm-btn {
    min-width: auto;
    font-size: 16px;
  } 
  .bottom-pane .col-wrap {
    display: flex;
    flex-direction: column;
  }

}



@media (max-width: 360px){
  .bottom-pane a.cm-btn {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

}
/* end bottom pane module */

/* Content with image module */
.content-wd-image {
  padding: 240px 56px 0;
  position: relative;
}
.content-wd-image h2.fvcBYL {
  text-align: left;
  max-width: 1256px;
  margin: 0px auto;
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  color: rgb(5, 20, 26);
}
.content-wd-image h2.fvcBYL br {
  display: none;
}
.content-wd-image h2.fvcBYL i {
  font-style: normal;
  color: rgb(26, 147, 111);
}
.content-wd-image .col-wrap {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  column-gap: 60px;
  max-width: 1256px;
  margin: 0px auto;
}
.content-wd-image .col-wrap .xCnor {
  flex-direction: column;
  -webkit-box-align: start;
  align-items: start;
  -webkit-box-pack: start;
  justify-content: start;
  margin: 40px 0px 0px;
  max-width: 580px;
  display: flex;
}
.content-wd-image .col-wrap .xCnor p.exIfBg {
  font-weight: 700;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 8px;
  color: rgb(5, 20, 26);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.content-wd-image .col-wrap .xCnor p.bcRTMJ {
  margin-bottom: 0px;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: rgb(5, 20, 26);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.content-wd-image img.liNYvh {
  margin-top: auto;
  max-width: 380px !important;
}
.content-wd-image .col-wrap .xCnor:last-child {
  margin-bottom: 40px;
}



@media (max-width: 1024px){

  .content-wd-image {
    padding-top: 296px;
  }
  .content-wd-image .col-wrap .xCnor p.exIfBg {
    font-size: 18px;
    line-height: 26px;
  }
  .content-wd-image .col-wrap .xCnor p.bcRTMJ {
    font-size: 14px;
    line-height: 24px;
  }
  .content-wd-image img.liNYvh {
    width: 100%;
    object-fit: contain;
    margin: auto auto 0px;
  }
  .content-wd-image .col-wrap {
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }


}


@media (max-width: 880px){

  .content-wd-image {
    padding-top: 350px;
  }

}



@media (max-width: 768px){
  .content-wd-image {
    padding: 240px 72px 0;
  }

  .content-wd-image h2.fvcBYL {
    font-size: 32px;
  }
}

@media (max-width: 756px){

  .content-wd-image .col-wrap .xCnor {
    max-width: 100%;
  }
  .content-wd-image .col-wrap .xCnor:last-child {
    margin-bottom: 40px;
  }
  .content-wd-image .col-wrap {
    max-width: unset;
    grid-template-columns: unset;
    display: flex;
    flex-direction: column;
  }


}


@media (max-width: 425px){

  .content-wd-image {
    padding: 256px 20px 0;
  }
  .content-wd-image .col-wrap .xCnor p.exIfBg {
    font-size: 16px;
    line-height: 24px;
  }
  .content-wd-image .col-wrap .xCnor p.bcRTMJ {
    line-height: 22px;
  }
  .content-wd-image h2.fvcBYL br {
    display: block;
  }
  .content-wd-image img.liNYvh {
    height: 400px !important;
    object-fit: cover;
    object-position: center top;
  }

}

@media (max-width: 360px){

  .content-wd-image {
    padding-top: 360px;
  }

}

/* end Content with image module */


/* About fee module */
.about-fee {
  position: relative;
  text-align: center;
  overflow: visible;
  z-index: 2;
  height: 680px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.about-fee .top-content {
  padding: 120px 0px 8px;
  margin: auto;
  max-width: 1044px;
}
.about-fee .top-content h2,
.about-fee .top-content h1 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(5, 20, 26);
  margin-bottom: 20px;
}
.about-fee .top-content p {
  color: rgb(5, 20, 26);
  margin-bottom: 0px;
  font-family: Helvetica;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.about-fee a.cm-btn {
  display: block;
  border: 2px solid;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
  width: fit-content;
  border-color: rgb(26, 147, 111);
  background-color: rgb(26, 147, 111);
  margin: 40px auto;
  padding: 14px 30px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.about-fee a.cm-btn:hover {
  text-decoration: underline;
}
.about-fee .col-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 0px;
  margin: 0px auto;
  width: fit-content;
  position: relative;
}
.about-fee .col-wrap .hZHGfK {
  padding: 34px 40px 55px;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  border-top: 6px solid rgb(26, 147, 111);
  max-width: 408px;
  width: 100%;
}
.about-fee .col-wrap p.ernndx {
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: rgb(26, 147, 111);
  margin: 0px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.about-fee .col-wrap hr.fiDOnB {
  width: 60px;
  background-color: rgb(26, 147, 111);
  margin: 20px 0px;
  height: 2px;
  border-top: 1px solid rgba(0,0,0,.1);
}
.about-fee .col-wrap  p.ieQPup {
  color: rgb(5, 20, 26);
  font-size: 20px;
  font-weight: 700;
  display: block;
  margin-bottom: 0px;
  text-align: left;
}
.about-fee .col-wrap p.gAtBhL {
  color: rgb(5, 20, 26);
  line-height: 26px;
  font-size: 16px;
  font-weight: 300;
  margin: 10px 0px 0px;
  text-align: center;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.about-fee .col-wrap .cvRDZw {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color: rgb(255, 255, 255);
  border: 10px solid rgb(213, 232, 229);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
}
.about-fee .col-wrap .cvRDZw img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-fee .col-wrap p.ieQPup {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .about-fee a.cm-btn {
    max-width: 182px;
  }

}


@media (max-width: 1024px){

  .about-fee .col-wrap .hZHGfK {
    max-width: 300px;
    padding: 28px;
  }
  .about-fee .col-wrap p.ernndx {
    font-size: 52px;
  }
  .about-fee .col-wrap p.gAtBhL {
    font-size: 14px;
  }
  .about-fee .col-wrap .cvRDZw {
    width: 72px;
    height: 72px;
    padding: 18px;
    border-width: 8px;
  }
  .about-fee {
    height: 640px;
  }


}

@media (max-width: 768px){

  .about-fee .top-content {
    max-width: 620px;
    padding-top: 100px;
  }
  .about-fee .top-content h2,
  .about-fee .top-content h1 {
    font-size: 32px;
  }
  .about-fee .top-content h2 br,
  .about-fee .top-content h1 br {
    display: none;
  }
  .about-fee .top-content p {
    font-size: 16px;
  }
  .about-fee a.cm-btn {
    padding: 12px 14px;
  }
  @-moz-document url-prefix() {

    .about-fee .col-wrap {
      flex-wrap: wrap;
    }

  }


}

@media (max-width: 756px){

  .about-fee .col-wrap {
    grid-template-columns: unset;
    grid-template-rows: 1fr 1fr;
    padding: 0px 20px;
  }
  .about-fee .col-wrap .hZHGfK {
    max-width: unset;
    align-items: flex-start;
    padding: 24px 36px 24px 24px;
    border-top: none;
    border-left: 6px solid rgb(26, 147, 111);
  }
  .about-fee .col-wrap p.ernndx {
    font-size: 40px;
  }
  .about-fee .col-wrap p.gAtBhL {
    text-align: left;
  }
  .about-fee .col-wrap .cvRDZw {
    left: 80%;
    width: 64px;
    height: 64px;
    padding: 16px;
  }
  .about-fee {
    height: 800px;
  }

}

@media (max-width: 425px){

  .about-fee .top-content {
    padding: 54px 20px 0px;
  }
  .about-fee a.cm-btn {
    font-size: 14px;
    min-width: 240px;
  }
  .about-fee .col-wrap p.ieQPup {
    font-size: 16px;
  }

}
/* End about fee module */
/* ----- End Homepage ----- */

/* ----- Start Portfolio page ----- */
/* Portfolio banner module */
.hspb-wrapper {
  background-color: rgb(26, 147, 111);
  position: relative;
  line-height: 1.5;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.hspb-wrapper .hspb-bgimg {
  background-color: rgb(26, 147, 111);
  height: 840px;
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
}
.hspb-wrapper .hspb-main {
  position: relative;
}
.hspb-wrapper .hspb-top {
  width: 100%;
  padding: 120px 56px;
  position: relative;
  padding-bottom: 32px;
  text-align: center;
}
.hspb-wrapper .hspb-top p {
  text-transform: uppercase;
  font-family: Helvetica;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  color: rgb(255, 255, 255);
  margin-bottom: 1rem;
}
.hspb-wrapper .hspb-top h1 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  color: rgb(255, 255, 255);
  text-align: center;
  margin-bottom: .5rem;
  line-height: 1.2;
}
.hspb-wrapper .hspb-top h1 span {
  color: rgb(220, 255, 141);
}
.hspb-wrapper .hspb-btm {
  width: 100%;
  padding: 120px 56px;
  padding-top: 0px;
  position: relative;
}
.hspb-wrapper .hspb-btm-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hspb-wrapper .hspb-item {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: start;
  height: 100%;
  width: calc(50% - 5px);
}
.hspb-wrapper img.hspb-item-img {
  width: 68px;
  height: 54px;
  margin-bottom: 40px;
}
.hspb-wrapper .hspb-item2-row {
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 32px 16px;
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgb(5 26 20 / 8%) 0px 2px 24px;
  position: relative;
  z-index: 1;
  flex-direction: column;
  height: 100%;
}
.hspb-wrapper .hspb-item2-row:before {
  content: '';
  margin: 0px 20px;
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  opacity: 0.2;
  width: calc(100% - 40px);
  height: 24px;
  position: absolute;
  top: -12px;
  left: 0px;
}
.hspb-wrapper .hspb-item2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  -webkit-box-pack: start;
  justify-content: start;
  -webkit-box-align: start;
  align-items: start;
  color: rgb(5, 20, 26);
  font-weight: 400;
  font-size: 16px;
}
.hspb-wrapper .hspb-item2:not(:last-child) {
  margin-bottom: 20px;
}
.hspb-wrapper .hspb-item2 img {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.hspb-wrapper .hspb-item2 p {
  margin: 0px;
  font-weight: 400;
}
.hspb-wrapper strong {
  font-weight: 700;
}

@media (max-width: 1024px) {
  .hspb-wrapper .hspb-top {
    padding: 64px 56px 32px;
  }
  .hspb-wrapper .hspb-btm {
    padding-bottom: 64px;
  }

}

@media (max-width: 768px) {
  .hspb-wrapper .hspb-top {
    padding: 64px 72px 32px;
  }
  .hspb-wrapper .hspb-btm {
    padding-left: 72px;
    padding-right: 72px;
  }
  .hspb-wrapper .hspb-top h1 {
    font-size: 42px;
  }
  .hspb-wrapper .hspb-item2-row {
    padding: 32px 32px 32px 16px;
  }

}

@media (max-width: 640px) {
  .hspb-wrapper .hspb-btm-row {
    display: block;
  }
  .hspb-wrapper .hspb-item {
    width: 100%;
  }
  .hspb-wrapper .hspb-btm {
    padding-left: 24px;
    padding-right: 24px;
  }


}

@media (max-width: 425px) {
  .hspb-wrapper .hspb-top h1 {
    font-size: 34px;
  }
  .hspb-wrapper .hspb-top {
    padding: 54px 20px 32px;
  }
  .hspb-wrapper .hspb-top p {
    font-size: 12px;
    line-height: 20px;
  }
  .hspb-wrapper .hspb-top h1 {
    font-size: 34px;
  }
  .hspb-wrapper .hspb-btm {
    padding: 0 20px 54px;
  }
  .hspb-wrapper .hspb-item2-row {
    padding: 32px 16px;
  }

}

/* End portfoliio Banner module */

/* Portfolio visualizer module */
.hspv-outer-wrapper .tab-content,
.hspv-outer-wrapper .tab1-content {
  display: none;
}
.hspv-outer-wrapper .tab-content.current,
.hspv-outer-wrapper .tab1-content.current1 {
  display: block;
}
.hspv-outer-wrapper .hssbtm-sidebar.current,
.hspv-outer-wrapper .hspvl-btm.current {
  display: flex;
}
.hspv-outer-wrapper .hspv-title {
  width: 100%;
  padding: 120px 56px;
  position: relative;
  background-color: rgb(17, 75, 95);
  padding-top: 220px;
  padding-bottom: 54px;
}
.hspv-outer-wrapper .hspv-factor {
  height: 100px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
.hspv-outer-wrapper .hspv-title h2 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(255, 255, 255);
  margin-bottom: 8px;
}
.hspv-outer-wrapper .hspv-row {
  width: 100%;
  padding: 120px 56px;
  position: relative;
  background-color: rgb(17, 75, 95);
  padding-top: 0px;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.hspv-outer-wrapper .hspv-left_con {
  border-radius: 16px;
  min-width: 830px;
  width: 830px;
  box-shadow: rgb(0 0 0 / 8%) 0px 2px 12px;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  margin-right: 9px;
}
.hspv-outer-wrapper .hssbtm-sidebar {
  border-radius: 16px;
  width: 408px;
  min-width: 408px;
  box-shadow: rgb(8 34 43 / 12%) 0px 2px 12px;
  background-color: rgb(255, 255, 255);
  margin-left: 9px;
  display: none;
  flex-direction: column;
  min-height: 100%;
}
.hspv-outer-wrapper .hssbtms-top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 20px 40px;
  border-bottom: 1px solid rgb(228, 231, 231);
}
.hspv-outer-wrapper .hssbtms-top h4, .hspv-outer-wrapper .hssbtms-top .hssbtms-top-title {
  font-family: Helvetica;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  color: #05141a;
  margin: 0 0 .5rem;
}
.hspv-outer-wrapper .hssbtms-date {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: fit-content;
}
.hspv-outer-wrapper .hssbtms-date p {
  color: rgb(119, 119, 119);
  text-align: left;
  font-size: 16px;
  display: block;
  position: relative;
  margin-bottom: 0px;
}
.hspv-outer-wrapper .hssbtms-date img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.hspv-outer-wrapper .hssbtms-items {
  width: 100%;
  padding: 0px 40px 30px;
}
.hspv-outer-wrapper .hssbtms-items-title {
  border-bottom: 1px dashed rgb(228, 231, 231);
  display: grid;
  grid-template-columns: 1.25fr 1.15fr 1.15fr;
  column-gap: 2px;
  -webkit-box-align: center;
  align-items: center;
  padding: 12px 0px;
  justify-items: center;
}
.hspv-outer-wrapper .hssbtms-items-title img {
  width: 76px;
  grid-column-start: 2;
}
.hspv-outer-wrapper .hssbtms-items-title p {
  text-align: left;
  font-size: 16px;
  display: block;
  position: relative;
  margin-bottom: 0px;
  color: rgb(123, 123, 123);
  font-weight: bold;
  word-break: initial;
}
.hspv-outer-wrapper .hssbtms-item {
  padding: 20px 0px;
  border-bottom: 1px dashed rgb(228, 231, 231);
  display: grid;
  grid-template-columns: 1.25fr 1.15fr 1.15fr;
  column-gap: 2px;
  -webkit-box-align: center;
  align-items: center;
}
.hspv-outer-wrapper .hssbtms-item-title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  width: fit-content;
}
.hspv-outer-wrapper .hssbtms-item p {
  display: block;
  position: relative;
  margin-bottom: 0px;
  font-size: 16px;
  text-align: center;
  color: rgb(5, 20, 26);
}
.hspv-outer-wrapper .hssbtms-item-title p {
  text-decoration: underline;
  text-transform: capitalize;
}
.hspv-outer-wrapper .hssbtms-item-title p:hover {
  color: rgb(119, 119, 119);
  text-decoration: underline;
}
.hspv-outer-wrapper .hssbtms-btm {
  margin: auto 0px 30px 40px;
}
.hspv-outer-wrapper .hssbtms-btm_con {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  width: fit-content;
}
.hspv-outer-wrapper .hssbtms-btm_con img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.hspv-outer-wrapper .hssbtms-btm_con p {
  color: rgb(5, 20, 26);
  text-align: left;
  font-size: 16px;
  display: block;
  position: relative;
  margin-bottom: 0px;
  cursor: default;
}
.hspv-outer-wrapper .hssbtms-btm_con p:hover {
  color: rgb(119, 119, 119);
  text-decoration: underline;
}

.hspv-outer-wrapper .eQUdeu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid rgb(228, 231, 231);
  background-color: rgb(255, 255, 255);
}
.hspv-outer-wrapper .eSyZIh {
  padding: 20px 40px;
}
.hspv-outer-wrapper .fDNfLQ {
  color: rgb(5, 20, 26);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0px;
  text-align: left;
}
.hspv-outer-wrapper .hZhyzq {
  color: rgb(5, 20, 26);
  text-align: left;
  font-size: 16px;
  position: relative;
  margin-bottom: 0px;
}
.hspv-outer-wrapper .bRzrLL {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin: 0px;
}
.hspv-outer-wrapper .hsWAsh {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin: 16px 0px;
}
.hspv-outer-wrapper .hspv-main-tab {
  margin: 0;
  font-family: inherit;
  line-height: inherit;
  width: 100%;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  background-color: rgb(228, 231, 231);
  color: rgb(119, 119, 119);
  font-size: 14px;
  text-align: center;
}
.hspv-outer-wrapper .hspv-main-tab.current1 {
  background-color: rgb(26, 147, 111);
  color: rgb(255, 255, 255);
}
.hspv-outer-wrapper .llyViG {
  width: 100%;
  position: relative;
}
.hspv-outer-wrapper .dXiuJH {
  font-family: inherit;
  line-height: inherit;
  cursor: pointer;
  color: inherit;
  padding: 8px 16px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(234, 236, 236) !important;
  border-radius: 6px;
  font-size: 14px;
  width: 100%;
  margin: 16px 0px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  text-transform: capitalize;
}
.hspv-outer-wrapper .dXiuJH:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
.hspv-outer-wrapper .zRuTu {
  border-top: 8px solid rgb(0, 0, 0);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.hspv-outer-wrapper .eXirsP {
  padding: 0px;
  margin-top: 10px;
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
  box-shadow: rgb(0 0 0 / 16%) 0px 2px 8px;
  width: 100%;
  position: absolute;
  z-index: 1;
  list-style: none;
  display: none;
}
.hspv-outer-wrapper .eXirsP li {
  list-style-type: none;
  padding: 8px 16px;
  font-size: 14px;
  color: rgb(35, 35, 35);
  cursor: pointer;
  text-transform: capitalize;
}
.hspv-outer-wrapper .eXirsP li:hover {
  background-color: rgba(26, 147, 111, 0.1);
}
.hspv-outer-wrapper .hspvl-btm {
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 40px;
  flex-direction: column;
}
.hspv-outer-wrapper .kmvQjn {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-bottom: 30px;
  width: 100%;
}
.hspv-outer-wrapper .kXwTvW {
  display: flex;
  flex-direction: row;
  -webkit-box-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  justify-content: start;
  width: 100%;
}
.hspv-outer-wrapper .kglWtV {
  color: rgb(26, 147, 111);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hspv-outer-wrapper .gQYBcx {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 400;
  color: rgb(5, 20, 26);
  letter-spacing: -0.01em;
}
.hspv-outer-wrapper .hspvl-btm-items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
}
.hspv-outer-wrapper .hspvlb-prgrs {
  width: 20%;
  height: 48px;
  background-color: rgb(86, 155, 101);
  margin-right: 0px;
}
.hspv-outer-wrapper .hspvl-btm-items2 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  row-gap: 16px;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px dashed rgb(228, 231, 231);
}
.hspv-outer-wrapper .hspvlb-box {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: rgb(86, 155, 101);
  margin-right: 10px;
}
.hspv-outer-wrapper .hspvlb-prgrs-item p {
  margin: 0px;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
}
.hspv-outer-wrapper .hspvlb-prgrs-item {
  width: 100%;
}
.hspv-outer-wrapper .hspvlb-prgrs-item:not(:last-child) {
  margin-bottom: 16px;
}
.hspv-outer-wrapper .hspvlb-prgrs-item-inner {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: start;
  width: 100%;
}


@media (max-width: 1440px) {
  .hspv-outer-wrapper .hspv-left_con {
    min-width: unset;
    width: 100%;
  }
  .hspv-outer-wrapper .hssbtm-sidebar {
    min-width: 380px;
    width: 380px;
  }
  .hspv-outer-wrapper .eQUdeu {
    display: flex;
    flex-direction: column;
  }



}

@media (max-width: 1096px) {
  .hspv-outer-wrapper .kmvQjn {
    grid-template-columns: 1fr 1fr;
  }

}

@media (max-width: 1024px) {
  .hspv-outer-wrapper .hspv-row {
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 56px 64px;
  }
  .hspv-outer-wrapper .hspv-left_con {
    margin: 0px 0px 16px;
  }
  .hspv-outer-wrapper .hssbtm-sidebar {
    min-width: unset;
    width: 100%;
    margin: 0px 0px 16px;
  }
  .hspv-outer-wrapper .hssbtm-sidebar-wrap {
    width: 100%;
  }
  .hspv-outer-wrapper .eSyZIh {
    padding: 20px 16px;
  }
  .hspv-outer-wrapper .hspv-main-tab {
    padding: 10px 5px;
  }
  .hspv-outer-wrapper .hspvl-btm {
    padding: 20px 16px 30px;
  }
  .hspv-outer-wrapper .hssbtms-top {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 16px;
  }
  .hspv-outer-wrapper .hssbtms-top h4, .hspv-outer-wrapper .hssbtms-top .hssbtms-top-title {
    font-size: 18px;
    line-height: 26px;
  }
  .hspv-outer-wrapper .hssbtms-date {
    padding-top: 8px;
  }
  .hspv-outer-wrapper .hssbtms-items {
    padding: 0px 16px 20px;
  }
  .hspv-outer-wrapper .hssbtms-btm {
    margin: auto 0px 20px 16px;
  }


}

@media (max-width: 768px) {
  .hspv-outer-wrapper .hspv-title {
    padding: 120px 72px 30px;
  }
  .hspv-outer-wrapper .hspv-factor {
    height: 50px;
  }
  .hspv-outer-wrapper .hspv-title h2 {
    font-size: 32px;
  }
  .hspv-outer-wrapper .hspv-row {
    padding: 0 72px 64px;
  }
  .hspv-outer-wrapper .fDNfLQ {
    font-size: 18px;
  }
  .hspv-outer-wrapper .gQYBcx {
    font-size: 16px;
  }


}

@media (max-width: 425px) {
  .hspv-outer-wrapper .hspv-row {
    padding: 0 20px 54px;
  }
  .hspv-outer-wrapper .hssbtms-top h4, .hspv-outer-wrapper .hssbtms-top .hssbtms-top-title {
    line-height: 24px;
  }
  .hspv-outer-wrapper .hssbtms-date p,
  .hspv-outer-wrapper .hssbtms-items-title p,
  .hspv-outer-wrapper .hssbtms-item p,
  .hspv-outer-wrapper .hssbtms-btm_con p,
  .hspv-outer-wrapper .gQYBcx {
    font-size: 14px;
  }
  .hspv-outer-wrapper .fDNfLQ {
    font-size: 16px;
  }
  .hspv-outer-wrapper .bRzrLL {
    font-size: 13px;
    line-height: 18px;
  }
  .hspv-outer-wrapper .kglWtV {
    font-size: 20px;
  }
  .hspv-outer-wrapper .hspvl-btm-items2 {
    grid-template-columns: 1fr;
  }
  .hspv-outer-wrapper .hspvlb-prgrs-item p {
    font-size: 12px;
  }
  .hspv-outer-wrapper .hspv-title {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hspv-outer-wrapper .hspv-factor {
    background-size: cover;
  }


}

/* ---------------------- Detailed Table -------------------- */

.hspv-outer-wrapper .hs-detailed-table {
  width: 100%;
  padding: 120px 56px;
  position: relative;
}
.hspv-outer-wrapper .hs-detailed-table .dataTables_filter,
.hspv-outer-wrapper .hs-detailed-table .dataTables_length,
.hspv-outer-wrapper .hs-detailed-table .dataTables_info,
.hspv-outer-wrapper .hs-detailed-table .dataTables_paginate {
  display: none;
}
.hspv-outer-wrapper .hs-detailed-table h2, .hspv-outer-wrapper .hs-detailed-table .hs-detailed-table-inner {
  line-height: 1.2;
  margin: 0;
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(5, 20, 26);
}
.hspv-outer-wrapper .hs-detailed-table .hsdb-subtitle {
  text-align: center;
  color: rgb(5, 20, 26);
  font-size: 18px;
  margin: 15px auto 60px;
}
.hspv-outer-wrapper .hs-detailed-table .hsdb-subtitle span {
  color: rgb(26, 147, 111);
  text-decoration: underline 1px dashed rgb(26, 147, 111);
}
.hspv-outer-wrapper .hs-detailed-table table {
  border: initial;
  border-collapse: collapse;
  background-color: rgb(255, 255, 255);
  max-width: 1044px;
  width: 100%;
  margin: auto;
  word-break: initial;
}
.hspv-outer-wrapper .hs-detailed-table table thead tr {
  display: grid;
  font-weight: bold;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  border-bottom: 1px solid rgb(35, 35, 35);
  grid-template-columns: 1fr 1fr 0.75fr 0.75fr 2fr;
  gap: 16px;
}
.hspv-outer-wrapper .hs-detailed-table table th {
  border: initial;
  background: initial;
  color: initial;
}
.hspv-outer-wrapper .hs-detailed-table table thead tr th {
  font-size: 12px;
  line-height: 18px;
  padding: 10px 0px;
  text-align: left;
  background-position: right center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  text-transform: uppercase;
  vertical-align: middle;
  width: auto !important;
}
.hspv-outer-wrapper .hs-detailed-table table .bEDxOH {
  cursor: pointer;
}
.hspv-outer-wrapper .hs-detailed-table table .etXoJL {
  text-align: center;
  cursor: pointer;
}
.hspv-outer-wrapper .hs-detailed-table table thead tr th img {
  width: 10px;
  height: 6px;
  transform: rotateX(
    0deg
  );
}
.hspv-outer-wrapper .hs-detailed-table table thead tr .headerSortDown img {
  transform: rotateX(
    180deg
  );
}
.hspv-outer-wrapper .hs-detailed-table table tbody tr {
  display: grid;
  border-bottom: 1px solid rgb(228, 231, 231);
  padding: 24px 0px;
  grid-template-columns: 1fr 1fr 0.75fr 0.75fr 2fr;
  gap: 16px;
}
.hspv-outer-wrapper .hs-detailed-table table td {
  vertical-align: initial;
  border: initial;
  color: initial;
  padding: 1px;
}
.hspv-outer-wrapper .hs-detailed-table table tbody tr td {
  font-size: 15px;
  font-weight: normal;
  color: rgb(5, 20, 26);
  text-align: left;
  text-decoration: none;
}
.hspv-outer-wrapper .hs-detailed-table table .foZpji {
  background-color: rgb(242, 242, 242);
  border-radius: 4px;
  padding: 12px 20px;
  font-size: 14px;
  font-family: "PT Mono";
}
.hspv-outer-wrapper .hs-detailed-table table tbody tr td.hsdb-sector {
  font-weight: bold;
}
.hspv-outer-wrapper .hs-detailed-table table tbody tr td.hsdb-allocated {
  text-align: center;
}
.hspv-outer-wrapper .hs-detailed-table table tbody tr td a {
  cursor: pointer;
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  text-decoration-line: underline;
  color: rgb(26, 147, 111);
}
.hspv-outer-wrapper .hs-detailed-table table tbody tr td a:hover {
  opacity: 0.8;
  color: rgb(26, 147, 111);
}
.hspv-outer-wrapper .hs-detailed-table table tbody tr td .hsdb_no_link {
  font-weight: 600;
}


.hspv-outer-wrapper .hs-detailed-table .fqDOlA {
  border-bottom: 1px solid rgb(228, 231, 231);
}
.hspv-outer-wrapper .hs-detailed-table .dLYdog {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  overflow: visible;
  text-transform: none;
  font-weight: 700;
  font-size: 20px;
  text-align: left;
  width: 100%;  
  padding: 15px 0px;
  background-size: 13px 6px;
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  color: inherit;
}
.hspv-outer-wrapper .hs-detailed-table .fqDOlA button {
  border: none;
  background-color: transparent;
}
.hspv-outer-wrapper .hs-detailed-table .ieswJH {
  padding: 20px 0px;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  border-bottom: none;
}
.hspv-outer-wrapper .hs-detailed-table .jOaldA {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.hspv-outer-wrapper .hs-detailed-table .ckwDLe {
  flex-direction: column;
  font-size: 15px;
}
.hspv-outer-wrapper .hs-detailed-table .cGvFuH {
  padding-bottom: 14px;
  font-weight: 400;
  font-size: 14px;
}
.hspv-outer-wrapper .hs-detailed-table .cwoGFd {
  -webkit-box-align: center;
  align-items: center;
}
.hspv-outer-wrapper .hs-detailed-table .dMJlPf {
  cursor: pointer;
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  text-decoration-line: underline;
  color: rgb(26, 147, 111);
}
.hspv-outer-wrapper .hs-detailed-table .ieswJH a {
  color: rgb(26, 147, 111);
  font-weight: bold;
  font-size: 16px;
}
.hspv-outer-wrapper .hs-detailed-table .jeUiYu {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: fit-content;
}
.hspv-outer-wrapper .hs-detailed-table .fEDxD {
  font-size: 12px;
  margin-right: 10px;
}
.hspv-outer-wrapper .hs-detailed-table .foZpji {
  background-color: rgb(242, 242, 242);
  border-radius: 4px;
  padding: 12px 20px;
  font-size: 14px;
  font-family: "PT Mono";
}
.hspv-outer-wrapper .hs-detailed-table .dvTnns {
  padding-top: 14px;
  font-weight: 300;
  font-size: 14px;
}
.hspv-outer-wrapper .hs-detailed-table .edxkse {
  font-weight: 600;
}
.hspv-outer-wrapper .hs-detailed-table table thead tr th.fhvXXv {
  pointer-events: none;
}
.hspv-outer-wrapper .hspv-main-tab:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

/* ToolTip */
.hspv-outer-wrapper .tooltip-wrap {
  position: absolute;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #94c2d1;
  text-align: left;
  width: 300px;
  bottom: 22.5px;
  right: 0;
  border-radius: 10px;
  background: #114b5f;
  padding: 6.4px 0;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  transition: opacity .15s linear;
  opacity: 0;
  visibility: hidden;
}
.hspv-outer-wrapper .dstltp:hover .tooltip-wrap {
  opacity: 1;
  visibility: visible;
}
.hspv-outer-wrapper .tooltip-inner-col p {
  font-family: Helvetica;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  margin-bottom: 1rem;
  color: #fff;
}
.hspv-outer-wrapper .tooltip-inner-col p a {
  font-family: Helvetica;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #94c2d1;
  text-decoration: none;
}
.hspv-outer-wrapper .tooltip-inner-col p:hover {
  color: #fff;
  text-decoration: none;
}
.hspv-outer-wrapper .tooltip-inner-col p a:hover {
  text-decoration: underline;
}
.hspv-outer-wrapper .tooltip-inner-col p:last-child {
  margin-bottom: 0;
}
.hspv-outer-wrapper .tooltip-inner-col {
  border-radius: 10px;
  background: #114b5f;
  padding: 20px;
  max-width: 100%;
  text-align: left;
  color: #fff;
}
/* End ToolTip */



@media (max-width: 1024px) {
  .hspv-outer-wrapper .hs-detailed-table {
    padding: 64px 56px;
  }
  .hspv-outer-wrapper .hs-detailed-table table .foZpji,
  .hspv-outer-wrapper .hs-detailed-table .foZpji {
    padding: 4px 12px;
    font-size: 12px;
    line-height: 20px;
  }
  .hspv-outer-wrapper .tooltip-wrap {
    right: auto;
    left: 0;
  }

}

@media (max-width: 768px) {
  .hspv-outer-wrapper .hs-detailed-table {
    padding: 64px 72px;
  }
  .hspv-outer-wrapper .hs-detailed-table h2, .hspv-outer-wrapper .hs-detailed-table .hs-detailed-table-inner {
    font-size: 32px;
  }
  .hspv-outer-wrapper .hs-detailed-table .hsdb-tbl-wrap {
    overflow-x: auto;
    overflow-y: hidden;
  }

}

@media (max-width: 767px) {
  .hspv-outer-wrapper .hs-detailed-table .hidden-phone {
    display: none !important;
  }
body .footer-menu ul.submenu.level-1 {display: flex;grid-template-columns: inherit;row-gap: inherit;gap: inherit;flex-wrap: wrap;margin: 0 -15px;}

.submenu.level-1>li.has-submenu {width: 50%;margin-bottom: 20px;padding: 0 15px;
    white-space: normal;}
}

@media (max-width: 425px) {
  .hspv-outer-wrapper .hs-detailed-table {
    padding: 54px 20px;
  }
  .hspv-outer-wrapper .hs-detailed-table .hsdb-subtitle {
    margin-bottom: 24px;
  }
  .hspv-outer-wrapper .hs-detailed-table .fqDOlA {
    width: 95%;
    margin: auto;
  }
  .hspv-outer-wrapper .hs-detailed-table .dLYdog {
    padding-right: 20px;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 1px solid rgb(228, 231, 231) !important;
  }

}

@media (max-width: 350px) {
  .hspv-outer-wrapper .tooltip-wrap {
    max-width: 265px;
  }
}

@media (min-width: 768px) {
  .hspv-outer-wrapper .hs-detailed-table .visible-phone {
    display: none !important;
  }
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hspv-outer-wrapper .hssbtms-btm_con {
    display: inline-block;
  }
  .hspv-outer-wrapper .hssbtms-btm_con > * {
    display: inline !important;
  }
  .hspv-outer-wrapper .hssbtms-item {
    display: flex;
    justify-content: space-between;
  }
  .hspv-outer-wrapper .eQUdeu,
  .hspv-outer-wrapper .hsWAsh {
    display: flex;
    flex-wrap: wrap;
  }
  .hspv-outer-wrapper .eSyZIh {
    width: 50%;
  }
  .hspv-outer-wrapper .hspv-main-tab {
    width: auto;
    margin-right: 10px;
  }
  .hspv-outer-wrapper .kmvQjn,
  .hspv-outer-wrapper .hspvl-btm-items2 {
    display: flex;
  }

}

/* End portfolio visualizer */


/* ----- End Portfolio page ----- */

/* Start return Page ---- */
/* Historical performance module */
.hstrcl-wrapper {
  word-break: initial;
  position: relative;
}
.hstrcl-wrapper .hstrcl-bgimg {
  background-color: rgb(17, 75, 95);
  height: 840px;
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
}
.hstrcl-wrapper .hstrcl-top {
  width: 100%;
  padding: 120px 56px;
  padding-top: 132px;
  padding-bottom: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
}
.hstrcl-wrapper .hstrcl-title {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(255, 255, 255);
  margin-bottom: 8px;
}
.hstrcl-wrapper .hstrcl-subtitle {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(220, 255, 141);
  margin-bottom: 8px;
}
.hstrcl-wrapper .hstrcl-hr {
  box-sizing: content-box;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.1);
  overflow: visible;
  width: 120px;
  height: 2px;
  margin: 40px 0px 60px;
  background-color: rgb(255, 255, 255);
}
.hstrcl-wrapper .jjTcTs {
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 460px;
}
.hstrcl-wrapper .hstrcl-mainTab {
  line-height: inherit;
  width: 220px;
  padding: 14px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  color: rgb(80, 135, 155);
  background-color: rgb(15, 65, 82);
  box-shadow: rgb(13 58 74 / 50%) 0px 0px 8px inset;
  text-align: left;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.hstrcl-wrapper .hstrcl-mainTab.currentMain {
  color: rgb(255, 255, 255);
  background-color: rgb(29, 165, 124);
  box-shadow: none;
}
.hstrcl-wrapper .OJJCp {
  width: 20px;
  height: 20px;
  margin-right: 28px;
}


.hstrcl-wrapper .tab-content,
.hstrcl-wrapper .tab1-content {
  display: none;
}
.hstrcl-wrapper .tab-content.current,
.hstrcl-wrapper .tab1-content.current1 {
  display: block;
}
.hstrcl-wrapper .hssbtm-sidebar.current,
.hstrcl-wrapper .hspvl-btm.current {
  display: flex;
}
.hstrcl-wrapper .hspv-title {
  width: 100%;
  padding: 120px 56px;
  position: relative;
  background-color: rgb(17, 75, 95);
  padding-top: 220px;
  padding-bottom: 54px;
}
.hstrcl-wrapper .hspv-factor {
  height: 100px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
.hstrcl-wrapper .hspv-title h2 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(255, 255, 255);
  margin-bottom: 8px;
}
.hstrcl-wrapper .hspv-row {
  width: 100%;
  padding: 120px 56px;
  padding-bottom: 10px !important;
  position: relative;
  padding-top: 0px;
  display: none;
  -webkit-box-pack: center;
  justify-content: center;
}
.hstrcl-wrapper .hspv-row.currentMain {
  display: flex;
}
.hstrcl-wrapper .hspv-left_con {
  border-radius: 16px;
  min-width: 830px;
  width: 830px;
  box-shadow: rgb(0 0 0 / 8%) 0px 2px 12px;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  margin-right: 9px;
}
.hstrcl-wrapper .hssbtm-sidebar {
  border-radius: 16px;
  width: 408px;
  min-width: 408px;
  box-shadow: rgb(8 34 43 / 12%) 0px 2px 12px;
  background-color: rgb(255, 255, 255);
  margin-left: 9px;
  display: none;
  flex-direction: column;
  min-height: 100%;
}
.hstrcl-wrapper .hssbtms-top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 20px 40px;
  border-bottom: 1px solid rgb(228, 231, 231);
}
.hstrcl-wrapper .hssbtms-top h4, .hstrcl-wrapper .hssbtms-top .hssbtms-top-title {
  font-family: Helvetica;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  color: #05141a;
  margin: 0 0 .5rem;
}
.hstrcl-wrapper .hssbtms-date {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: fit-content;
}
.hstrcl-wrapper .hssbtms-date p {
  color: rgb(119, 119, 119);
  text-align: left;
  font-size: 16px;
  display: block;
  position: relative;
  margin-bottom: 0px;
}
.hstrcl-wrapper .hssbtms-date img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.hstrcl-wrapper .hssbtms-items {
  width: 100%;
  padding: 0px 40px 30px;
}
.hstrcl-wrapper .hssbtms-items-title {
  border-bottom: 1px dashed rgb(228, 231, 231);
  display: grid;
  grid-template-columns: 1.25fr 1.15fr 1.15fr;
  column-gap: 2px;
  -webkit-box-align: center;
  align-items: center;
  padding: 12px 0px;
  justify-items: center;
}
.hstrcl-wrapper .hssbtms-items-title img {
  width: 76px;
  grid-column-start: 2;
}
.hstrcl-wrapper .hssbtms-items-title p {
  text-align: left;
  font-size: 16px;
  display: block;
  position: relative;
  margin-bottom: 0px;
  color: rgb(123, 123, 123);
  font-weight: bold;
  word-break: initial;
}
.hstrcl-wrapper .hssbtms-item {
  padding: 20px 0px;
  border-bottom: 1px dashed rgb(228, 231, 231);
  display: grid;
  grid-template-columns: 1.25fr 1.15fr 1.15fr;
  column-gap: 2px;
  -webkit-box-align: center;
  align-items: center;
}
.hstrcl-wrapper .hssbtms-item-title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  width: fit-content;
}
.hstrcl-wrapper .hssbtms-item p {
  display: block;
  position: relative;
  margin-bottom: 0px;
  font-size: 16px;
  text-align: center;
  color: rgb(5, 20, 26);
}
.hstrcl-wrapper .hssbtms-item-title p {
  text-align: left;
}
.hstrcl-wrapper .hssbtms-item-title p {
  text-decoration: underline;
  text-transform: capitalize;
}
.hstrcl-wrapper .hssbtms-item-title p:hover {
  color: rgb(119, 119, 119);
  text-decoration: underline;
}
.hstrcl-wrapper .hssbtms-btm {
  margin: auto 0px 30px 40px;
}
.hstrcl-wrapper .hssbtms-btm_con {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  width: fit-content;
}
.hstrcl-wrapper .hssbtms-btm_con img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.hstrcl-wrapper .hssbtms-btm_con p {
  color: rgb(5, 20, 26);
  text-align: left;
  font-size: 16px;
  display: block;
  position: relative;
  margin-bottom: 0px;
  cursor: default;
}
.hstrcl-wrapper .hssbtms-btm_con p:hover {
  color: rgb(119, 119, 119);
  text-decoration: underline;
}

.hstrcl-wrapper .eQUdeu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid rgb(228, 231, 231);
  background-color: rgb(255, 255, 255);
}
.hstrcl-wrapper .eSyZIh {
  padding: 20px 40px;
}
.hstrcl-wrapper .fDNfLQ {
  color: rgb(5, 20, 26);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0px;
  text-align: left;
}
.hstrcl-wrapper .hZhyzq {
  color: rgb(5, 20, 26);
  text-align: left;
  font-size: 16px;
  position: relative;
  margin-bottom: 0px;
}
.hstrcl-wrapper .bRzrLL {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin: 0px;
}
.hstrcl-wrapper .hsWAsh {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin: 16px 0px;
}
.hstrcl-wrapper .hspv-main-tab {
  margin: 0;
  font-family: inherit;
  line-height: inherit;
  width: 100%;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  background-color: rgb(228, 231, 231);
  color: rgb(119, 119, 119);
  font-size: 14px;
  text-align: center;
}
.hstrcl-wrapper .hspv-main-tab.current1 {
  background-color: rgb(26, 147, 111);
  color: rgb(255, 255, 255);
}
.hstrcl-wrapper .hspv-main-tab:focus,
.hstrcl-wrapper .hstrcl-mainTab:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
.hstrcl-wrapper .llyViG {
  width: 100%;
  position: relative;
}
.hstrcl-wrapper .dXiuJH {
  font-family: inherit;
  line-height: inherit;
  cursor: pointer;
  color: inherit;
  padding: 8px 16px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(234, 236, 236) !important;
  border-radius: 6px;
  font-size: 14px;
  width: 100%;
  margin: 16px 0px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  text-transform: capitalize;
}
.hstrcl-wrapper .dXiuJH:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
.hstrcl-wrapper .zRuTu {
  border-top: 8px solid rgb(0, 0, 0);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.hstrcl-wrapper .eXirsP {
  padding: 0px;
  margin-top: 10px;
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
  box-shadow: rgb(0 0 0 / 16%) 0px 2px 8px;
  width: 100%;
  position: absolute;
  z-index: 1;
  list-style: none;
  display: none;
}
.hstrcl-wrapper .eXirsP li {
  list-style-type: none;
  padding: 8px 16px;
  font-size: 14px;
  color: rgb(35, 35, 35);
  cursor: pointer;
  text-transform: capitalize;
}
.hstrcl-wrapper .eXirsP li:hover {
  background-color: rgba(26, 147, 111, 0.1);
}
.hstrcl-wrapper .hspvl-btm {
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 40px;
  flex-direction: column;
}
.hstrcl-wrapper .kmvQjn {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-bottom: 30px;
  width: 100%;
}
.hstrcl-wrapper .kXwTvW {
  display: flex;
  flex-direction: row;
  -webkit-box-align: baseline;
  align-items: baseline;
  -webkit-box-pack: start;
  justify-content: start;
  width: 100%;
}
.hstrcl-wrapper .kglWtV {
  color: rgb(26, 147, 111);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hstrcl-wrapper .gQYBcx {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 400;
  color: rgb(5, 20, 26);
  letter-spacing: -0.01em;
}
.hstrcl-wrapper .hspvl-btm-items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
}
.hstrcl-wrapper .hspvlb-prgrs {
  width: 20%;
  height: 48px;
  background-color: rgb(86, 155, 101);
  margin-right: 0px;
}
.hstrcl-wrapper .hspvl-btm-items2 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  row-gap: 16px;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px dashed rgb(228, 231, 231);
}
.hstrcl-wrapper .hspvlb-box {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: rgb(86, 155, 101);
  margin-right: 10px;
}
.hstrcl-wrapper .hspvlb-prgrs-item p {
  margin: 0px;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
}
.hstrcl-wrapper .hspvlb-prgrs-item {
  width: 100%;
}
.hstrcl-wrapper .hspvlb-prgrs-item:not(:last-child) {
  margin-bottom: 16px;
}
.hstrcl-wrapper .hspvlb-prgrs-item-inner {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: start;
  width: 100%;
}
.hstrcl-wrapper .iehvjW {
  width: 100%;
  padding: 18px 40px 30px;
}
.hstrcl-wrapper .jOaldA {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.hstrcl-wrapper .hbusih {
  flex-wrap: wrap;
  margin-top: 16px;
}
.hstrcl-wrapper .jOaldA {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.hstrcl-wrapper .laKGqb {
  width: fit-content;
}
.hstrcl-wrapper .dRsyqq {
  display: flex;
  margin-right: 30px;
  margin-bottom: 16px;
}
.hstrcl-wrapper .kymJWS {
  width: 22px;
  height: 22px;
  margin-right: 8px;
  border-radius: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: rgb(26, 147, 111);
}
.hstrcl-wrapper .lRfdj {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 1px solid rgb(255, 255, 255);
}
.hstrcl-wrapper .jYyNNR {
  width: 22px;
  height: 22px;
  margin-right: 8px;
  border-radius: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: rgb(228, 231, 231);
}
.hstrcl-wrapper .lRfdj {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 1px solid rgb(255, 255, 255);
}
.hstrcl-wrapper .hstrcl-stock-img {
  display: inline-block;
}
.hstrcl-wrapper .bwSYJA {
  width: 100%;
  height: 100%;
  margin: 40px 0px;
}

.hstrcl-wrapper .hspv-left_con {
  overflow: visible;
}
.hstrcl-wrapper .eQUdeu {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
/* ToolTip */
.hstrcl-wrapper .tooltip-wrap {
  position: absolute;
  font-family: Helvetica;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #94c2d1;
  text-align: left;
  width: 300px;
  bottom: 23.5px;
  right: 0;
  border-radius: 10px;
  background: #114b5f;
  padding: 6.4px 0;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  transition: opacity .15s linear;
  opacity: 0;
  visibility: hidden;
}
.hstrcl-wrapper .dstltp:hover .tooltip-wrap {
  opacity: 1;
  visibility: visible;
}
.hstrcl-wrapper .tooltip-inner-col p {
  font-family: Helvetica;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  margin-bottom: 1rem;
  color: #fff;
}
.hstrcl-wrapper .tooltip-inner-col p a {
  font-family: Helvetica;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #94c2d1;
  text-decoration: none;
}
.hstrcl-wrapper .tooltip-inner-col p:hover {
  color: #fff;
  text-decoration: none;
}
.hstrcl-wrapper .tooltip-inner-col p a:hover {
  text-decoration: underline;
}
.hstrcl-wrapper .tooltip-inner-col p:last-child {
  margin-bottom: 0;
}
.hstrcl-wrapper .tooltip-inner-col {
  border-radius: 10px;
  background: #114b5f;
  padding: 20px;
  max-width: 100%;
  text-align: left;
  color: #fff;
}
/* End ToolTip */


/*---------- 21-10-21 -----------*/

.c-index-new {
  padding-top: 245px;
  background-size: 100%;
  background-repeat: no-repeat;
      margin-top: -95px;
      font-weight: 400;
}
.c-index-new h2,
.c-index-new p,
.c-index-new-tabs,
h1.ind_hd {
  text-align: center;
}
.c-index-new .page-center {
  max-width: 1300px;
}

.c-index-new h2,
h1.ind_hd {
  font-size: 57px;
  line-height: 120%;
  color: #05141A;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.c-index-new p {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 0;
}


.c-index-new-tabs {
  margin: 60px 0;
}
.c-index-new-tabs button.c-index-tab {
  border: 1.5px solid #05141A;
  border-radius: 10px;
  width: 220px;
  padding: 12.5px 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #05141A;
  text-transform: capitalize;
  margin-right: 10px;
  background-color: transparent;
}
.c-index-new-tabs button.c-index-tab:last-child {
  margin-right: 0;
}
.c-index-new-tabs button.c-index-tab.current1,
.c-index-new-tabs button.c-index-tab:hover {
  background-color: #1A936F;
  color: #fff;
  border-color: transparent;
}
.c-index-new-conts {
  background-color: #fff;
  border: 1px solid #F4F5F5;
  border-radius: 16px;
  margin: 0px 0px 50px;
}
.c-index-tab-cont {
  padding: 40px 0;
}
.tablet .item {
    padding: 0 40px;
}
.c-index-filter-main {
  background: #F7F8F8;
  border-radius: 8px;
  padding: 30px 30px 0px;
  max-width: calc(100% - 80px);
    margin: 0 auto;
}
.c-index-filter-row-1 {
  border-bottom: 1px solid rgb(228 231 231 / 50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-index-filter-row-1 span.clear-filter {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #1A936F;
    display: inline-block;
    cursor: pointer;
}
.c-index-filter-row-2,
.c-index-filter-row-3{
  display: flex;
  flex-wrap: wrap;
}
.c-index-filter-row-2 {
  border-bottom: 1px solid rgb(228 231 231 / 50%);
  padding: 16px 0;
}
.c-index-filter-row-3{
  padding: 16px 0;
}
.category-item {
  margin-right: 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.category-item > input {
  margin-right: 8px;
  width: 22px;
  height: 22px;
  background: #FFFFFF;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
}
.category-item:last-child {
  margin-right: 0;
}
.category-item > label {
  font-size: 14px;
  line-height: 22px;
  color: #05141A;
}
.category-item > label::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 5px;
  border-left: 1.2px solid #fff;
  border-bottom: 1.2px solid #fff;
  left: 5.5px;
  top: 7px;
  transform: rotate(-45deg);
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.category-item > input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.c-index-filter-row-1 h5 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}
.c-index-filter-row-2 strong,
.c-index-filter-row-3 strong{
  font-size: 12px;
  line-height: 22px;
  font-weight: bold;
  text-transform: uppercase;
  color: #05141A;
}
.c-index-filter-row-2-title,
.c-index-filter-row-3-title{
  width: 15.44%;
}
.c-index-filter-row-2-items,
.c-index-filter-row-3-items{
  width: 84.56%;
  display: flex;
  flex-wrap: wrap;
}
.c-index-filter-row-3-items .category-item {
  margin-bottom: 10px;
}
.category-item > input[type='checkbox'] {
  appearance: none;
  -webkit-appearance: none;
}
.category-item > input[type='checkbox']:checked{
  background-color: #333;
}
.category-item.Clean-Energy > input {
  border-color: #1A936F;
}
.category-item.Clean-Energy > input:checked {
  background-color: #1A936F;
}
.category-item.Building-Efficiency > input {
  border-color: #499FD4;
}
.category-item.Building-Efficiency > input:checked {
  background-color: #499FD4;
}
.category-item.Clean-Transportation > input{
  border-color: #EF6F2D;
}
.category-item.Clean-Transportation > input:checked {
  background-color: #EF6F2D;
}
.category-item.Circular-Economy > input {
  border-color: #9D69A3;
}
.category-item.Circular-Economy > input:checked {
  background-color: #9D69A3;
}
.category-item.Food-Ag > input {
  border-color: #0DB632;
}
.category-item.Food-Ag > input:checked {
  background-color: #0DB632;
}
.category-item.Health > input {
  border-color: #005984;
}
.category-item.Health > input:checked {
  background-color: #005984;
}
.category-item.Pure-Play > input {
  border-color: #79B750;
}
.category-item.Pure-Play > input:checked {
  background-color: #79B750;
}
.category-item.Passed-Exclusionary-Filter > input {
  border-color: #7C7AF8;
}
.category-item.Passed-Exclusionary-Filter > input:checked {
  background-color: #7C7AF8;
}
.c-index-filter-row-3-items div[class*='Passed-'] > input{
  border-color: #7c7af8;
}
.c-index-filter-row-3-items div[class*='Passed-'] > input:checked {
  background-color: #7C7AF8;
}
.category-item.Passed-Exclusionary-Filter > input {
  border-color: #7C7AF8;
}
.category-item.Passed-Exclusionary-Filter > input:checked {
  background-color: #7C7AF8;
}
.category-item.Failed-Exclusionary-Filter > input {
  border-color: #FB5762;
}
.category-item.Failed-Exclusionary-Filter > input:checked,
.category-item.Failed-Defense-Filter > input:checked,
.category-item.Failed-Landfill-Filter > input:checked,
.category-item.Fails-Biofuel-Filter > input:checked,
.category-item.Failed-Utility-Filter > input:checked,
.category-item.Failed-Revenue-Filter > input:checked,
.category-item.Failed-Water-Filter > input:checked {
  background-color: #FB5762;
}
.category-item.Lacks-Proper-Information > input {
  border-color: #F8A557;
}
.category-item.Lacks-Proper-Information > input:checked {
  background-color: #F8A557;
}
.c-index-filter-row-3-items div[class*='Lacks-'] > input{
  border-color: #F8A557;
}
.c-index-filter-row-3-items div[class*='Lacks-'] > input:checked {
  background-color: #F8A557;
}
div[class *= 'Failed-'] > input{
  border-color: #FB5762;
}
div[class *= 'Failed-'] > input:checked {
  background-color: #FB5762;
}
.c-index-filter-cont th.header {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.c-index-filter-cont .table-sortable {
  border: 0px;
  border-collapse: collapse;
}
.c-index-filter-cont .table-sortable td {
  border: 0;
  color: #05141A;
  font-size: 14px;
  line-height: 20px;
  border-bottom:1px solid #E4E7E7;
  padding: 20px 0px;
}

.c-index-filter-cont .table-sortable thead td {
    border: 0px;
    color: #05141a;
    background-color: transparent;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .01em;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(228 231 231 / 50%);
    text-align: left;
    padding: 20px 0px;
}

.c-index-filter-cont .table-sortable th {
  border: 0px;
  color: #05141A;
  background-color: transparent;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  border-bottom: 1px solid rgb(228 231 231 / 50%);
  text-align: left;
  padding: 20px 0px;
}
.c-index-filter-cont .table-sortable th:nth-child(1),
.c-index-filter-cont .table-sortable td:nth-child(1) {
/*   width: 11.67%;     */
  width: 14.67%;
  padding-left: 0px;
}
.c-index-filter-cont .table-sortable th:nth-child(2),
.c-index-filter-cont .table-sortable td:nth-child(2) {
  width: 17.463%;
}
.c-index-filter-cont .table-sortable th:nth-child(3),
.c-index-filter-cont .table-sortable td:nth-child(3) {
  width: 19.762%;
}
.c-index-filter-cont .table-sortable th:nth-child(4),
.c-index-filter-cont .table-sortable td:nth-child(4) {
/*   width: 21.466%;   */
  width: 18.466%;
}
.c-index-filter-cont .table-sortable th:nth-child(5),
.c-index-filter-cont .table-sortable td:nth-child(5) {
  width: 29.639%;
  padding-right: 0px;
}
.c-index-filter-cont .table-sortable .des {
    font-weight: 300;
}
.allocated span {
  background-color: #f2f2f2;
  letter-spacing: -0.02em;
  display: inline-block;
  padding: 9px 16px 7px;
  border-radius: 4px;
  font-family: PT Mono;
  line-height: 1;
}
.company-type span {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  min-width: 160px;
  padding: 5px 16px;
  border-radius: 4px;
  text-align: center;
  background-color: #f7f7f7;
}
td.Building-Efficiency span {
  color: #499FD4;
  background-color: rgba(73, 159, 212, 0.08);
}
.company-logo {
  margin-right: 13px;
}
.company-logo img {
  border: 1px solid #F4F5F5;
  box-sizing: border-box;
  border-radius: 4px;
  object-fit: contain;
  width: 30px;
  height: 30px;
  object-position: center;
  padding: 3px;
}
.company-name {
  text-transform: capitalize;
  color: #232323;
  line-height: 30px;
}
.company-logo-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto !important;
}
.category span {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.category span::before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 50%;
  left: 0px;
  top: 12px;
  background-color: #000;
}
.No-Drawdown-Solution .category span,
.Passed-Revenue-Filter .category span,
td[class *= 'Passed-'] .category span {
  color: #7C7AF8;
}
.No-Drawdown-Solution .category span::before,
.Passed-Revenue-Filter .category span::before,
td[class *= 'Passed-'] .category span::before {
  background-color: #7C7AF8;
}
.Pure-Plays .category span,
td[class *= 'Pure-'] .category span {
  color: #79B750;
}
.Pure-Plays .category span::before,
td[class *= 'Pure-'] .category span::before {
  background-color: #79B750;
}
.Lacks-Sufficient-Information .category span,
td[class *= 'Lacks-'] .category span  {
  color: #F8A557;
}
.Lacks-Sufficient-Information .category span::before,
td[class *= 'Lacks-'] .category span::before {
  background-color: #F8A557;
}
.Failed-Revenue-Filter .category span,
.Failed-Defense-Filter .category span,
td[class *= 'Failed-'] .category span,
td[class *= 'Fails-'] .category span {
  color: #FB5762;
}
.Failed-Revenue-Filter .category span::before,
.Failed-Defense-Filter .category span::before,
td[class *= 'Failed-'] .category span::before,
td[class *= 'Failes-'] .category span::before {
  background-color: #FB5762;
}
tr.Failed-Revenue-Filter,
tr[class *= 'Failed-'],
tr[class *= 'Fails-'],
tr[class *= 'Lacks-'] {
  background-color: rgba(250, 103, 112, 0.06);
}
tr[class *= 'Failed-'] .company-name,
tr[class *= 'Lacks-'] .company-name{
  text-decoration: line-through;
}
.c-index-filter-cont {
  margin: 30px 0px 0px;
}
.c-index-tab-cont.performance {
  padding: 0;
  border-radius: 16px;
}
.c-index-tab-cont.performance .hstrcl-wrapper .hstrcl-bgimg {
  border-radius: 16px;
}

.how-its-made-cont h3,
.how-to-invest-cont h3 {
    font-family: Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0;
    text-align: left;
    color: #1a936f;
    margin: 0px 0px 16px;
    display: inline-block;
}


.how-its-made-cont p,
.how-to-invest-cont p {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
    color: #232323;
    margin: 0px 0px 30px;
}

.how-its-made-cont hr,
.how-to-invest-cont hr {
    border-bottom: 1px solid rgba(228,231,231,0.5);
    border-top: 0;
    margin: 30px 0px;
    background: transparent;
    height: 0;
}

.how-its-made-cont ul.nm-list,
.how-to-invest-cont ul.nm-list {
    list-style: decimal;
    padding-left: 20px;
    margin-bottom: 0px;
}

.how-its-made-cont ul.nm-list li,
.how-to-invest-cont ul.nm-list li {
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #777;
}

.how-its-made-cont ul.nm-list li span,
.how-to-invest-cont ul.nm-list li span {
    text-decoration: underline;
    color: #777;
    cursor: pointer;
}

.how-its-made-cont ul.nm-list li span a,
.how-to-invest-cont ul.nm-list li span a {
    text-decoration: underline;
    color: #777;
    cursor: pointer;
}

.how-its-made-cont h1,
.how-to-invest-cont h1 {
    font-size: 36px;
    line-height: 50px;
    text-align: left;
    margin-bottom: 12px;
}

.how-its-made-cont h4,
.how-to-invest-cont h4 {
    font-size: 20px;
    line-height: 30px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 600;
    color: #05141a;
}

.sc-kfYoZR.lpaEYv.tablet {
    display: none;
}

.c-index-tab-cont .hstrcl-wrapper .hstrcl-bgimg{
   height: 100%;
}
.c-index-tab-cont .hstrcl-wrapper{
   padding: 0 0 130px;
}

.Circular-Economy .company-type span {
  color: #9D69A3;
  background: rgba(157, 105, 163, 0.08);
}
.Clean-Energy .company-type span {
  color: #1A936F;
  background: rgba(26, 147, 111, 0.08);
}
.Clean-Transportation .company-type span {
  color: #EF6F2D;
  background: rgba(239, 111, 45, 0.08);
}
.Food-Ag .company-type span {
  color: #0DB632;
 background: rgba(13, 182, 50, 0.08);
}
.c-index-new-conts .hstrcl-wrapper .hstrcl-subtitle {
    font-family: Calistoga;
    font-style: normal;
    font-weight: normal;
    font-size: 57px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 100px;
}

.c-index-new-conts .hstrcl-stock-img img{
       max-width: 100%;
    object-fit: contain;
}
.c-index-new-conts .hstrcl-wrapper .hssbtms-date,
.c-index-new-conts .hstrcl-wrapper .hssbtms-btm_con,
.c-index-new-conts .hstrcl-wrapper .dRsyqq{
   align-items: center;
}
.c-index-new-conts .hstrcl-wrapper .hssbtms-top .hssbtms-top-title {
    margin-bottom: 0;
}

tbody#ourHolder > tr {
    padding: 0px 40px;
}

.c-index-tab-cont.how-to-invest.tab1-4,
.c-index-tab-cont.how-its-made.tab1-3{
    padding: 40px !important;
}

.c-index-filter-cont .table-sortable th,
.c-index-filter-cont .table-sortable td {
  height: auto;
}
.c-index-filter-cont .table-sortable tbody, .c-index-filter-cont .table-sortable thead {
    display: inline-block;
    width: 100%;
}
.c-index-filter-cont .table-sortable tr {
    display: flex;
    width: 100%;
    padding: 0px 40px;
}
body.header-behind-banner .body-container-wrapper {
    overflow: inherit;
}

.c-index-new-conts .hstrcl-wrapper .hstrcl-top{
   padding-top: 50px;
   padding-bottom: 40px;
}
.c-index-new-conts .hstrcl-wrapper .hstrcl-subtitle{
    margin-bottom: 30px;
}
 .c-index-filter-cont .table-sortable{
       width: 100% !important;
} 
.table-sortable.close-table {
    display: none !important;
}
.table-sortable.open-table {
    display: block !important;
}
.c-index-filter-cont table > thead > tr {
    border-bottom: 0 !important;
    gap: 0 !important;
}

 .c-index-new-conts .hstrcl-wrapper .eQUdeu > *:first-child {
     flex-basis: 56%;
     max-width: 56%;
  }
  .c-index-new-conts .hstrcl-wrapper .eQUdeu > *:last-child {
     flex-basis: 44%;
     max-width: 44%;
  }

.c-index-sub-pages-with-filter-title {
    text-align: center;
}
.c-index-sub-pages-with-filter-title h2 {
    margin-bottom: 40px;
      font-size: 31px;
    line-height: 36px;
    color: #05141A;
}
.c-index-sub-pages-with-filter-main {
    position: relative;
        padding-top: 100px;
      font-weight: 400;
}
.c-index-sub-pages-with-filter-main::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 800px;
    background: #F4F5F5;
    z-index: -1;
}
.c-index-sub-pages-with-filter {
    background-color: #fff;
        padding-top: 40px;
   border: 1px solid #f4f5f5;
    border-radius: 16px;
}
.c-index-sub-pages-with-filter-main .clean-energy .desktop{
   padding: 0;
  max-width: 100%;
    border-radius: 0px;
}
/* .c-index-sub-pages-with-filter-main .c-index-filter-cont .table-sortable thead{
   border-bottom: 1px solid #05141a
} */
/* .c-index-sub-pages-with-filter-main .c-index-filter-cont .table-sortable tr{
   padding: 0;
} */
/* .c-index-sub-pages-with-filter-main tbody#ourHolder>tr {
    padding: 0;
} */
/* .c-index-sub-pages-with-filter .c-index-filter-main {
    background-color: #fff;
}
.c-index-sub-pages-with-filter-main .c-index-filter-cont {
    margin-top: 0;
} */
.c-index-sub-pages-with-filter .c-index-filter-cont .table-sortable th,
.c-index-sub-pages-with-filter .c-index-filter-cont .table-sortable thead td{
    border-bottom-color: #05141a;
}


/*--------- banner section -----------*/

.left-form-right-video-main {
    padding: 80px 0;
    padding-top: 245px;
    background-repeat: no-repeat;
    margin-top: -96px;
    background-size: 107%;
}
.form-with-video {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.form-with-video > .left-form-section {
    flex-basis: 56%;
    max-width: 56%;
}
.form-with-video > .right-video-section {
    flex-basis: 44%;
    max-width: 44%;
}
.form-header-text h1 {
    font-weight: normal;
    font-size: 60px;
    line-height: 70px;
    text-transform: capitalize;
    color: #05141A;
    margin-bottom: 30px;
}
.form-header-text h1 span {
    color: #1a936f;
}
.form-header-text p {
    font-weight: normal;
    font-size: 20px;
    line-height: 33px;
    color: #05141A;
    font-family: Helvetica;
    max-width: 636px;
        margin-bottom: 40px;
}
.left-form-right-video-main form .hs-form-field{
   max-width: 302px;
   margin-right: 16px;
   margin-bottom: 0;
}
.left-form-right-video-main form .hs-form-field:last-child{
   margin-right: 0;
}
.left-form-right-video-main form fieldset input {
    width: 100%;
    height: 53.75px;
    margin-right: 16px !important;
    border: 1px solid #e4e7e7;
    background-color: #fff;
    box-shadow: 0px 1px 4px rgb(0 0 0 / 4%);
    border-radius: 10px;
}
.left-form-right-video-main form fieldset input:focus {
    border: 1px solid #1A936F;
}
.left-form-right-video-main form fieldset .input{
    margin-right: 0 !important;
}
.left-form-right-video-main form .actions input {
    width: 100%;
    max-width: 620px;
    height: 59px;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    background-color: #1a936f;
    color: #fff;
    text-decoration: none;
}
.left-form-right-video-main form .actions input:hover{
   background-color: transparent;
    border-color: #1a936f;
    color: #1a936f;
    text-decoration: none;
}
.left-form-right-video-main .logo-repeater {
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.left-form-right-video-main .single-logo:nth-child(1) img {
    width: 114px;
}
.left-form-right-video-main .single-logo:nth-child(2) img {
    width: 178px;
}
.left-form-right-video-main .single-logo:nth-child(1) img {
    width: 114px;
}
.left-form-right-video-main .single-logo {
    margin-right: 60px;
}
.left-form-right-video-main .single-logo:last-child {
    margin-right: 0;
}

.add-video > div {
    height: 100%;
}
.vidyard-player-container {
    height: 100% !important;
    max-height: unset !important;
}
.vidyard-player-container div[class^=vidyard-div-] {
    height: 100% !important;
    padding-bottom: 0 !important;
}
.add-video * {
    max-height: unset !important;
}

.left-form-right-video-main .right-video-section {
    max-width: 480px !important;
    width: 100%;
    max-height: 560px;
    border: 0;
    box-shadow: 0px 8px 60px rgb(37 55 53 / 24%);
    border-radius: 16px;
        position: relative;
    overflow: hidden;
}
.left-form-right-video-main .right-video-section .add-video{
    height: 100%;
}
.left-form-right-video-main .right-video-section .add-video iframe{
   min-height: 560px;
   max-width: 480px;
       transform: translateY(-24px);
  border-radius: 16px !important; 
}
.right-video-section .video-text {
    position: absolute;
    left: 30px;
    bottom: 30px;
     z-index: 9999;
}
.video-text p {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    font-family: Helvetica;
    font-style: normal;
    letter-spacing: 0.02em;
    margin-bottom: 0;
    color: #fff;
}
.video-text p span{
   color: #DCFF8D;
}
.form-with-video-bottom-section {
    margin-top: 70px;
}
.form-with-video-bottom-section .repeater {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.form-with-video-bottom-section .single-item {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 8%);
    border-radius: 12px;
/*     display: flex;
    align-items: center; */
        padding: 20px 30px;
    position: relative;
    text-align: center;
}
.form-with-video-bottom-section .single-item p {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #424242;
    display: inline-block;
}
.form-with-video-bottom-section .single-item .icon {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.form-with-video-bottom-section .repeater> * {
    flex-basis: 33.33%;
    margin-right: 16px;
}
.form-with-video-bottom-section .repeater> *:last-child {
    margin-right: 0;
}


  .left-form-right-video-main {
    padding-top: 175px;
    background-size: cover;
    margin-bottom: 40px;
    padding-bottom: 0;
}
  .left-form-right-video-main-inner {
    margin-bottom: -60px;
    display: inline-block;
    width: 100%;
}

/*------ 11-10-21 -------*/

.c-index-sub-pages-with-filter-main .company-name a,
.c-index-filter-cont .company-name a{
    text-decoration: none;
    text-transform: capitalize;
    color: #232323;
    line-height: 30px;
}
.c-index-sub-pages-with-filter-main .company-type span a,
.c-index-new-conts .company-type span a{
    text-decoration: none;
     color: inherit;
}

.c-index-filter-cont th.header,
.c-index-sub-pages-with-filter .c-index-filter-cont .table-sortable th, .c-index-sub-pages-with-filter .c-index-filter-cont .table-sortable thead td{
    font-family: Helvetica;
}

/*----------------------*/

/*----------------------------------*/

/*------ advocate details page --------*/

.adv-details-white-bg-header .dnd-section {
    padding: 0 !important;
}

.adv-dtl-banner-ctg span {
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    color: #DCFF8D;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
    display: inline-block;
}


.adv-dtl-banner-title h1 {
    font-style: normal;
    font-weight: normal;
    font-size: 57px;
    line-height: 120%;
    color: #fff;
        position: relative;
    padding-bottom: 40px;
}
.adv-dtl-banner-title h1::after {
    content: '';
    display: block;
    background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Advocates-details-2021/Underline_06.png);
    height: 18px;
    width: 131px;
    bottom: 0;
        position: absolute;
}

.adv-dtl-banner-text p {
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
        padding-top: 40px;
}

.adv-dtl-banner-outer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.adv-dtl-banner-outer > .adv-dtl-banner-left {
    /* flex-basis: 50%; */
    max-width: 670px;
    width: 100%;
}

.adv-dtl-banner-form-heading h4 {
    font-size: 24px;
    line-height: 32px;
    color: #05141a;
    text-align: center;
    margin-bottom: 20px;
        font-family: Calistoga;
    font-weight: normal;
}

.adv-dtl-banner-form-heading h4 span {
    color: #1A936F;
}

.adv-dtl-banner-form-sec {
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgba(8, 43, 33, 0.08);
    border-radius: 12px;
    padding: 30px 20px 40px;
    max-width: 440px;
    margin-left: auto;
}

.adv-dtl-banner-form form input {
    border: 1px solid #E4E7E7 !important;
    box-sizing: border-box;
    border-radius: 10px !important;
    background-color: #fff !important;
    min-height: 54px;
}

.adv-dtl-banner-form form .actions input {
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: #fff !important;
    background: #1A936F !important;
    border-radius: 10px;
}
.adv-dtl-wrlds-bst-skim-main {
    padding: 120px 0;
}

.adv-dtl-banner-main {
    padding: 80px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.adv-dtl-banner-outer > .adv-dtl-banner-right {
    max-width: calc(100% - 670px);
    width: 100%;
}
.adv-dtl-wrlds-bst-skim-outer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.adv-dtl-wrlds-bst-skim-outer > .adv-dtl-wrlds-bst-skim-right {
    max-width: 700px;
    width: 100%;
}

.adv-dtl-wrlds-bst-skim-outer > .adv-dtl-wrlds-bst-skim-left {
    max-width: calc(100% - 700px);
    width: 100%;
        position: relative;
}
.adv-dtl-wrlds-bst-skim-outer>.adv-dtl-wrlds-bst-skim-left::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Advocates-details-2021/Vector-4.png);
    background-size: contain;
    width: 600px;
    height: 206px;
    z-index: -1;
    bottom: -98px;
    right: 75px;
    background-repeat: no-repeat;
    }

.adv-dtl-wrlds-bst-skim-title h2 {
    font-style: normal;
    font-weight: normal;
    font-size: 45px;
    line-height: 55px;
    color: #05141A;
    margin-bottom: 20px;
}

.adv-dtl-wrlds-bst-skim-title h2 span {
    color: #1a936f;
}

.adv-dtl-wrlds-bst-skim-text p {
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #05141A;
    margin-bottom: 40px;
}

.adv-dtl-wrlds-bst-skim-btn a {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #1A936F;
    border-radius: 10px;
    padding: 14px 0;
    min-width: 220px;
    text-align: center;
}
.adv-dtl-wrlds-bst-skim-btn a:hover {
    color: #fff;
    text-decoration: none;
}
.adv-dtl-wrlds-bst-skim-img {
    margin-bottom: -275px;
    position: relative;
    z-index: -1;
}
.adv-dtl-wrlds-bst-skim-img::after {
    content: '';
    display: block;
    position: absolute;
    background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Advocates-details-2021/Highlight_10.png);
    width: 100px;
    height: 59.5px;
    top: -5px;
    right: 55px;
    background-size: contain;
    background-repeat: no-repeat;
}
.adv-dtl-wrlds-bst-skim-img::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Advocates-details-2021/Highlight_02.png);
    width: 12px;
    height: 45px;
    left: -50px;
    bottom: 215px;
}

.advc-dtl-wywl-main {
    background-color: #114b5f;
    padding: 100px 0;
}
.advc-dtl-wywl-title h3 {
    font-weight: normal;
    font-size: 45px;
    line-height: 55px;
    color: #DCFF8D;
    text-align: center;
    margin-bottom: 40px;
}

.advc-dtl-wywl-rep-outer {
    display: flex;
    flex-wrap: wrap;
    max-width: 930px;
    margin: 0 auto;
    justify-content: center;
}

.advc-dtl-wywl-rep-outer > * {
    flex-basis: 43.872%;
    max-width: 43.872%;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    color: #05141A;
    padding: 14px 16px 14px 52px;
    margin-bottom: 10px;
}

.advc-dtl-wywl-rep-outer > *:nth-child(odd) {
    margin-right: 16px;
}

.advc-dtl-rtgtkccabb-main {
    background: #E8F4F1;
    padding: 120px 0;
}

.advc-dtl-rtgtkccabb-title h2 {
    font-weight: normal;
    font-size: 42px;
    line-height: 56px;
    text-align: center;
    color: #05141A;
    margin-bottom: 60px;
        padding: 0 35px;
}
.advc-dtl-rtgtkccabb-title h2 span {
    color: #1a936f;
}

div.advc-dtl-rtgtkccabb-outer {
    max-width: 832px;
    margin: 0 auto;
}

.advc-dtl-rtgtkccabb-QA .advc-dtl-rtgtkccabb-Q h5 {
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    color: #232323;
    margin-bottom: 20px;
    position: relative;
}
.advc-dtl-rtgtkccabb-QA .advc-dtl-rtgtkccabb-Q h5::after {
    content: '';
    display: block;
    position: absolute;
    background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Advocates-details-2021/arrows-diagrams-08%2010.png);
    width: 38px;
    height: 38px;
    top: 0;
    right: 0;
}
.advc-dtl-rtgtkccabb-QA .advc-dtl-rtgtkccabb-Q h5.open::after {
    transform: rotate(-180deg);
}

.advc-dtl-rtgtkccabb-A p {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #232323;
}

.advc-dtl-rtgtkccabb-QA {
    border: 1px solid #C7DCDA;
    border-left: 0;
    border-right: 0;
    padding: 30px 0;
}
.advc-dtl-rtgtkccabb-QA:nth-child(1), .advc-dtl-rtgtkccabb-QA:nth-child(2) {
    border-bottom: 0;
}
.advc-dtl-wywl-title-rep {
    position: relative;
}
.advc-dtl-wywl-title-rep::before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Advocates-details-2021/Check.png);
  width: 32px;
  height: 32px;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
}
.adv-dtl-banner-outer>.adv-dtl-banner-right .hs_error_rollup {
    display: none;
}
.submitted-message {
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #05141a;
}

/*-----------------------------------*/

/*------- advocate page -------*/

.adct-banner-main {
  background-size: cover;
  background-color: #114B5F;
  padding: 220px 0 230px;
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 660px;
    z-index: 0;
    background-repeat: no-repeat;
}

.adct-banner-heading h1 {
    font-weight: normal;
    font-size: 57px;
    line-height: 120%;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.adct-banner-heading h1 span {
    color: #DCFF8D;
}

.adct-banner-heading p {
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}
.adct-banner-heading p {
    position: relative;
}

.adct-banner-heading p::after {
  content: '';
  display: block;
  position: absolute;
  width: 42px;
  height: 120px;
  background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Advocates-details-2021/down-arrow.png);
  right: 292px;
  top: -60px;
  background-size: contain;
  background-repeat: no-repeat;
}

.advt-usupe-rep {
    background: #FFFFFF;
    box-shadow: 0px 2px 16px rgba(8, 43, 33, 0.08);
    border-radius: 12px;
    width: 408px;
    height: 220px;
    padding: 20px;
    position: relative;
}

.advt-usupe-title h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 2px;
}

.advt-usupe-ctg span {
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    color: #777777;
    padding-bottom: 14px;
    display: block;
    border-bottom: 1px solid #eff0f0;
}

.advt-usupe-right {
    position: absolute;
    right: 0;
    top: 20px;
    background: #fff;
    padding: 0px 12px;
    width: 104px;
    height: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Advocates-details-2021/Rectangle%20637.png);
}

.advt-usupe-right span {
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    display: inline-block;
    margin-bottom: 5px;
}

.advt-usupe-col a {
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    display: inline-block;
    padding: 14px 0;
}

.advt-usupe-col a{
    position: relative;
    display: block;
}

.advt-usupe-col a::after {content: '';display: block;position: absolute;background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Advocates-details-2021/arrow-right%201.png);width: 24px;height: 24px;background-size: contain;right: 0;top: 50%;transform: translateY(-50%);}

.advt-usupe-outer {
    display: flex;
    flex-wrap: wrap;
    margin-top: -260px;
}

.advt-usupe-outer > * {
    flex-basis: 32.44%;
    margin-right: 16px;
    margin-bottom: 20px;
}

.advt-usupe-outer > *:nth-child(3n) {
    margin-right: 0;
}

.advt-usupe-img {
    margin-bottom: 14px;
}

.advt-usupe-main {
    padding: 660px 0 100px 0;
}
.advt-usupe-main .page-center {
    max-width: 1256px;
}
.advt-usupe-col a:hover {
    text-decoration: none;
}
.adct-banner-heading h1 {
    position: relative;
}

.adct-banner-heading h1::before {
  content: '';display: block;
  position: absolute;background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Advocates-details-2021/Vector-2.png);
  width: 32px;height: 40px;left: 345px;bottom: 15px;}

/*----------------------------*/

/*---------- responsive --------------*/

@media screen and (min-width: 1200px){
 
  .form-with-video-bottom-section .single-item .icon{
     max-width: 40px;
    flex: 0 0 40px;
    text-align: center;
    position: static;
    transform: translateY(0);
  }
  .form-with-video-bottom-section .single-item{
     padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-with-video-bottom-section .single-item a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-with-video-bottom-section .single-item p{
     /* max-width: calc(100% - 40px);
     flex: 0 0 calc(100% - 40px);
      margin-left: -5px; */
    padding-left: 15px;
  }
  
}

@media screen and (max-width: 1440px){

  .c-index-new-conts .hstrcl-wrapper .eQUdeu {
     flex-direction: row;
  }
/*   .c-index-new-conts .hstrcl-wrapper .eQUdeu {
       display: flex;
       flex-wrap: wrap;
   } */
}

@media screen and (min-width: 1441px){
   .c-index-new-conts .hstrcl-wrapper .eQUdeu {
       display: flex;
       flex-wrap: wrap;
   }
  .hspv-outer-wrapper .eSyZIh,
  .hstrcl-wrapper .eSyZIh{
    padding-right: 0px;
  }
  
}  

@media screen and (min-width: 1921px){

  .hspv-outer-wrapper .eQUdeu{
         display: flex;
  }
  .hspv-outer-wrapper .dXiuJH {
    min-width: 260px;
}
  
}

/*------ tablet ------*/

@media screen and (max-width: 1299px){
  
  .c-index-new-conts .hstrcl-wrapper .hspv-row.currentMain {
       display: block;
   }
  .c-index-new-conts .hstrcl-wrapper .hspv-left_con{
     margin-bottom: 30px;
  }
  .c-index-new-conts .hstrcl-wrapper .hssbtm-sidebar {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
  }
  .c-index-new-conts span.hstrcl-stock-img {
    max-width: 100%;
    width: 100%;
}
  .c-index-new-conts span.hstrcl-stock-img img {
    width: 100%;
    object-fit: contain;
    height: auto;
}
  
  /*---- 1-nov-21 -----*/
  .left-form-right-video-main {
    padding: 80px 30px 0;
  }
  .form-with-video>.left-form-section{
     padding-right: 20px;
  }
  .left-form-right-video-main {
    padding-top: 175px;
/*     background-size: 370%; */
    background-size: cover;
    margin-bottom: 90px;
}

 /*------ 26-11-21 ------*/  
  /*----- advocate-detail page -----*/
  
  .adv-dtl-banner-main .page-center,
  .adv-dtl-wrlds-bst-skim-main .page-center,
  .advc-dtl-wywl-main .page-center,
  .advc-dtl-rtgtkccabb-main .page-center{
    padding: 0 20px;
  }
  .adv-dtl-wrlds-bst-skim-outer>.adv-dtl-wrlds-bst-skim-right{
      padding-left: 20px;
  }
  .adv-dtl-banner-outer>.adv-dtl-banner-left{
         padding-right: 20px;
  }
  /*-----------------------*/
  /*------- advocate detail page ------*/
  .adct-banner-heading h1 {
    font-size: 42px;
    line-height: 52px;
}

.advt-usupe-outer>* {
    margin-right: 20px;
    flex-basis: 48.389%;
}

.advt-usupe-outer>*:nth-child(2n) {
    margin-right: 0;
}

.advt-usupe-outer {
    max-width: 620px;
    margin: 0 auto;
    margin-top: -340px;
}

.advt-usupe-outer>*:nth-child(odd) {
    margin-right: 20px;
}

.advt-usupe-title h4 {
    font-size: 18px;
    line-height: 26px;
}

.advt-usupe-ctg span {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 16px;
}

.advt-usupe-img img {
    width: 60px;
    height: 60px;
}

.advt-usupe-rep {
    padding-right: 0;
}

.advt-usupe-col {
    padding-right: 20px;
}

.advt-usupe-ctg span {
    margin-right: 20px;
}

.adct-banner-main {
    height: 560px;
    padding: 180px 0;
}
  
  .adv-dtl-wrlds-bst-skim-img::after{
     right: -30px;
  }
  /*----------------------------------*/
}


@media screen and (max-width: 1199px){

  .desktop {
     display: none;
  }
  .sc-kfYoZR.lpaEYv.mobile {
    display: none;
  }
  .sc-kfYoZR.lpaEYv.tablet.mobile {
    display: block;
}  
  
  .mobile .acc-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    margin-bottom: 9px;
  }
 .mobile .des span {
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #05141A;
        margin-bottom: 12px;
    display: inline-block;
   font-weight: 300;
}
 .mobile .alctd-cmpn-type {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #E4E7E7;
}
 .mobile .allocated span {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #05141A;
        margin-right: 8px;
}
  .mobile .company-name {
    font-size: 15px;
    line-height: 20px;
    color: #05141A;
}
 .mobile .category span {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
        padding-left: 12px;
}
 .mobile .category span::before {
    top: 50%;
    transform: translateY(-50%);
}
 .mobile div[class*='Failed'] .category span {
    color: #fb5762;
}
  .mobile div[class*='Failed'] .category span::before{
     background-color: #fb5762;
  }
  
  .mobile div[class*='Passed'] .category span {
    color: #7c7af8;
}
  .mobile div[class*='Passed'] .category span::before{
     background-color: #7c7af8;
  }
    .mobile div[class*='Pure'] .category span {
    color: #79b750;
}
  .mobile div[class*='Pure'] .category span::before{
     background-color: #79b750;
  }
    .mobile div[class*='Lacks'] .category span {
    color: #f8a557;
}
  .mobile div[class*='Lacks'] .category span::before{
     background-color: #f8a557;
  }
  .mobile .company-logo-name {
    margin-right: 5px;
  }
  .c-index-new-conts{
      margin: 0px 0px 54px;
  }
  .clean-energy {
    padding-bottom: 20px;
}
  .Clean-Energy .company-type span {
    color: #1A936F;
    background: rgba(26, 147, 111, 0.08);
  }
  .Circular-Economy .company-type span {
    color: #9D69A3;
    background: rgba(157, 105, 163, 0.08);
  }
  .Building-Efficiency .company-type span{
     color: #499FD4;
     background: rgba(73, 159, 212, 0.08);
  }
  
  .c-index-new-conts .hstrcl-wrapper .hstrcl-subtitle {
    font-size: 42px;
    line-height: 52px;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}
  .c-index-new-conts .hstrcl-wrapper .hstrcl-subtitle::after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 120px;
    background-color: #fff;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

  div[class *= 'Failed-'] .company-name,
div[class *= 'Lacks-'] .company-name{
  text-decoration: line-through;
}
  
 .c-index-new-conts .hstrcl-wrapper .eQUdeu {
    flex-direction: column;
 }
  .c-index-new-conts .hstrcl-wrapper .eQUdeu>* {
    flex-basis: 100%;
    max-width: 100%;
}
  .how-its-made-cont p, .how-to-invest-cont p{
     text-align: left !important;
  }
  
  .c-index-new-conts .hstrcl-wrapper .eQUdeu>*:first-child {
    flex-basis: 100%;
    max-width: 100%;
}
  .c-index-new-conts .hstrcl-wrapper .eQUdeu>*:last-child {
    flex-basis: 100%;
    max-width: 100%;
}
 
  /*------- 1nov-21 ------*/
 
  .home-page .banner-section {
    margin-bottom: -180px;
  }
  .form-with-video>.left-form-section {
     flex-basis: 100%;
     max-width: 100%;
     padding-right: 0;
  }
  .form-with-video>.right-video-section {
    flex-basis: 100%;
    max-width: 100%;
}
  .form-with-video>.left-form-section .form-header-text {
    text-align: center;
}
  .form-with-video .form-body {
    max-width: 620px;
    margin: 0 auto;
  }
  .form-with-video-bottom-section .single-item {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
  }
  .form-with-video-bottom-section .single-item a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-with-video-bottom-section .single-item .icon {
    margin-right: 0;
    margin-bottom: 10px;
}
  .form-with-video-bottom-section .single-item p{
     font-size: 15px;
   }
  .form-with-video-bottom-section .repeater>*{
     margin-right: 10px;
  }
  .left-form-right-video-main .right-video-section{
      height: 575px;
      max-width: 460px !important;
    margin: 0 auto;
    max-height: unset;
  }
  /*.left-form-right-video-main-inner {
    display: none;*/
}
  .tablet-structure {
    display: block !important;
}
    .tablet-structure .left-form-right-video-main-inner {
    display: inline-block;
}
  .form-with-video-bottom-section {
    margin-top: 40px;
}
  .left-form-right-video-main .logo-repeater {
    margin-top: 0;
    /* justify-content: center; */
    justify-content: space-between;
    /* max-width: 510px; */
    max-width: 620px;
    /* margin: 0 auto; */
    margin-bottom: 60px;
  }
  .form-with-video-bottom-section .repeater {
    /* max-width: 650px; */
    margin: 0 auto;
  }
  .left-form-right-video-main form .actions input {
    margin-bottom: 60px;
}
  .form-with-video .form-header-text p{
    max-width: 620px;
    /* margin: 0 auto; */
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
  }
  
  .tablet-structure .left-form-right-video-main-inner{
         margin-bottom: -50px;
    width: 100%;
  }
  
  /*--- clean energy-table ----*/
  .c-index-sub-pages-with-filter {
    max-width: 620px;
    margin: 0 auto;
    padding-top: 20px;
 }
  
  .c-index-sub-pages-with-filter .mobile.tablet{
     padding: 0 !important;
     margin: 0px 0px !important;
  }
  
}

/*-----------------------------------------*/

@media screen and (max-width: 1199px) and (min-width: 768px){

      .c-index-new .page-center {
    max-width: 632px;
}
  .c-index-new{
    padding-top: 175px;
     background-size: 146%;
  }
  .c-index-new h2 {
    font-size: 42px;
    line-height: 52px;
    text-align: center;
     margin-bottom: 10px;
  }
  .c-index-new p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center;
    letter-spacing: -0.01em;
  }
  .c-index-new-tabs {
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }
  .c-index-new-tabs button.c-index-tab {
    font-size: 14px;
    line-height: 24px;
    padding: 8.5px 0;
     margin-right: 7px;
  }
 
  .c-index-new-tabs>* {
    flex-basis: 24.14%;
    max-width: 24.14%;
    margin-bottom: 0;
    margin-right: 7px !important;
  }
   .c-index-new-tabs > *:nth-child(2n) {
     margin-right: 7px !important;
  }
  .c-index-new-tabs > *:nth-child(4n) {
     margin-right: 0 !important;
  }
  
  .c-index-tab-cont {
    padding: 20px 0px 0;
}
  .c-index-filter-main{
     padding: 16px 18px 0;
     max-width: calc(100% - 40px);
    margin: 0 auto;
  }
  
  .c-index-filter-row-1 h5 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
  }
  .c-index-filter-row-2, .c-index-filter-row-3 {
    display: block;
  }
  .c-index-filter-row-2-title, .c-index-filter-row-3-title {
    width: 100%;
        margin-bottom: 12px;
    line-height: 20px;
  }
  .c-index-filter-row-3 {
    padding: 16px 0 14px;
  }
  .category-item {
    margin-bottom: 12px;
  }
  .c-index-filter-row-2-items, .c-index-filter-row-3-items{
      width: 100%;
  }
  
   .c-index-filter-row-2{
     padding: 16px 0 0;
  }
  
  .c-index-filter-cont {
    margin: 20px 0px 0px;
  }
  
  .c-index-filter-row-2-items .category-item {
    min-width: 186px;
   }
  .category-item {
    margin-right: 16px;
}
  .c-index-filter-row-2-items .category-item:nth-child(2), .c-index-filter-row-2-items .category-item:nth-child(5) {
    min-width: 176px;
  }
  .c-index-filter-row-2-items .category-item:nth-child(3), .c-index-filter-row-2-items .category-item:nth-child(6) {
    min-width: 160px;
}
  .c-index-filter-row-2-items .category-item:nth-child(3n) {
    margin-right: 0;
}
  .c-index-filter-row-3-items .category-item {
    min-width: 186px;
}
  .tablet .allocated span {
    font-size: 14px;
}
  .tablet .category span {
    font-size: 14px;
    line-height: 30px;
}
  .tablet .alctd-cmpn-type {
    border-bottom: none;
    padding-bottom: 0;
}
  .tablet .acc-toggle {
    margin-bottom: 16px;
}
  .tablet .des span {
    margin-bottom: 8px;
}
  .tablet .btm-sub-category {
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e7e7;
}
  
  .c-index-filter-cont div[class *= 'Failed-'],
  .c-index-filter-cont div[class *= 'Lacks-']{
     background-color: rgba(250,103,112,0.06);
  }
  .c-index-filter-cont div[class *= 'Failed-'] div[class *= 'Failed-'],
   .c-index-filter-cont div[class *= 'Lacks-'] div[class *= 'Lacks-']{
     background-color: rgba(250,103,112,0);
  }
  .tablet .item {
    padding: 0 20px;
}
  .c-index-filter-row-1 span.clear-filter {
    margin-bottom: 10px;
}

  .how-its-made-cont h1, .how-to-invest-cont h1{
     margin-top: 15px;
  }
  .how-its-made-cont h4, .how-to-invest-cont h4 {
    margin-top: 15px;
}
  
  .c-index-tab-cont.how-to-invest.tab1-4, .c-index-tab-cont.how-its-made.tab1-3 {
     padding: 20px 20px 0 !important;
  }
  
  
  /*----- 1nov-21 -----*/
  .left-form-right-video-main{
     padding-top: 175px;
    background-size: cover;
  }
  .form-header-text h1 {
    font-size: 42px;
    line-height: 52px;
    max-width: 540px;
    margin: 0 auto;
    margin-bottom: 20px;
}
  .c-index-sub-pages-with-filter-title h2 {
    font-size: 26px;
    line-height: 36px;
   }
  .c-index-sub-pages-with-filter-main {
    padding-top: 80px;
  }
  
  
  .form-with-video-bottom-section .single-item .icon {
    position: static;
    transform: translateY(0);
}
  .left-form-right-video-main .right-video-section .add-video iframe{
     min-height: 575px;
    max-width: 460px;
  }
  
}



@media screen and (max-width: 1024px){

  div.hs_cos_wrapper > .adv-dtl-banner-main.adv-dtl-bnr-3dsp:nth-child(1) {
    display: none !important;
}
   div.hs_cos_wrapper > .adv-dtl-banner-main:nth-child(2) {
    display: block !important;
}
  .adv-dtl-banner-outer {
    display: block;
}

.adv-dtl-banner-outer>.adv-dtl-banner-right {
    max-width: 100%;
}

.adv-dtl-banner-form-sec {
    max-width: 620px;
    margin: 0 auto;
}

.adv-dtl-banner-outer>.adv-dtl-banner-left {
    max-width: 620px;
    margin: 0 auto;
    padding-right: 0;
    text-align: center;
}

.adv-dtl-banner-title h1 {
    font-size: 42px;
    line-height: 52px;
}

.adv-dtl-banner-title h1::after {
    left: 50%;
    transform: translateX(-50%);
}

.adv-dtl-banner-text p {
    padding-top: 20px;
    padding: 20px 18px 0;
    margin-bottom: 45px;
}
  .adv-dtl-banner-outer {
    display: block;
}

.adv-dtl-banner-outer>.adv-dtl-banner-right {
    max-width: 100%;
        margin-bottom: -230px;
}

.adv-dtl-banner-form-sec {
    max-width: 620px;
    margin: 0 auto;
    padding: 30px 20px;
}

.adv-dtl-banner-outer>.adv-dtl-banner-left {
    max-width: 620px;
    margin: 0 auto;
    padding-right: 0;
    text-align: center;
}

.adv-dtl-banner-title h1 {
    font-size: 42px;
    line-height: 52px;
}

.adv-dtl-banner-title h1::after {
    left: 50%;
    transform: translateX(-50%);
}

.adv-dtl-banner-text p {
    padding-top: 20px;
    padding: 20px 18px 0;
    margin-bottom: 45px;
}

.adv-dtl-banner-right form {display: flex;flex-wrap: wrap;}

.adv-dtl-banner-right form > div {
    flex-basis: 49.14%;
    margin-right: 10px;
    margin-bottom: 10px;
}

.adv-dtl-banner-right form > div:nth-child(2) {
    margin-right: 0;
}

.adv-dtl-banner-right form > div:nth-child(4) {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
  .adv-dtl-banner-form form .actions input {
    margin: 0;
}
  
  .adv-dtl-wrlds-bst-skim-main {
    padding: 232px 0;
}

.adv-dtl-wrlds-bst-skim-title h2 {
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    padding: 0 84px;
}

.adv-dtl-wrlds-bst-skim-text p {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding: 0 30px;
    margin-bottom: 30px;
}

.adv-dtl-wrlds-bst-skim-btn {
    text-align: center;
}

.adv-dtl-wrlds-bst-skim-outer>.adv-dtl-wrlds-bst-skim-right {
    padding: 0;
    margin-bottom: 60px;
}

.adv-dtl-wrlds-bst-skim-outer {
    flex-direction: column-reverse;
}

.adv-dtl-wrlds-bst-skim-outer>.adv-dtl-wrlds-bst-skim-left {
    max-width: 100%;
}

.adv-dtl-wrlds-bst-skim-img {
    text-align: center;
    margin-bottom: -388px;
}

.adv-dtl-wrlds-bst-skim-img::after {
    right: 135px;
}

.adv-dtl-wrlds-bst-skim-img::before {
    left: 140px;
    bottom: 200px;
}
  .advc-dtl-wywl-main {
    padding: 80px 0 70px;
}

.advc-dtl-wywl-title h3 {
    font-size: 32px;
    line-height: 42px;
}

.advc-dtl-wywl-rep-outer>* {
    font-size: 16px;
    line-height: 24px;
}

.advc-dtl-rtgtkccabb-main {
    padding: 80px 0;
}

.advc-dtl-rtgtkccabb-title h2 {
    font-size: 32px;
    line-height: 42px;
    padding: 0 80px;
    margin-bottom: 40px;
}

.advc-dtl-rtgtkccabb-QA .advc-dtl-rtgtkccabb-Q h5 {
    font-size: 18px;
    line-height: 26px;
}

.advc-dtl-rtgtkccabb-QA-outer {
    max-width: 620px;
    margin: 0 auto;
}
  .advc-dtl-wywl-title-rep::before {
    width: 28px;
    height: 28px;
    left: 15px;
    top: 45%;
}
  .adct-banner-heading p::after{
     right: 75px;
    top: -55px;
  }

  .desktop-banner-sec{
      display: none;
  }
   .tablet-banner-sec{
      display: block !important;  
  }
  .adct-banner-heading h1::before{
         width: 24px;
    height: 30px;
    left: 198px;
    bottom: 12px;
    background-size: contain;
  }
  
  .adv-dtl-wrlds-bst-skim-outer>.adv-dtl-wrlds-bst-skim-left::before{
     bottom: -150px;
    right: 14px;
    width: 700px;
    height: 240px;
  }

}


/*------- mobile --------*/
@media screen and (max-width: 767px){

 .mobile {
    display: block !important;
  }
  .tablet.mobile {
    display: none !important;
}

 .c-index-new{
    padding-top: 135px;
     background-size: 227%;
  }
  .c-index-new h2 {
    font-size: 34px;
    line-height: 38px;
    text-align: center;
     margin-bottom: 15px;
  }
  .c-index-new p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    text-align: center;
    letter-spacing: -0.01em;
  }
  .c-index-new-tabs {
    margin: 40px 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
  }
  .c-index-new-tabs button.c-index-tab {
    font-size: 14px;
    line-height: 24px;
    padding: 8.5px 0;
     margin-right: 4px;
  }
  .c-index-new-tabs > * {
    flex-basis: 49.3%;
        max-width: 49.3%;
    margin-bottom: 4px;
  }
  .c-index-new-tabs > *:nth-child(2n) {
    margin-right: 0 !important;
}
  
  .c-index-tab-cont {
    padding: 40px 0px 0;
}
  .c-index-filter-main{
     padding: 16px 14px 0;
  }
  
  .c-index-filter-row-1 h5 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
  }
  .c-index-filter-row-2, .c-index-filter-row-3 {
    display: block;
  }
  .c-index-filter-row-2-title, .c-index-filter-row-3-title {
    width: 100%;
        margin-bottom: 12px;
    line-height: 20px;
  }
  .c-index-filter-row-3 {
    padding: 16px 0 14px;
  }
  .category-item {
    margin-bottom: 12px;
  }
  .c-index-filter-row-2-items, .c-index-filter-row-3-items{
      width: 100%;
  }
  
  .category-item.Clean-Energy {
    max-width: 142px;
    width: 100%;
    order: 1;
  }
  .category-item.Building-Efficiency{
     order: 3;
  }
  .category-item.Clean-Transportation {
    order: 5;
    width: 100%;
  }
  .category-item.Circular-Economy {
    order: 6;
    width: 100%;
  }
  .category-item.Food-Ag {
    order: 2;
  }
  .category-item.Health {
    order: 4;
  }
  .category-item:last-child {
    margin-right: 20px;
}
  .c-index-filter-row-2{
     padding: 16px 0 0;
  }
  
  .c-index-filter-cont {
    margin: 20px 0px 0px;
  }

  .how-its-made-cont h1, .how-to-invest-cont h1 {
    font-size: 30px;
    line-height: 40px;
    margin-top: 20px;
}
  .how-its-made-cont h4, .how-to-invest-cont h4 {
    margin-top: 15px;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
}
  .how-its-made-cont ul.nm-list li, .how-to-invest-cont ul.nm-list li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
  .how-its-made-cont p, .how-to-invest-cont p{
         text-align: justify;
  }
  
  .c-index-new-conts .hstrcl-wrapper .hstrcl-subtitle{
     font-size: 28px;
     line-height: 34px;
     margin-bottom: 30px;
    padding-bottom: 20px;
  }
  .c-index-new-conts .hstrcl-wrapper .hstrcl-subtitle::after{
     width: 80px;
  }
  
  .c-index-filter-cont div[class *= 'Failed-'],
  .c-index-filter-cont div[class *= 'Lacks-']{
     background-color: rgba(250,103,112,0.06);
  }
   .c-index-filter-cont div[class *= 'Failed-'] div[class *= 'Failed-'],
   .c-index-filter-cont div[class *= 'Lacks-'] div[class *= 'Lacks-']{
     background-color: rgba(250,103,112,0);
  }
  
  .mobile > .item {
    padding: 0 20px;
  }
  
  .mobile .company-name {
    font-size: 14px;
     font-weight: normal;
  }

  .acc-toggle > *:not(.company-logo-name) {
    min-width: max-content;
  }
  
  .c-index-tab-cont.how-to-invest.tab1-4, .c-index-tab-cont.how-its-made.tab1-3 {
    padding: 40px 20px !important;
  }
  
  .clean-energy-new.clean-energy .dLCXQp{
     background-color: transparent !important;
    padding: 0 !important;
    padding-top: 20px !important;
        font-family: Helvetica !important;
  }
  .clean-energy-new.clean-energy .lpaEYv.mobile{
     padding: 0 !important;
  }
  
  /*----- 1-nov-21 -----*/
  
  .left-form-right-video-main {
    padding-top: 135px;
     background-size: cover;
     margin-bottom: 230px;
}
  .tablet-structure .left-form-right-video-main-inner {
    margin-bottom: -208px;
  }
  .form-header-text h1 {
     font-size: 34px;
     line-height: 38px;
     margin-bottom: 20px;
  }
  .form-with-video .form-header-text p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
  .left-form-right-video-main form fieldset input{
    width: 100% !important;
    margin-bottom: 10px;
  }
  
  .left-form-right-video-main form .actions input {
    margin-top: 0;
    margin-bottom: 30px;
}
  .left-form-right-video-main .right-video-section{
     height: 400px;
    max-width: 320px !important;
  }
  .right-video-section .video-text{
         left: 20px;
    bottom: 20px;
  }
  .video-text p{
        font-size: 14px;
    line-height: 22px;
  }
  .left-form-right-video-main .logo-repeater{
         margin-bottom: 40px;
        flex-wrap: wrap;
  }
  .left-form-right-video-main .logo-repeater> * {
    flex-basis: 40%;
    max-width: 40%;
    margin-right: 40px;
    margin-bottom: 20px;
}
  .left-form-right-video-main .logo-repeater>*:nth-child(2) {
    margin-right: 0;
    order: 3;
         margin-bottom: 0;
}
  .form-with-video-bottom-section .repeater{
         flex-wrap: wrap;
  }
  .form-with-video-bottom-section .repeater>* {
    margin-right: 0;
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}
  .form-with-video-bottom-section .repeater>*:last-child{
     margin-bottom: 0;
  }
  .form-with-video-bottom-section .single-item{
     flex-direction: row;
     padding-left: 25px;
     align-items: center;
  }
  .form-with-video-bottom-section .single-item .icon {
    margin-right: 22px;
    margin-bottom: 0;
    position: static;
    transform: translateY(0);
}
  .form-with-video-bottom-section .single-item p {
    font-size: 16px;
}
  
  .c-index-sub-pages-with-filter-main .c-index-filter-main{
     max-width: calc(100% - 40px);
  }
  .c-index-sub-pages-with-filter-main::before{
     left: 50%;
    transform: translateX(-50%);
         width: calc(100% - 40px);
    height: 1px;
  }
  .c-index-sub-pages-with-filter{
     border: 0;
     padding-top: 0;
  }
  .c-index-sub-pages-with-filter-title h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
}
  .c-index-sub-pages-with-filter-main{
     padding-top: 40px;
  }
  .c-index-sub-pages-with-filter-main .c-index-filter-cont{
     margin: 40px 0px 0px;
  }
  
  .left-form-right-video-main form fieldset > .hs-form-field {
    width: 100% !important;
    max-width: 100%;
  }
  .left-form-right-video-main .right-video-section .add-video iframe{
     min-height: 400px;
    max-width: 320px; 
  }
  .left-form-right-video-main form fieldset input::placeholder {
    font-family: Helvetica;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
  
  
 /*------- advocate detail page ------*/
  /*----- 27-nov-21 -----*/
  
  .adv-dtl-banner-main {
    padding: 45px 0;
}

.adv-dtl-banner-title h1 {
    font-size: 36px;
    line-height: 44px;
    padding-bottom: 38px;
    margin-bottom: 0;
}

.adv-dtl-banner-text p {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 5px 0;
    margin-bottom: 30px;
}
  
  div.hs_cos_wrapper>.adv-dtl-banner-main:nth-child(2) {
    display: none !important;
}
  div.hs_cos_wrapper>.adv-dtl-banner-main:nth-child(3) {
    display: block !important;
}
  .adv-dtl-banner-title h1::after{
         background-size: contain;
    height: 14px;
    width: 102px;
  }
  
  .adv-dtl-banner-form-sec {
    padding: 40px 20px;
}

.adv-dtl-banner-form-heading h4 {
    margin-bottom: 30px;
}

.adv-dtl-banner-right form>div {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0;
}

.adv-dtl-banner-outer>.adv-dtl-banner-right {
    margin-bottom: -265px;
}

.adv-dtl-wrlds-bst-skim-title h2 {
    font-size: 24px;
    line-height: 32px;
    padding: 0;
}

.adv-dtl-wrlds-bst-skim-main {
    padding: 280px 0;
}

.adv-dtl-wrlds-bst-skim-text p {
    padding: 0;
}

.adv-dtl-wrlds-bst-skim-img {
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: -386px;
}

.adv-dtl-wrlds-bst-skim-img::after {
    right: -20px;
    width: 60px;
    height: 36px;
    background-size: contain;
    top: -15px;
}

.adv-dtl-wrlds-bst-skim-img::before {
    left: -25px;
    bottom: 170px;
}
  .advc-dtl-wywl-main {
    padding: 60px 0 68px;
}

.advc-dtl-wywl-title h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
}

.advc-dtl-wywl-rep-outer>* {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0 !important;
    margin-bottom: 12px;
    padding: 14px 62px 14px 48px;
}

.advc-dtl-rtgtkccabb-title h2 {
    font-size: 24px;
    line-height: 32px;
    padding: 0 20px;
}

.advc-dtl-rtgtkccabb-QA .advc-dtl-rtgtkccabb-Q h5 {
    padding-right: 40px;
    letter-spacing: -0.01em;
}
  .advc-dtl-rtgtkccabb-QA .advc-dtl-rtgtkccabb-Q h5.open {
    padding-right: 70px;
}

.advc-dtl-rtgtkccabb-QA .advc-dtl-rtgtkccabb-Q h5::after {
    width: 26px;
    height: 26px;
    background-size: contain;
}

.advc-dtl-rtgtkccabb-A p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.advc-dtl-rtgtkccabb-QA {
    padding: 20px 0 0;
}
  
  .advc-dtl-wywl-title-rep::before{
     left: 10px;
  }
  
  .adv-dtl-wrlds-bst-skim-outer>.adv-dtl-wrlds-bst-skim-left::before {
    bottom: -265px;
    right: 0;
    width: 320px;
    height: 110px;
}
/*----------------------------*/
  
/*-------- advocate page -------*/
  
  .adct-banner-heading h1 {
    font-size: 36px;
    line-height: 44px;
}

.adct-banner-heading p {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    max-width: 320px;
    margin: 0 auto;
    padding: 0 20px;
}


.advt-usupe-outer>* {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0 !important;
    margin-bottom: 14px;
}

.advt-usupe-main .page-center {
    padding: 60px 20px 0px;
}

.advt-usupe-img {
    margin-bottom: 16px;
}

.advt-usupe-outer {
    margin-top: -350px;
}

.advt-usupe-main {
    padding: 660px 0 86px 0;
}
  
  .tab-banner-sec{
     display: none !important;
  }
  .mobile-banner-sec{
     display: block !important;
  }
  .adct-banner-heading h1::before {
    width: 20px;
    height: 25px;
    left: 25px;
    bottom: 10px;
    background-size: contain;
}
  .adct-banner-heading p::after {
    right: 0px;
    top: -25px;
}
  
/*----------------------------*/  
  
}

@media screen and (max-width: 480px){

  .c-index-filter-row-3-items .category-item {
     width: 100%;
  }
}

/*------------------------------*/

@media (max-width: 1600px) and (min-width: 1025px) {
  .hstrcl-wrapper .hspv-left_con .tooltip-wrap {
    left: 0;
    right: auto;
  }

}

@media (max-width: 1440px) {
  .hstrcl-wrapper .hspv-left_con {
    min-width: unset;
    width: 100%;
  }
  .hstrcl-wrapper .hssbtm-sidebar {
    min-width: 380px;
    width: 380px;
  }
  .hstrcl-wrapper .eQUdeu {
    display: flex;
    flex-direction: column;
  }



}

@media (max-width: 1096px) {
  .hstrcl-wrapper .kmvQjn {
    grid-template-columns: 1fr 1fr;
  }

}

@media (max-width: 1024px) {
  .hstrcl-wrapper .hspv-row {
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 56px 64px;
  }
  .hstrcl-wrapper .hspv-left_con {
    margin: 0px 0px 16px;
  }
  .hstrcl-wrapper .hssbtm-sidebar {
    min-width: unset;
    width: 100%;
    margin: 0px 0px 16px;
  }
  .hstrcl-wrapper .hssbtm-sidebar-wrap {
    width: 100%;
  }
  .hstrcl-wrapper .eSyZIh {
    padding: 20px 16px;
  }
  .hstrcl-wrapper .hspv-main-tab {
    padding: 10px 5px;
  }
  .hstrcl-wrapper .hspvl-btm {
    padding: 20px 16px 30px;
  }
  .hstrcl-wrapper .hssbtms-top {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 16px;
  }
  .hstrcl-wrapper .hssbtms-top h4, .hstrcl-wrapper .hssbtms-top .hssbtms-top-title {
    font-size: 18px;
    line-height: 26px;
  }
  .hstrcl-wrapper .hssbtm-sidebar .hssbtms-date {
    padding-top: 8px;
  }
  .hstrcl-wrapper .hssbtms-items {
    padding: 0px 16px 20px;
  }
  .hstrcl-wrapper .hssbtms-btm {
    margin: auto 0px 20px 16px;
  }
  .hstrcl-wrapper .hstrcl-top {
    padding-top: 64px;
  }
  .hstrcl-wrapper .tooltip-wrap {
    right: auto;
    left: 0;
  }


}

@media (max-width: 768px) {
  .hstrcl-wrapper .hspv-title {
    padding: 120px 72px 30px;
  }
  .hstrcl-wrapper .hspv-factor {
    height: 50px;
  }
  .hstrcl-wrapper .hspv-title h2 {
    font-size: 32px;
  }
  .hstrcl-wrapper .hspv-row {
    padding: 0 72px 64px;
  }
  .hstrcl-wrapper .fDNfLQ {
    font-size: 18px;
  }
  .hstrcl-wrapper .gQYBcx {
    font-size: 16px;
  }
  .hstrcl-wrapper .hstrcl-title,
  .hstrcl-wrapper .hstrcl-subtitle {
    font-size: 42px;
  }
  .hstrcl-wrapper .OJJCp {
    display: none;
  }
  .hstrcl-wrapper .hstrcl-mainTab:first-child {
    margin-right: 8px;
  }
  .hstrcl-wrapper .hstrcl-mainTab {
    width: 150px;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .hstrcl-wrapper .jjTcTs {
    width: unset;
  }
  .hstrcl-wrapper .hstrcl-top {
    padding-left: 72px;
    padding-right: 72px;
  }
  .hstrcl-wrapper .iehvjW {
    padding: 20px 16px;
  }
  .hstrcl-wrapper .hbusih {
    flex-direction: column-reverse;
  }
  .hstrcl-wrapper .laKGqb {
    margin-top: 24px;
  }

}

@media (max-width: 425px) {
  .hstrcl-wrapper .hstrcl-top {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hstrcl-wrapper .hstrcl-title,
  .hstrcl-wrapper .hstrcl-subtitle {
    font-size: 28px;
  }
  .hstrcl-wrapper .hspv-row {
    padding: 0 20px 54px;
  }
  .hstrcl-wrapper .hssbtms-top h4, .hstrcl-wrapper .hssbtms-top .hssbtms-top-title {
    line-height: 24px;
  }
  .hstrcl-wrapper .hssbtms-date p,
  .hstrcl-wrapper .hssbtms-items-title p,
  .hstrcl-wrapper .hssbtms-item p,
  .hstrcl-wrapper .hssbtms-btm_con p,
  .hstrcl-wrapper .gQYBcx {
    font-size: 14px;
  }
  .hstrcl-wrapper .fDNfLQ {
    font-size: 16px;
  }
  .hstrcl-wrapper .bRzrLL {
    font-size: 13px;
    line-height: 18px;
  }
  .hstrcl-wrapper .kglWtV {
    font-size: 20px;
  }
  .hstrcl-wrapper .hspvl-btm-items2 {
    grid-template-columns: 1fr;
  }
  .hstrcl-wrapper .hspvlb-prgrs-item p {
    font-size: 12px;
  }
  .hstrcl-wrapper .hspv-title {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hstrcl-wrapper .hspv-factor {
    background-size: cover;
  }
  .hstrcl-wrapper .hstrcl-hr {
    width: 80px;
    margin: 20px auto 40px;
  }
  .hstrcl-wrapper .hstrcl-bgimg {
    height: 720px;
    background-size: cover;
  }
  .hstrcl-wrapper .laKGqb {
    flex-direction: column;
  }
  .hstrcl-wrapper .dRsyqq .hZhyzq {
    font-size: 14px;
  }



}

@media (max-width: 350px) {
  .hstrcl-wrapper .tooltip-wrap {
    max-width: 265px;
  }
}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hstrcl-wrapper .hssbtms-btm_con {
    display: inline-block;
  }
  .hstrcl-wrapper .hssbtms-btm_con > * {
    display: inline !important;
  }
  .hstrcl-wrapper .hssbtms-item {
    display: flex;
    justify-content: space-between;
  }
  .hstrcl-wrapper .eQUdeu,
  .hstrcl-wrapper .hsWAsh {
    display: flex;
    flex-wrap: wrap;
  }
  .hstrcl-wrapper .eSyZIh {
    width: 50%;
  }
  .hstrcl-wrapper .hspv-main-tab {
    width: auto;
    margin-right: 10px;
  }

}

/* End Historical performance module */
/* End return Page ---- */

/* ---- Start Climate Index Page ---- */
/* Start Climate Technology Module  */
.cl_tech {
  width: 100%;
  padding: 120px 56px;
  position: relative;
  background-color: rgb(255, 255, 255);
  padding-bottom: 0px !important;
}

.cl_tech h2 {
  max-width: 1044px;
  margin: auto;
  text-align: center;
}

.cl_tech h2 span {
  color: rgb(26, 147, 111);
}

.cl_tech .cl_tech_inr {
  display: grid; 
  grid-template-columns: repeat(3, 280px); 
  gap: 60px; 
  width: fit-content;
  width: -moz-fit-content;
  margin: 60px auto 80px;
  font-size: 16px;
  color: rgb(5, 20, 26);
  text-align: center;
  align-items: flex-start;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.cl_tech {
  overflow: hidden;
} 
.cl_tech .cl_tech_item {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
}

.cl_tech .cl_tech_img {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 100%;
  width: 72px;
  height: 72px;
  background-color: rgb(232, 244, 241);
  padding: 16px;
  margin-bottom: 14px;
}
.cl_tech .cl_tech_cnt {
  font-weight: 600;
} 
@media (max-width: 1024px){
  .cl_tech {
    padding: 64px 56px;
  }
  .cl_tech .cl_tech_inr {
    grid-template-columns: repeat(3, 184px);
    gap: 40px 24px;
    font-size: 14px;
  }

  .cl_tech .cl_tech_img {
    width: 64px;
    height: 64px;
  }


}
@media (max-width: 768px){
  .cl_tech {
    padding: 64px 72px;
  }

  .cl_tech h2 {
    font-size: 32px;
  } 

  .cl_tech .cl_tech_inr {
    grid-template-columns: repeat(2, 144px);
  }



}
@media (max-width: 425px){
  .cl_tech {
    padding: 54px 20px;
  }

  .cl_tech h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .cl_tech .cl_tech_inr {
    grid-template-columns: repeat(2, 1fr);
    margin: 60px auto;
  }

  .cl_tech .cl_tech_img {
    width: 42px;
    height: 42px;
  }

  .cl_tech .cl_tech_img img {
    width: 24px;
    height: 24px;
  }

}
/* End Climate Technology Module */

/* Start Investment Module  */
.invest_wrap {
  width: 100%;
  padding: 120px 56px;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
  padding-top: 220px !important;
  background-color: rgb(26, 147, 111);
}

.invest_wrap .invest_top_bg {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  height: 100px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.invest_wrap h2 {
  text-align: center;
  max-width: 1044px;
  margin: 0px auto 15px;
  color: rgb(255, 255, 255);
}

.invest_wrap p.invest_top_cnt {
  color: rgb(255, 255, 255);
  font-weight: 300;
  max-width: 620px;
  margin: auto;
  font-family: Helvetica;
  font-size: 18px;
  text-align: center;
}

.invest_wrap .invst_item_wrap {
  max-width: 832px;
  background-color: rgb(255, 255, 255);
  margin: 60px auto 0px;
  padding: 40px;
  border-radius: 16px;
  box-shadow: rgb(8 34 43 / 12%) 0px 2px 12px;
  display: grid;
  grid-template-rows: auto;
  row-gap: 24px;
}

.invest_wrap .invst_item {
  display: grid;
  grid-template-columns: 2.5fr 0.75fr 0.75fr;
  column-gap: 10px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.invest_wrap .invst_item p {
  margin: 0;
}

.invest_wrap .invst_item .fcbnjs.llyViG {
  color: rgb(26, 147, 111);
  font-weight: bold;
}

.invest_wrap .invst_two_col {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: start;
  width: 100%;
}

.invest_wrap .invst_two_col img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  vertical-align: middle;
}

.invest_wrap .invst_two_col a {
  color: rgb(5, 20, 26);
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  text-align: left;
  text-decoration: underline 1px dashed;
}

.invest_wrap .invst_two_col a:hover {
  opacity: 0.8;
  color: inherit;
}

.invest_wrap .invst_item .fcbnjs {
  color: rgb(5, 20, 26);
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0px;
  text-align: left;
  word-break: normal;
} 
@media (max-width: 1024px){
  .invest_wrap {
    padding: 64px 56px;
  }
  .invest_wrap .invst_item_wrap {
    max-width: unset;
    padding: 20px;
  }

}
@media (max-width: 768px){
  .invest_wrap {
    padding-top: 160px !important;
    padding: 64px 72px;
  }

  .invest_wrap .invest_top_bg {
    height: 50px;
  }

  .invest_wrap h2 {
    font-size: 32px;
  }

  .invest_wrap p.invest_top_cnt {
    font-size: 16px;
  }


}

@media (max-width: 425px){
  .invest_wrap {
    padding: 120px 20px 54px !important;
  }

  .invest_wrap .invest_top_bg {
    background-size: cover;
  }

  .invest_wrap h2 {
    font-size: 32px;
    line-height: 36px;
  }

  .invest_wrap .invst_item_wrap {
    margin: 40px auto 0px;
  }

  .invest_wrap .invst_item .fcbnjs.llyViG { 
    margin-right: 16px;
  }
  body .footer-menu ul.submenu.level-2 {
    min-width: inherit;
}

}

/* End Investment Module  */

/* Start Investment Module */
.inv_feature {
  width: 100%;
  padding: 120px 56px;
  position: relative;
  background-color: rgb(17, 75, 95);
  padding-left: 0px;
  padding-right: 0px;
}
.inv_feature h2 {
  max-width: 832px;
  margin: auto;
  color: rgb(255, 255, 255);
  text-align: center;
}
.inv_feature h2 span {
  color: rgb(220, 255, 141);
}
.inv_feature .sc-dFRpbK.bFgzLZ {
  width: fit-content;
  width: -moz-fit-content;
  margin: 42px auto 0px;
  display: grid;
  grid-template-columns: repeat(4, 280px);
  gap: 16px;
}
.inv_feature  hr.inv_feature_hr {
  width: 120px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  margin: 40px auto;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.1);
}

.inv_feature p.inv_feature_top {
  font-size: 18px;
  text-align: center;
  margin-bottom: 0px;
  font-family: Helvetica;
  color: rgb(255, 255, 255);
  font-weight: 300;
}

.inv_feature .inv_feature_item {
  position: relative;
  background-color: rgb(255, 255, 255);
  box-shadow: rgb(8 43 33 / 12%) 0px 2px 12px;
  border-radius: 8px;
  padding: 24px 8px 24px 24px;
  min-height: 180px;
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
}

.inv_feature .inv_feature_item:nth-child(2n) {
  flex-direction: column-reverse;
}

.inv_feature .inv_feature_count {
  font-family: Calistoga;
  font-size: 32px;
  color: rgb(66, 66, 66);
  margin: 0px;
}

.inv_feature .inv_feature_cnt {
  color: rgb(5, 20, 26);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.01em;
  margin: 0px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.inv_feature .inv_feature_img {
  width: 70px;
  height: 14px;
  object-fit: contain;
  z-index: 1;
  position: absolute;
  right: -35px;
  bottom: 20px;
  vertical-align: middle;
}

.inv_feature .inv_feature_item:nth-child(2n) .inv_feature_img {
  transform: rotateX(
    180deg
  );
  width: 70px;
  height: 14px;
  object-fit: contain;
  z-index: 1;
  position: absolute;
  right: -35px;
  top: 20px;
} 
@media (max-width: 1196px){
  .inv_feature .sc-dFRpbK.bFgzLZ {
    grid-template-columns: 1fr;
  }
  .inv_feature .inv_feature_item {
    -webkit-box-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    align-items: center;
    min-height: unset;
    flex-direction: row !important;
  }
  .inv_feature .inv_feature_count {
    margin-right: 16px;
    font-size: 46px;
  }

  .inv_feature .inv_feature_item .inv_feature_img {
    display: none;
  }
}
@media (max-width: 1024px){

  .inv_feature {
    padding: 64px 56px;
    padding-left: 20px;
    padding-right: 20px;
  }



}
@media (max-width: 768px){

  .inv_feature h2 {
    font-size: 32px;
  }

  .inv_feature p.inv_feature_top {
    font-size: 16px;
  }

  .inv_feature .inv_feature_count {
    word-break: normal;
  }
}
@media (max-width: 425px){
  .inv_feature {
    padding: 54px 20px;
  }
  .inv_feature hr.inv_feature_hr {
    width: 80px;
  }
  .inv_feature .inv_feature_item {
    padding: 24px 16px;
  }
  .inv_feature .inv_feature_count {
    font-size: 32px;
    line-height: 46px;
  }
  .inv_feature .inv_feature_cnt {
    font-size: 14px;
    line-height: 22px;
  }


}
/* End Investment Module */

/* Start Climate Solution Module */
.c_col_wrap {
  width: 100%;
  position: relative;
  height: 960px;
  overflow: visible;
  z-index: 1;
}
.c_col_wrap  .c_col_bg_wrap {
  position: relative;
  padding: 220px 0px 0px;
  overflow: hidden;
}
.c_col_wrap .c_col_bg {
  width: 0px;
  height: 0px;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  border-top: 110px solid rgb(16, 75, 95);
  position: absolute;
  top: -1px;
  left: 0px;
}

.c_col_wrap .c_col_bg_wrap h2 {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 864px;
  margin: 0px auto 0;
  text-align: center;
}

.c_col_wrap .c_col_inr {
  display: grid;
  grid-template-columns: repeat(2, 512px);
  gap: 16px;
  width: fit-content;
  width: -moz-fit-content;
  margin: 60px auto 0px;
}

.c_col_wrap .c_col_item {
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: start;
  background-color: rgb(255, 255, 255);
  box-shadow: rgb(0 0 0 / 8%) 0px 2px 12px;
  border-radius: 8px;
  padding: 44px 40px;
  width: 100%;
  display: flex;
} 
.c_col_wrap .c_col_cnt p {
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  text-align: center;
  color: rgb(5, 20, 26);
  margin-bottom: 0px;
}
.c_col_wrap .c_col_img {
  width: 48px;
  height: 48px;
}

.c_col_wrap .c_col_ttl {
  color: rgb(5, 20, 26) !important;
  font-family: Calistoga;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  margin: 24px 0px 10px;
  text-decoration: none;
}
.c_col_wrap h2.c_col_ttl {
  line-height: 30px;
}
.c_col_wrap .c_col_tag {
  margin: 0px;
  padding: 6px;
  text-align: center;
  color: rgb(119, 119, 119);
  font-size: 12px;
  background-color: rgb(244, 245, 245);
  border-radius: 4px;
  font-weight: 400;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.c_col_wrap .three.c_col_tags {
  display: grid;
  grid-template-columns: repeat(2, 214px);
  gap: 6px;
  width: fit-content;
  margin: 0px auto;
  -webkit-box-align: start;
  align-items: start;
}
.c_col_wrap .two.c_col_tags {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.c_col_wrap .two.c_col_tags .c_col_tag {
  margin-bottom: 6px; 
  width: 140px;
}
.c_col_wrap .two.c_col_tags .c_col_tag:nth-child(2),
.c_col_wrap .two.c_col_tags .c_col_tag:nth-child(5),
.c_col_wrap .two.c_col_tags .c_col_tag:nth-child(8) {
  margin-left: 6px;
  margin-right: 6px;
} 
.c_col_wrap .c_col_btn a {
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  background-color: rgb(26, 147, 111);
  border-radius: 8px;
  color: rgb(255, 255, 255);
  border: none;
  box-shadow: none;
  padding: 10px 47px;
  flex: 0 1 auto;
  margin: 0px auto;
  display: inline-block;
  text-decoration: none;
}
.c_col_wrap a.c_col_ttl {
  display: block;
} 

@media (max-width: 1100px){

  .c_col_wrap .c_col_inr {
    grid-template-columns: repeat(2, 400px);
  }
  .c_col_wrap .c_col_item {
    padding: 20px;
  } 
  .c_col_wrap .two.c_col_tags .c_col_tag {
    width: 118px;
    height: auto;
    margin: 0px 2px 6px !important;
  }
  .c_col_wrap .three.c_col_tags {
    grid-template-columns: repeat(2, 120px);
  }
  .c_col_wrap .c_col_item:last-child .three.c_col_tags {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1024px){
  .c_col_wrap  .c_col_bg_wrap {
    padding-top: 0;
    position: static;
  }
  .c_col_wrap {
    height: 100%;
    padding-top: 160px;
    padding-bottom: 64px;
    overflow: hidden;
  }
  .c_col_wrap .c_col_bg {
    border-top: 80px solid rgb(16, 75, 95);
  }
  .c_col_wrap .c_col_inr {
    grid-template-columns: repeat(2, 300px);
  }

  .c_col_wrap .c_col_ttl {
    font-size: 18px;
  }

}
@media (max-width: 768px){
  .c_col_wrap .c_col_bg_wrap h2 {
    font-size: 32px;
  }
  .c_col_wrap .c_col_inr {
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    padding: 0 10px;
  }

}
@media (min-width: 426px){
  .c_col_inr.mobile {
    display: none;
  }
}
@media (max-width: 425px){
  .c_col_wrap {
    padding: 0;
    overflow: visible;
  }
  .c_col_wrap .c_col_bg_wrap { 
    position: relative;
    padding: 100px 0px 0px;
  }
  .c_col_wrap .c_col_bg {
    border-top: 40px solid rgb(16, 75, 95);
  }
  .c_col_wrap .c_col_bg_wrap h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .c_col_wrap .c_col_inr {
    margin: 40px auto 0px;
  }
  .c_col_wrap .c_col_ttl {
    margin: 24px 0px 16px;
  }
  .c_col_wrap .c_col_item {
    padding: 18px;
  } 
  .c_col_wrap .c_col_cnt p {
    font-size: 14px;
    line-height: 22px;
  }
  .c_col_wrap .c_col_inr.dsk {
    display: none;
  }
  .c_col_wrap .c_col_inr.mobile .c_col_item {
    width: 80%;
    max-width: 280px;
    margin: 0px 4px;
    height: 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-flow: column;
    flex-flow: column;
    min-height: 577px;
    justify-content: space-around; 
  }
  .c_col_wrap .c_col_inr.mobile .slick-track {
    display: flex;
  }
  .c_col_wrap .c_col_inr.mobile .three.c_col_tags {
    grid-template-columns: 1fr;
  }
  .c_col_wrap .c_col_inr.mobile {
    padding: 0;
  } 
  .c_col_wrap ul.slick-dots {
    padding: 0;
    list-style: none;
    position: relative;
    margin: 40px auto;
    padding: 0;
    text-align: center;
    width: 100%;
    z-index: 1;
  }
  .c_col_wrap ul.slick-dots li {
    cursor: pointer;
    display: inline-block;
    margin: 0 8px;
    transition: opacity .25s ease-in;
    opacity: .3;
    filter: alpha(opacity=30);
    width: 40px;
    height: 4px;
    border-radius: 1px;
    box-shadow: unset;
    background: rgb(26, 147, 111);
  }
  .c_col_wrap ul.slick-dots button {
    display: none;
  }
  .c_col_wrap ul.slick-dots li.slick-active {
    opacity: 1;
    filter: alpha(opacity=100);
  }

}

/* End Climate Solutions Module */

/* Start Industries module */
.ind_wrap {
  width: 100%;
  position: relative;
  padding: 240px 0px 120px;
  max-width: 940px;
  margin: auto;
  padding-bottom: 0 !important;
}
.ind_wrap h2 {
  text-align: center;
}
.ind_wrap .ind_items {
  width: fit-content;
  width: -moz-fit-content;
  margin: 60px auto 30px;
  display: grid;
  grid-template-columns: repeat(2, 424px);
  gap: 16px;
}
.ind_wrap .ind_item {
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: start;
  height: 100%;
  padding: 30px;
  border-radius: 8px;
  display: flex;
  width: 100%;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.ind_wrap span.ind_img img {
  width: 72px;
  height: 72px;
  margin-bottom: 16px;
}

.ind_wrap p.ind_ttl {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgb(5, 20, 26);
}

.ind_wrap p.ind_cnt {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.ind_wrap hr.ind_hr {
  height: 0px;
  margin: 30px 0px 24px;
  border-top: 1px solid rgba(0,0,0,.1);
  background: transparent;
  color: rgb(228, 231, 231);
}
.ind_wrap .ind_arrow {
  margin-top: auto;
  width: 16px;
  height: 20px;
}
@media (max-width: 1024px){
  .ind_wrap {
    padding: 72px 12.5% 64px;
  }
  .ind_wrap .ind_items {
    margin-top: 32px;
    grid-template-columns: repeat(2, 1fr);
  }

}
@media (max-width: 768px){

  .ind_wrap h2 {
    font-size: 32px;
  }
}
@media (max-width: 425px){
  .ind_wrap {
    padding: 80px 20px;
  }
  .ind_wrap .ind_items {
    grid-template-columns: 1fr;
    margin: 60px auto 20px;
  }
  .ind_wrap span.ind_img img {
    width: 64px;
    height: 64px;
  }
  .ind_wrap p.ind_ttl,
  .ind_wrap p.ind_cnt{
    margin: 0;
  }
  .ind_wrap .ind_arrow {
    margin-top: 42px;
  }
  .ind_wrap h2 {
    font-size: 24px;
    line-height: 32px;
  }

}
/* end Industries Module */

/* Start Accordian Module */
.acc_wrap {
  padding-bottom: 120px;
}
.acc_wrap .acc_title {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(5, 20, 26);
  margin-bottom: 48px;
}
.acc_wrap .accordion.acc_inr { 
  max-width: 940px;
  margin: auto;
  width: 100%;
  padding: 15px 0px; 
  display: grid;
}
.acc_wrap .acc_item .acc_ttl {
  cursor: pointer;
} 
.acc_wrap .acc_item {
  border-bottom: 1px solid rgb(228, 231, 231);
}
.acc_wrap .acc_item .acc_ttl{ 
  padding: 15px 0px;
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  width: 100%;
  background-size: 13px 6px;
  background-repeat: no-repeat; 
  background-position: right center;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.acc_wrap .acc_cnt {
  height: auto;
  overflow: visible;
}
.acc_wrap .acc_cnt {
  position: relative;
  display: none;
}
.acc_wrap .acc_cnt_inr {
  padding: 20px 0px;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  border-bottom: 1px solid rgb(228, 231, 231);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.acc_wrap .acc_cnt_inr_item p {
  font-weight: 700;
  margin-bottom: 8px;
}

.acc_wrap .acc_cnt_inr_item {
  list-style-type: none;
  background-color: #f4f5f5;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 14px;
}

@media (max-width: 1024px){
  .acc_wrap {
    padding: 0 12.5% 64px;
  } 


}

@media (max-width: 768px) {
  .acc_wrap .acc_title {
    font-size: 32px;
  }

}

@media (max-width: 425px){
  .acc_wrap {
    padding: 0 20px 80px;
  }
  .acc_wrap .acc_item .acc_ttl {
    padding-right: 20px;
    font-size: 18px;
    line-height: 26px;
  }
  .acc_wrap .acc_item {
    width: 95%;
    margin: auto;
  }
  .acc_wrap .accordion.acc_inr { 
    padding: 0; 
  }
  .acc_wrap .acc_cnt_inr { 
    font-size: 14px;
  }
  .acc_wrap .acc_cnt_inr_item p {
    font-weight: 700;
    margin-bottom: 8px;
    font-size: inherit;
  }
  .acc_wrap .acc_cnt_inr_item {
    padding: 24px 16px;
  }
  .acc_wrap .acc_item .acc_ttl {
    border-bottom: 1px solid rgb(228, 231, 231);
  }

}
/* End Accordian Module */

/* start Climate Index Module */
.c_index.clean-energy .lpaEYv {
  max-width: 1124px;
  width: 100%;
  margin: 0px auto;
  padding: 30px;
  background-color: rgb(255, 255, 255);
  border-radius: 16px;
}
.c_index.clean-energy table {
  margin: 0px;
  background-color: rgb(255, 255, 255);
  width: 100%;
  border-collapse: collapse;
  border: 0;
  border-spacing: 0;
}
.c_index.clean-energy .hzzSzX {
  display: grid;
  grid-template-columns: 184px 1fr 0.75fr 0.75fr 2fr;
  gap: 16px;
  font-weight: bold;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  border-bottom: 1px solid rgb(35, 35, 35);
}
.c_index.clean-energy .kydRHc {
  text-transform: uppercase;
  vertical-align: middle;
}
.c_index.clean-energy .gtEurP {
  font-size: 12px;
  line-height: 18px;
  padding: 10px 0px;
  text-align: left;
  cursor: pointer;
  background-position: right center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background: #fff;
  border: none;
  color: #212529;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.c_index.clean-energy .bQkSED {
  font-size: 12px;
  line-height: 18px;
  padding: 10px 0px;
  text-align: left;
  background-position: right center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background: #fff;
  border: none;
  color: #212529;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.c_index.clean-energy .ccTnQh {
  display: grid;
  gap: 5px;
  border: 0;
  border-bottom: 1px solid rgb(228, 231, 231);
  padding: 24px 0px;
}
.c_index.clean-energy .bPTmtf {
  display: grid;
  width: 100%;
  height: 80px;
  grid-template-columns: 184px 4.75fr;
  gap: 0px;
  border: none;
  border-radius: 8px;
  padding: 0px;
  margin-top: 20px;
  overflow: hidden;
  background-color: rgb(232, 244, 241);
}
.c_index.clean-energy .hpRDUw {
  font-size: 14px;
  padding: 16px 0px;
}
.c_index.clean-energy .IjYuG {
  background-color: rgb(26, 147, 111);
  padding: 16px;
  font-weight: bold;
  text-decoration: underline;
  color: rgb(255, 255, 255);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.c_index.clean-energy .hpRDUw a {
  color: rgb(26, 147, 111); 
}
.c_index.clean-energy .IjYuG a,.c_index.clean-energy  .IjYuG a:hover {
  color: #fff !important;
  opacity: 1 !important; 
}
.c_index.clean-energy .eBmXon {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding-right: 16px;
  border: 0;
}
.c_index.clean-energy .eBmXon::before {
  content: "";
  height: 80px;
  border-left: 16px solid rgb(26, 147, 111);
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  position: absolute;
  top: 0px;
  left: 0px;
}
.c_index.clean-energy .fDDjHD {
  margin: 0px;
  padding: 0px 0px 0px 52px;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.c_index.clean-energy .fDDjHD ul {
  margin-bottom: 0px;
  padding-left: 0px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 400;
}
.c_index.clean-energy .fDDjHD ul li:not(:last-child) {
  margin-bottom: 4px;
}
.c_index.clean-energy .iehvjW {
  width: calc(100% - 200px);
  margin-left: auto;
  grid-template-columns: 1fr 0.75fr 0.75fr 2fr;
  gap: 16px;
  padding: 0px;
}
.c_index.clean-energy .iehvjW > div {
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  border: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 400;
  word-break: normal;
}
.c_index.clean-energy .lmGFyU {
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: start;
}
.c_index.clean-energy .jIfccS {
  width: 40px;
  height: 40px;
  margin-right: 8px;
} 
.c_index.clean-energy .hbusih {
  width: 40px;
  height: 40px !important;
  display: block;
  max-width: unset !important;
}
.c_index.clean-energy .lmGFyU a {
  color: rgb(26, 147, 111);
}
.c_index.clean-energy .dlVmCH {
  cursor: pointer;
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  text-decoration-line: underline;
  color: rgb(26, 147, 111);
}
.c_index.clean-energy .laKGqb {
  font-size: 14px;
  text-align: left;
}
.c_index.clean-energy .aFTIJ {
  background-color: rgb(242, 242, 242);
  border-radius: 4px;
  padding: 12px 16px;
  font-size: 14px;
  font-family: "PT Mono";
}
.c_index.clean-energy .kwFrDa {
  width: 10px;
  height: 6px;
  transform: rotateX(
    0deg
  );
}
.c_index.clean-energy {
  padding-bottom: 80px;
}
.c_index.clean-energy .headerSortDown .kwFrDa {
  transform: rotateX( 
    180deg
  );
}


.c_index.clean-energy .sc-kfYoZR.lpaEYv {
  display: none;
}
.c_index.clean-energy h2.ind_hd span {
  color: rgb(220, 255, 141);
}
.c_index.clean-energy {
  padding: 120px 0;
}
.c_index.clean-energy h2.ind_hd {
  margin: auto;
  color: rgb(255, 255, 255);
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
}
.c_index.clean-energy h2.ind_hd span {
  color: rgb(220, 255, 141);
}
.c_index .tab_wrap ul {
  display: grid;
  grid-template-columns: repeat(5, 178px);
  width: fit-content;
  width: -moz-fit-content;
  margin: 50px auto 40px;
  background-color: rgb(15, 65, 82);
  box-shadow: rgb(13 58 74 / 50%) 0px 0px 8px inset;
  position: relative;
  padding: 0;
  list-style: none;
}
.c_index .tab_wrap li a {
  font-size: 16px;
  font-weight: 400;
  padding: 14px;
  width: 100%;
  border: 0.5px solid rgb(13, 58, 73);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: transparent;
  color: rgb(255, 255, 255);
  position: relative;
  text-decoration: none;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.c_index .tab_wrap li:First-child a {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.c_index .tab_wrap li:last-child a {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.c_index.clean-energy .iehvjW .ind_all {
  display: block;
}

.c_index.clean-energy .aFTIJ {
  margin-left: 16px;
}
.c_index.clean-energy .b_efficiency .IjYuG {
  background-color: rgb(93, 169, 233);
}
.c_index.clean-energy .b_efficiency .eBmXon::before {
  border-left-color: rgb(93, 169, 233);
}
.c_index.clean-energy .b_efficiency.bPTmtf {
  background-color: rgb(228, 241, 251);
}
.c_index.clean-energy .trans .IjYuG {
  background-color: rgb(245, 143, 41)
}
.c_index.clean-energy .trans .eBmXon::before {
  border-left-color: rgb(245, 143, 41)
}
.c_index.clean-energy .trans.bPTmtf {
  background-color: rgb(254, 240, 226)
}
.c_index.clean-energy .circular .IjYuG {
  background-color: rgb(157, 105, 163)
}
.c_index.clean-energy .circular .eBmXon::before {
  border-left-color: rgb(157, 105, 163)
}
.c_index.clean-energy .circular.bPTmtf {
  background-color: rgb(243, 236, 243)
}
.c_index .tab_wrap li.active a:after {
  content: "";
  border-top: 12px solid rgb(255, 255, 255);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  position: absolute;
  bottom: -12px;
}
.c_index.clean-energy th, 
.c_index.clean-energy td {
  color: #212529;
}
.c_index .tab_wrap li.active a { 
  font-weight: 400; 
  width: 100%;
  border: 0.5px solid rgb(13, 58, 73);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  color: rgb(17, 75, 95);
  position: relative;
} 

.c_index.clean-energy .lmGFyU a:hover,
.c_index.clean-energy .hpRDUw a:hover {
  opacity: 0.8;
  color: rgb(26, 147, 111);
}






@media (max-width: 1200px){

  .c_index.clean-energy .bPTmtf {
    height: 104px;
  }
  .c_index.clean-energy .eBmXon::before {
    height: 104px;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
  }

}

@media (max-width: 1180px){
  .c_index.clean-energy .lpaEYv {
    max-width: unset;
    width: unset;
    margin: 0px 40px;
  }

}
@media (max-width: 1024px){
  .c_index.clean-energy {
    padding: 64px 0;
  }
  .c_index .tab_wrap ul {
    grid-template-columns: repeat(5, 144px);
  }

  .c_index .tab_wrap li a {
    font-size: 14px;
    padding: 14px 8px;
  }

  .c_index .tab_wrap li.active a:after {
    border-top: 10px solid rgb(255, 255, 255);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    bottom: -10px;
  }
  .c_index.clean-energy .eBmXon::before {
    height: 141px;
    border-top: 70px solid transparent;
    border-bottom: 70px solid transparent;
  }
  .c_index.clean-energy .bPTmtf {
    height: 141px;
  }

}
@media (max-width: 767px){
  .c_index .tab_wrap li.active a:after {
    display: none;
  }

  .c_index.clean-energy .desktop {
    display: none;
  }
  .c_index.clean-energy .sc-kfYoZR.lpaEYv {
    display: none;
  }
  .c_index.clean-energy .sc-kfYoZR.lpaEYv {
    display: block;
  }
  .c_index.clean-energy .lpaEYv {
    max-width: unset;
    padding: 30px;
    margin: 0px 40px;
  }
  .c_index.clean-energy .jOaldA {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .c_index.clean-energy .dLCXQp {
    -webkit-box-align: center;
    align-items: center;
    padding: 16px;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-decoration: underline;
    border-radius: 8px;
    margin-bottom: 20px;
    background-color: rgb(26, 147, 111);
    cursor: pointer;
  }
  .c_index.clean-energy .dLCXQp a {
    color: inherit;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  }
  .c_index.clean-energy .bOQlIu {
    width: 8px;
    height: 12px;
    margin-right: 8px;
  }
  .c_index.clean-energy .dLCXQp.plus {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .c_index.clean-energy .dLCXQp.plus .bOQlIu {
    transform: rotate(90deg);
  }
  .c_index.clean-energy .dPPCvy {
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: start;
    padding: 20px 20px 20px 0px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: rgb(232, 244, 241);
    margin-top: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  }
  .c_index.clean-energy .kyvWZW {
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: start;
    padding: 24px 0px;
  }
  .c_index.clean-energy .fvNlED {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: start;
    width: 100%;
  }
  .c_index.clean-energy .jIfccS {
    width: 40px;
    height: 40px;
    margin-right: 8px;
  }
  .c_index.clean-energy .hbusih {
    width: 100%;
    height: 100%;
  }
  .c_index.clean-energy .hBWCUB {
    margin-bottom: 14px;
  }
  .c_index.clean-energy .getkSL {
    line-height: 22px;
    font-size: 14px;
    font-weight: normal;
    color: rgb(35, 35, 35);
    margin: 0px;
  }
  .c_index.clean-energy .dlVmCH {
    cursor: pointer;
    font-family: Helvetica;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    text-decoration-line: underline;
    color: rgb(26, 147, 111);
  }
  .c_index.clean-energy .laKGqb {
    font-size: 14px;
    text-align: left;
  }
  .c_index.clean-energy .hxHCHV {
    line-height: 22px;
    font-size: 14px;
    font-weight: normal;
    color: rgb(119, 119, 119);
    margin: 0px;
  }
  .c_index.clean-energy .glZmJR {
    font-size: 14px;
    word-break: normal;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    line-height: 1.5;
    color: #212529; 
  }
  .c_index.clean-energy .iImDLU {
    margin-left: 16px; 
  }
  .c_index.clean-energy .glZmJR {
    display: flex;
  }
  .c_index.clean-energy .iImDLU {
    background-color: rgb(242, 242, 242);
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 12px;
    font-family: "PT Mono";
    margin-top: -3px;
  }
  .c_index.clean-energy .kyvWZW:not(:last-child) {
    border-bottom: 1px solid rgb(228, 231, 231);
  }
  .c_index.clean-energy .kSbcvo {
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(35, 35, 35);
    margin: 0px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  }
  .c_index.clean-energy h2.ind_hd {
    font-size: 32px;
  }
  .c_index.clean-energy .circular .dLCXQp {
    background-color: rgb(157, 105, 163);
  }
  .c_index.clean-energy .circular .dPPCvy {
    background-color: rgb(243, 236, 243);
  }
  .c_index.clean-energy .trans .dLCXQp {
    background-color: rgb(245, 143, 41);
  }
  .c_index.clean-energy .trans .dPPCvy {
    background-color: rgb(254, 240, 226);
  }
  .c_index.clean-energy .b_efficiency .dLCXQp {
    background-color: rgb(93, 169, 233);
  }
  .c_index.clean-energy .b_efficiency .dPPCvy {
    background-color: rgb(228, 241, 251);
  }

  .c_index.clean-energy .oxVOu {
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: start;
  }


}
@media (max-width: 756px){
  .c_index .tab_wrap ul {
    width: 100%;
    grid-template-columns: repeat(5, minmax(164px, 1fr));
    background-color: transparent;
    box-shadow: none;
    border-top: 1px solid rgb(20, 89, 112);
    overflow: scroll;
    margin: 0px;
  }
  .c_index.clean-energy .lpaEYv {
    max-width: unset;
    margin: 0px;
    border-radius: 0px;
    padding: 40px 20px;
  }

  .c_index .tab_wrap li a {
    border-radius: 0px;
    background-color: transparent;
    color: rgb(255, 255, 255);
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 4px solid transparent;
  }

  .c_index .tab_wrap li.active a {
    background-color: transparent;
    color: rgb(26, 147, 111);
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 4px solid rgb(26, 147, 111);
  }







}
.c_index.clean-energy .dPPCvy ul {
  list-style: disc;
}
@media (max-width: 425px){
  .c_index.clean-energy .dPPCvy {
    line-height: 24px;
  }
  .c_index.clean-energy .laKGqb {
    line-height: 20px;
    font-weight: normal;
    word-break: normal;
  }
  .c_index.clean-energy h2.ind_hd {
    font-size: 32px;
    line-height: 36px;
    padding: 12px 20px 72px;
  }
  .c_index.clean-energy {
    padding: 54px 0;
  }
  .c_index.clean-energy .hBWCUB {
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: start; 
  }

  .c_index.clean-energy .glZmJR {
    font-size: 12px;
    margin: 16px 0px 0px;
  }
  .c_index.clean-energy .iImDLU { 
    margin-top: -5px;
    margin-bottom: -6px;
  }
  .c_index.clean-energy {
    padding-bottom: 0 !important;
  }

}
/* End Climate index Module */
/* -------End Climate Index Page ---- */

/* ------- Start How It Works Page ------- */
/* Start How It Works banner Module */
.how-works-banner .works-banner-col{
  padding: 120px 56px;
  position: relative;
} 
.how-works-banner .kKYtat {
  text-transform: uppercase;
  font-family: Helvetica;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  color: rgb(255, 255, 255);
}
.how-works-banner .jEEywD {
  margin-bottom: 20px;
  font-size: 57px;
  font-weight: 400;
  font-family: Calistoga;
  font-style: normal;
  text-align: center;
  color: rgb(255, 255, 255);
}
.how-works-banner .bGrlha {
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
  font-family: Helvetica;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.how-works-banner .jEEywD i {
  color: rgb(220, 255, 141);
  font-style: normal;
}
.how-works-banner .bwIuet {
  width: 0px;
  height: 0px;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  border-top: 100px solid rgb(17, 75, 95);
  position: absolute;
  top: -1px;
  left: 0px;
}
.how-works-banner .works-banner-bottom {
  position: relative;
}
@media (max-width: 1024px){

  .how-works-banner .works-banner-col {
    padding: 64px 56px;
  }
  .how-works-banner .bwIuet {
    border-top: 60px solid rgb(17, 75, 95);
  }

}
@media (max-width: 768px){

  .how-works-banner .jEEywD {
    font-size: 42px;
  }
  .how-works-banner .bGrlha {
    font-size: 16px;
  }

}
@media (max-width: 512px){

  .how-works-banner .bwIuet {
    border-top: 40px solid rgb(17, 75, 95);
  }

}


@media (max-width: 425px){

  .how-works-banner .works-banner-col {
    padding: 54px 20px;
  }
  .how-works-banner .kKYtat {
    font-size: 12px;
    line-height: 20px;
  }
  .how-works-banner .jEEywD {
    font-size: 34px;
  }

}
/* End How It Works banner Module */

/* Start Investment goal Module */
.investment-goal {
  padding: 120px 56px;
  position: relative;
}
.investment-goal .jARayQ {
  margin: 100px auto 0px;
  max-width: 1256px;
  width: 100%;
}
.investment-goal .DykGo {
  color: rgb(26, 147, 111);
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid rgb(26, 147, 111);
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 0px auto 20px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.investment-goal .jARayQ h2 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(5, 20, 26);
  margin-bottom: 20px;
}
.investment-goal .jARayQ p {
  max-width: 832px;
  margin: 0px auto;
  color: rgb(5, 20, 26);
  margin-bottom: 0px;
  font-family: Helvetica;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.investment-goal .jARayQ p button {
  display: inline;
  color: #1a936f;
  text-decoration: underline;
  font-size: inherit; 
  font-weight: inherit;
  line-height: inherit;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
}
.investment-goal .col-wrap {
  max-width: 1256px;
  width: 100%;
  margin: 60px auto 0px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 16px;
  overflow: hidden;
}
.investment-goal .left-col {
  background-color: rgb(244, 245, 245);
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: start;
  padding: 72px 50px;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.investment-goal .right-col button {
  background-color: rgb(29, 136, 101);
  padding: 0;
  border: 0;
  display: block;
  height: 100%;
  border-radius: 0;
}
.investment-goal .right-col button img.sc-fbIWvP.jREztg {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
.investment-goal .left-col .dGJRan {
  margin-bottom: 50px;
  line-height: 26px;
  color: #212529; 
  font-size: 16px;
  font-weight: 300;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.investment-goal .left-col .dGJRan:last-child {
  margin-bottom: 0;
}
.investment-goal .left-col .dGJRan b {
  font-weight: 700;
  color: rgb(26, 147, 111);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.investment-goal .jRMtza {
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease 0s, visibility 0s linear 0s;
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  overflow: auto;
  inset: 0px;
  z-index: -10;
  min-height: 100%;
} 
.investment-goal.in-pop .jRMtza {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.investment-goal .iWhidq {
  visibility: visible;
  opacity: 1;
  position: fixed;
  max-width: 100%;
  z-index: 10001;
  transition: all 400ms ease-out 0s;
  width: 800px;
  height: 100%;
  top: 0px;
  right: 0px;
}
.investment-goal .egjIYz {
  position: absolute;
  padding: 8px;
  cursor: pointer;
  width: initial;
  max-width: initial;
  top: 12px;
  left: -38px;
  right: auto;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .investment-goal .col-wrap {
    display: flex;
  }
  .investment-goal .left-col .dGJRan {
    display: inline-table;
  }


}



@media (max-width: 1024px){

  .investment-goal {
    padding: 64px 56px;
  }
}

@media (max-width: 800px){
  .investment-goal .egjIYz {
    left: 8px;
  }
}



@media (max-width: 768px){

  .investment-goal {
    padding: 64px 72px;
  }
  .investment-goal .jARayQ {
    margin-top: 64px;
  }
  .investment-goal .jARayQ h2 {
    font-size: 32px;
  }
  .investment-goal .jARayQ p {
    font-size: 16px;
  }
  .investment-goal .col-wrap {
    grid-template-columns: none;
    grid-template-rows: repeat(2, 1fr);
  }
  .investment-goal .left-col {
    padding: 40px;
  }
  .investment-goal .left-col .dGJRan {
    margin-bottom: 24px;
  }

}

@media (max-width: 425px){

  .investment-goal {
    padding: 54px 20px;
  }
  .investment-goal .jARayQ {
    margin-top: 54px;
  }
  .investment-goal .DykGo {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .investment-goal .left-col {
    padding: 20px;
  }

}
/* End Investment goal module */

/* Start Altruist Module */
.altruist {
  padding: 120px 56px 0;
  position: relative;
  text-align: center;
}
.altruist .iUGRDd {
  width: 0px;
  height: 0px;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  border-top: 100px solid rgb(255, 255, 255);
  position: absolute;
  top: -1px;
  left: 0px;
}
.altruist .content-wrap {
  margin: 100px auto 0px;
  max-width: 832px;
  width: 100%;
  position: relative;
}
.altruist .lkkECO {
  color: rgb(26, 147, 111);
  text-align: center;
  width: 50px;
  height: 50px;
  margin: 0px auto 20px;
  border-radius: 100%;
  border: 2px solid rgb(26, 147, 111);
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.altruist .content-wrap h2 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(5, 20, 26);
  margin-bottom: 20px;
}
.altruist .content-wrap h2 i {
  font-style: normal;
  display: -webkit-inline-flex!important;
  display: inline-flex!important;
  color: #1a936f;
  position: relative;
  -webkit-text-decoration: underline dashed 2px;
  text-decoration: underline dashed 2px;
}
.altruist .content-wrap p {
  font-family: Helvetica;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
  margin: 0;
}
.altruist .content-wrap h2 i:hover .content-tooltip {
  opacity: 1;
}
.altruist .content-tooltip {
  margin: 8px;
  padding: 0;
  background-color: #e4e7e7;
  box-shadow: 0 2px 8px rgb(0 0 0 / 16%);
  border-radius: 6px;
  width: 332px;
  position: absolute;
  top: 54px;
  opacity: 0;
  transition: opacity .15s linear;
}
.altruist .tooltip-inner {
  padding: 16px;
  background-color: #e4e7e7;
  color: #05141a;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  font-size: .875rem;
}
.altruist .tooltip-inner p {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  font-size: .875rem !important;
  text-align: left;
}
.altruist .erAkNO {
  max-width: 1072px !important;
  width: 100%;
  object-fit: contain;
  margin-top: 60px;
}


@media (max-width: 1024px){

  .altruist {
    padding: 64px 56px 0;
  }
  .altruist .iUGRDd {
    border-top: 60px solid rgb(255, 255, 255);
  }

}


@media (max-width: 818px){

  .altruist .content-tooltip {
    left: 0;
  }

}

@media (max-width: 768px){

  .altruist {
    padding: 64px 72px 0;
  }
  .altruist .content-wrap {
    margin-top: 64px;
  }
  .altruist .content-wrap h2 {
    font-size: 32px;
  }
  .altruist .content-wrap p {
    font-size: 16px;
  }
  .altruist .content-tooltip {
    right: 0;
    left: auto;
  }


}


@media (max-width: 651px){

  .altruist .content-tooltip {
    right: auto;
    left: 0;
  }

}


@media (max-width: 522px){

  .altruist .content-tooltip {
    right: auto;
    left: -50px;
    width: 270px;
  }

}

@media (max-width: 512px){

  .altruist .iUGRDd {
    border-top: 40px solid rgb(255, 255, 255);
  }
}

@media (max-width: 425px){
  .altruist {
    padding: 54px 20px 0;
  }
  .altruist .content-wrap {
    margin-top: 54px;
  }
  .altruist .lkkECO {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .altruist .erAkNO {
    margin-top: 24px;
  }

}
/* End Altruist Module */

/* Fund your account */
.fund-account {
  padding: 120px 56px;
  position: relative;
}
.fund-account .iPexDg {
  color: rgb(26, 147, 111);
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid rgb(26, 147, 111);
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 0px auto 20px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.fund-account h2.KaAyL {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(5, 20, 26);
  margin-bottom: 20px;
}
.fund-account p.kFmqyc {
  font-weight: 400;
  margin: 0px auto;
  max-width: 832px;
  width: 100%;
  font-family: Helvetica;
  font-size: 18px;
  text-align: center;
}
.fund-account .col-wrap {
  display: grid;
  grid-template-columns: repeat(3, 408px);
  gap: 16px;
  width: fit-content;
  margin: 60px auto 0px;
}
.fund-account .hmqpxx {
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  align-items: center;
  background-color: rgb(244, 245, 245);
  border-radius: 16px;
  padding: 50px 44px;
  height: 100%;
  display: flex;
}
.fund-account .hmqpxx p.dneFYX {
  font-family: Helvetica;
  color: rgb(5, 20, 26);
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.4;
}
.fund-account .hmqpxx p.jUlUWD {
  font-family: Helvetica;
  color: rgb(5, 20, 26);
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  margin-bottom: 0px;
  line-height: 26px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .fund-account .col-wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1260px;
  }
  .fund-account .hmqpxx {
    max-width: 408px;
    width: 33.33%;
  }
  .fund-account .hmqpxx p.jUlUWD {
    display: inline-table;
  }



}


@media (max-width: 1356px){
  .fund-account .col-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}


@media (max-width: 1024px){

  .fund-account {
    padding: 64px 56px;
  }
  .fund-account .hmqpxx {
    padding: 20px;
    height: unset;
  }

}


@media (max-width: 768px){

  .fund-account h2.KaAyL {
    font-size: 32px;
  }
  .fund-account p.kFmqyc {
    font-size: 16px;
  }
  .fund-account .col-wrap {
    grid-template-columns: none;
    grid-template-rows: repeat(3, 1fr);
  }
  .fund-account {
    padding: 64px 72px;
  }
  .fund-account .hmqpxx p.dneFYX {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .fund-account .hmqpxx p.jUlUWD {
    font-size: 14px;
    line-height: 24px;
  }

}

@media (max-width: 425px){

  .fund-account {
    padding: 54px 20px;
  }
  .fund-account .iPexDg {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .fund-account .hmqpxx p.jUlUWD {
    line-height: 22px;
  }
}
/* End Fund your account */
/* Start How it works module */
.how-it-works .col-wrap {
  margin: 0px;
  padding: 0px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.how-it-works .left-col {
  padding: 120px;
}
.how-it-works .bNZgZf {
  max-width: 516px;
  width: 100%;
  margin-left: auto;
}
.how-it-works .bNZgZf h2 i {
  color: rgb(26, 147, 111);
  font-style: normal;
}
.how-it-works .bNZgZf h2 {
  line-height: 55px;
}
.how-it-works .cHQuCr {
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: start;
  margin-top: 40px;
  display: flex;
}
.how-it-works .cHQuCr p.dzMNDp {
  font-family: Helvetica;
  color: rgb(5, 20, 26);
  font-weight: 700;
  font-size: 20px;
  text-align: left;
  margin-bottom: 0px;
  line-height: 1.4;
}
.how-it-works .cHQuCr p.jUmMNH {
  font-family: Helvetica;
  color: rgb(5, 20, 26);
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0px;
  line-height: 26px;
}
.how-it-works .cHQuCr p.jUmMNH button {
  display: inline;
  color: #1a936f;
  text-decoration: underline;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
}
.how-it-works .right-col {
  padding: 120px;
}
.how-it-works .OoyYw h2 {
  text-align: left;
  line-height: 55px;
  font-weight: 400;
  color: rgb(255, 255, 255);
}
.how-it-works .OoyYw {
  max-width: 516px;
  width: 100%;
  margin-left: 0px;
}
.how-it-works .OoyYw h2 i {
  color: rgb(220, 255, 141);
  font-style: normal;
}
.how-it-works .OoyYw p.dvxvwT {
  font-family: Helvetica;
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 20px;
  text-align: left;
  margin-bottom: 0px;
  line-height: 1.4;
}
.how-it-works .OoyYw p.lnUZRV {
  font-family: Helvetica;
  color: rgb(255, 255, 255);
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0px;
  line-height: 26px;
}
.how-it-works .bRzrLL {
  border-left: 20px solid rgb(220, 241, 239);
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  position: absolute;
  top: calc(50% - 30px);
  left: 50%;
  z-index: 2;
}
.how-it-works {
  position: relative;
}
.how-it-works  .jRMtza {
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease 0s, visibility 0s linear 0s;
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  overflow: auto;
  inset: 0px;
  z-index: -10;
  min-height: 100%;
}
.how-it-works.work-pop .jRMtza {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.how-it-works  .iWhidq {
  visibility: visible;
  opacity: 1;
  position: fixed;
  max-width: 100%;
  z-index: 10001;
  transition: all 400ms ease-out 0s;
  width: 800px;
  height: 100%;
  top: 0px;
  right: 0px;
}
.how-it-works  .egjIYz {
  position: absolute;
  padding: 8px;
  cursor: pointer;
  width: initial;
  max-width: initial;
  top: 12px;
  left: -38px;
  right: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .how-it-works .col-wrap {
    display: flex;
  }
  .how-it-works .left-col,
  .how-it-works .right-col{
    width: 50%;
  }


}


@media (max-width: 1024px){

  .how-it-works .left-col {
    padding: 56px;
  }
  .how-it-works .right-col {
    padding: 56px;
  }
  .how-it-works .bRzrLL {
    border-top-width: 15px;
    border-bottom-width: 15px;
    border-left-width: 10px;
  }

}

@media (max-width: 800px){
  .how-it-works .egjIYz {
    left: 8px;
  }
}


@media (max-width: 768px){

  .how-it-works .col-wrap {
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
  }
  .how-it-works .left-col {
    padding: 40px;
  }
  .how-it-works .bNZgZf {
    margin-left: 0px;
    max-width: unset;
  }
  .how-it-works .bNZgZf h2 {
    font-size: 32px;
    line-height: unset;
  }
  .how-it-works .cHQuCr {
    margin-top: 24px;
  }
  .how-it-works .cHQuCr p.dzMNDp {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .how-it-works .cHQuCr p.jUmMNH {
    font-size: 14px;
    line-height: 24px;
  }
  .how-it-works .right-col {
    padding: 40px;
  }
  .how-it-works .OoyYw {
    margin-left: 0px;
    max-width: unset;
  }
  .how-it-works .OoyYw h2 {
    line-height: unset;
    font-size: 32px;
  }

  .how-it-works .OoyYw p.dvxvwT {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .how-it-works .OoyYw p.lnUZRV {
    font-size: 14px;
    line-height: 24px;
  }
  .how-it-works .bRzrLL {
    top: 50%;
    left: calc(50% - 30px);
    border-top: 20px solid rgb(220, 241, 239);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: none;
  }


}


@media (max-width: 425px){

  .how-it-works .cHQuCr p.jUmMNH {
    line-height: 22px;
  }
  .how-it-works .OoyYw p.lnUZRV {
    line-height: 22px;
  }
  .how-it-works .bRzrLL {
    border-left-width: 15px;
    border-right-width: 15px;
    border-top-width: 10px;
  }
}
/* End How it works Module */
/* Founders Module */
.founders {
  padding: 120px 56px;
  position: relative;
}
.founders .col-wrap {
  width: fit-content;
  margin: 40px auto 20px;
  display: grid;
  column-gap: 120px;
  grid-template-columns: 516px 620px;
  grid-template-areas:
    "a b"
    "c b";
}
.founders .col-wrap h2 i {
  font-style: normal;
  color: rgb(26, 147, 111);
}
.founders  .biCrYn {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  grid-area: c / c / c / c;
  -webkit-box-pack: start;
  justify-content: start;
  margin-top: 48px;
}
.founders img.ccTnQh {
  width: 52px;
  height: 52px !important;
  margin-right: 12px;
}
.founders .kpPvTx {
  height: 100%;
  margin-left: 8px;
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.founders p.jDvcKH {
  font-family: Helvetica;
  color: rgb(5, 20, 26);
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0px;
  line-height: 26px;
}
.founders p.lpaEYv {
  font-size: 16px;
  line-height: 26px;
  font-style: italic;
  font-family: Helvetica;
  color: rgb(5, 20, 26);
  font-weight: 300;
  text-align: left;
  margin-bottom: 0px;
}
.founders .hKymwP {
  grid-area: b / b / b / b;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}
.founders .hKymwP p {
  font-family: Helvetica;
  color: rgb(5, 20, 26);
  font-weight: 300;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0px;
  line-height: 26px;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .founders .col-wrap {
    max-width: 1256px;
    display: flex;
    flex-wrap: wrap;
  }
  .founders .biCrYn {
    width: 516px;
    margin-top: -40px;
    order: 3;
  }
  .founders .col-wrap > h2 {
    width: 516px;
    order: 1;
  }
  .founders .hKymwP {
    width: 620px;
    order: 2;
  }
  .founders .hKymwP p {
    display: inline-table;
  }


}





@media (max-width: 1356px){
  .founders .col-wrap {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
  }
}


@media (max-width: 1024px){

  .founders {
    padding: 64px 56px;
  }

}

@media (max-width: 768px){

  .founders {
    padding: 64px 72px;
  }
  .founders .col-wrap {
    margin-top: 20px;
    grid-template-columns: unset;
    grid-template-areas:
      "a"
      "b"
      "c";
  }
  .founders h2 {
    font-size: 32px;
  }
  .founders .hKymwP {
    margin-top: 40px;
  }
  .founders .hKymwP p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
  }
  .founders .biCrYn {
    margin-top: 0px;
  }
  .founders .kpPvTx {
    -webkit-box-pack: start;
    justify-content: start;
  }
  .founders p.jDvcKH {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
  }
  .founders p.lpaEYv {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0px;
  }

}

@media (max-width: 425px){
  .founders {
    padding: 54px 20px;
  }
  .founders .hKymwP {
    margin-top: 24px;
  }

}

/* End Founders module */

/* ------- End How It Works Page ------- */

/* ------- Start Security Page -------- */
/* Start Traded on industry */
.hstoi-wrap {
  position: relative;
  width: 100%;
  padding: 160px 12.5%;
}
.hstoi-wrap h2 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  max-width: 950px;
  margin: auto auto 14px;
  color: rgb(35, 35, 35);
}
.hstoi-wrap h2 span {
  color: rgb(26, 147, 111);
}
.hstoi-wrap > p {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 40px;
  color: rgb(5, 20, 26);
  text-align: center;
}
.hstoi-wrap .hstoi-row {
  display: grid;
  grid-template-columns: repeat(2, 408px);
  gap: 16px;
  margin: auto;
  width: fit-content;
}
.hstoi-wrap .hstoi-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: start;
  background-color: rgb(244, 245, 245);
  border-radius: 8px;
  padding: 16px;
}
.hstoi-wrap .hstoi-img img {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
.hstoi-wrap .hstoi-item-title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  width: fit-content;
}
.hstoi-wrap .hstoi-item-title p {
  font-weight: inherit;
  color: inherit;
  margin: 0px;
  font-size: 18px;
  text-decoration: underline 1px dashed #05141a;
}
.hstoi-wrap .hstoi-item-title p:hover {
  color: rgb(119, 119, 119);
  border-color: rgb(119, 119, 119);
}


@media (max-width: 1024px) {
  .hstoi-wrap {
    padding: 64px 12.5%;
  }
  .hstoi-wrap .hstoi-row {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }

}

@media (max-width: 768px) {
  .hstoi-wrap h2 {
    font-size: 32px;
  }

}

@media (max-width: 425px) {
  .hstoi-wrap {
    padding: 54px 20px;
  }
  .hstoi-wrap .hstoi-row {
    display: flex;
    flex-direction: column;
  }

}
/* ------- End Security Page -------- */
/* End Traded on industry */

/* ------ Start Impact page ------- */
/* Start Impact banner module */
.impact-ban {
  background-color: rgb(26, 147, 111);
}
.impact-ban .impact_ban_img {
  max-width: 820px;
  max-height: 400px;
  width: 100%;
  height: 100%;
  margin: auto;
}
.impact-ban .impact_ban_img_wrap {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}
.impact-ban .impact_ban_img img {
  max-width: 820px;
  max-height: 400px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.impact-ban .impact_ban_content {
  width: 100%;
  padding: 120px 56px;
  position: relative;
  padding-top: 6px;
  padding-bottom: 100px;
}
.impact-ban .impact_ban_content h1 {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: center;
  color: rgb(255, 255, 255);
}
.impact-ban .impact_ban_content p {
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
  font-family: Helvetica;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}

@media (max-width: 768px) {
  .impact-ban .impact_ban_img {
    display: none;
  }
  .impact-ban .impact_ban_content {
    padding: 100px 72px;
  }
  .impact-ban .impact_ban_content h1 {
    font-size: 42px;
  }
  .impact-ban .impact_ban_content br {
    display: none;
  }
  .impact-ban .impact_ban_content p {
    font-size: 16px;
  }

}

@media (max-width: 425px) {
  .impact-ban .impact_ban_content {
    padding: 100px 20px;
  }
  .impact-ban .impact_ban_content h1 {
    font-size: 34px;
    margin-bottom: 20px;
  }

}
/* End Impact banner Module */

/* Start Impact tabber Module */
.impct-tabber .tab-content {
  display: none;
}
.impct-tabber .tab-content.current {
  display: block;
}
.impct-tabber {
  padding: 120px 56px;
  position: relative;
  display: grid;
  grid-template-columns: 224px 832px 224px;
  column-gap: 64px;
  width: fit-content;
  margin: auto;
}
.impct-tabber .jOaldA {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.impct-tabber .dXiuJH {
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: start;
}
.impct-tabber .eQUdeu {
  flex-direction: column;
}
.impct-tabber .impctbtn {
  width: 100%;
  border: none;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  text-align: left;
  display: flex;
  flex-direction: column;
  background-color: rgb(244, 245, 245);
}
.impct-tabber .ljrljF {
  width: 100%;
  line-height: 20px;
  font-size: 18px;
  font-weight: 700;
  color: rgb(5, 20, 26);
}
.impct-tabber .bLtDsk {
  width: 100%;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: rgb(5, 20, 26);
}
.impct-tabber .impctbtn.current {
  background-color: rgb(26, 147, 111);
}
.impct-tabber .impctbtn.current .ljrljF {
  color: rgb(220, 255, 141);
}
.impct-tabber .impctbtn.current .bLtDsk {
  color: rgb(255, 255, 255);
}
.impct-tabber .hsWAsh {
  flex-flow: row wrap;
  -webkit-box-pack: start;
  justify-content: start;
  margin: 30px 0px 20px;
}
.impct-tabber .impctTag {
  font-size: 14px;
  border-radius: 6px;
  padding: 8px 16px;
  margin-bottom: 6px;
  text-transform: capitalize;
  text-decoration: none;
  color: rgb(26, 147, 111);
  background-color: rgb(232, 244, 241);
}
.impct-tabber .impctTag:not(:last-child) {
  margin-right: 6px;
}
.impct-tabber .impctTag.danger-btn {
  text-decoration: line-through;
  color: rgb(255, 0, 53);
  background-color: rgb(254, 236, 239);
}
.impct-tabber .lmcaSk {
  margin-bottom: 0;
  padding-bottom: 8px;
}
.impct-tabber .impctCon p {
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
}
.impct-tabber .impctCon p strong {
  font-weight: 700;
}
.impct-tabber .impctImg {
  display: inline-block;
}
.impct-tabber .impctImg img {
  border: 1px solid rgb(228, 231, 231);
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  padding: 8px;
  width: 80px;
  height: 80px;
  object-fit: contain;
  align-self: center;
}

.impct-tabber .acrdnItem {
  border-bottom: 1px solid rgb(228, 231, 231);
}
.impct-tabber .acrdnBtn {
  color: inherit;
  background: initial;
  border: initial;
  font: inherit;
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  width: 100%;
  cursor: pointer;
  padding: 15px 0px;
  background-size: 13px 6px;
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
}
.impct-tabber .collapse {
  display: none;
}
.impct-tabber .xvsQk {
  padding: 20px 0px;
  text-align: left;
  font-size: 16px;
  font-weight: 300;
  border-bottom: none;
}

@media (max-width: 1440px) {
  .impct-tabber {
    grid-template-columns: 224px 1fr;
  }

}

@media (max-width: 1024px) {
  .impct-tabber {
    grid-template-columns: unset;
    grid-template-rows: auto 1.5fr;
    row-gap: 40px;
    padding: 64px 56px;
  }
  .impct-tabber .dXiuJH {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    column-gap: 12px;
    padding: 0px;
    width: 100%;
    margin: 0px auto;
  }
  .impct-tabber .impctbtn {
    height: 100%;
    margin-bottom: 0px;
    text-align: center;
  }
  .impct-tabber .ljrljF {
    font-size: 14px;
  }
  .impct-tabber .impctCon p {
    font-size: 14px;
    line-height: 24px;
  }

}

@media (max-width: 768px) {
  .impct-tabber {
    padding: 64px 72px;
  }
  .impct-tabber .tab-content h3 {
    font-size: 32px;
  }

}

@media (max-width: 760px) {
  .impct-tabber .dXiuJH {
    display: flex;
    flex-direction: column;
  }
  .impct-tabber .impctbtn {
    margin-bottom: 12px;
    text-align: left;
  }

}

@media (max-width: 425px) {
  .impct-tabber {
    padding: 60px 20px;
  }
  .impct-tabber .tab-content h3 {
    font-size: 24px;
  }
  .impct-tabber .impctCon p {
    line-height: 22px;
  }
  .impct-tabber .impctImg img {
    width: 60px;
    height: 60px;
  }
  .impct-tabber .acrdnItem {
    width: 95%;
    margin: auto;
  }
  .impct-tabber .acrdnBtn {
    padding-right: 20px;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 1px solid rgb(228, 231, 231);
  }
  .impct-tabber .xvsQk {
    font-size: 14px;
  }

}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .impct-tabber {
    display: flex;
    max-width: 1520px;
  }
  .impct-tabber .jOaldA {
    display: block;
  }
  .impct-tabber .hsWAsh {
    display: flex;
    justify-content: flex-start;
  }
  .impct-tabber .dXiuJH {
    width: 224px;
  }
  .impct-tabber .eQUdeu {
    width: 832px;
    margin-left: 64px;
    margin-right: 308px;
  }
  .impct-tabber .acrdnBtn {
    border: none;
  }
  .impct-tabber .impctImg img {
    border: none;
    border-radius: none;
    height: auto;
  }
  .impct-tabber .impctImg {
    border: 1px solid rgb(228, 231, 231);
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    width: 80px;
    height: 80px;
    align-self: center;
    display: flex;
    align-items: center;
  }

  @media (max-width: 1440px) {
    .impct-tabber {
      grid-template-columns: 224px 1fr;
    }
    .impct-tabber .eQUdeu {
      width: calc(100% - 288px);
      margin-left: 64px;
      margin-right: 0;
    }

  }
  @media (max-width: 1024px) {
    .impct-tabber {
      display: block;
    }
    .impct-tabber .dXiuJH {
      width: 100%;
      margin-bottom: 40px;
    }
    .impct-tabber .eQUdeu {
      width: 100%;
      margin-left: 0;
    }

  }


}
/* End Impact Tabber Module */
/* ----- End impact page */

/* ----- Start FAQ Page ----- */
/* FAQ module */
.faq .inner-col {
  padding: 60px 0px 120px;
  max-width: 832px;
  margin: 0 auto;
}
.faq ul.tabber-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 60px;
}
.faq ul.tabber-tabs li a {
  margin: 0px;
  padding: 12px 74px;
  font-size: 18px;
  border-color: rgb(26, 147, 111);
  color: rgb(26, 147, 111);
  background-color: transparent;
  border: 2px solid;
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.faq ul.tabber-tabs li.active a {
  border-color: rgb(26, 147, 111);
  color: rgb(255, 255, 255);
  background-color: rgb(26, 147, 111);
}
.faq .tabber-content h1, .faq .tabber-content h2  {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  text-align: left;
  color: rgb(5, 20, 26);
}
.faq hr.sc-ksluID {
  color: rgb(228, 231, 231);
  margin: 30px 0px 0px;
  background: transparent;
  border-top: 1px solid rgba(0,0,0,.1);
}
.faq .acc-item {
  border-bottom: 1px solid rgb(228, 231, 231);
}
.faq .acc-toggle {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  width: 100%;
  cursor: pointer;
  padding: 15px 0px;
  background-size: 13px 6px;
  background-repeat: no-repeat;
  background-position: right center;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.faq .inner-content {
  padding: 20px 0px;
  text-align: left;
  font-size: 16px; 
  font-weight: 300;
  border-bottom: none;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.faq .inner-content p {
  margin: 0;
}
.faq .inner-content p a {
  color: rgb(26, 147, 111);
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
}
.faq .inner-content p a:hover {
  text-decoration: underline;
}

.faq {
  padding: 0 20px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .faq ul.tabber-tabs li {
    margin: 0 10px;
  }
  .faq ul.tabber-tabs {
    display: flex;
  }

}



@media (max-width: 1024px){

  .faq ul.tabber-tabs li a {
    padding: 12px 8px;
    font-size: 14px;
  }

}


@media (max-width: 768px){

  .faq {
    padding: 0;
  }
  .faq .inner-col {
    padding: 64px 12.5%;
  }
  .faq .tabber-content h1, .faq .tabber-content h2 {
    font-size: 42px;
  }

}

@media (max-width: 425px){

  .faq .inner-col {
    padding: 48px 20px;
  }
  .faq .tabber-content h1, .faq .tabber-content h2 {
    font-size: 34px;
  }
  .faq .acc-item {
    width: 95%;
    margin: auto;
  }
  .faq .acc-toggle {
    padding-right: 20px;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 1px solid rgb(228, 231, 231);
  }
  .faq .inner-content p, .faq .inner-content ul {
    font-size: 14px;
  }

}

@media (max-width: 360px){

  .faq ul.tabber-tabs li a {
    height: 100%;
    word-break: normal;
    display: flex;
    align-items: center;
    justify-content: center;
  }

}


/* End FAQ Module */
/* ----- End FAQ Page ----- */


/* homepage bugfixes */

@media screen and (max-width: 1199px) {
  .form-with-video .form-header-text p {
    margin: 0 auto 40px auto;
  }
  .left-form-right-video-main .logo-repeater {
    margin: 0 auto 60px auto;
    justify-content: center;
  }
  .form-with-video-bottom-section .single-item .icon {
    margin-bottom: 0;
    position: static;
    transform: translateY(0);
  }
}


/* ********************************** */
/* Climate Index Changes // June 2022 */
/* ********************************** */

/* header.header .header-logo img {
    content-visibility: hidden;
}

header.header .header-logo a {
    background: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/logo-white.svg) !important;
    background-repeat: no-repeat;
} */

/* .custom-menu-primary .submenu.level-1>li.has-submenu>a:after {
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
} */



#climate-index-new-breakdown-2020 {
	background-image: url(https://20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/Climate%20Index%20new%20Background%20images%202022/Background.png) !important;
	background-size: 100% 600px;
}

header.header div.header-grp>.header__container {
	border-bottom: none;
}

#climate-index-new-breakdown-2020>div.page-center>h1,
#climate-index-new-breakdown-2020>div.page-center>p {
	color: #fff;
}
#climate-index-new-breakdown-2020>div.page-center>h1 {
	font-size: clamp(32px,5vw,50px);
	font-family: Calistoga,serif;
	font-weight: 400;
	line-height: 1.2;
}

#climate-index-new-breakdown-2020 .c-index-new-tabs button.c-index-tab {
	border: 1.5px solid #fff;
	color: #fff;
}

#climate-index-new-breakdown-2020 .c-index-new-tabs button.c-index-tab.current1,
#climate-index-new-breakdown-2020 .c-index-new-tabs button.c-index-tab:hover {
	background-color: #fff;
	color: #05141a;
	border-color: transparent;
	transition: .3s ease-in-out;
}
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
@font-face {
  font-family: "Calistoga";
  font-style: normal;
  font-weight: 400;
  src: local("Calistoga Regular"), local("Calistoga-Regular"), url("//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/fonts/6NUU8F2OJg6MeR7l4e0fs8wB49dJfg.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body {
  line-height: 1.5;
  word-break: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* Anchors */

a {
  cursor: pointer;
  text-decoration: underline;
}

a:hover,
a:focus {
  text-decoration: underline;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  margin: 0 0 .5rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 15px;
}

/* Horizontal rules */

hr {
  background-color: #CCC;
  border: none;
  color: #CCC;
  height: 1px;
}

/* Image alt text */

img {
  font-size: 14px;
  word-break: normal;
}
:focus-visible {
  outline: none;
}
button,
.button {
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  text-decoration: none;
}

button:active,
.button:active {
  text-decoration: none;
}
/* Form fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Help text - legends */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  background-color: #FFF;
  border: 2px solid;
  border-radius: 3px;
  display: block;
  font-size: .875rem;
  padding: .7rem;
  width: 100%;
  max-width: 767px !important;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - datepicker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  transition: all .15s linear;
  white-space: normal;
  text-decoration: none;
  margin: 15px 0 30px;
  font-weight: 700;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border: 1px solid;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table Cells */

th,
td {
  border: 1px solid;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */

thead th,
thead td {
  border-bottom: 2px solid;
  vertical-align: bottom;
}
.header__container {
  z-index: 1;
  display: grid;
  grid-template-columns: 0.6fr 2.3fr;
  width: 100%;
  padding: 20px;
  max-width: 100% !important;
  border-bottom: 1px solid rgb(228, 231, 231);
}
.header-logo a {
  cursor: pointer;
  font-family: Helvetica;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  -webkit-box-align: center;
  align-items: center;
  display: block;
  text-align: center;
  text-decoration-line: underline;
  color: rgb(26, 147, 111);
}
.header-logo a:hover {
  opacity: 0.8;
}
.header-logo img {
  width: 163.5px !important;
  height: 54.5px;
  display: block;
}
.header-right-side {
  width: 100%;
  display: grid;
  grid-template-columns: 1.25fr 0.8fr;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.custom-menu-primary {
  display: flex;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.header-buttons {
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.custom-menu-primary .submenu.level-1>li a {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  width: fit-content;
  border: none;
  background-color: transparent;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  padding: 0px 16px;
}
.custom-menu-primary .submenu.level-1>li.has-submenu > a:after {
  border-top: 2px solid rgb(5, 20, 26);
  border-right: 2px solid rgb(5, 20, 26);
  width: 8px;
  height: 8px;
  margin: 0px;
  transform: rotate(135deg);
  content: "";
  margin-left: 12px;
}
.custom-menu-primary .submenu.level-1>li {
  display: block;
}
.custom-menu-primary .submenu.level-1 {
  display: flex;
  flex-direction: row;
}
.custom-menu-primary .submenu.level-1>li.has-submenu a {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.custom-menu-primary .submenu.level-1>li:hover > a{
  opacity: 0.8;
}
.custom-menu-primary .submenu.level-2 .menu-item .menu-link {
  padding: 10px;
  font-size: 14px;
  color: rgb(119, 119, 119);
}
.custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover {
  color: rgb(5, 20, 26);
  text-decoration: underline;
}
.custom-menu-primary .submenu.level-2 {
  min-width: 260px;
  padding: 10px;
  margin-top: 15px;
  background-color: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
  position: absolute;
  left: -20px;
  z-index: 9;
}
.custom-menu-primary .submenu.level-2:before {
  content: "";
  height: 20px;
  width: 100%;
  top: -17px;
  left: 0;
  position: absolute;
}
.header-buttons button,
.header-buttons .hs-button{
  border: 2px solid;
  border-radius: 8px;
  padding: 12px 20px;
  margin: 0px 8px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  text-transform: capitalize;
  border-color: rgb(26, 147, 111);
  color: rgb(26, 147, 111);
  background: transparent;
  text-decoration: none;
  display: inline-block;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.header-buttons button.black-btn,
.header-buttons a#hs-button_button_black{
  background-color: rgb(5, 20, 26);
  border-color: rgb(5, 20, 26);
  color: #fff;
}
.header-buttons button:hover,
.header-buttons .hs-button:hover{
  background-color: #1a936f;
  border-color: #1a936f;
  color: #fff;
}
.header-buttons button.black-btn:hover,
.header-buttons a#hs-button_button_black:hover{
  background-color: transparent;
  color: rgb(5, 20, 26);
  border-color: #05141a;
}
.header-logo a:hover {
  opacity: 0.8;
}
.mobile-toggle{
  display: none;
}
.mobile-menu-grp {
  display: none;
}
.modal-backdrop {
  display: none;
}
.dnd-section .widget-type-cell {
  padding-left: 0;
  padding-right: 0;
}
.banner-section {
  padding: 0;
}
.header-grp {
  position: relative;
  z-index: 9;
}
.header-with-overlay .header .header-grp {
  background-color: rgba(255, 255, 255, .8);
}
.custom-menu-primary .submenu.level-1>li.clicked ul.submenu.level-2 {
  opacity: 1;
  visibility: visible;
}

.custom-menu-primary .submenu.level-1>li.has-submenu.clicked >a:after {
  transform: rotate(315deg);
}


.white-header.header-grp {
  background: rgb(26, 147, 111);
}
.white-header .custom-menu-primary .submenu.level-1 > li > a {
  color: #fff;
}
.white-header .custom-menu-primary .submenu.level-1 > li.has-submenu > a:after {
  border-color: #fff;
}
.white-header .custom-menu-primary .submenu.level-1 > li.has-submenu.clicked > a,
.white-header .custom-menu-primary .submenu.level-1 > li:hover > a {
  color: rgb(220, 255, 141);
}
.white-header .custom-menu-primary .submenu.level-1 > li:hover > a:after,
.white-header .custom-menu-primary .submenu.level-1 > li.has-submenu.clicked > a:after {
  border-color: rgb(220, 255, 141) !important;
}
.white-header .header__container {
  border-color: rgb(24, 134, 101);
}
.white-header .header-buttons a#hs-button_button_black:hover{
  background-color: transparent;
}
.white-header .mobile-trigger .fUvzDG {
  background: #fff;
}
.header-pop{
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease 0s, visibility 0s linear 0s;
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  overflow: auto;
  inset: 0px;
  z-index: -10;
  min-height: 100%;
}
.green-pop .human-pop,
.black-pop .black-popup{
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
.green-pop .human-pop .iWhidq ,
.black-pop .black-popup .iWhidq {
  right: 0;
}
.header-pop .egjIYz {
  position: absolute;
  padding: 8px;
  cursor: pointer;
  width: initial;
  max-width: initial;
  top: 12px;
  left: -38px;
  right: auto;
}
.header-pop .iWhidq {
  visibility: visible;
  opacity: 1;
  position: fixed;
  max-width: 100%;
  z-index: 10001;
  transition: all 400ms ease-out 0s;
  width: 800px;
  height: 100%;
  top: 0px;
  right: -100%;
}
.menu-close {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
}
.show-menu .menu-close {
  display:block;
}
.tooltip-inner a:hover {
  text-decoration: underline;
  color: #94C2D1;
}



@media (min-width: 1025px){

  .white-header .header-buttons button.green-btn,
  .white-header .header-buttons a#hs-button_button_green{
    background-color: transparent;
    border-color: #FFF;
    color: #FFF;
  }
  .white-header .header-buttons button.green-btn:hover,
  .white-header .header-buttons a#hs-button_button_green:hover{
    background-color: #FFF;
    border-color: #FFF;
    color: rgb(26, 147, 111);
  }

}



@media (max-width: 1080px){

  .header-buttons button,
  .header-buttons .hs-button{
    padding: 10px 16px;
  }

}


@media (max-width: 1024px){

  .header-right-side { 
    display: none;
  }
  .header__container {
    grid-template-columns: 1fr 1fr;
  }
  .header-logo img {
    width: 127px !important;
    height: 40px;
  }
  .mobile-toggle{
    display: flex;
    visibility: visible;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: flex-end;
    padding-right: 10px;
  }
  .mobile-trigger {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    background-color: transparent;
  }
  .mobile-menu ul.submenu.level-2 li a:hover {
    color: rgb(5, 20, 26);
    opacity: 0.8;
  }
  .mobile-menu-grp .nav-modal-header a:hover {
    opacity: 0.8;
    display: block;
  }
  .mobile-trigger .fUvzDG {
    width: 24px;
    height: 2px;
    border-radius: 1px; 
    margin: 4px 0px;
    background-color: rgb(5, 20, 26);
  }
  .mobile-menu-grp .modal-dialog {
    display: block;
    padding: 0;
    margin: 0;
    max-width: unset;
    width: 100%;
    height: 100vh;
    position: relative;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  .mobile-menu-grp {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -10;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s linear;
  }
  .mobile-open .mobile-menu-grp {
    opacity: 1;
    visibility: visible;
    z-index: 1050;
    height: 100%;
  }
  .mobile-open .mobile-menu-grp .modal-dialog {
    -webkit-transform: none;
    transform: none;
  }
  .mobile-menu-grp .modal-content {
    border: none;
    height: 100vh;
    background-color: transparent;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: .3rem;
    outline: 0;
  }
  .mobile-menu-grp .nav-modal-header {
    background-color: #f4f5f5;
    border-bottom: 1px solid #ebebeb;
    padding: 16px 28px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-align-items: center;
    align-items: center;
  }
  .mobile-menu-grp .nav-modal-header a {
    cursor: pointer;
    font-family: Helvetica;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    text-decoration-line: underline;
    color: rgb(26, 147, 111);
  }
  .mobile-menu-grp .nav-modal-header a img {
    width: 127px !important;
    height: 40px;
    display: block;
  }
  .mobile-menu-grp .nav-modal-body {
    display: none;
    grid-template-columns: repeat(2,50vw);
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .mobile-open .mobile-menu-grp .nav-modal-body {
    display: grid;
  }
  .mobile-menu-grp .oxVOu {
    flex-direction: column;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 0px 20px 30px;
    background-color: rgb(255, 255, 255);
    height: 100%;
    display: flex;
    overflow: scroll;
    width: 100%;
  }
  .modal-backdrop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh; 
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s linear;
  }
  .mobile-open .modal-backdrop.show {
    opacity: .5;
    visibility: visible;
  }
  .mobile-menu-grp .jKLUHq {
    width: 38px;
    height: 38px;
    justify-self: end;
    background-image: url('//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/carbon-collective-green-investing-icon-close-menu.93e23307.svg');
      background-position: center center;
      background-size: 16px 16px;
      background-repeat: no-repeat;
      cursor: pointer;
      }
  body.mobile-open {
    overflow: hidden;
  }
  .mobile-menu .submenu.level-1 > li {
    display: block;
  }
  .mobile-menu  ul.submenu.level-2 {
    display: block;
    position: static;
    opacity: 1;
    visibility: visible;
  }
  .mobile-menu {
    width: 100%;
  }
  .mobile-menu .submenu.level-1 {
    width: 100%;
  } 
  .mobile-menu .submenu.level-1 > li > a.menu-link {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: rgb(5, 20, 26);
    padding-top: 30px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgb(228, 231, 231);
    margin-bottom: 0px;
    display: block;
    line-height: 20px;
  }
  .mobile-menu .submenu.level-1>li.has-submenu>a.menu-link {
    cursor: text;
    color: #05141a !important;
  }
  .mobile-menu .submenu.level-1>li>a.menu-link:hover {
    color: rgb(119, 119, 119);
  }
  .mobile-menu ul.submenu.level-2 li a {
    font-weight: normal;
    text-align: left;
    color: rgb(119, 119, 119);
    padding: 10px 0px 0px;
    margin: 10px 0px 0px !important;
    display: inline-block;
    font-size: 16px;
    font-family: Helvetica;
    font-style: normal;
    line-height: 20px;
  }
  .mobile-menu .submenu.level-1 > li.has-submenu  > a.menu-link {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    line-height: 1.5;
  }
  .header-buttons {
    flex-direction: column;
    margin-top: auto;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
  }
  .header-buttons button,
  .header-buttons .hs-button{
    display: block;
    width: 100%;
    padding: 10px 16px;
    margin: 0;
  }
  .header-buttons .hs_cos_wrapper_type_module {
    width: 100%;
  }
  .header-buttons button.green-btn,
  .header-buttons a#hs-button_button_green{
    margin: 12px 0px 8px;
  }



}

@media (max-width: 800px){
  .header-pop .egjIYz {
    left: 8px;
  }
}




@media (max-width: 664px){
  .mobile-open .mobile-menu-grp .nav-modal-body {
    display: block;
  }


}


@media (max-width: 425px){

  .mobile-menu-grp .nav-modal-header a img,
  .header-logo img{
    width: 114px !important;
    height: 38px;
  }
  .header__container {
    padding: 18px;
  }


}
.footer-grp {
  padding: 80px 56px 40px;
}
.footer-copyright {
  color: rgb(119, 119, 119);
  margin-bottom: 0px;
  font-family: Helvetica;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.footer-content {
  padding: 30px 0px;
  margin-top: 40px;
  margin-bottom: 30px;
  color: rgb(119, 119, 119);
  text-align: left;
  justify-items: start;
  border-bottom: 1px solid rgb(228, 231, 231);
  border-top: 1px solid rgb(228, 231, 231);
}
.footer-content p {
  font-size: 14px;
  font-family: Helvetica;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  color: rgb(119, 119, 119);
}
.footer-content p:first-child {
  font-weight: 700;
}
.footer-content p a {
  color: inherit;
  text-decoration: none;
}
.footer-content p a:hover {
  text-decoration: underline;
}
.footer-menu ul.submenu.level-2 {
  display: block;
  position: static;
  opacity: 1;
  width: auto;
  background: transparent;
  visibility: visible;
}
.footer-menu ul.submenu.level-1 > li  > a.menu-link {
  line-height: 24px;
  font-weight: 700;
  color: rgb(5, 20, 26);
  font-family: Helvetica;
  font-style: normal;
  font-size: 14px;
  cursor: text;
}
.footer-menu ul.submenu.level-2 li a {
  font-family: Helvetica;
  font-style: normal;
  line-height: 24px;
  margin-top: 14px;
  color: rgb(119, 119, 119);
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
}
.footer-menu ul.submenu.level-2 li a:hover {
  text-decoration: underline;
  color: inherit;
}
.footer-menu ul.submenu.level-1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2fr 2fr;
  gap: 16px;
  justify-items: start;
}
.footer-menu ul.submenu.level-1>li:last-child {
  justify-self: end; 
}
.footer-menu ul.submenu.level-1>li:last-child>a {
  cursor: pointer;
}

.footer-menu ul.submenu.level-2 li a {
  white-space: normal;
} 


@media (max-width: 1440px){

  .footer-grp {
    padding-left: 6%;
    padding-right: 6%;
  }
  .footer-menu ul.submenu.level-1 {
    grid-template-columns: repeat(5, 1fr);
  }



}

@media (max-width: 1024px){

  .footer-content {
    margin-top: 30px;
    padding: 20px 0px 30px;
  }
  .footer-menu ul.submenu.level-1>li:last-child {
    display: none;
  }
  .footer-menu ul.submenu.level-1 {
    grid-template-columns: repeat(4, 1fr);
  }
  .footer-grp {
    padding-top: 40px;
  }


}

@media (max-width: 767px){

  .footer-menu ul.submenu.level-1 {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }

}


@media (max-width: 425px){
  .footer-menu ul.submenu.level-2 li a {
    line-height: 20px;
    font-size: 13px;
  }
  .footer-menu ul.submenu.level-1>li>a.menu-link {
    font-size: 13px;
  }


}


@media (max-width: 360px){
  .footer-copyright {
    max-width: 230px;
    font-size: 13px;
    line-height: 20px;
  }
  .footer-content p {
    font-size: 12px;
    line-height: 18px;
  }
  .footer-content p:last-child {
    margin-bottom: 0;
  }
  .footer-content p:first-of-type {
    font-size: 14px;
  }
  
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}
.hs-blog-listing .dnd-section .dnd-column {
  padding: 0;
}
.section.post-footer ul.no-list.hs-error-msgs.inputs-list label {
    color: #ef6b51;
    margin-top: .35rem;
}
.comment-date {
    display: block !important;
}
.blog-post__body img {
    max-width: 100%;
}
/* Blog header */

.blog-header {
  background-color: #f8fafc;
  text-align: center;
}

.blog-header__inner {
  margin: 0 auto;
  max-width: 600px;
}

/* Blog header - author listing */

.blog-header__author-avatar {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  display: block;
  height: auto;
  margin: 0 auto 1.4rem;
  width: 200px;
}

.blog-header__author-social-links a {
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  margin: 0 5px;
  position: relative;
  width: 40px;
}

.blog-header__author-social-links a:hover,
.blog-header__author-social-links a:focus {
  background-color: #494a52;
}

.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}

/* Blog header - tag listing */

.blog-index__tag-header {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  padding: 1rem;
}

.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}

.blog-index__tag-heading {
  border-bottom: 3px solid #d1d6dc;
  padding-bottom: 1rem;
}

/* Blog listing */

.blog-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-index::after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.blog-index__post {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 1rem;
}
.blog-index__post-content a{
  text-decoration:none !important;
}
@media screen and (min-width: 768px) {
  .blog-index__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
    max-width: 50%;
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    max-width: 33.333%;
  }
}

@media screen and (min-width: 768px) {
  .blog-index__post--large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    justify-items: space-between;
  }
}

.blog-index__post.blog-index__post--small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog-index__post-inner-card {
  background: #fff;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
}

.blog-index__post-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px 5px 0 0;
  display: block;
  padding-bottom: 63%;
}

@media (min-width: 1000px) {
  .full-width .blog-index__post-image {
    min-height: 300px;
    padding-bottom: unset;
  }
}

.blog-index__post-inner-card .blog-index__post-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 24px 30px 30px 30px;
}

.blog-post__tag-link,
.blog-post__tags {
  font-size: 12px;
  font-weight: 200;
  letter-spacing: 0.01rem;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.blog-post__tag-link:hover {
  text-decoration: none;
}

.blog-index__post-content h2 {
  margin: 0.5rem 0;
}

.blog-index__post-content--small h2 {
  font-size: 18px;
}

.blog-index__post-content--small h2 a:hover {
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.blog-post__meta-section {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 30px;
}
.blog-post__meta-section.no-min {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.blog-post__read-more a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog-post__read-more a:hover {
  text-decoration: none;
}

.read-more__arrow {
  padding-left: 10px;
  position: relative;
  top: 3px;
}

.blog-post__read-more svg {
  height: auto;
  width: 15px;
}

.blog-post__read-more a svg {
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

/* Blog listing - sidebar */

@media screen and (min-width: 1000px) {
  .sidebar.full-width .blog-index .blog-index__post,
  .sidebar .full-width .blog-index .blog-index__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .sidebar.two-col .blog-index .blog-index__post,
  .sidebar .two-col .blog-index .blog-index__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
  }
  .sidebar.three-col .blog-index .blog-index__post,
  .sidebar .three-col .blog-index .blog-index__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
  }
  .sidebar.four-col .blog-index .blog-index__post,
  .sidebar .four-col .blog-index .blog-index__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 4);
    flex: 0 0 calc(100% / 4);
  }
}

@media screen and (max-width: 999px) {
  .sidebar.two-col .blog-index .blog-index__post,
  .sidebar .two-col .blog-index .blog-index__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media screen and (max-width: 767px) {
  .sidebar .blog-index {
    padding: 1rem 0 3.3rem;
  }
}

@media screen and (max-width: 767px) {
  .blog-sidebar {
    padding: 2rem 1rem 0;
  }
}

.blog-sidebar h3 {
  font-size: 21px;
  font-weight: 600;
  line-height: 37px;
  margin-bottom: 20px;
  margin-top: 8px;
}

.blog-sidebar ul {
  background: #fff;
  border-radius: 5px;
  list-style: none;
  padding: 30px;
}

.blog-sidebar ul li {
  border-top: 1px solid #dfddd9;
  font-weight: 600;
  padding: 10px 0;
}

.blog-sidebar ul li:first-child {
  border-top-color: transparent;
  padding-top: 0;
}

.blog-sidebar ul li:last-child {
  padding-bottom: 0;
}

.blog-sidebar a {
  text-decoration: none;
}

.blog-sidebar a:hover {
  text-decoration: none;
}

.blog-sidebar .filter-link-count {
  display: none;
}

.blog-sidebar .filter-expand-link {
  position: relative;
  top: -15px;
  display: block;
  margin-bottom: 25px;
  text-transform: capitalize;
  text-align: center;
}

.blog-sidebar-post-listing ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  counter-increment: list-number;
}

.blog-sidebar-post-listing li:before {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  content: counter(list-number);
  font-size: 36px;
  font-weight: 600;
  padding-right: 22px;
}

.blog-sidebar-post-listing li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Blog mobile sidebar */

@media (max-width: 767px) {
  .hs-blog-listing .content-wrapper > .row-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .hs-blog-listing .span3 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .hs-blog-listing .span9 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .hs-blog-listing .blog-pagination {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .blog-sidebar.mobile .blog-sidebar-topic-filter ul,
  .blog-sidebar.mobile .blog-sidebar-post-listing ul {
    display: none;
    opacity: 0;
    -webkit-transition: all 5s;
    -o-transition: all 5s;
    transition: all 5s;
    visibility: hidden;
  }

  .blog-sidebar.mobile .blog-sidebar-topic-filter h3,
  .blog-sidebar.mobile .blog-sidebar-post-listing h3 {
    cursor: pointer;
  }
  .blog-sidebar.mobile .blog-sidebar-topic-filter h3:after,
  .blog-sidebar.mobile .blog-sidebar-post-listing h3:after {
    content: "+";
    padding-left: 6px;
  }

  .blog-sidebar.mobile .blog-sidebar-topic-filter.clicked h3:after,
  .blog-sidebar.mobile .blog-sidebar-post-listing.clicked h3:after {
    content: "-";
    padding-left: 7px;
  }

  .blog-sidebar.mobile .clicked ul {
    display: block;
    opacity: 1;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    visibility: visible;
  }
}

/* Blog pagination */

.blog-pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.blog-pagination.linked {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.blog-pagination__link {
  border: 2px solid transparent;
  border-radius: 7px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  margin: 0 0.1rem;
  padding: 0.25rem 0.4rem;
  text-decoration: none;
}

.blog-pagination__link--active {
  border: 2px solid #b0c1d4;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}

.blog-pagination__prev-link,
.blog-pagination__next-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.blog-pagination__prev-link {
  margin-right: 0.25rem;
  text-align: right;
}

.blog-pagination__next-link {
  margin-left: 0.25rem;
  text-align: left;
}

.blog-pagination__link.blog-pagination__prev-link--disabled,
.blog-pagination__link.blog-pagination__next-link--disabled {
  color: #b0c1d4;
  cursor: default;
  pointer-events: none;
}

.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #494a52;
  margin: 0 5px;
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #b0c1d4;
}

.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #b0c1d4;
}

/* Blog post */

.post-featured-image {
  background-position: center center;
  background-size: cover;
  border-radius: 5px;
  margin-bottom: -110px;
  margin-top: 40px;
  min-height: 300px;
}

.blog-post {
  background: #fff;
  border-radius: 5px;
  margin: 0 auto;
  max-width: 960px;
  padding: 84px 100px 80px 100px;
  position: relative;
  width: 90%;
}

.blog-post.no-image {
  margin-top: 50px;
}

.blog-post__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}

.blog-post__meta {
  margin: 1rem 0;
}

.blog-post__meta a {
  text-decoration: none;
}

.blog-post__timestamp {
  display: inline-block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 10px;
  width: 15px;
}

.blog-post__links-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 26px 0;
}

@media (max-width: 767px) {
  .blog-post__links-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .hs-blog-social-share {
    height: 0 !important;
  }
  .hs-blog-social-share-list {
    padding-top: 20px;
  }
}

.hs-blog-social-share .hs-blog-social-share-item-linkedin {
  margin-top: -7px;
}

.blog-post__back-to-blog,
.blog-post__back-to-blog:hover {
  text-decoration: none;
}

.blog-post__back-to-blog svg {
  margin-right: 10px;
  position: relative;
  top: 6px;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  width: 20px;
}

@media (max-width: 767px) {
  .blog-post img {
    float: none !important;
    width: 100% !important;
  }

  .blog-post {
    width: 90%;
    padding: 30px;
  }

  .blog-post h1 {
    font-size: 1.6rem;
  }
}

/* Blog related posts */

.blog-related-posts {
  margin-top: 3rem;
  padding: 2rem 0;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-related-posts .blog-index__post-content h2 {
  text-align: left;
}

.blog-related-posts .blog-post__meta-section {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.blog-related-posts__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  max-width: 100%;
  padding-bottom: 63%;
}

.blog-related-posts__title {
  margin: 1rem 0 0.5rem;
}

.blog-related-posts__title a {
  color: #494a52;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 100%;
}

.blog-comments form {
  max-width: 100%;
  padding-top: 2em;
}

.blog-comments .hs-submit {
  text-align: center;
}

.comment.depth-0:first-child {
  margin-top: 2em;
}

.comment.depth-1 {
  padding-left: 2em;
  padding-top: 1em;
  margin-top: 1em;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}

/* Subscription section */

.subscription-form {
  display: block;
  margin: 0 auto;
  padding: 60px 0;
  text-align: center;
}

@media (max-width: 767px) {
  .subscription-form {
    width: 85%;
  }
  .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    width: 100%;
    overflow-x: auto;
  }
  .blog-post__body h2 {
    font-size: 26px;
  }

}

.subscription-form label {
  text-align: center;
}
/* Error pages */

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #bbbbbb;
  content: attr(data-error);
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */

.systems-page {
  margin: 0 auto;
  padding: 3rem 0;
}

.systems-page--search-results {
  max-width: 100%;
}

.systems-page .header {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
}

.systems-page .success {
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  color: #4F7D24;
  display: inline-block;
  margin: 1.4rem 0;
  max-width: 700px;
  padding: 0.1rem 0.7rem;
  width: 100%;
}

.systems-page form input {
  max-width: 100%;
}

.systems-page form input[type='submit'] {
  margin: 0.625rem 0;
  display: block;
}

/* Search pages */

.hs-search-results__title {
  color: #494A52;
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 0.7rem;
}

/* Password prompt */

.password-prompt input[type=password] {
  height: auto !important;
  margin-bottom: 1.4rem;
}

.systems-page #hs-login-widget-remember,
.systems-page #hs-login-widget-remember ~ label {
  display: inline-block;
  margin-bottom: 3px;
}

.systems-page #hs_login_reset {
  display: block;
  margin-bottom: 0.625rem;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  font-size: 0.875rem !important;
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}

/* Subscription preferences */

#email-prefs-form .item.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#email-prefs-form .item.disabled input:disabled {
  cursor: not-allowed;
}

/* Membership pages */
#hs-membership-form a[class*='show-password'] {
  font-size: 0.75rem;
}

/* Input error messages */

.form-input-validation-message ul.hs-error-msgs {
  padding-left: 0;
  margin: 0;
}

.form-input-validation-message ul.hs-error-msgs li {
  margin: 0;
}


.error_404 {
  line-height: 1.5;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue";
  width: 100%;
  padding: 120px 56px;
  position: relative;
  padding: 160px 12.5%;
  background-color: rgb(255, 255, 255);
  background-image: url(//20345524.fs1.hubspotusercontent-na1.net/hubfs/20345524/raw_assets/public/CarbonCollective_August2021/images/carbon-collective-green-investing-bg-404.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.error_404 .error_404_title {
  font-family: Calistoga;
  font-style: normal;
  font-weight: normal;
  font-size: 45px;
  color: rgb(26, 147, 111);
  margin-bottom: 8px;
}
.error_404 .error_404_con {
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: start;
  max-width: 430px;
  font-size: 16px;
  font-weight: 300;
  color: rgb(35, 35, 35);
  text-align: left;
  margin: 20px 0px 60px;
}
.error_404 .error_404_con p {
  font: inherit;
  color: inherit;
  margin: 0px;
}
.error_404 .error_404_btn {
  text-decoration: none;
  display: block;
  border: 2px solid;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
  color: rgb(255, 255, 255);
  cursor: pointer;
  width: fit-content;
  border-color: rgb(26, 147, 111);
  background-color: rgb(26, 147, 111);
  margin: 40px auto;
  padding: 14px 30px;
  color: rgb(255, 255, 255) !important;
  margin: 0px;
}
.error_404 .error_404_btn:hover {
  text-decoration: underline;
}
.error_404_pg .footer-grp {
  background-color: rgb(244, 245, 245);
}
@-moz-document url-prefix() { 
  .fees-grp1 .about-fee .col-wrap .hZHGfK {
    margin: 0;
  }
}


@media (max-width: 768px) {
  .error_404 .error_404_title,
  .error_404 .error_404_subtitle {
    font-size: 32px;
  }
  .error_404 .error_404_btn {
    padding: 12px 14px;
  }
  .error_404 .error_404_con p br {
    display: none;
  }

}

@media (max-width: 767px) {
  .systems-page .page-header h1 {
    font-size: 30px;
  }
  .systems-page .page-header h2 {
    font-size: 26px;
  }

}

@media (max-width: 425px) {
  .error_404 {
    padding: 92px 20px 280px;
    background-position: right -80px bottom -100px;
  }
  .error_404 .error_404_title,
  .error_404 .error_404_subtitle,
  .error_404 .error_404_con {
    text-align: center;
  }
  .error_404 .error_404_btn {
    margin: auto;
    font-size: 14px;
    min-width: 240px;
  }


}