@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Livvic:wght@100;200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&display=swap");
.plus-100 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 100;
}

.plus-200 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 200;
}

.plus-300 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
}

.plus-400 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
}

.plus-500 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.plus-600 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
}

.plus-700 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}

.plus-800 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 800;
}

.inter-400 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.inter-500 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

.inter-600 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

.inter-700 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

.roboto-100 {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
}

.roboto-300 {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

.roboto-400 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.roboto-500 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.roboto-700 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.roboto-900 {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}

.poppins-100 {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
}

.poppins-200 {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
}

.poppins-300 {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}

.poppins-400 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.poppins-500 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.poppins-600 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.poppins-700 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

.poppins-800 {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
}

.poppins-900 {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
}

.montserrat-100 {
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
}

.montserrat-200 {
  font-family: "Montserrat", sans-serif;
  font-weight: 200;
}

.montserrat-300 {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

.montserrat-400 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.montserrat-500 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.montserrat-700 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.montserrat-800 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
}

.montserrat-900 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
}

.livvic-100 {
  font-family: "Livvic", sans-serif;
  font-weight: 100;
}

.livvic-200 {
  font-family: "Livvic", sans-serif;
  font-weight: 200;
}

.livvic-300 {
  font-family: "Livvic", sans-serif;
  font-weight: 300;
}

.livvic-400 {
  font-family: "Livvic", sans-serif;
  font-weight: 400;
}

.livvic-500 {
  font-family: "Livvic", sans-serif;
  font-weight: 500;
}

.livvic-600 {
  font-family: "Livvic", sans-serif;
  font-weight: 600;
}

.livvic-700 {
  font-family: "Livvic", sans-serif;
  font-weight: 700;
}

.livvic-800 {
  font-family: "Livvic", sans-serif;
  font-weight: 800;
}

.livvic-900 {
  font-family: "Livvic", sans-serif;
  font-weight: 900;
}

.hind-300 {
  font-family: "Hind Vadodara", sans-serif;
  font-weight: 300;
}

.hind-400 {
  font-family: "Hind Vadodara", sans-serif;
  font-weight: 400;
}

.hind-500 {
  font-family: "Hind Vadodara", sans-serif;
  font-weight: 500;
}

.hind-600 {
  font-family: "Hind Vadodara", sans-serif;
  font-weight: 600;
}

.hind-700 {
  font-family: "Hind Vadodara", sans-serif;
  font-weight: 700;
}

.dm-sans-100 {
  font-family: "DM Sans", sans-serif;
  font-weight: 100;
}

.dm-sans-200 {
  font-family: "DM Sans", sans-serif;
  font-weight: 200;
}

.dm-sans-300 {
  font-family: "DM Sans", sans-serif;
  font-weight: 300;
}

.dm-sans-400 {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
}

.dm-sans-500 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
}

.dm-sans-600 {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
}

.dm-sans-700 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}

.dm-sans-800 {
  font-family: "DM Sans", sans-serif;
  font-weight: 800;
}

.dm-sans-900 {
  font-family: "DM Sans", sans-serif;
  font-weight: 900;
}

.rubik-500 {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shadhow-1 {
  box-shadow: 0px 2px 14px 1px rgba(0, 0, 0, 0.0588235294);
}

.shadhow-2 {
  box-shadow: 0px 12px 24px -6px rgba(24, 26, 42, 0.1215686275);
}

.shadhow-3 {
  box-shadow: 15px 12px 75px -6px rgba(133, 140, 154, 0.2509803922);
}

.shadhow-4 {
  box-shadow: 0px 4px 14px 1px rgba(0, 0, 0, 0.0392156863);
}

.shadhow-5 {
  box-shadow: 0px 13px 19px 0px rgba(0, 0, 0, 0.0705882353);
}

.shadow-6 {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}

.shadow-7 {
  box-shadow: 0px 8px 26px -4px rgba(20, 20, 20, 0.1490196078);
}

.shadow-8 {
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1019607843);
}

.shadow-9 {
  box-shadow: 0px 12px 24px 0px rgba(20, 20, 43, 0.0392156863), 0px -2px 4px 0px rgba(20, 20, 43, 0.0196078431), 0px 3px 14px 0px rgba(74, 58, 255, 0.031372549);
}

.shadow-10 {
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.0588235294);
}

.shadow-11 {
  box-shadow: 0px 6px 16px 0px rgba(74, 58, 255, 0.1882352941);
}

.shadow-12 {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0509803922);
}

.shadow-13 {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}

.shadhow-14 {
  box-shadow: 0px 30px 40px 0px rgba(212, 217, 232, 0.2);
}

body,
html {
  scroll-behavior: smooth;
}

.hero-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 255, 0.5);
  pointer-events: none;
}

.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  height: 100%;
  background-image: linear-gradient(rgba(12, 69, 33, 0.8), rgba(12, 69, 33, 0.8));
}

.img-overlay {
  position: absolute;
  width: 100%;
  height: 38%;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.trees {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
}

.recipient-input::-moz-placeholder {
  color: #858C9A;
}

.recipient-input::placeholder {
  color: #858C9A;
}

.sender-input {
  background: none;
}

.sender-input::-moz-placeholder {
  color: #579060;
}

.sender-input::placeholder {
  color: #579060;
}

.pay-btn {
  box-shadow: 0px 10px 32px 0px rgba(218, 154, 66, 0.3490196078);
}

.steps-wrapper {
  background-image: url("/assets/img/png/bg-1.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.step-text {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.home-hero-section {
  background-image: url("/assets/img/svg/home-hero-bg.svg");
  background-size: cover;
  position: relative;
  z-index: 20;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .step-text {
    font-weight: 600;
  }
}
@media screen and (max-width: 768px) {
  .step-text {
    font-weight: 400;
  }
}
@media screen and (max-width: 400px) {
  .step-text {
    font-weight: 600;
  }
}
#about-us #about-us-submenu {
  display: none;
}
#about-us #about-us-submenu #company-submenu {
  display: none;
}
#about-us #about-us-submenu:hover #company-submenu {
  display: flex;
}
#about-us:hover #about-us-submenu {
  display: block;
}

#greeting #greeting-sub-menu {
  display: none;
}
#greeting:hover #greeting-sub-menu {
  display: block;
}

#resources #resources-sub-menu {
  display: none;
}
#resources:hover #resources-sub-menu {
  display: block;
}

.subscribe-input::-moz-placeholder {
  color: #A0A0A0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.subscribe-input::placeholder {
  color: #A0A0A0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.review-slide {
  width: 75%;
}

.swiper-scrollbar {
  position: relative !important;
  margin-top: 4rem !important;
  margin-right: auto !important;
  width: 70% !important;
  margin-left: auto !important;
}

.swiper-scrollbar-drag {
  background-color: #00AB86 !important;
}

.review-card-shadow {
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 576px) {
  .review-slide {
    width: 100%;
  }
}
.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}

#mobile-nav {
  height: 100vh;
  background-color: rgb(241, 245, 249);
  position: fixed;
  right: 0;
  overflow-y: auto;
  top: 0;
  z-index: 1000;
  transform: translateX(100%);
  transition: transform 0.3s linear;
}

.overlay {
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  z-index: 999;
  left: 0;
}

.overlay.active {
  visibility: visible;
}

#mobile-nav.active {
  transform: translateX(0) !important;
}

@media screen and (max-width: 992px) {
  .organization-logo {
    aspect-ratio: 3/2;
    -o-object-fit: contain;
       object-fit: contain;
    mix-blend-mode: color-burn;
  }
}
.toast-message-box {
  box-shadow: 0px 1.8636363745px 3.7272727489px 0px rgba(17, 24, 39, 0.0784313725);
}

.festival-img-wrapper {
  background-image: url("/assets/img/png/hero.png");
  background-size: cover;
}

@media screen and (max-width: 992px) {
  .festival-img-wrapper {
    background-image: none;
  }
}
.quick-plant-hero {
  background-image: url("/assets/img/jpg/quick-plant-hero.jpg");
  background-size: cover;
  background-position: center;
}

.cart-form-input {
  color: #858C9A;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.cart-form-input:focus {
  border: none;
  outline: none;
}

.cart-form-input::-moz-placeholder {
  color: #858C9A;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.cart-form-input::placeholder {
  color: #858C9A;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.plant-greet-hero-part-1 {
  background-image: url("/assets/img/png/greet-frame-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.occation-select {
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: white;
  border: 1px solid white;
}
.occation-select .occation-card-content {
  color: #8692A6;
  transition: all 0.3s ease;
}
.occation-select .occasion-icon {
  background-color: white;
  transition: all 0.3s ease;
}
.occation-select .next-icon {
  visibility: hidden;
}
.occation-select .icon-path {
  fill: #00AB86;
  transition: all 0.3s ease;
}
.occation-select:hover {
  background-color: #F3F9F7;
  border: 1px solid #00AB86;
}
.occation-select:hover .occation-card-content {
  color: #72978C;
}
.occation-select:hover .occasion-icon {
  background-color: #00AB86;
}
.occation-select:hover .next-icon {
  visibility: visible;
}
.occation-select:hover .icon-path {
  fill: white;
}

#celebrate:checked + label.occation-select {
  background-color: #F3F9F7;
  border: 1px solid #00AB86;
}
#celebrate:checked + label.occation-select .occation-card-content {
  color: #72978C;
}
#celebrate:checked + label.occation-select .occasion-icon {
  background-color: #00AB86;
}
#celebrate:checked + label.occation-select .next-icon {
  visibility: visible;
}
#celebrate:checked + label.occation-select .icon-path {
  fill: white;
}

#condole:checked + label.occation-select {
  background-color: #F3F9F7;
  border: 1px solid #00AB86;
}
#condole:checked + label.occation-select .occation-card-content {
  color: #72978C;
}
#condole:checked + label.occation-select .occasion-icon {
  background-color: #00AB86;
}
#condole:checked + label.occation-select .next-icon {
  visibility: visible;
}
#condole:checked + label.occation-select .icon-path {
  fill: white;
}

#offset:checked + label.occation-select {
  background-color: #F3F9F7;
  border: 1px solid #00AB86;
}
#offset:checked + label.occation-select .occation-card-content {
  color: #72978C;
}
#offset:checked + label.occation-select .occasion-icon {
  background-color: #00AB86;
}
#offset:checked + label.occation-select .next-icon {
  visibility: visible;
}
#offset:checked + label.occation-select .icon-path {
  fill: white;
}

.check-circle {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #26A136;
}

.check-circle-thumb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #D2D5DA;
}

.check-circle-thumb-1 {
  margin-left: -0.2px;
}

.check-circle-thumb-2 {
  margin-right: -0.2px;
}

.check-circle-thumb-3 {
  margin-right: -0.2px;
}

.gift-type-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.gifting-type-radio:checked + label.gift-type-label .gift-type-title {
  font-weight: 600;
}
.gifting-type-radio:checked + label.gift-type-label .check-circle {
  background-color: #26A136;
}
.gifting-type-radio:checked + label.gift-type-label .check-circle-thumb {
  background-color: white;
}

.tree-number-input {
  color: black;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  border-radius: 8px;
}

.tree-number-input::-moz-placeholder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: black;
  opacity: 0.7;
}

.tree-number-input::placeholder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: black;
  opacity: 0.7;
}

@media screen and (min-width: 992px) {
  .select-project-section {
    max-height: 700px;
    overflow-y: scroll;
  }
}
.select-project-section::-webkit-scrollbar {
  width: 6px;
}

.select-project-section::-webkit-scrollbar-thumb {
  background-color: #00AB86;
  border-radius: 6px;
}

.select-project-section::-webkit-scrollbar-track {
  background-color: #E2E9E7;
}

.planting-form-input::-moz-placeholder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  color: #858C9A;
}

.planting-form-input::placeholder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  color: #858C9A;
}

.planting-form-input1::-moz-placeholder {
  color: #579060;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
}

.planting-form-input1::placeholder {
  color: #579060;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
}

.planting-form-input1-wrapper {
  background-color: rgba(0, 171, 134, 0.15);
}

.planting-form-input1 {
  background-color: transparent;
}

.planting-form-input-date {
  position: relative;
}

.planting-form-input-date::-webkit-calendar-picker-indicator {
  color: #858C9A;
}

.tab-steps--list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  width: 100%;
}

.tab-steps--list li {
  position: relative;
  list-style: none;
  display: inline-block;
  counter-increment: li;
  width: 20%;
}

.tab-steps--list li.active {
  opacity: 1;
}

.tab-steps--list li:before {
  content: counter(li);
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  border-color: #a1aebe;
  border-width: 2px;
  border-style: solid;
  position: relative;
  z-index: 101;
  color: #a1aebe;
  font-weight: 500;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #fff;
  line-height: 39px;
}

.tab-steps--list li.active:before {
  background: #FFCF33;
  border-color: #FFCF33;
  color: black;
}

.tab-steps--list li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #a1aebe;
  top: 20px;
  left: -50%;
  z-index: 99;
  transition: all 0.3s;
}

.tab-steps--list li:first-child:after {
  content: none;
}

.tab-steps > .step-content {
  display: none;
}

.tab-steps > .step-content.active {
  display: block !important;
}

.message-input {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-family: 400;
  font-size: 14px;
  color: #858C9A;
  background-color: #EFF1F9;
  letter-spacing: 1px;
}
.message-input:focus {
  outline: none;
}

.message-input::-moz-placeholder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-family: 400;
  letter-spacing: 1px;
  font-size: 14px;
  color: #858C9A;
}

.message-input::placeholder {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-family: 400;
  letter-spacing: 1px;
  font-size: 14px;
  color: #858C9A;
}

.search-input {
  color: #858C9A;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.search-input:focus {
  outline: none;
}

.search-input::-moz-placeholder {
  color: #858C9A;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.search-input::placeholder {
  color: #858C9A;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.member-table {
  border-collapse: collapse;
  width: 100%;
}
.member-table th,
.member-table td {
  padding: 15px 15px;
}
.member-table tr {
  border: 1px solid #E8E8E8;
}

.all-grove-table {
  border-collapse: collapse;
  background-color: white;
  width: 100%;
}
.all-grove-table th {
  padding: 20px 15px;
}
.all-grove-table td {
  padding: 15px 15px;
}
.all-grove-table tr {
  border: 1px solid #E8E8E8;
}

.row-select-menu {
  color: #00AB86;
  cursor: pointer;
}
.row-select-menu:focus {
  outline: none;
}

.all-grove-table-wrapper {
  overflow-x: auto;
}

.member-table-wrapper {
  overflow-x: auto;
}

.grove-table-pagination {
  width: 100%;
}

@media screen and (max-width: 930px) {
  .all-grove-table {
    width: 900px;
  }
  .grove-table-pagination {
    width: 900px;
  }
}
@media screen and (max-width: 700px) {
  .member-table {
    width: 670px;
  }
  .all-grove-table {
    width: 700px;
  }
  .grove-table-pagination {
    width: 700px;
  }
}
.start-grove-section {
  background-image: url("/assets/img/png/CTA-27.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.left-silde-blur,
.right-silde-blur {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.6));
}

.avatars {
  display: flex;
  flex-direction: row;
}

.avatars__item {
  cursor: pointer;
  border: 2px solid white;
  border-radius: 100%;
  display: block;
  height: 45px;
  width: 45px;
  transition: margin 0.1s ease-in-out;
  overflow: hidden;
  margin-left: -10px;
}

.avatars__item:first-child {
  z-index: 1;
}

.avatars__item:nth-child(2) {
  z-index: 2;
}

.avatars__item:nth-child(3) {
  z-index: 3;
}

.avatars__item:nth-child(4) {
  z-index: 4;
}

.avatars__item:nth-child(5) {
  z-index: 5;
}

.avatars__item img {
  width: 100%;
}

.last_avtar_item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  color: white;
  font-size: 14px;
  background-color: #00AB86;
}

.feature-grove-planting {
  background-image: url("/assets/img/png/grove-planting-feature-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.about-us {
  background-image: url("/assets/img/png/about-us-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.join-team {
  background-image: url("/assets/img/png/join-team-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.active .faq-checked {
  background-color: #00AB86 !important;
}

.active .faqs-indicator {
  display: block !important;
}

.method-custom-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #D9D9D9;
  border-radius: 50%;
  display: inline-block;
}

.method-custom-pagination-bullet.active-custom-pagination-bullet {
  background-color: #3FC89E;
  width: 32px;
  height: 10px;
  border-radius: 6px;
}

.award-custom-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #2EC5CE;
  border-radius: 50%;
}

.award-custom-pagination-bullet.active-custom-pagination-bullet {
  border: 3px solid #2EC5CE;
  width: 15px;
  height: 15px;
  background: transparent;
  border-radius: 50%;
}

.stories-hero {
  background-image: url("/assets/img/png/story-hero-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 70vh;
}

.story-card {
  border: 1px solid #E8E8EA;
  transition: all 0.3s ease;
  cursor: pointer;
}
.story-card .story-day {
  transition: all 0.3s ease;
  color: white;
  background-color: #00AB86;
}
.story-card .story-footer {
  transition: all 0.3s ease;
  color: #97989F;
}
.story-card .story-title {
  transition: all 0.3s ease;
  color: #181A2A;
}
.story-card:hover {
  background-color: #0C4521;
}
.story-card:hover .story-day {
  color: #0C4521;
  background-color: #FFCF33;
}
.story-card:hover .story-footer {
  color: #FFCF33;
}
.story-card:hover .story-title {
  color: white;
}

.blog-hero {
  background-image: url("/assets/img/png/blog-hero-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 70vh;
}

.start-grwoing-section {
  background-image: url("/assets/img/png/start-growing-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.start-grove-hero-section {
  background-image: url("/assets/img/png/start-grove-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.login-left {
  background-image: url("/assets/img/png/login-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.login-input::-moz-placeholder {
  font-family: "Poppins", sans-serif;
  font-family: 400;
  color: #858C9A;
}

.login-input::placeholder {
  font-family: "Poppins", sans-serif;
  font-family: 400;
  color: #858C9A;
}

.contact-us-left {
  background-image: url("/assets/img/png/contact-us-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.user-section {
  background-image: url("/assets/img/png/user-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.project-balance-table-wrapper {
  overflow-x: auto;
}

.project-balance-table {
  border-collapse: collapse;
  background-color: white;
  width: 100%;
}
.project-balance-table th {
  padding: 15px 15px;
}
.project-balance-table td {
  padding: 15px 15px;
  color: #636363;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 15px;
}
.project-balance-table tr {
  border: 1px solid #E6E6E6;
}

.adoption-table-wrapper {
  overflow-x: auto;
}

.adoption-table {
  border-collapse: collapse;
  background-color: white;
  width: 100%;
}
.adoption-table th {
  padding: 15px 20px;
}
.adoption-table td {
  padding: 15px 15px;
  color: black;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 15px;
}
.adoption-table tr {
  border: 1px solid #E6E6E6;
}

@media screen and (max-width: 800px) {
  .project-balance-table {
    width: 770px;
  }
}
@media screen and (max-width: 500px) {
  .adoption-table {
    width: 470px;
  }
}
.corporate-hero {
  background-image: url("/assets/img/png/corporate-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.title-with-underline {
  position: relative;
  display: inline-block;
}

.title-with-underline::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 80%;
  height: 1px;
  background-color: white;
}

.title-with-underline1 {
  position: relative;
  display: inline-block;
}

.title-with-underline1::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 70%;
  height: 1px;
  background-color: white;
}

.corporate-slide-left {
  border-bottom-right-radius: 40%;
}

.partner-img {
  max-width: 150%;
  width: 150%;
}

@media screen and (max-width: 768px) {
  .partner-img {
    max-width: 100%;
    width: auto;
  }
  .corporate-slide-left {
    border-bottom-right-radius: 0%;
  }
}
.green-company-section {
  background-image: url("/assets/img/png/benifit-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.locate-project-section {
  background-image: url("/assets/img/png/map-bg.png");
  background-repeat: no-repeat;
}
.locate-project-section .location-input::-moz-placeholder {
  color: white;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
}
.locate-project-section .location-input::placeholder {
  color: white;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
}

.grow-together-custom-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #D9D9D9;
  border-radius: 50%;
  display: inline-block;
}

.grow-together-custom-pagination-bullet.active-grow-together-custom-pagination-bullet {
  background-color: #3FC89E;
}

.green-company-section1 {
  background-image: url("/assets/img/png/benifit-green-company.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.owl-stage {
  padding-left: 0px !important;
}

.supportor-card {
  border: 1px solid #858C9A;
  transition: all 0.2s ease;
  cursor: pointer;
}
.supportor-card:hover {
  border: 3px solid #00AB86;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}

.corporate-4-hero {
  background-image: url("/assets/img/png/corporate-4-hero-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.corporate4-slide-left {
  border-bottom-right-radius: 40%;
}

.corporate4-plant-now {
  background-image: url("/assets/img/png/plant-now.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.benifit-card {
  box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.0509803922);
  border-radius: 10px;
  transition: all 0.2s ease;
  background-color: white;
}
.benifit-card .benifit-index {
  color: #00AB86;
}
.benifit-card .benifit-title {
  color: #331B3B;
}
.benifit-card .benifit-content {
  color: rgba(51, 27, 59, 0.6588235294);
}
.benifit-card:hover {
  background-color: #00AB86;
  box-shadow: 0px 0px 9.5px 5px rgba(0, 171, 134, 0.4509803922);
}
.benifit-card:hover .benifit-index {
  color: white;
}
.benifit-card:hover .benifit-title {
  color: white;
}
.benifit-card:hover .benifit-content {
  color: white;
}

@media screen and (max-width: 576px) {
  .corporate4-slide-left {
    border-bottom-right-radius: 0%;
  }
}
.vision {
  background-image: url("/assets/img/png/vision-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.special-feature {
  background-image: url("/assets/img/png/feature-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.methodology {
  background-image: url("/assets/img/png/methodology-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.album {
  background-image: url("/assets/img/png/album-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.at-tab {
  display: none;
}

.at-item {
  transition: all 0.3s ease;
  box-shadow: 0px 5px 16px 0px rgba(8, 15, 52, 0.0588235294);
}

.item-border {
  border: 2px solid #00AB86;
}

.item-shadow {
  box-shadow: 0px 6px 16px 0px rgba(74, 58, 255, 0.1882352941) !important;
}

.at-title {
  cursor: pointer;
  position: relative;
}

.item-icon {
  transition: all 0.3s;
  background-color: white;
}
.item-icon i {
  transition: all 0.3s;
  color: #00AB86;
}

.item-icon.item-icon-active {
  background-color: #00AB86 !important;
}
.item-icon.item-icon-active i {
  color: white !important;
  transform: rotate(90deg);
}

.join-us-section {
  background-image: url("/assets/img/png/join-us-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.active-tab > p {
  color: #00AB86 !important;
}

.start-grove-hero-part-1 {
  background-image: url("/assets/img/png/start-a-grove.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.privacy-policy-section {
  background-image: url("/assets/img/png/privacy-policy-hero-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.policy-list {
  list-style: disc;
}
.policy-list li {
  color: black;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.policy-list-normal li {
  color: black;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}

.wedding-greeting-hero {
  background-image: url("/assets/img/png/wedding-hero-img.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.birthday-greeting-hero {
  background-image: url("/assets/img/jpg/birthday-hero-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.congratulations-greeting-hero {
  background-image: url("/assets/img/jpg/congratulation-hero-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.memorial-greeting-hero {
  background-image: url("/assets/img/png/memorial-hero-img.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.anniversary-greeting-hero {
  background-image: url("/assets/img/jpg/aniversory-hero-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.carbon-offset-left {
  background-image: url("/assets/img/png/carbon-offset.png");
  background-position: center;
}

.stackholder-section {
  background-image: url("/assets/img/png/carbon-offset-stackholder-bg.png");
}

.testimonial-hero {
  background-image: url("/assets/img/png/testimonials-bg.png");
}

.testmonials-card-shadow {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1019607843), 0px 0.6px 0.6px -1.25px rgba(0, 0, 0, 0.1803921569), 0px 2.29px 2.29px -2.5px rgba(0, 0, 0, 0.1607843137), 0px 10px 10px -3.75px rgba(0, 0, 0, 0.062745098);
}

.sort-menu {
  color: #1E293B;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
.sort-menu:focus {
  outline: none;
}

.close-modal {
  display: none !important;
}

.blocker {
  z-index: 110;
}

#ex1::-webkit-scrollbar {
  width: 6px;
}

#ex1::-webkit-scrollbar-thumb {
  background-color: #00AB86;
  border-radius: 6px;
}

#ex1::-webkit-scrollbar-track {
  background-color: #E2E9E7;
}

.blocker {
  z-index: 110 !important;
}

.global-presence {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
@media screen and (max-width: 992px) {
  .global-presence {
    box-shadow: none !important;
  }
}

.why-should-plant-trees {
  background-image: url("/assets/img/png/why-should-corporate.png");
}

.employee-branding {
  background-image: url("/assets/img/png/employee-branding-bg.png");
}

.press-bg {
  background-image: url("/assets/img/png/press-bg.png");
}

.no-scrollbar {
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.award-swiper-slide {
  min-height: 250px !important;
  /* Adjust this value based on your design */
}

@media screen and (min-width: 992px) {
  .template-list {
    max-height: 700px;
    overflow-y: auto;
  }
}
.template-list::-webkit-scrollbar {
  width: 6px;
}

.template-list::-webkit-scrollbar-thumb {
  background-color: #00AB86;
  border-radius: 6px;
}

.template-list::-webkit-scrollbar-track {
  background-color: #E2E9E7;
}

.tree-bank-section {
  background-image: url("/assets/img/png/user_edit_bg.png");
}

.ui-tabs .ui-tabs-active a {
  background-color: #007BFF;
  color: white;
  font-weight: bold;
  border-radius: 5px;
}

/* Custom style for non-active tabs */
.ui-tabs .ui-tabs-nav li a {
  background-color: #eee;
  color: #333;
  padding: 10px;
  border-radius: 5px;
}

.navbar-desktop {
  /* 
  	LEVEL ONE
  */
  /* IE 6 & 7 Needs Inline Block */
  /* 
  	LEVEL THREE
  */
}
.navbar-desktop ul {
  list-style: none;
}
.navbar-desktop ul.dropdown {
  position: relative;
  display: flex;
  justify-content: center;
}
.navbar-desktop ul.dropdown li {
  color: #4E4E4E;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  zoom: 1;
}
.navbar-desktop ul.dropdown a:hover {
  color: #4E4E4E;
}
.navbar-desktop ul.dropdown li a {
  display: flex;
  padding: 4px 8px;
  color: #4E4E4E;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  zoom: 1;
}
.navbar-desktop ul.dropdown li.hover,
.navbar-desktop ul.dropdown li:hover {
  color: black;
  position: relative;
}
.navbar-desktop ul.dropdown li.hover a {
  color: black;
}
.navbar-desktop ul.dropdown ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
}
.navbar-desktop ul.dropdown ul li {
  color: #4E4E4E;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  zoom: 1;
}
.navbar-desktop ul.dropdown ul li a {
  width: 100%;
  display: flex;
}
.navbar-desktop ul.dropdown ul ul {
  left: 100%;
  top: 0;
}
.navbar-desktop ul.dropdown li:hover > ul {
  visibility: visible;
}

.gallery-section .grid-item {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.gallery-section .grid-item img {
  max-height: 400px;
  width: 100%;
  border-radius: 8px;
}
.gallery-section masonry-layout:not(:defined) {
  display: none;
}

.view_gallery-section img {
  max-height: 400px;
  border-radius: 8px;
  width: 100%;
}
masonry-layout:not(:defined) {
  display: none;
}/*# sourceMappingURL=style.css.map */