@font-face {
	font-family: SourceSans3;
	src: url(//26121134.fs1.hubspotusercontent-eu1.net/hubfs/26121134/raw_assets/public/C6/fonts/SourceSans3-Regular-BOy3heYW.woff2) format("woff2"), url(/C6/fonts/SourceSans3-Regular-BgpFUyWR.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: SourceSans3;
	src: url(//26121134.fs1.hubspotusercontent-eu1.net/hubfs/26121134/raw_assets/public/C6/fonts/SourceSans3-Bold-BZ9_4AUn.woff2) format("woff2"), url(/C6/fonts/SourceSans3-Bold-Cn0Zlu24.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: GreenpeaceSans;
	src: url(//26121134.fs1.hubspotusercontent-eu1.net/hubfs/26121134/raw_assets/public/C6/fonts/GreenpeaceSans-Bold-CWuvrcmp.woff2) format("woff2"), url(/C6/fonts/GreenpeaceSans-Bold-BggWaFJ1.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

/* begin fonts  */

body, form {
font-family: "Source Serif 4", system-ui, -apple-system, "Segoe UI", Roboto !important;
/*   font-size: 14px; */
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
  margin-bottom: .375rem;
  font-family: "Source Serif 4",system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-weight: 400;
  line-height: 1.2;
}

.h1,h1 {
  font-size: 2.5rem !important;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 1rem !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}

.h2,h2 {
  font-size: 2.15rem !important;
  line-height: 2.75rem;
  margin-bottom: .7rem  !important;
    text-transform: uppercase;
  font-weight: 700  !important;
}

.h3,h3 {
  font-size: 1.75rem !important;
  line-height: 2.25rem;
  margin-bottom: .6rem !important;
      text-transform: uppercase;
  font-weight: 700  !important;
}

.h4,h4 {
  font-size: 22px !important;
  line-height: 1.2 !important;
  margin-bottom: .75rem !important;
  font-weight: 700  !important;
}

.h5,h5 {
  font-size: 18px !important;
  margin-bottom: .25rem !important;
  line-height: 1.333;
  font-weight: 700  !important;
    
}

.h6,h6 {
  font-size: 16px !important;§
  line-height: 1.25
}

p, li, ul {
  font-size: 1rem;
  line-height: 1.2rem;
}

p {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

/* * {
  line-height: 1.5625rem;
} */

li, ul {
  line-height: 2rem;
}

.has-large-font-size,.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.6 !important;
}

.has-medium-font-size,.text-md {
  font-size: 1.0625rem !important;
  line-height: 1.412 !important;
}

.has-small-font-size,.text-sm {
  font-size: .9375rem !important;
  line-height: 1.333 !important;
}

.text-xs {
  font-size: .8125rem !important;
  line-height: 1.25 !important;
}

a {
  color: inherit
}

a:not([class]) {
  word-wrap: break-word;
  border-radius: .125rem;
  text-decoration: underline!important;
  text-decoration-color: black !important;
  transition: color 280ms cubic-bezier(.225, .76, .375, .93),background-color 280ms cubic-bezier(.225, .76, .375, .93),border-color 280ms cubic-bezier(.225, .76, .375, .93),box-shadow 280ms cubic-bezier(.225, .76, .375, .93)
}

a:not([class]):focus:not(:focus-visible),a:not([class]):hover {
  background-color: rgba(0,0,0,.15)!important;
  cursor: pointer;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol,ul {
  padding-left: 2rem
}

dl,ol,ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

b,strong {
  font-weight: 700
}

.small,small {
  font-size: .875em
}

.mark,mark {
  padding: .1875em;
  background-color: var(--bs-highlight-bg)
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
  text-decoration: none
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
  text-decoration: underline
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

/* end fonts */


/* btn start */

.link.skip {
  margin-top: 1rem;
  display: block;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(111 115 118 / var(--tw-text-opacity));
}

.button-generic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  align-self: center;
  justify-self: center;
  border-radius: 0.25rem;
  padding: 0.75rem;
  line-height: 1;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.button-generic:hover {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.button-generic:focus {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.button-generic:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.button-generic:disabled {
  cursor: not-allowed;
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.primary-btn {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: #FFFF5F;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
   font-weight: 700;
  display: inline-flex;
  font-size: 18px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  align-self: center;
  justify-self: center;
  border-radius: 0.25rem;
  padding: 0.75rem;
  line-height: 1.375;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity));
   transition: filter 0.3s ease-in-out; 
}

.primary-btn:focus {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.primary-btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  font-size: 18px;
}

.primary-btn:disabled {
  cursor: not-allowed;
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.secondary-btn {
   border: 1px solid black;
    border-radius: 3px;
  padding: 10px;
  display:block;
  font-size: 17px;
  line-height: 1.375;
  font-weight: 700;
   transition: filter 0.3s ease-in-out; 
}

.secondary-btn:hover {
  filter: brightness(.95);
}


.en__submit button, .submit-btn {
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 225 0 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: GreenpeaceSans, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  align-self: center;
  justify-self: center;
  border-radius: 0.25rem;
  padding: 0.75rem;
  line-height: 1;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(28 28 28 / var(--tw-text-opacity));
 transition: filter 0.3s ease-in-out; 
}

.en__submit button:hover, .submit-btn:hover {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.en__submit button:focus, .submit-btn:focus {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.en__submit button:focus-visible, .submit-btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.en__submit button:disabled, .submit-btn:disabled {
  cursor: not-allowed;
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.en__submit button:hover, .submit-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 206 0 / var(--tw-bg-opacity));
}

.en__submit button, .submit-btn {
  margin-top: 0.75rem !important;
  width: 100% !important;
  padding: 1rem !important;
  font-size: 1.3rem !important;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 1.2rem !important;
  height: 1.2rem !important;
  vertical-align: -0.125em;
  border-width: .15em !important;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

button:disabled {
  opacity: .5 !important;
  cursor:not-allowed !important;
}

.btn.btn-donate {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 0px;
  padding-right: 0px;
  font-family: Sans3, SourceSans3, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
}

/* btn end */

.intro-section {
  font-family: "Source Serif 4"
}

.letter-content {
  border-color: #66CC00 !important;
}


/* .scroll-container {
  max-height: 520px;
} */


.hidden {
    visibility: unset !important;
}



.input select {
      color: #9ca3af;
      padding: 0 16px;
}

.input.selected-color select {
      color: #020202;
}




.input select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  padding-right: 30px; /* Space for the arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center; /* Position the arrow */
  background-size: 16px; /* Adjust size of the arrow */
}

/* input::-ms-input-placeholder,input::-webkit-input-placeholder,textarea::-ms-input-placeholder input::placeholder,textarea::-webkit-input-placeholder,textarea::placeholder {
    color: red !important;
} */


.form-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; 
  overflow-y: auto; 
}

/* Modal content (scrollable) */
.form-container {
  position: relative;
/*   max-height: 96vh; 
  overflow-y: auto; 
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  width: 93%;
  max-width: 520px; */
}

.form-container {
input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea {
    margin-bottom: 0 !important;
  } }
  
.hs_submit.hs-submit .actions {
        margin-top: 20px !important;
}
  
.hs_submit .actions .primary.hs-button, button[type=submit], input[type=submit] {
    margin-top: 12px;
    color: black;
    background: #FFFF5F;
    font-family: "Source Serif 4",system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
}
  
.primary-btn:hover {
  filter: brightness(.95) !important;
} 
  
button[type=submit]:focus,button[type=submit]:hover,input[type=submit]:focus,input[type=submit]:hover{
  filter: brightness(.95) !important;
} 


body.thank-you .body-wrapper {
    background: 
        #FFFF5F; 
    background: 
        linear-gradient(to bottom, 
            #FFFF5F 0px, 
            #FFFF5F 150px, 
            #ADADE5 101px, 
            #ADADE5 100vh
        );
}

body.thank-you .slanted-half {
  background: linear-gradient(
        177deg,
        #FFFF5F 49.8%, 
        #ADADE5 50% );
}

.intro-content form {
  margin-top: 20px !important;
}

label.hs-error-msg {
    background: none;
    color: #c11700 !important;
    font-size: 14px;
    padding: 0 5px;
  margin-bottom: 5px;
}

label.hs-error-msg::after {
    display: none;
}

.form-modal .hs-error-msgs.inputs-list { 
/*   margin-bottom: -10px; */
}

.form-modal .hs-form-field {
    margin-top: 12px !important;
}

input[type=email].hs-input.invalid.error,input[type=number].hs-input.invalid.error,input[type=tel].hs-input.invalid.error,input[type=text].hs-input.invalid.error,select.hs-input.invalid.error,textarea.hs-input.invalid.error {
    margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  input[type=email].hs-input,input[type=number].hs-input,input[type=tel].hs-input,input[type=text].hs-input,select.hs-input,textarea.hs-input {
      margin-bottom: 0 !important;
  }
}

input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    border-color: #a3a5a7 !important;
}

form.hs-form-private {
    margin-top: 20px;
}

/* footer */
.newfooter {
  text-align: left !important;
  font-size: 13px !important;
}

footer .copyright ,
footer .license,
footer .footer-section.links {
    font-size: 13px !important;
  
/*     background: black !important; */
}

/* footer {
    background: black !important;
}*/

.copyright img {
  display: inline;
}

footer .license {
    margin-top: 10px;
}

    .footer-section.social-media .follow-us {
        display: block;
      margin-bottom: 12px !important; }

@media (min-width: 768px) {
    .footer-section {
/*         margin: 0 32px !important; */
            padding: 20px 0 !important;
    }
}

@media (min-width:1024px) {
  .bottom-footer,
  .footer-section.country-selector {
    margin:0 64px;
    padding:0 !important;
  } 
}


/* layout */

html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.body-wrapper {
    flex: 1; 
}


.socials {
  padding-top: 18px !important;

}

.socials .social-btn {
  background: yellow !important;
  text-align: left;
  color: black;
  font-size: 17px;
  font-weight: 600;
  padding: 12px 16px !important;
  border-radius: 5px;
  
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: filter 0.3s ease-in-out; 
}

.social-btn i {
  font-size: 1.4em !important;
  float: right;
}

#support-gp .social-btn {
  text-align: center;
  display: block;
}

.socials .social-btn:hover {
  filter: brightness(.95) !important;
}

.stuck {
    position: fixed;  /* Keep it fixed at the bottom */
    z-index: 50;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 10px;
    box-shadow: 0px -10px 20px rgba(0, 0, 0, 0.5);
    background: white; /* Add a background to prevent content from overlapping */
}

.stuck button {
  margin: 0 !important;
}


footer.expanded {
  margin-bottom: 66px;
}

.disclaimer {
    padding-top: 14px;
}

.disclaimer p {
    font-size: 14px;
}

.disclaimer a {
    color: black;  
}

.more-copy #hs_cos_wrapper_moreContentCopy * {
    font-family: 'SourceSans3';
    font-size: 18px !important;
    line-height: 1.5;
}

.more-copy #hs_cos_wrapper_moreContentCopy p {
    padding-bottom: 8px;
}

.more-copy #hs_cos_wrapper_moreContentCopy {
  menu, ol, ul {
      list-style: decimal;
      margin-left: 5px;
      padding: 0 20px;
      margin-bottom: 5px;
  }
}