:root {
  --theme-color1: #006747;
  --theme-color2: #8cab18;
  --theme-color3: #e4f8f1;
  --theme-color4: #b7d5ca;
  --theme-color-light: #e1f6ea;
  --white: #fff;
  --black: #000;
}
body {
  font-family: "Oswald", sans-serif;
  color: #444;
}
.heading-color {
  color: var(--theme-color1);
}
.bg-color {
  background-color: var(--theme-color-light);
  padding: 20px 0px;
}
p {
  font-weight: 400;
  color: #444;
  letter-spacing: 0.5px;
}
a:hover {
  color: inherit;
}
/* btn */
.btn-link {
  display: inline-block;
  padding: 7px 20px !important;
  background: var(--theme-color1) !important;
  border-radius: 7px;
  color: var(--white) !important;
  text-decoration: none;
  border: 1px solid var(--theme-color1);
  text-align: center;
}
.btn-link:hover {
  color: var(--theme-color1) !important;
  background: transparent !important;
}
.btn-link.bordered {
  background: transparent !important;
  color: var(--theme-color1) !important;
}
.btn-link.bordered:hover {
  background: var(--theme-color1) !important;
  color: var(--white) !important;
}
.btn-link.bordered.blue-bordered {
  border-color: #565dc0;
  color: #565dc0 !important;
}
.btn-link.bordered.blue-bordered:hover {
  background: #565dc0 !important;
  color: var(--white) !important;
}
button.blue-btn.btn-link {
  color: var(--white) !important;
}
button.blue-btn-light.btn-link {
  background: #4950bc !important;
  color: var(--white) !important;
  border: 1px solid transparent;
}
button.blue-btn-light.btn-link:hover {
  border-color: #4950bc;
  background: transparent !important;
  color: #4950bc !important;
}
footer.home-footer ul li a.btn-link.bg-white {
  background:var(--white) !important;
  color:var(--theme-color5) !important;
}
footer.home-footer ul li a.btn-link.bg-white:before{
 opacity:0;
}
footer.home-footer ul li a.btn-link.bg-white:hover{
  background:transparent !important;
  color:var(--white) !important;
  border-color:var(--white) !important;
}
/* .btn-link.bordered button {
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--theme-color1) !important;
}
.btn-link button {
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--white) !important;
}
.btn-link button:hover {
  color: var(--theme-color1) !important;
}
.btn-link.bordered button:hover {
  color: var(--white) !important;
} */
/* btn close*/

/* home-banner sec */
.home-banner-sec .banner-img img {
  aspect-ratio: 1/0.2;
  object-fit: cover;
}
/* home-banner sec close*/

/* home-invest-sec */

.investment-card {
  background: #e1f6ea;
  border: 2px solid #0067473b;
  border-radius: 15px;
  padding: 20px;
  height: 100%;
}
.investment-card .inner-card-content h5 {
  margin-bottom: 10px;
}
.investment-card .inner-card-content h5 span {
  display: block;
}
.investment-card span.img-wrap {
  overflow: hidden;
  display: block;
  border-radius: 15px;
  position: relative;
  margin-bottom: 20px;
}
.investment-card span.img-wrap img {
  width: 100%;
  aspect-ratio: 1/0.8;
  object-fit: contain;
  transition: 1s;
}
.investment-card span.img-wrap:before {
  width: 10px;
  position: absolute;
  content: "";
  background: var(--black);
  border-radius: 15px;
  opacity: 0;
  transition: 1s;
  margin: auto;
  height: 10px;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.investment-card:hover span.img-wrap:before {
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.investment-card:hover span.img-wrap img {
  transform: scale(0.8);
}
.investment-card {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.investment-card:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: var(--theme-color1);
  bottom: 0;
  left: 0;
  transition: 1s;
  z-index: -1;
  opacity: 0;
}
.investment-card:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.investment-card:hover,
.investment-card:hover p {
  color: var(--white);
}
.investment-card:hover a.btn-link {
  background: var(--white) !important;
  color: var(--theme-color1) !important;
}
/* home-invest-sec */

/* home-invest-sec-step */
.steps-content {
  position: relative;
  padding-left: 30px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
}
.steps-content:before,
.steps-content:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 100%;
  background: #d1efe4;
  left: 0;
  border-radius: 20px;
  border: 1px solid #bcd9ce;
  transition: 1s;
}
.steps-content:after {
  height: 0;
  background: var(--theme-color1);
  bottom: 0;
  opacity: 0;
}
.steps-content:hover:after {
  height: 100%;
  opacity: 1;
}
.steps-content p {
  margin: 0;
}
.steps-content ul {
  padding: 0;
  margin-left: 20px;
}
/* home-invest-sec-step close*/
/* home risk assement sec */
.risk-card {
  background: #e4f8f1;
  padding: 20px;
  border: 1px solid #b7d5ca;
  border-radius: 15px;
  padding-left: 30px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: 100%;
}
.risk-card:before,
.risk-card:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 100%;
  background: var(--theme-color1);
  left: 0;
  top: 0;
  z-index: -1;
  transition: 1s;
}
.risk-card:after {
  width: 0;
  background: var(--theme-color2);
  transition: 0.6s;
  opacity: 0;
}
.risk-card:hover:before {
  width: 100%;
}
.risk-card:hover:after {
  width: 10px;
  opacity: 1;
}
.risk-card:hover,
.risk-card:hover p {
  color: var(--white);
}
/* home risk assement sec close*/
/* investment-potentail impact sec */
.impact-examples span {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: 20px 0px;
}
.impact-examples span:before {
  position: absolute;
  content: "";
  width: 100%;
  inset: 0;
  background: var(--theme-color1);
  z-index: 1;
  opacity: 0.3;
  transition: 1s;
  transform: scale(0);
}
.impact-examples span img {
  transition: 1s;
  aspect-ratio: 1;
}
.impact-examples span:hover img {
  transform: scale(1.2);
}
.impact-examples span:hover:before {
  transform: scale(1);
}
.impact-examples ul li {
  margin-bottom: 10px;
}
/* investment-potentail impact sec close*/
/* investing-locally-sec */
.benefit-card {
  padding: 25px;
  background: var(--theme-color1);
  border-radius: 15px;
  color: var(--white);
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.benefit-card:before {
  position: absolute;
  content: "";
  inset: 0;
  height: 0;
  background: var(--white);
  transition: 1s;
  z-index: -1;
  opacity: 0;
  width: 100%;
  border: 1px solid var(--theme-color1);
  border-radius: 15px;
}
.benefit-card:hover:before {
  height: 100%;
  opacity: 1;
  top: auto;
}
.benefit-card:hover,
.benefit-card:hover p {
  color: var(--black);
}
.benefit-card p {
  color: var(--white);
}
.benefit-card.sustaible-bg {
  background: #335e23;
}
.benefit-card.localsupply-bg {
  background: #8cab18;
}
/* investing-locally-sec close*/

/* economic impact sec */
.impact-date-content h2 {
  font-size: 40px;
  margin-bottom: 15px;
}
/* economic impact sec */

/* regulatory-framework */
.framework-row {
  counter-reset: section;
}
.franework-content {
  position: relative;
  padding: 40px 25px 25px;
  background: #e4f8f1;
  border-radius: 15px;
  border: 1px solid #b7d5ca;
  z-index: 1;
  height: 100%;
  min-height: 180px;
}
.franework-content:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  border-radius: 15px 15px 0px 0px;
  width: 100%;
  height: 7px;
  background: var(--theme-color1);
  transition: 1s;
  z-index: -1;
}
.franework-content:hover:before {
  height: 100%;
  border-radius: 15px;
}
.franework-content:hover:after {
  background: var(--theme-color2);
}
.franework-content:hover,
.franework-content:hover p {
  color: var(--white);
}
.franework-content:after {
  position: absolute;
  counter-increment: section;
  content: "" counter(section) "";
  width: 50px;
  height: 50px;
  color: var(--white);
  background: var(--theme-color1);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
  transition: 1s;
}
/* regulatory-framework close*/
/* home-frequent-sec */
.frequent-content {
  background: #e3f7f0;
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #b7d5ca;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 100%;
}
.frequent-content:before {
  position: absolute;
  content: "";
  background: var(--theme-color2);
  inset: 0;
  z-index: -1;
  transition: 1s;
  margin: auto;
  height: 0;
  top: auto;
}
.frequent-content:hover:before {
  height: 100%;
}
.frequent-content:hover,
.frequent-content:hover p {
  color: var(--white);
  transition: 1s;
}
/* home-frequent-sec close*/
/* ------------------------------ */
/* home footer sec */
footer.home-footer h4 {
  color: var(--white);
}
footer.home-footer ul li a {
  position: relative;
  display: inline-block;
  transition: 1s;
  color: var(--white) !important;
  text-decoration: none;
  font-weight: normal;
}
footer.home-footer ul li a:hover {
  padding-left: 10px;
}
footer.home-footer ul li a:before {
  position: absolute;
  content: "";
  height: 2px;
  width: 0%;
  bottom: 0px;
  background: var(--white);
  opacity: 0;
  transition: 1s;
}
footer.home-footer ul li a:hover:before {
  width: 100%;
  opacity: 1;
}
footer.home-footer ul li a.info:hover {
  padding-left: 0;
}
footer.home-footer ul li a.info:before {
  display: none;
}
.footer-description {
  background: #b3ffe7;
  padding: 25px;
  border-radius: 15px;
}
/* footer modal css */
.footer-modal p {
  font-size: 13px;
  margin-bottom: 5px;
  text-align: center;
}
.footer-modal h5 {
  margin-bottom: 4px;
  text-align: center;
}
.footer-modal ul {
  padding: 0;
}
.footer-modal ul li {
  font-size: 13px;
  letter-spacing: 0.5px;
}
/* footer modal css close*/
/* home footer sec close*/
/* ------------------------------ */

/* invest-florida-sec */
.florida-card {
  padding: 20px;
  border: 2px solid var(--theme-color1);
  border-radius: 10px;
  height: 100%;
}
.florida-card.light-green {
  border-color: var(--theme-color2);
}
.local-invest ul li {
  margin-bottom: 10px;
}
/* invest-florida-sec close*/
/* compelling-sec */
.compelling-content {
  text-align: center;
  padding: 50px;
  border-radius: 20px;
  position: relative;
  height: 100%;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.compelling-content:before {
  position: absolute;
  content: "";
  background-size: 100% 100%;
  inset: 0;
  z-index: -1;
}
.compelling-content:hover * {
  color: var(--white);
}
.compelling-content.center-bottom:before {
  background-image: url("../images/01.png");
}
.compelling-content.right-center:before {
  background-image: url("../images/03.png");
}
.compelling-content.left-center:before {
  background-image: url("../images/02.png");
}
.compelling-content.right-top:before {
  background-image: url("../images/05.png");
}
.compelling-content.left-top:before {
  background-image: url("../images/04.png");
}
.compelling-content:hover:before {
  filter: brightness(0) saturate(100%) invert(31%) sepia(18%) saturate(2621%)
    hue-rotate(118deg) brightness(92%) contrast(101%);
}
.compelling-content.right-center {
  padding-left: 0px;
}

.compelling-content.left-center {
  padding-right: 20px;
}

.compelling-content.right-top {
  padding-left: 20px;
  padding-bottom: 20px;
}

.compelling-content.left-top {
  padding-right: 20px;
  padding-bottom: 20px;
}

.compelling-content.center-bottom {
  padding-top: 20px;
}
.compelling-content h3 {
  font-size: 30px;
}
.compelling-content p {
  font-size: 20px;
}
.compelling-circle {
  aspect-ratio: 1;
  border-radius: 50%;
  width: 200px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #006747;
  font-size: 20px;
}
.compelling-circle h3 {
  font-size: 25px;
  color: var(--white);
  max-width: 80%;
}
/* compelling-sec close*/
.seamless-step {
  border-top: 2px solid var(--theme-color1);
  padding-top: 10px;
  position: relative;
  margin-top: 40px;
}
.seamless-step:before {
  position: absolute;
  counter-increment: section;
  content: "0" counter(section) "";
  top: -40px;
  color: #797979;
}
.seamless-invest {
  counter-reset: section;
}
/* .economic-content h2 {
  font-size: 45px;
  margin-bottom: 15px;
} */
.dicover-content {
  background: #e5f9f2;
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px;
}
.dicover-content i {
  color: var(--theme-color1);
  padding-right: 20px;
  font-size: 20px;
}
.dicover-content h5,
.dicover-content p {
  color: var(--black);
}
.infastructure-text a {
  color: var(--theme-color1);
  font-weight: bold;
  text-decoration: underline;
}
.infastructure-row .icon-img img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-bottom: 10px;
}
.infa-card {
  margin-top: 30px;
}

/* advanced platform-feature */
.sign-up .card .card-icon img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.sign-up .card {
  position: relative;
  background: var(--theme-color3);
  padding: 50px 15px 20px 15px;
  z-index: 1;
  height: 100%;
}
.sign-up .card-icon {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  width: fit-content;
  border: 2px solid transparent;
}
.sign-up .card:hover .card-icon {
  border-radius: 50%;
  border-color: var(--bs-white);
}
.sign-up .card:before {
  position: absolute;
  content: "";
  background: var(--white);
  inset: 0;
  z-index: -1;
  transition: 1s;
  height: 0;
  box-sizing: border-box;
  width: 100%;
  height: 7px;
  background: var(--theme-color1);
  border-radius: 0.375rem 0.375rem 0px 0px;
}
.sign-up .card:hover:before {
  height: 100%;
  border-radius: 0.375rem;
}
.sign-up .card:hover,
.sign-up .card:hover p {
  color: var(--white);
  transition: 1s;
}
/* advanced platform-feature close*/

/* community impact */
.community-imapct-row .card {
  background: #d1efe4;
  height: 100%;
  border: 1px solid #b7d5ca;
}
.community-imapct-row .card {
  background: #d1efe4;
  height: 100%;
  border: 1px solid #b7d5ca;
  padding: 25px;
  border-radius: 0;
}
.community-imapct-row div:first-child .card {
  border-radius: 10px 0px 0px 10px;
}
.community-imapct-row div:last-child .card {
  border-radius: 0px 10px 10px 0px;
}
.community-imapct-row .card h5 {
  color: #4b4b5a;
}
/* Community impact close*/

/* Platform Features */
.platform-content img {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}
.platform-content {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.platform-content:before {
  position: absolute;
  content: "";
  background: var(--theme-color1);
  inset: 0;
  z-index: -1;
  transition: 1s;
  height: 0;
  top: auto;
}
.platform-content:hover:before {
  height: 100%;
}
.platform-content:hover {
  border-color: var(--theme-color1) !important;
  transition: 1s;
}
.platform-content:hover * {
  color: var(--white);
  transition: 1s;
}
.platform-content.one {
  border-color: #79acee;
}
.platform-content.two {
  border-color: #78d294;
}
.platform-content.three {
  border-color: #b05ef1;
}
.platform-content.four {
  border-color: #ffd1a7;
}
/* Platform Features close*/
/* statecf sec */
.state-cf-img-content .circle:before {
  position: absolute;
  content: "";
  inset: 0;
  background: var(--theme-color2);
  transition: 1s;
  z-index: -1;
  transform: scale(0);
  border-radius: 50%;
}
.state-cf-img-content .circle:hover:before {
  transform: scale(2);
}
.state-cf-img-content .circle {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  margin: auto;
  aspect-ratio: 1;
  width: 190px;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.state-cf-img-content .circle.state-cf {
  background: #004d35;
  margin-right: -60px;
}
.state-cf-img-content .circle.invest {
  background: #008058;
  margin-bottom: 20px;
  width: 170px;
}
.state-cf-img-content .circle.economic {
  background: #00e69e;
  width: 150px;
}
.state-cf-img-content .circle.community {
  background: #00b37b;
  margin-left: -60px;
  width: 160px;
}
.state-cf-img-content {
  margin: 40px 0px;
}
/* statecf sec close*/
.frequent-askrow .frequent-content {
  border: 1px solid #0067476b;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.frequent-askrow .frequent-content:before {
  position: absolute;
  content: "";
  inset: 0;
  background: var(--theme-color1);
  z-index: -1;
  transition: 1s;
  height: 0;
  top: auto;
}
.frequent-askrow .frequent-content:hover:before {
  height: 100%;
}
.frequent-askrow .frequent-content:hover * {
  color: var(--white);
  transition: 1s;
}
/* testimonial-sec */
.testimonial-content {
  background: #e4f8f1;
  border: 1px solid #b7d5ca;
  padding: 25px;
  border-radius: 10px;
  position: relative;
  transition: 1s;
}
.testimonial-content:hover {
  background: var(--white);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.testimonial-content .user-img img {
  transition: 1s;
}
.testimonial-content .user-img {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  width: fit-content;
  margin-bottom: 20px;
}
.testimonial-content .user-img:before {
  position: absolute;
  content: "";
  background: var(--theme-color1);
  inset: 0;
  opacity: 0.3;
  transition: 1s;
  width: 0;
  z-index: 1;
}
.testimonial-content:hover .user-img:before {
  width: 100%;
}
.testimonial-content:hover .user-img img {
  transform: scale(1.2);
}
.testimonial-content span.quote-icon {
  position: absolute;
}
.testimonial-content span.quote-icon.left {
  top: -10px;
  left: -10px;
}
.testimonial-content span.quote-icon img {
  width: 35px;
}
.testimonial-content span.quote-icon.right {
  bottom: -10px;
  right: -10px;
}
/* testimonial-sec close*/
/* community-investment-card sec */
.community-card-sec .investcard-content {
  background-image: url(../images/community-card.png);
  padding: 50px;
  text-align: center;
  position: relative;
  margin: auto;
  height: 100%;
  transition: 1s;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.community-card-sec .investcard-content:hover {
  background-image: url(../images/06.png);
}
.community-card-sec .investcard-content:hover * {
  color: var(--white);
}
.community-card-sec .investcard-content .inner-img img {
  width: 60px;
}
.community-card-sec .investcard-content .inner-img {
  position: absolute;
  top: -20px;
  left: -20px;
}
.community-card-sec .investcard-content p {
  font-size: 20px;
  line-height: normal;
}
.community-card-sec .ebracing-text {
  padding: 20px;
  background: #b6fcb8;
  border-radius: 20px;
}
.community-card-sec .ebracing-text p {
  color: var(--black);
}
.community-card-sec .ebracing-text span i {
  color: var(--theme-color1);
  font-size: 20px;
}
/* community-investment-card sec close*/
/* footer css */
footer a.email-link {
  color: #444;
}
footer ul li a {
  color: var(--theme-color1);
  font-weight: 500;
  text-decoration: underline;
}
footer ul li {
  list-style: none;
  margin-bottom: 10px;
}
footer ul {
  padding: 0;
}
ul.footer-list {
  margin-bottom: 0;
  text-align: left;
}
ul.footer-list li {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 0;
}
.description-size p,
.description-size ul.footer-list li {
  font-size: 13px;
}
/* footer css close*/
/* hover effects */
.florida-card:hover {
  background: var(--white);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-color: transparent;
}
/* .compelling-content:hover,
.compelling-content:hover:before {
  background: var(--theme-color1);
  color: var(--white);
} */
/* .compelling-content:hover p {
  color: var(--white);
} */
.seamless-step:hover h5,
.seamless-step:hover:before {
  color: var(--theme-color1);
}
/* .case-study span {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: 20px 0px;
}
.case-study span:before {
  position: absolute;
  content: "";
  width: 100%;
  inset: 0;
  background: var(--theme-color1);
  z-index: 1;
  opacity: 0.3;
  transition: 1s;
  transform: scale(0);
}
.case-study span img {
  transition: 1s;
  aspect-ratio: 1;
}
.case-study span:hover img {
  transform: scale(1.2);
}
.case-study span:hover:before {
  transform: scale(1);
} */
.dicover-content:hover {
  background: var(--theme-color1);
}
.dicover-content:hover * {
  color: var(--white);
}
/* hover effects close*/
/* ---------------------------------------------- */
/* Inner Page Css  */
/* ---------------------------------------------- */

/* validated-legal sec*/
.validated-legal .testimonial-content {
  height: 100%;
}
.inner-banner-section .banner-img img {
  border-radius: 20px;
  aspect-ratio: 1/0.5;
  object-fit: cover;
}
.capital-readiness {
  padding: 20px;
  background: #fcf2b5;
  border-radius: 15px;
}
.capital-readiness span i {
  color: #b29500;
  font-size: 20px;
}

footer.inner-footer ul li {
  list-style: disc;
  margin-left: 20px;
}

/* ---------------------------------- */
/* how it works page */

.for-investors-content ul li {
  list-style: decimal;
  margin-top: 10px;
}
.for-investors-content ul {
  padding-left: 15px;
}
.for-investors-content ul li {
  padding-left: 10px;
}
.security-content {
  background: #d1efe4;
  padding: 25px;
  border-radius: 10px;
  border: 1px solid #b7d5ca;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.security-content p {
  margin-bottom: 0;
}
.security-content span {
  width: 50px;
  height: 50px;
  background: var(--theme-color1);
  display: flex;
  border-radius: 50%;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.security-content span:before {
  position: absolute;
  content: "";
  inset: 0;
  background: var(--theme-color2);
  z-index: -1;
  transition: 1s;
  transform: scale(0);
  border-radius: 50%;
}
.security-content span img {
  width: 25px;
  object-fit: contain;
  height: 25px;
}
.security-content:hover span:before {
  transform: scale(1);
}
.security-content:before {
  position: absolute;
  content: "";
  height: 0;
  inset: 0;
  top: auto;
  background: var(--theme-color1);
  z-index: -1;
  transition: 1s;
  width: 100%;
}
.security-content:hover:before {
  height: 100%;
}
.security-content:hover,
.security-content:hover p {
  color: var(--white);
}
.considerations-contet {
  border-left: 2px solid var(--theme-color1);
  margin-top: 20px;
  padding: 15px 0px 15px 30px;
}
.considerations-contet ul {
  padding-left: 20px;
}
/* ---------------------------------- */

/* Launch a Campiagn page */

.community-funding-content {
  border: 2px solid #b7d5ca;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%;
}

.community-funding-content:hover,
.community-funding-content:hover p {
  color: var(--white);
}
.community-funding-content .fund-content-icon img {
  width: 30px;
  height: 30px;
  margin: auto;
  filter: brightness(0);
  object-fit: contain;
}
.community-funding-content .fund-content-icon {
  padding: 10px 0px;
  text-align: center;
  background: #d1efe4;
  border-bottom: 1px solid #b7d5ca;
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.community-funding-content .fund-content-icon:before {
  position: absolute;
  content: "";
  width: 100%;
  inset: 0;
  height: 0;
  top: auto;
  background: var(--white);
  transition: 1s;
}
.community-funding-content .funding-text {
  padding: 25px;
  background: #e4f8f1;
  position: relative;
  z-index: 1;
  height: 100%;
}
.community-funding-content .funding-text:before {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  z-index: -1;
  background: var(--theme-color1);
  transition: 1s;
  height: 0;
  top: auto;
}
.community-funding-content:hover .funding-text:before {
  height: 100%;
}
.community-funding-content p {
  margin: 0;
}
.community-funding-content:hover .fund-content-icon:before {
  height: 100%;
}
.community-funding-content:hover {
  border-color: var(--theme-color1);
}
.community-funding-content:hover .fund-content-icon img {
  filter: brightness(0) saturate(100%) invert(26%) sepia(83%) saturate(552%)
    hue-rotate(114deg) brightness(100%) contrast(104%);
}
.capital-steps-contet .captital-steps-text {
  padding: 20px;
  border-left: 2px solid #cde2da;
  background: #e4f8f1;
}
.capital-steps-contet {
  border: 2px solid #b7d5ca;
  border-radius: 15px;
  padding-left: 60px;
  background: #d1efe4;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: 1s;
}
.capital-steps-contet:before {
  position: absolute;
  counter-increment: section;
  content: " " counter(section) "";
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  text-align: center;
  font-size: 25px;
  transition: 1s;
}
.capital-steps-contet:after {
  position: absolute;
  content: "";
  inset: 0;
  width: 0;
  height: 100%;
  background: var(--theme-color1);
  z-index: -1;
  transition: 1s;
}
.capital-steps-contet:hover:after {
  width: 60px;
}
.capital-steps-contet:hover:before {
  color: var(--white);
}
.capital-steps-contet:hover {
  border-color: var(--theme-color1);
}
.capital-steps-contet:hover .captital-steps-text {
  background: var(--white);
}
.path-capital-row {
  counter-reset: section;
}
.raising-content .raising-icon img {
  width: 25px;
  filter: brightness(0);
  transition: 1s;
}
.raising-content .raising-icon {
  width: 60px;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d1efe4;
  border-right: 1px solid #b7d5ca;
  position: relative;
}
.raising-content .raising-icon:before {
  position: absolute;
  content: "";
  width: 0%;
  inset: 0;
  background: var(--theme-color1);
  transition: 1s;
}
.raising-content {
  border: 2px solid #b7d5ca;
  border-radius: 15px;
  overflow: hidden;
}
.raising-inner-text {
  padding: 20px;
}
.raising-inner-text p {
  margin: 0;
}
.raising-content:hover .raising-icon:before {
  width: 100%;
}
.raising-content:hover {
  border-color: var(--theme-color1);
}
.raising-content:hover .raising-inner-text {
  background: var(--white);
}
.raising-content:hover .raising-icon img {
  filter: brightness(0) invert(1);
}
/* ---------------------------------- */

/* About Page Css */
.operational-bounderies .risk-card {
  border-radius: 7px;
  border-color: #b2e5d5;
}
.unleash-img span {
  position: relative;
  display: block;
  border-radius: 7px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  overflow: hidden;
}
.unleash-img span:before {
  position: absolute;
  content: "";
  width: 40%;
  background: var(--white);
  height: 100%;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  opacity: 0.3;
  left: -100%;
  transition: 2s;
  z-index: 1;
}
.unleash-img span:hover:before {
  left: 150%;
}
.unleash-img span:hover img {
  transform: scale(1.2);
}
.unleash-img img {
  width: 100%;
  aspect-ratio: 1/0.8;
  object-fit: cover;
  transition: 1s;
}
.powered-content {
  padding: 25px;
  background: #ccffef;
  border-radius: 7px;
  border: 1px solid #b2e5d5;
  transition: 1s;
}
.powered-content:hover {
  background: var(--theme-color1);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-color: var(--theme-color1);
  color: var(--white);
}
.powered-content:hover p {
  color: var(--white);
}
.powered-content p {
  margin-bottom: 0;
}
.under-florida-content {
  position: relative;
  padding-top: 15px;
  border-top: 2px solid var(--theme-color1);
  margin-top: 50px;
}
.under-florida-content:before {
  position: absolute;
  counter-increment: section;
  content: "0" counter(section);
  top: -40px;
}
.under-invest-row {
  counter-reset: section;
}
.under-florida-content:after {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  border-top: 2px solid var(--theme-color2);
  top: -2px;
  transition: 1s;
}
.under-florida-content:hover:after {
  width: 100%;
}
.under-florida-content:hover:before {
  color: var(--theme-color2);
}
.under-florida-content:hover h5 {
  color: var(--theme-color2);
}
.traditional-content span {
  position: relative;
  display: block;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.traditional-content span:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--black);
  opacity: 0.3;
  transform: scale(0);
  transition: 1s;
  z-index: 1;
}
.traditional-content span:hover:before {
  transform: scale(1.2);
}
.traditional-content span img {
  aspect-ratio: 1/0.7;
  width: 100%;
  transition: 1s;
  object-fit: cover;
}
.traditional-content span:hover img {
  transform: scale(1.2);
}
.traditional-content ul li {
  list-style: disc;
}
.traditional-content ul {
  padding-left: 20px;
  margin-top: 20px;
}
.key-destinction {
  padding: 20px;
  background: #b6d6fc;
  border-radius: 7px;
}
.key-destinction p {
  color: var(--black);
  margin: 0;
}
.key-destinction span i {
  color: #3a8fe4;
}
.number-counter {
  position: relative;
}
.number-counter:after {
  position: absolute;
  counter-increment: section;
  content: "" counter(section) "";
  font-size: 18px;
  font-weight: bold;
}
.valued-number-row {
  counter-reset: section;
}
.valued-number-row:hover .community-funding-content .number-counter:after {
  color: var(--theme-color1);
}
.community-funding-content .funding-text ul li {
  list-style: disc;
}
.community-funding-content .funding-text ul {
  padding-left: 20px;
  margin: 10px 0 0;
}
.essentail-content span {
  display: block;
  width: 30px;
  height: 30px;
  background: #ccffef;
  border-radius: 7px;
  border: 1px solid #b2e5d5;
  min-width: 30px;
}
.how-suport-content span img {
  width: 20px;
}
.how-suport-content span {
  width: 80px;
  min-width: 80px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../icon/how-supports-patrn.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: 1s;
}
.how-suport-content span img {
  filter: brightness(0);
}
.how-suport-content:hover span img {
  filter: brightness(0) invert(1);
}
.how-suport-content:hover span {
  background-image: url(../icon/how-supports-patrn-green.png);
}
.accessible-investing span img {
  width: 40px;
}
.accessible-investing:hover h5 {
  color: var(--theme-color1);
}
/* login page css */
.signup-main-text {
  box-shadow: 0px 0px 17px 0px #0067478c !important;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  padding: 20px;
  background-color: white;
}
.signup-main-text img {
  aspect-ratio: 1/0.5;
  object-fit: contain;
  margin-bottom: 20px;
  width: 100%;
}
.signup-main-text h2 {
  color: var(--theme-color1);
  font-size: 24px;
}
.signup-main-text:hover h2 {
  color: var(--theme-color2);
}
/* login page css close*/

/* empower local popup */
.modal-company-registration {
  border-top: 2px solid var(--theme-color1);
  padding-top: 20px;
  padding-bottom: 20px;
}
.modal-imgtext {
  padding: 25px;
  background: #b6fcb8;
  border-radius: 15px;
}
.modal-imgtext ul.modal-list li {
  color: var(--black);
  margin-bottom: 5px;
}
.modal-imgtext ul.modal-list li:last-child {
  margin-bottom: 0;
}
.modal-imgtext ul.modal-list {
  margin: 0;
  padding: 0 0 0 50px;
}
.modal-imgtext h5 i {
  margin-right: 10px;
}
.modal-companies-text {
  padding: 20px;
  background: #d1efe4;
  border: 1px solid #c2dcd1;
  border-radius: 15px;
  height: 100%;
}
.modal-companies-text p {
  margin: 0;
}
.modal-bg {
  background-image: url(../images/modal-bg-patrn1.jpg);
  background-size: cover;
}
/* empower local popup close*/
/* abasdar application page css */
.info-box {
  padding: 20px;
  background: #b1ffe7;
  border-radius: 10px;
  margin: 20px 0px;
  color: var(--bs-black);
}
.require-icon img {
  width: 15px;
  height: 15px;
  object-fit: contain;
}
.resume-card-content {
  padding: 25px;
  background: var(--theme-color3);
  border-radius: 20px;
  border: 1px solid var(--theme-color4);
  height: 100%;
}
.resume-card-content input#resume {
  background: white;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    width: 100%;
}
.resume-card-content ul {
  padding-left: 20px;
}
.upload-resume-btn .file-upload input {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.file-upload {
  position: relative;
}
.personal-information-sec .input-form-fields label {
  display: block;
  font-weight: bold;
  color: #4a4949;
}
.personal-information-sec .input-form-fields input,
.personal-information-sec .input-form-fields select {
  background: var(--white);
  border: 0;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  margin-bottom: 10px;
}
/* flag-portion css */
.state-steps {
  position: relative;
}
.state-steps:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 38px;
  background: #00ffaf;
  border-radius: 50px 50px 0 0;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.state-steps .row {
  position: relative;
  text-align: right;
}

.state-steps {
  position: relative;
  max-width: 900px;
  margin: auto;
  padding: 50px;
}
.state-step-img img {
  max-width: 100px;
}
.state-steps-card {
  display: flex;
  gap: 20px;
}
/* flag-portion css */
.border-top-line {
  border-top: 2px solid #b7bcbb;
}
/* abasdar application page css close*/

/* sign in page css */
.security-alert {
  padding: 30px;
  background: #b6d6fc;
  border-radius: 10px;
  color: var(--black);
}
.security-alert span i {
  color: #0872d7;
}
.border-top-dark {
  border-top: 2px solid #929191;
}
.quick-input-border {
  border: 2px solid #c0c1d7;
  padding: 15px;
  border-radius: 5px;
}
.quick-input-border label {
  display: block;
}
.quick-input-border input {
  border: 0;
  width: 100%;
  outline: 0;
  color: var(--black);
}
.quick-input-border input::placeholder {
  color: var(--black);
  font-weight: 300;
  letter-spacing: 1px;
}
.quick-tabs .nav-link.active {
  background: #4950bc !important;
  color: var(--bs-white) !important;
}
.quick-input-border:focus-within {
  border-color: #4950bc;
}
.quick-tabs .nav-link {
  position: relative;
}
.quick-tabs .nav-link:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 10px;
  background: #4950bc;
  bottom: -5px;
  margin: auto;
  left: 0;
  right: 0;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index: -1;
  opacity: 0;
  transition: 1s;
}
.quick-tabs .nav-link.active:before {
  bottom: -9px;
  opacity: 1;
}
.select2-container--open {
  z-index: 9999 !important;
}
.state-steps .row:nth-child(even) .state-steps-card {
    flex-direction:row-reverse;
}
div#ambasdarModal .select2-container--bootstrap .select2-selection {
  height: 48px;
  padding: 12px !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  border: 0;
  border-radius: 5px !important;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px !important;
}
div#ambasdarModal .container{
    padding:0 30px
}
/* sign in page css close*/
/* ---------------------------------- */
@media screen and (min-width: 991px) {
  .state-steps .row:not(:nth-child(even)) {
    justify-content: end;
    text-align: left;
  }
  .state-steps .row:nth-child(even) {
    & .state-steps-card {
      flex-direction: row-reverse;
    }
  }
}
@media screen and (max-width: 991px) {
  .community-imapct-row div:first-child .card {
    border-radius: 10px 10px 0px 0px;
  }
  .community-imapct-row div:last-child .card {
    border-radius: 0px 0px 10px 10px;
  }
  .banner-section .banner-img {
    margin-top: 100px;
  }
  .home-banner-sec .banner-img img {
    aspect-ratio: 1/0.4;
  }
  .btn-link {
    margin-bottom: 10px;
    width: 100%;
  }

  ul.home-btn-link li a {
    margin-left: 0 !important;
    text-align: center !important;
    justify-content: center;
  }
  ul.home-btn-link {
    padding: 20px;
  }
  .mobile-nav-toggle {
    color: var(--theme-color1);
  }
  .state-steps:before {
    left: 30px;
    transform: translate(0);
  }
  .state-step-text {
    text-align: left;
  }
  .state-steps .row:nth-child(even) .state-steps-card {
    flex-direction: row;
}
}
@media screen and (max-width: 767px) {
  .quick-acces-content h3 {
    font-size: 22px;
  }
  .state-cf-img-content .circle {
    width: 100%;
    line-height: normal;
  }
  .state-cf-img-content .circle.state-cf {
    margin-right: -20px;
  }
  .state-cf-img-content .circle.invest {
    width: 80px;
  }
  .state-cf-img-content .circle.economic {
    width: 75px;
  }
  .state-cf-img-content .circle.community {
    margin-left: -20px;
    width: 90px;
  }
  .testimonial-content {
    max-width: 93%;
    margin: auto;
  }
  h2.heading-color,
  h2.heading-dark {
    font-size: 25px;
  }

  footer h4 {
    font-size: 20px;
  }
  .community-card-sec .investcard-content {
    max-width: 90%;
    margin: auto;
    padding: 35px;
  }
  .community-card-sec .investcard-content .inner-img img {
    width: 50px;
  }
  .community-card-sec .investcard-content .inner-img {
    top: -14px;
  }
  .home-btn-link a {
    margin-bottom: 10px;
  }
  .impact-date-content h2 {
    font-size: 30px;
  }
  .capital-steps-contet {
    padding-top: 60px;
    padding-left: 0;
  }
  .capital-steps-contet:before {
    width: 100%;
    height: 60px;
    font-size: 20px;
  }
  .capital-steps-contet:hover:after {
    width: 100%;
  }
  .raising-content .raising-icon {
    width: 100%;
    height: 60px;
    border-right: 0;
    border-bottom: 1px solid #b7d5ca;
  }
  .capital-steps-contet .captital-steps-text {
    border-left: 0;
    border-top: 2px solid #cde2da;
  }
}
.btn-link.blue-btn {
  background: #253973 !important;
}
.btn-link.blue-btn:hover {
  background: transparent !important;
  border-color: #253973;
  color: #253973 !important;
}
