@import url("https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::first-letter{text-transform: uppercase;}

body {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: none;
  color: #000000;
  font-family: "Spectral", serif;
  font-weight: 300;
  background: #fbfdfd;
}

p {
  font-size: 24px;
}
.skiptranslate{
  iframe{
    display: none;
  }
}
#google_translate_element{
  height: 50px;
  overflow: hidden;
  display: flex;
  flex-flow: column;
}
#google_translate_element select{
  height: 40px;
  border: none;
  font-size: 16px;
  padding: 0 1rem;
  font-family: "Poppins", sans-serif;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  p {
    font-size: 20px !important;
    width: 100% !important;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  h4 {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  h3 {
    font-size: 19px !important;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  h2 {
    font-size: 20px !important;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  h1 {
    font-size: 25px !important;
  }
  h1 span {
    font-size: 25px !important;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  li, span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .our-services, .pricing, .get-in-touch {
    margin-top: 80px;
  }
}
.DOMContentLoaded{
  margin-top: 30px;
}
.p_italic {
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
}

hr {
  background-color: #000;
  opacity: 1;
}

.px-36 {
  font-size: 36px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .px-36 {
    font-size: 20px;
  }
}

.px-32 {
  font-size: 32px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .px-32 {
    font-size: 16px;
  }
}

.px-28 {
  font-size: 28px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .px-28 {
    font-size: 14px;
  }
}

.px-22 {
  font-size: 22px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .px-22 {
    font-size: 14px;
  }
}

.d-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.mt-60px {
  margin-top: 60px !important;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .mt-60px {
    margin-top: 25px !important;
  }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  hr {
    height: 0.3px !important;
  }
}
.mt-50px {
  margin-top: 50px;
}

.mt-136px {
  margin-top: 136px;
}

.pt-300px {
  padding-top: 300px;
}

.pt-226px {
  padding-top: 226px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .pt-226px {
    padding-top: 100px !important;
  }
}

.pb-50px {
  padding-bottom: 50px;
}

.pb-132px {
  padding-bottom: 132px;
}

.pt-132px {
  padding-top: 132px;
}

.ptb-275px {
  padding-top: 275px;
  padding-bottom: 275px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .ptb-275px {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

.btnStyle {
  background-color: #00693E;
  padding: 18px 60px;
  color: #fff;
  text-decoration: none;
  font-style: italic;
  font-size: 24px;
  display: table;
  margin: 32px auto;
}
.btnStyle:hover {
  color: #fff;
}

.services-list ul li {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .services-list ul li {
    margin-bottom: 20px !important;
  }
}
.services-list ul li img {
  margin-bottom: 15px;
}
.services-list ul li h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}
.services-list ul li p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
}
.services-list ul li p a {
  color: #000;
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
}

.project-section h2, .problem-solution .block-text h2, .offsetting .block-text h2, .route-zero .block-text h2 {
  font-size: 32px;
  font-weight: 700;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .project-section h2, .problem-solution .block-text h2, .offsetting .block-text h2, .route-zero .block-text h2 {
    font-size: 20px;
    text-align: left;
  }
}

.problem-solution .block-text h4, .offsetting .block-text h4, .route-zero .block-text h4 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 24px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .problem-solution .block-text h4, .offsetting .block-text h4, .route-zero .block-text h4 {
    font-size: 18px;
  }
}

.climate-action h4 {
  text-align: center;
  font-size: 32px;
  font-style: italic;
}
.footerFixedBtn{
  position: fixed;
  left: 50%;
  bottom: -50%;
  transform: translateX(-50%);
  transition: all linear 0.5s;
}
.get-in-touch ul, .pricing-grid .what-include ul, .climate-action ul, .route-zero-icons ul, .climate-strategy .block-text ul, .services-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99;
}
header::after {
  background: #fff;
  z-index: -1;
  opacity: 0.9;
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .DOMContentLoaded {
    margin-top: 67px;
  }
  .DOMContentLoaded img {
    margin-top: 15px;
  }
  .DOMContentLoaded .row [class*=col] {
    margin-bottom: 50px;
  }
  .DOMContentLoaded .d-md-none {
    display: none;
  }
}

nav {
  padding: 15px 0;
  backdrop-filter: blur(10px);
  --webkit-backdrop-filter: blur(10px);
  --moz-backdrop-filter: blur(10px);
  --o-backdrop-filter: blur(10px);
}
nav .navigation {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
nav .navigation ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  nav .navigation ul {
    display: none;
    width: 100%;
  }
  nav .navigation ul li {
    display: inline-block;
  }
}
nav .navigation ul li {
  position: relative;
  padding-right: 39px;
  font-family: "Poppins", sans-serif;
}
nav .navigation ul li>a>span{
  padding-left: 7px;
}
nav .navigation ul li:last-child {
  padding-right: 0;
}
nav .navigation ul li a {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  text-transform: capitalize;
}
nav .navigation ul li a img {
  padding-right: 4px;
}
nav .navigation ul li.languageLi {
  display: none;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  nav .navigation ul li.languageLi {
    display: block;
  }
}
nav .navigation ul li:hover a, nav .navigation ul li.active a {
  color: #00693E;
}
nav .navigation ul li:hover object, nav .navigation ul li.active object {
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(70%) contrast(100%);
}
nav .mobileMenu {
  margin: 0 0 0 auto;
  width: fit-content;
}
nav .mobileMenu img {
  width: 30px;
  height: 20px;
}
@media only screen and (min-width: 1025px) and (max-width: 2500px) {
  nav .mobileMenu {
    display: none;
  }
}
nav .mobileNav {
  display: flex !important;
  position: absolute;
  top: 60px;
  background: #fff;
  padding: 20px 10px !important;
}
nav .mobileNav li {
  width: 100%;
  border-bottom: 1px solid;
  padding: 15px 0;
}

.our-value h2 {
  font-size: 36px;
  font-style: italic;
  font-weight: 700;
}
.our-value p {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}

.problem-solution .block-text h2, .offsetting .block-text h2, .route-zero .block-text h2 {
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .problem-solution .block-text h2, .offsetting .block-text h2, .route-zero .block-text h2 {
    text-align: left;
  }
}
.problem-solution .block-text h4, .offsetting .block-text h4, .route-zero .block-text h4 {
  margin-top: 48px;
  font-weight: 700;
}
.problem-solution .block-text p, .offsetting .block-text p, .route-zero .block-text p {
  font-size: 24px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .problem-solution .block-text p, .offsetting .block-text p, .route-zero .block-text p {
    font-size: 14px;
  }
}
.problem-solution .block-text hr, .offsetting .block-text hr, .route-zero .block-text hr {
  margin-top: 60px;
}

.route-zero .block-text h4 {
  font-weight: 300;
}

.offsetting {
  background: url(../images/leaf.png) no-repeat right center;
  background-size: contain;
  margin-bottom: 137px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .offsetting {
    background: none;
    margin-bottom: 40px;
  }
}
.offsetting .block-text {
  margin-top: 60px;
}
.offsetting .block-text h2 {
  text-align: left;
  margin-bottom: 50px;
}
.offsetting .block-text h2 span {
  font-weight: 300;
}
.offsetting .block-text p {
  line-height: 2rem;
}
@media screen and (min-width: 1300px) {
  .offsetting .block-text p {
    width: 82%;
  }
}
.offsetting .block-text ul {
  padding-left: 0;
/*  list-style-position: inside;*/
}
.offsetting .block-text ul li {
  margin-top: 60px;
  font-size: 24px;
  font-weight: 700;
}
.offsetting .block-text ul li>span{
  padding-left: 3rem;
    display: block;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .offsetting .block-text ul li {
    font-size: 18px;
    margin-top: 30px;
  }
}
@media screen and (min-width: 1300px) {
  .offsetting .block-text ul li {
    width: 72%;
  }
}

.climate-strategy .block-text h4 {
  text-align: center;
  font-weight: 300;
  margin-bottom: 45px;
}
.climate-strategy .block-text h4 span {
  display: block;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .climate-strategy .block-text h4 span {
    font-size: 18px;
  }
}
.climate-strategy .block-text ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: inherit;
}
.climate-strategy .block-text ul li {
  position: relative;
  padding: 1rem;
  font-size: 24px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .climate-strategy .block-text ul li {
    margin-bottom: 0px !important;
    font-size: 14px;
  }
}
.climate-strategy .block-text ul li:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background-color: #000;
}
.climate-strategy .block-text ul li:last-child::after {
  width: 0px;
}
.climate-strategy .block-text ul li span {
  font-weight: 700;
  font-size: 18px !important;
}
.climate-strategy .block-text ul li p {
  margin-bottom: 0;
  font-style: italic;
  margin-top: 35px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .climate-strategy .block-text ul li p {
    font-size: 18px !important;
    margin-top: 20px;
  }
}
.climate-strategy .block-text hr {
  margin-top: 95px;
  margin-bottom: 95px;
}
.climate-strategy .block-text > p {
  text-align: center;
  font-size: 24px;
  width: 70%;
  margin: 0 auto;
}
.climate-strategy .block-img {
  padding: 120px 0;
}

.route-zero {
  margin-bottom: 100px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .route-zero {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.route-zero h2 {
  text-align: left !important;
}
.route-zero > h4 {
  font-weight: 500 !important;
}
.route-zero p {
  margin-top: 75px;
}

.frequently {
  margin-top: 200px;
}
.frequently h4 {
  font-weight: 700;
  text-align: left;
  padding-left: 30px;
}

.route-zero-icons {
  margin: 60px 0 100px;
}
.route-zero-icons ul li {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 45px;
  font-size: 24px;
  font-weight: 700;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .route-zero-icons ul li {
    margin-bottom: 20px !important;
  }
}
.route-zero-icons ul li img {
  display: block;
  margin-bottom: 15px;
}
.route-zero-icons ul li span {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .route-zero-icons ul li span {
    font-size: 18px;
  }
}

.climate-action h4 {
  margin-bottom: 66px;
}
.climate-action ul li {
  position: relative;
  padding: 30px 0;
  border-bottom: 1px solid #000;
  font-size: 24px;
  padding-left: 30px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .climate-action ul li {
    font-size: inherit;
  }
}
.climate-action ul li span {
  font-size: 18px;
}
.climate-action a {
  box-shadow: 0px 0px 0px 0px rgba(150, 203, 118, 0.2), 0px 18px 39px 0px rgba(150, 203, 118, 0.2), 0px 71px 71px 0px rgba(150, 203, 118, 0.17), 0px 160px 96px 0px rgba(150, 203, 118, 0.1), 0px 284px 114px 0px rgba(150, 203, 118, 0.03), 0px 444px 124px 0px rgba(150, 203, 118, 0);
  margin-top: 120px;
  text-align: center;
}

.project-section {
  padding: 80px 0 200px;
  margin: 50px 0;
}
.project-section .climate-action ul li {
  padding-left: 0;
  cursor: pointer;
}
.project-section .climate-action ul li:first-child {
  padding-top: 0;
}
.project-section .climate-action ul li a {
  width: 100%;
  display: block;
  color: #000;
  margin: 15px 0;
  box-shadow: none;
  font-size: 16px;
  font-style: italic;
}
.project-section .climate-action ul li img {
  margin-left: 23px;
}
.project-section p {
  margin-top: 35px;
}

.discriptions {
  display: none;
}

.our-services h1 {
  font-size: 54px;
  font-weight: 700;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .our-services h1 {
    margin-bottom: 25px !important;
  }
}
.our-services p {
  font-size: 16px;
}
.our-services .services-list h2 {
  font-size: 32px;
  font-style: italic;
  font-weight: 700;
}
.our-services .services-list ul.list-of-services {
  margin-top: 72px;
  border-bottom: 1px solid #000;
  padding-bottom: 80px;
  margin-bottom: 46px;
}
.our-services .services-list ul.list-of-services p {
  width: 100%;
}
.our-services .services-list ul.list-of-services p span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.our-services .services-list .benefit li {
  margin-bottom: 53px;
}
.our-services .services-list h3 {
  font-size: 32px;
  margin-bottom: 53px;
}
.our-services .services-list > p {
  font-size: 24px;
}
.our-services .services-list hr {
  display: block;
  margin-top: 56px;
  margin-bottom: 46px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .our-services .pt-226px {
    padding-top: 100px !important;
  }
}

.emissions {
  padding-top: 64px;
}
.emissions h3 {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.emissions h3 strong {
  margin-bottom: 10px;
}
.emissions > p {
  text-align: center;
  font-size: 24px;
}
@media screen and (min-width: 1300px) {
  .emissions > p {
    width: 80%;
    margin: 20px auto;
  }
}
.emissions ul {
  margin-top: 100px;
}
.emissions ul li h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  padding-bottom: 15px;
}
.emissions ul li p {
  font-size: 24px;
  font-style: italic;
}

.application-of-carbon {
  border-bottom: 1px solid #000;
  width: fit-content;
  margin-top: 100px;
  margin-bottom: 68px;
}
.application-of-carbon strong {
  font-style: normal;
  font-weight: 700;
}

.carbon-credit h4, .advantages h4 {
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
}
.carbon-credit p, .advantages p {
  font-size: 24px;
  font-style: italic;
}

.advantages p {
  font-style: normal;
}
.advantages ul li {
  padding-left: 0px;
}

.carbon-credit p {
  font-style: normal;
}

.interested h3 {
  margin-bottom: 20px !important;
}
.interested a {
  color: #000;
  font-size: 24px;
  box-shadow: none;
}

.textWrap {
  white-space: normal !important;
  overflow: visible !important;
}

.pricing .block-text > h1 {
  font-size: 36px;
  font-weight: 700;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .pricing .block-text > h1 {
    margin-bottom: 25px !important;
  }
}
.pricing .block-text > p {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}

.pricing-content {
  margin-bottom: 90px;
}

.price-block-grid {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr;
  grid-gap: 2rem;
  justify-content: center;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .price-block-grid {
    grid-template-columns: 1fr;
  }
}

.pricing-grid {
  border: 0.853px solid #BABABA;
  background: #FAFAFA;
  padding: 65px;
  height: 100%;
  width: 495px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .pricing-grid {
    width: 100%;
  }
}
.pricing-grid .heading h3 {
  font-size: 28px;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 33px;
}
.pricing-grid .price h2 {
  margin-bottom: 33px;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  display: flex;
}
.pricing-grid .price span {
  font-size: 20px;
  align-self: center;
  margin-left: 10px;
}
.pricing-grid .what-include h4 {
  font-size: 19.195px;
  font-style: normal;
  font-weight: 400;
}
.pricing-grid .what-include ul li {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  padding-bottom: 13px;
}
.pricing-grid .what-include ul li img {
  align-self: center;
  padding-right: 14px;
}
.pricing-grid .what-include ul li span {
  align-self: center;
}

.price-form {
  padding: 100px 0 0;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .price-form {
    padding: 40px 0 0;
  }
}
.price-form form {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 1rem;
}
.price-form .inputFields {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 49%;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .price-form .inputFields {
    width: 100%;
  }
}
.price-form .inputFields label, .price-form .inputFields input:is([type='text'], [type='email'], [type='textarea'], [type='number']), .price-form .inputFields textarea {
  font-size: 24px;
  font-weight: 400;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .price-form .inputFields label, .price-form .inputFields input:is([type='text'], [type='email'], [type='textarea'], [type='number']), .price-form .inputFields textarea {
    font-size: 20px !important;
  }
}
.price-form .inputFields label {
  font-style: italic;
  margin-bottom: 20px;
}
.price-form .inputFields input:is([type='text'], [type='email'], [type='textarea'], [type='number']), .price-form .inputFields textarea {
  padding: 33px 44px;
  border: 1px solid #949494;
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .price-form .inputFields input:is([type='text'], [type='email'], [type='textarea'], [type='number']), .price-form .inputFields textarea {
    padding: 12px 44px;
    font-size: 20px !important;
  }
}
.price-form .inputFields button {
  box-shadow: 0px 0px 0px 0px rgba(150, 203, 118, 0.2), 0px 18px 39px 0px rgba(150, 203, 118, 0.2), 0px 71px 71px 0px rgba(150, 203, 118, 0.17), 0px 160px 96px 0px rgba(150, 203, 118, 0.1), 0px 284px 114px 0px rgba(150, 203, 118, 0.03), 0px 444px 124px 0px rgba(150, 203, 118, 0);
  border: none;
  margin: auto 0 0;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .price-form .btnStyle {
    padding: 7px 30px;
  }
}

.get-in-touch .block-text h1 {
  font-size: 54px;
  font-weight: 700;
}
.get-in-touch .block-text h1 span {
  color: #00693E;
}
.get-in-touch .block-text p {
  font-size: 14px;
}
.get-in-touch form {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 1rem;
  margin-top: 48px;
}
.get-in-touch .inputFields {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.get-in-touch .inputFields label, .get-in-touch .inputFields input:is([type='text'], [type='email'], [type='tel'], [type='textarea'], [type='number']), .get-in-touch .inputFields textarea {
  font-size: 16px;
  font-weight: 400;
}
.get-in-touch .inputFields label {
  font-style: italic;
  margin-bottom: 20px;
}
.get-in-touch .inputFields input:is([type='text'], [type='email'], [type='textarea'], [type='tel'], [type='number']), .get-in-touch .inputFields textarea {
  padding: 13px 20px;
  border: 1px solid #949494;
  width: 100%;
  margin-bottom: 20px;
}
.get-in-touch .inputFields input:is([type='tel']){
  padding: 13px 50px;
}
.iti{
  width: 100%;
}
.get-in-touch .inputFields button {
  box-shadow: 0px 0px 0px 0px rgba(150, 203, 118, 0.2), 0px 18px 39px 0px rgba(150, 203, 118, 0.2), 0px 71px 71px 0px rgba(150, 203, 118, 0.17), 0px 160px 96px 0px rgba(150, 203, 118, 0.1), 0px 284px 114px 0px rgba(150, 203, 118, 0.03), 0px 444px 124px 0px rgba(150, 203, 118, 0);
  border: none;
  margin: auto 0 0;
  padding: 12px 24px;
  font-size: 16px;
  width: 100%;
  font-style: normal;
  font-weight: 700;
}
.get-in-touch:not(.messageForm) ul {
  display: flex;
  margin-top: 60px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .get-in-touch ul {
    margin-bottom: 25px;
  }
}
.get-in-touch ul li {
  font-size: 13px;
  font-family: Poppins;
  font-style: normal;
  margin-right: 50px;
  font-family: "Poppins", sans-serif;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}
.get-in-touch ul li:last-child {
  margin-right: 0px;
}
.get-in-touch ul li span {
  margin-left: 15px;
}
.get-in-touch ul li span strong {
  display: block;
  font-weight: 700;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  .get-in-touch ul li span {
    margin-left: 12px;
  }
}

#loading-screen {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00693E;
  color: #fff;
  z-index: 9999;
  text-align: center;
  overflow: hidden;
  z-index: 999;
}
#loading-screen .loading-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all linear 1s;
  z-index: 2;
}
#loading-screen .loading-content h1 {
  color: #FFF;
  font-size: 36px;
  font-family: Spectral;
  font-style: italic;
  line-height: 20px;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  #loading-screen .loading-content h1 {
    line-height: 3rem;
  }
}
#loading-screen .loading-logo {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(10);
  transition: all ease-out 0.3s;
  background-color: #fff;
  z-index: 1;
  opacity: 0;
}
#loading-screen .loading-logo img {
  max-width: 100%;
}

@keyframes loadContentAni {}
footer .block-text p {
  font-size: 24px !important;
}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
  footer .block-text p {
    font-size: 14px !important;
  }
}
footer [class*=col-]:last-child {
  text-align: right;
}

.chartSection{
  position: relative;
}
.chartParentGrid{
  position: relative;
  padding: 2rem;
}
.chartParentGrid>.row{
  position: relative;
  padding-top: 50px;
}
.chartParentGrid>.row::after{
  /* content: '';
  position: absolute;
  width: 100%;
  height: 81%;
  left: 0;
  top: 0;
  border: 2px solid;
  z-index: -1;
  border-bottom: none; */
}
@media only screen and (min-width: 0px) and (max-width: 767px){
  .chartParentGrid>.row::after{
    height: 93%;
  }
}
.chartParentGrid>.row>[class*=col]{
  margin-top: 20px;
  margin-bottom: 20px;
}
.chartHead{
  margin-bottom: 30px;
  position: relative;
}
.chartHead::after{
  /* content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  z-index: -1;
  background-color: #000; */
}
.chartHead :where(h2, h4){
  color: #00693E;
}
.chartGridText{
  position: relative;
  max-width: 320px;
  background-color: #fff;
  margin: 0 auto;
  padding: 6px;
}
.chartGridText :where(h4, p){
  color: #55AB22
}
.chartGridText>h4{
  
}
.chartGridText>P{
  font-size: 14px;
}
.chartGridBorder{
  position: relative;
}
.chartGridBorder::after{
}
.chartParentGrid>.row>[class*=col]{
  position: relative;
}

.chartParentGrid>.row>[class*=col]:nth-child(1)::after{
  /* content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  left: 50%;  
  top: -66%;
  transform: translateX(-50%);
  z-index: -1;
  background-color: #000; */
}
.chartParentGrid>.row>[class*=col]:nth-child(3)::after{
  /* content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  left: 50%;
  top: -66%;
  transform: translateX(-50%);
  z-index: -1;
  background-color: #000; */
}

.chartParentGrid>.row>[class*=col]:nth-last-child(1)::after{
  /* content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 56%;
  transform: translateY(-50%);
  z-index: -1;
  background-color: #000; */
}
.chartParentGrid>.row>[class*=col]:nth-last-child(2)::after{
  /* content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 56%;
  transform: translateY(-50%);
  z-index: -1;
  background-color: #000; */
}
.chartParentGrid>.row>[class*=col]:nth-last-child(3)::after{
  /* content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 56%;
  transform: translateY(-50%);
  z-index: -1;
  background-color: #000; */
}
/*# sourceMappingURL=styles.css.map */