:root {
  --menu-mobile-bar-bg-color: #000;
  --menu-mobile-bar-bg-color: #fff;
  --primary: rgba(16, 16, 16, 1);
  --body-bg: rgba(242, 249, 244, 1);
}

.page-template-contribute section.form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: var(--bg-image) no-repeat center/cover;
  padding-bottom: 50px;
}
.page-template-contribute section.form .container {
  width: max(48.3333333333vw, 58.7%);
  max-width: 928px;
  margin-top: 45.71px;
  margin-bottom: 62px;
  background-color: rgba(255, 255, 255, 0.86);
  border-radius: 10px;
  padding: 13px 44px 50px;
  box-shadow: 6px 10px 80px rgba(0, 0, 0, 0.1019607843);
}
@media only screen and (max-width: 768px) {
  .page-template-contribute section.form .container {
    width: 95%;
  }
}
.page-template-contribute section.form .container .form-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .page-template-contribute section.form .container .form-header {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
  }
}
.page-template-contribute section.form .container .form-header .main-title {
  font-size: clamp(2rem, 1.58rem + 1.81vw, 3.75rem);
  font-weight: 600;
  line-height: 1em;
  color: hsl(35, 17%, 22%);
  margin-left: 2.03125vw;
}
.page-template-contribute section.form .container .form-header .payment-providers {
  display: flex;
  gap: 17px;
}
.page-template-contribute section.form .container .form-header .payment-providers img,
.page-template-contribute section.form .container .form-header .payment-providers .img-placeholder {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.page-template-contribute section.form .container .subtitle {
  font-size: clamp(2rem, 1.58rem + 1.81vw, 3.75rem);
  font-weight: 700;
  line-height: 1em;
  color: #e359c9;
}
@media only screen and (max-width: 1024px) {
  .page-template-contribute section.form .container .subtitle {
    text-align: center;
  }
}
.page-template-contribute section.form .container .form-body {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.page-template-contribute section.form .container .form-body .contribute-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e359c9;
  border: none;
  border-radius: 5px;
  padding: 8px 24px;
  outline: 0px solid hsl(285, 70%, 90%);
  cursor: pointer;
  font-size: clamp(1.125rem, 0.94rem + 0.776vw, 1.875rem);
  font-weight: 700;
  color: rgb(255, 255, 255);
}
.page-template-contribute section.form .container .form-body .contribute-link:hover {
  outline: 5px solid hsl(285, 70%, 90%);
}
.page-template-contribute section.form .container .form-body .contribute-link svg {
  width: 16px;
  height: 13.68px;
  fill: rgb(255, 255, 255);
}
.page-template-contribute section.contact .container {
  position: relative;
  width: 100%;
  background-color: #e359c9;
  padding-block: 112px 78px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-template-contribute section.contact .container .contact-title p {
  font-size: clamp(2rem, 1.58rem + 1.81vw, 3.75rem);
  font-weight: 700;
  line-height: 1em;
  color: rgb(255, 255, 255);
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page-template-contribute section.contact .container .contact-title p {
    font-size: clamp(1.75rem, 1.49rem + 1.1vw, 2.8125rem);
    margin-inline: 10%;
  }
}
.page-template-contribute section.contact .container .contact-img {
  position: absolute;
  top: -20%;
  right: 8%;
  width: max(11.3880208333vw, 109.325px);
  height: max(11.3880208333vw, 109.325px);
}
.page-template-contribute {
  /* FQA Section (Moved to About Association Page)
  section.fqa {
  	.container {
  		margin-top: 119px;

  		.titles-wrapper {
  			display: flex;
  			flex-direction: column;
  			align-items: center;
  			justify-content: center;
  			text-align: center;
  			max-width: 700px;
  			margin-inline: auto;

  			.subtitle {
  				font-size: $font_21;
  				font-weight: $semi_bold;
  				line-height: 1em;
  				color: $light_pink;
  				margin-bottom: 23px;
  			}

  			.title {
  				font-size: $font_60;
  				font-weight: $semi_bold;
  				line-height: 1em;
  				color: $text_gray;
  				margin-bottom: 11px;
  			}

  			.description {
  				font-size: $font_18;
  				font-weight: $regular;
  				line-height: 1.444em;
  				color: $dark_gray;
  				margin-bottom: 65px;
  			}
  		}

  		.content-wrapper {
  			max-width: 1290px;
  			margin-inline: auto;
  			display: flex;
  			gap: 60px;

  			@include respond($sm) {
  				flex-direction: column;
  			}

  			.right {
  				flex: 1;
  				display: flex;
  				flex-direction: column;

  				.top {
  					.title {
  						font-size: $font_30;
  						font-weight: $semi_bold;
  						line-height: 1.233em;
  						color: $text_gray;
  						margin-bottom: 19px;
  					}

  					.divider {
  						height: 3px;
  						width: 60px;
  						border-radius: 50px;
  						background-color: $cyan;
  						margin-bottom: 12px;
  					}

  					.description {
  						font-size: $font_16;
  						font-weight: $regular;
  						line-height: 1.375em;
  						color: $text_gray;
  						margin-bottom: 28px;
  					}

  					.points-wrapper {
  						padding: 0;
  						display: flex;
  						flex-direction: column;
  						gap: 10px;
  						margin-bottom: 57px;

  						.point {
  							list-style: none;
  							display: flex;
  							align-items: center;
  							gap: 10px;

  							img {
  								width: 18px;
  								height: 18px;
  							}

  							span {
  								font-size: $font_18;
  								font-weight: $semi_bold;
  								line-height: 1.444em;
  								color: $text_gray;
  							}
  						}
  					}
  				}

  				.bottom {
  					.title {
  						font-size: $font_30;
  						font-weight: $semi_bold;
  						line-height: 1.233em;
  						color: $text_gray;
  						margin-bottom: 16px;
  					}

  					.divider {
  						height: 3px;
  						width: 60px;
  						border-radius: 50px;
  						background-color: $cyan;
  						margin-bottom: 12px;
  					}
  					.description {
  						font-size: $font_16;
  						font-weight: $regular;
  						line-height: 1.375em;
  						color: $text_gray;
  						margin-bottom: 28px;
  					}

  					.support-links-wrapper {
  						display: flex;

  						@include respond($l) {
  							flex-direction: column;
  							gap: 20px;
  						}

  						.support-link {
  							flex: 1;
  							display: flex;
  							gap: 20px;
  							align-items: center;

  							img {
  								width: 50px;
  								height: 50px;
  								object-fit: contain;
  							}

  							p {
  								font-size: $font_18;
  								font-weight: $semi_bold;
  								line-height: 1.444em;
  								color: $darker_gray;
  								margin-bottom: 7px;
  							}

  							a {
  								font-size: $font_16;
  								font-weight: $medium;
  								line-height: 1.375em;
  								color: $dark_gray;
  								text-decoration: underline;
  								text-decoration-color: transparent;

  								&:hover {
  									text-decoration-color: $dark_gray;
  								}
  							}
  						}
  					}
  				}
  			}

  			.left {
  				flex: 1;
  				display: flex;
  				flex-direction: column;
  				gap: 25px;

  				.qa-wrapper {
  					overflow: hidden;

  					.question {
  						display: flex;
  						justify-content: space-between;
  						align-items: center;
  						padding: 25px;
  						background-color: #f5f5f5;
  						border-radius: 5px;
  						cursor: pointer;

  						.text {
  							font-size: $font_20;
  							font-weight: $semi_bold;
  							line-height: 1.3em;
  							color: $darker_gray;
  						}

  						.icon {
  							width: 20px;
  							height: 20px;
  						}

  						&.opened {
  							background-color: $pink;
  							border-radius: 10px;

  							.text {
  								color: $white;
  							}
  						}
  					}

  					.answer {
  						max-height: 0;
  						opacity: 0;
  						pointer-events: none;
  						overflow: hidden;

  						.inner {
  							padding: 25px;
  						}

  						&.opened {
  							pointer-events: all;
  							display: block;
  							max-height: 100vh;
  							opacity: 1;
  						}
  					}
  				}
  			}
  		}
  	}
  }
  */
}

/*# sourceMappingURL=contribute.min.css.map */