:root {
  --primary-color:#006E16; 
  --dark-green-color: #006E16;
  --text-color: #003907;
  --color-black:   #0E0E0E;
  --color-white:   #FAFAFA;
  --ease: all 0.3s ease;
}
html { scroll-behavior: smooth; }
body { font-family: "Plus Jakarta Sans", sans-serif;font-size: 16px; line-height: 1.2; color: var(--color-black);
  background: #fff; -webkit-font-smoothing: antialiased; overflow-x: hidden; }

img { max-width: 100%; height: auto; display: block; }
a  { text-decoration: none; transition: var(--ease); color: inherit; }
ul { list-style: none; margin: 0; padding: 0; }
button { cursor: pointer;  font-family: "Plus Jakarta Sans", sans-serif;border: none; background: none; }

h1, h2, h3, h4, h5, h6 {  font-family: "Plus Jakarta Sans", sans-serif;font-weight: 700;line-height: 1.2; color: var(--color-black);margin: 0 0 20px; }
h1 { font-size: 70px; font-weight: 800; }
h2 { font-size: 70px;color:var(--primary-color);font-weight: 700; }
h3 { font-size: 48px;color:var(--dark-green-color);font-weight: 500; }
p  { margin: 0 0 20px;  color: var(--text-color); }
p:last-child { margin-bottom: 0; }

.container { max-width: 1300px; width: 100%; }

.primary-btn { background: #002D04;padding: 14px 90px;line-height: 18px;align-items: center;display: inline-flex;font-weight: 500;
  text-decoration: none;border-radius: 8px;text-align: center;border: 1px solid #002D04;
  justify-content: center;color: #FAFAFA;transition: all 0.3s ease;height: 46px; }
.primary-btn:hover { background: #fff; color: #002D04; border: 1px solid #002D04;font-weight: 500; }

/** header **/
.header {  position: absolute;  top: 30px; left: 0;right: 0; z-index: 1000; width: 100%;pointer-events: none;  }
.header-center { pointer-events: auto; display: flex;gap: 80px; justify-content: center; align-items: center;
  background: #001501;color: #fff; padding: 20px; margin: 0 auto;
   border-radius: 16px;box-shadow: 0 4px 20px rgba(0,0,0,0.3); }
.header-link { color: #fff;text-decoration: none;font-size: 16px;white-space: nowrap; }
.header-link:hover { color:var(--primary-color); }
.logo img {  display: block; }

/** home page **/
.home-banner-section { position: relative;background-size: cover;padding: 170px 0px;background-position: center;min-height: 80svh;
  border-radius: 0px 0px 30px 30px; background-repeat: no-repeat;min-height: 80vh;display: flex;align-items: center;  }
.home-banner-content { text-align: center; margin: 0px auto;  }
.home-banner-content h1 { color: #fff;max-width: 950px; margin: 0px auto 30px auto;  }
.home-banner-content p {max-width: 700px;letter-spacing: 0.25px; margin: 0px auto 30px auto; color: #fff; }
.hero-badges { display: flex; gap: 20px; justify-content: center; }

.how-section { padding: 70px 0; }
.how-section h3 { margin-bottom:50px; }
.how-section p { font-size:20px;padding: 0px 30px 0px 30px;font-weight: 500; }
.how-steps { display: flex;text-align: center;align-items: center;gap: 40px;margin: 40px 0px 0px 0px; }
.how-step { position: relative;font-size: 20px; }
.how-step:not(:last-child)::after { content: ""; width: 25px; height: 25px;background: url('../images/how-it-right-arrow.svg') no-repeat center;
  background-size: contain;position: absolute;right: -30px;top: 50%;transform: translateY(-50%);font-size: 18px; }

.works-section { padding: 70px 0; }
.works-card { position: relative;border-radius: 20px;overflow: hidden; }
.works-img img { width: 100%; object-fit: cover; display: block; }

.works-content { position: absolute;bottom: 0;left: 0;width: 100%;padding: 60px;text-align: center;color: #fff; }
.works-content h3 { font-size: 48px;font-weight: 600;margin-bottom: 5px;color: #fff; }
.works-content h4 { color:#fff;margin: 20px 0px 30px; }
.works-content .tagline { font-size: 16px;margin-bottom: 15px; opacity: 0.9; }
.works-text ul li::marker { color: #fff; }  
.works-text ul {  display: grid;grid-template-columns: 1fr 1fr; gap: 8px 45px;
  padding: 0; list-style: none; max-width: 400px; text-align: center;margin: 0px auto; }
.works-text ul li { position: relative;font-size: 14px; line-height: 1.5;list-style: disc; text-align: left;
padding: 10px 0px 0px 0px; }


.payments-section { padding: 70px 0; }
.payments-text { display: flex;justify-content: center;flex-direction: column;height: 100%; }
.payments-text p { font-size:24px;font-weight: 600; }

.relationships-section { background-size: cover; padding: 120px 0px; background-position: center;background-repeat: no-repeat;border-radius: 32px; }
.relationships-section h2 { color: #86FC7F;margin-bottom: 35px; }
.relationships-section h3 { color: #fff;max-width: 850px;font-size:32px; margin: 0px auto 40px auto; }
.relationships-section p { color: #fff;font-size:23px; margin: 0px auto 40px auto;max-width: 820px;line-height: 1.5;margin-bottom: 0px; }
.relationships-text { text-align:center; }

.faq-section { padding:70px 0; }
.faq-title { text-align: center;font-size:64px;margin-bottom: 50px; }
.faq-info .wpfaqblock-accordion .accordion-title { background:var(--primary-color);padding: 25px 42px 25px 25px; }
.faq-info .wpfaqblock-accordion .new-points .list-style li h4 { color:#fff;font-size: 18px; }
.faq-info .wpfaqblock-accordion .accordion-title.open { border-radius: 12px 12px 12px 12px; }
.faq-info .wpfaqblock-accordion .accordion-content { border-radius: 12px 12px 12px 12px;background: #ECFFE3;
  border: 1px solid #F2F0F4;padding: 25px 55px 25px 25px !important;  }
.faq-section h5 { font-size:16px;font-weight:400; }
.faq-bottom-info { text-align:center; }

.faq-info .wpfaqblock-accordion .accordion-title:before { content: ""  !important;font-family: unset !important;
  display: inline-block;width: 16px;height: 16px;margin-right: 10px; background-image: url(../images/faq-up-arrow.png);
  background-size: contain;background-repeat: no-repeat; background-position: center;
  -webkit-mask: none !important;mask: none !important;background-color: transparent !important; }
.faq-info .wpfaqblock-accordion .accordion-title.open:before {content: "" !important; 
  font-family: unset !important;  background-image: url(../images/faq-down-arrow.png); }

.get-early-section { padding: 70px 0px 0px 0px; }
.get-early-text { display: flex;justify-content: center;flex-direction: column;height: 100%;margin-left: 40px; }
.get-early-text h3 { font-size:18px; }

.get-early-access-form {  width: 55%; margin-top: 30px;  }
.get-early-access-form .gfield_label {  color: #919094 !important; font-size: 16px !important; font-weight: 500 !important; margin-bottom: 15px; }

.get-early-access-form input[type="text"],
.get-early-access-form input[type="email"],
.get-early-access-form select { border-radius: 8px !important;height: 50px !important;
  border: 1px solid #E4E1E6 !important;background: #FCFCFC !important;color: #ACAAAF !important;font-size: 18px !important;padding: 0 20px !important;outline: none !important;
  appearance: none; width: 100%; }
.get-early-access-form select { background-image: url(../images/select-dropdown-arrow.png) !important;
  background-repeat: no-repeat !important;background-position: right 14px center !important; background-size: 12px !important; }
.get-early-access-form .gform_button {   width: 100% !important; background: #002D04 !important;height: 50px !important; border-radius: 8px !important;
  border: 1px solid #002D04 !important;color: #FAFAFA !important;transition: all 0.3s ease;
  cursor: pointer;display: flex !important;align-items: center;justify-content: center; }
.get-early-access-form .gform_button:hover {  background: #ffffff !important;  color: #002D04 !important; }
.get-early-access-form .gform_required_legend {  display: none !important;  }
.get-early-access-form .gform-footer.gform_footer.top_label { margin-top: 35px; }

.get-early-access-form .gform_validation_errors h2 { color: #d63638 !important;font-size:18px; }
.get-early-access-form .gfield_validation_message { background: #fff9f9; border: 1px solid #c02b0a;font-size: 14.992px;
  margin-block-start: 8px;padding: 12.992px 24px; }
.get-early-access-form .gfield_error input,.get-early-access-form .gfield_error select { background: #fff9f9;
  border: 1px solid #c02b0a;font-size: 14.992px;margin-block-start: 8px;padding: 12.992px 24px; }
.privacy-policy-section { padding:120px 0px; }

/** 404 page **/
.error-404.not-found.default-max-width { padding: 200px 0px 150px 0px; text-align: center; }
.error-404 img { text-align: center; margin: 0px auto 30px auto; }
.error-404 .page-content h2 { font-size: 46px;font-weight: bold; margin-bottom: 25px; }
.page-content p { color: var(--text-color); font-size: 20px; margin-bottom: 25px; }


/** footer **/
.site-footer { background-color: #001501;  color: #ffffff;padding: 80px 0;font-family: sans-serif; }
.footer-container { max-width: 1200px;margin: 0 auto;padding: 0 20px; }
.footer-main-content { display: flex;flex-wrap: wrap;justify-content: center;
  align-items: center; gap: 40px;margin-bottom: 48px;text-align: center; }
.footer-section { flex: 1; min-width: 200px; }
.footer-list { list-style: none;padding: 0;margin: 0; }
.footer-list-item { margin-bottom: 8px; }
.footer-link { color: #ffffff;text-decoration: none;transition: opacity 0.2s; }
.social-title { font-size: 1.1rem; margin-bottom: 12px;color:#fff; }
.social-icons-wrapper { display: flex;gap: 15px; }
.social-icon-link img { width: 24px;height: 24px; }
.footer-app-badges { display: flex;justify-content: center;gap: 16px;margin: 40px 0px; }
.footer-copyright { text-align: center; margin-top: 48px;font-size: 0.9rem;padding-top: 24px; }
.footer-copyright p { color:#fff; }
.social-icons { display:flex;gap:15px; }
.site-footer  h4 { color:#fff;font-size:16px;font-weight:500; }
.copy-text p { color:#fff; }
.site-footer .list-unstyled li { margin-bottom:15px; }
.footer-logo { display:flex;justify-content:center; }
.site-footer .list-unstyled li:last-child { margin-bottom:0px; }
.footer-badges { display:flex;gap:15px;justify-content:center;align-items: center; }
.menu-item a:hover { color: var(--primary-color); }

/** responsive **/

@media (min-width: 1024px) and (max-width: 1279px) {
h1 { font-size:55px; }
p { line-height: 1.8; }
h2 { font-size: 46px; }
h3 { font-size: 36px; } 
.works-content h3 { font-size: 40px; }
.faq-section .col-md-6 { width:70%; }
.get-early-access-form { width: 60%; }
.how-section { padding:60px 0px; }
.works-section { padding:30px 0px 60px 0px; }
.get-early-section { padding:0px 0px 0px 0px; }
.relationships-section { padding: 80px 0px; }
.payments-section { padding:60px 0px 0px 0px; }
.faq-title { font-size: 46px; }
.home-banner-section { padding: 130px 0px 80px 0px;min-height: 40vh; }
.works-content { text-align:left; }

}

@media (min-width: 768px) and  (max-width: 1023px) {
h1 { font-size:50px; }
p { line-height: 1.8; }
h2 { font-size: 42px; }
h3 { font-size: 32px; } 
.home-banner-section { padding: 60px 0px 40px 0px;background-position: unset;min-height: 60vh; }
.how-section { padding:60px 0px; }
.how-section p { padding: 0px 20px 0px 20px; }
.how-steps {  align-items: center; gap: 30px; }
.how-arrow { transform: rotate(90deg); font-size: 24px; }
.how-step { max-width: 100%; padding: 0; }
.audience-grid { grid-template-columns: 1fr; }
.audience-card { min-height: 360px; }
.payments-inner { flex-direction: column; gap: 40px; }
.payments-desc { max-width: 100%; }
.footer-top { flex-direction: column; align-items: flex-start; }
.works-section { padding:0px 0px 60px 0px; }
.works-content h3 { font-size:29px; }
.works-content h4 { margin: 10px 0px 15px; }
.works-text ul { grid-template-columns: 1fr;padding-left: 15px; }
.works-text ul li { font-size:13px; }
.works-content h4 { font-size:18px; }
.relationships-section h3 { font-size: 24px; margin: 0px auto 30px auto;max-width: 600px;  }
.relationships-section h2 { margin-bottom: 20px; }
.relationships-text { padding: 0px 20px; }
.relationships-section { padding: 80px 0px; }
.payments-section { padding:60px 0px 0px 0px; }
.faq-section .col-md-6 { width:70%; }
.faq-title { font-size: 42px;margin-bottom: 30px; }
.get-early-access-form { width: 80%; } 
.get-early-access-form { margin-top: 10px;margin-bottom: 20px; }
.relationships-section p { font-size:20px; }
.get-early-text { margin-left:10px; }
.get-early-section .col-md-5 ,.get-early-section .col-md-7 { width:50%; }
.get-early-access-form .gform-theme--foundation .gform_fields { row-gap: 25px; } 
.get-early-text h2 { margin-bottom:10px; }
.get-early-section { padding: 40px 0px 0px 0px; }
.how-section h3 {  margin-bottom: 35px; }
.faq-section { padding: 60px 0; }
.works-text ul li { padding:0px 0px 0px 0px; }
.works-content { text-align:left; }
 

}


@media (max-width: 767px) {
.header-nav-left,
.header-nav-right { display: none; }
.mob-toggle { display: flex; }
body { font-size: 15px; line-height: 1.5; }
h1 { font-size:40px; }
p { line-height: 1.5; }
h2 { font-size: 32px; }
h3 { font-size: 26px; }

.footer-inner { padding: 0 20px; }
.footer-bottom { flex-direction: column; align-items: flex-start; }
.home-banner-section { padding:80px 0; }
.how-step:not(:last-child)::after { display:none; }
.payments-section { padding: 40px 0px 20px 0px; }
.faq-section { padding:20px 0px 50px 0px; }
.how-section {  padding: 50px 0px 25px 0px;text-align:center; }
.works-section { padding: 20px 0px 60px 0px; }
.works-content h3 { font-size:30px; }
.works-content h4 { font-size: 18px; margin: 10px 0px 15px; }
.works-content { padding: 40px;text-align:left; }
.works-section .d-flex {  display: block !important; }
.works-text ul { grid-template-columns: 1fr;padding-left: 15px; }
.works-section .row > div:not(:last-child) { margin-bottom: 25px; }
.relationships-section h3 { font-size: 20px;margin: 0px auto 20px auto; }
.relationships-section h2 { margin-bottom: 20px;font-size: 32px; }
.relationships-section p { font-size:16px; }
.relationships-section { border-radius:0px;}
.relationships-text { padding: 0px 20px; }
.relationships-section { padding: 50px 0px;background-size: inherit; }
.faq-title { font-size: 32px; }
.get-early-section { padding: 30px 0px 60px 0px; }
.faq-title { margin-bottom:30px; }
.get-early-text { margin-top: 20px;margin-left:0px; }
.get-early-access-form { width: 100%; }
.how-steps { flex-direction: column;gap: 20px;margin: 30px 0px 0px 0px; }
.how-section p { font-size:16px; }
.how-section h3 { margin-bottom: 20px;font-size: 20px; }
.header-center { gap: 25px; border-radius: 12px;  }
.header-link { font-size: 14px; }
.logo img { height: 20px; }
.col-md-2.social-info { text-align: center; }
.footer-logo { margin:15px 0px 15px; }
.social-icons { justify-content:center ;}
.payments-image-wrap { margin-top: 30px; }
.error-404.not-found.default-max-width { padding: 150px 0px 130px 0px; }
.error-404 .page-content h2 { font-size: 36px; }
.home-banner-section { min-height: auto; padding: 130px 20px 60px;background-position: inherit; }
.home-banner-content h1 { font-size: 32px; }
.works-text ul li { padding: 0px 0px 0px 0px; }
.footer-badges { flex-direction:column; }
.faq-info .wpfaqblock-accordion .new-points .list-style li h4 { font-size: 16px; }
.payments-text p { font-size:20px; }
.payments-text h2 { margin-bottom:15px; }
.get-early-image-wrap img { max-width: 80%;  margin: 0 auto;display: block; }

}

@media (max-width: 375px) {

.home-banner-section { padding: 130px 20px 60px;background-position: inherit; }

}