:root {
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
        "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
        "Source Han Sans CN", sans-serif;
}

body {
    margin: 0;
    color: #fff;
    font-family: Aeonik Pro, var(--default-font-family);
}

.main-container {
    overflow: hidden;
}

.main-container,
.main-container * {
    box-sizing: border-box;
}

input,
select,
textarea,
button {
    outline: 0;
}

.hero-video {
    height: 568px;
    width: auto;
    background: transparent url('/National_Library/oe_/https://saveafarmfund.org/assets/images/poster.webp') 50% 50% / cover no-repeat;
    /*object-fit: cover;*/
}

.hero-video[poster] {
    /*object-fit: cover;*/
}

.video_player {
    height: 415px;
    width: 100vw;
}

.container {
    position: relative;
    display: flex;
    justify-content: center;
}

.play_button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.main-container {
    position: relative;
    /*width: 430px;*/
    margin: 0 auto;
    background: #111111;
    overflow: hidden;
}

.group {
    position: absolute;
    width: 78.915px;
    height: 80.32px;
    left: 50%;
    transform: translateX(-50%);
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/cda2eea5-d3b7-420c-8bd3-434bf59d3842.png) no-repeat center;
    background-size: cover;
    z-index: 1;
    top: 15px;
}

.cta_header_wrapper {
    margin-top: 0;
    text-align: center;
    margin-bottom: 50px;
}

.banner_cta {
    text-decoration: none;
    background: #A44A25;
    color: #fff;
    border-radius: 4px;
    font-family: Aeonik Pro, var(--default-font-family);
    padding: 12px 25px;
    text-transform: uppercase;
}

.frame {
    position: relative;
    width: 93px;
    height: 94px;
    margin: 99.68px 0 0 169px;
    background: #e3e3e3;
    z-index: 2;
    overflow: hidden;
    border-radius: 5607.477px;
}

.vector {
    position: relative;
    width: 23.791px;
    height: 26.355px;
    margin: 33.822px 0 0 34.605px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/87f21f82-58d3-4fcc-92fd-bf1dbbc81263.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 3;
}

.ldBar {
    position: relative;
}

.ldBar path.mainline {
    stroke: #a44a25;
}

.ldBar::before {
    content: '';
    display: block;
    position: relative;
    border-radius: 0px 2px 2px 0px;
}

.ldBar::before {
    /* background: transparent;
    height: 7px;
    box-shadow: 0px 0px 10px #a44a25, 0px 0px 10px #a44a25;
    z-index: -5;
    position: absolute;
    top: 9px;
    width: calc(42.51% - 16px);
    left: 18px;
    border-radius: 20px; */
}


.rectangle {
    position: relative;
    /*width: 380px;*/
    padding-top: 10px;
    min-height: 255.421px;
    margin: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0px;
    border: 0.7px solid #d9d9d9;
    z-index: 5;
    overflow: visible auto;
    border-radius: 6.96px;
    overflow-x: hidden;

}

.donation_history {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    padding-right: 5px;
    margin-right: -18px;
}

.donation_history h2 {
    margin-top: 15px;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 22px;
    font-weight: 400;
}

.donation_history ul {
    max-height: 150px;
    overflow-y: auto;
    transition: all 0.3s;
    padding-left: 0;
    pointer-events: none;
}

.donation_history ul li {
    list-style: none;
    padding: 10px 5px;
    margin: 0 25px 0 15px;
    font-size: 14px;
    opacity: 0.6;
}

.donation-info {
    display: block;
    position: relative;
    height: 48px;
    color: #a44a25;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 41.758243560791016px;
    font-weight: 400;
    line-height: 48px;
    text-align: left;
    white-space: nowrap;
    z-index: 11;
}

.donation-info-1 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    width: 124px;
    height: 14px;
    margin-top: 7px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12.596039772033691px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    opacity: 0.8;
    z-index: 12;
}

.group-2 {
    position: relative;
    width: 288.938px;
    height: 21.111px;
    margin-top: 7.575px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/446baefc-1901-4efe-85be-1b09e6d86ea6.png) no-repeat center;
    background-size: cover;
    z-index: 15;
}

.percentage {
    display: block;
    position: relative;
    height: 9px;
    margin-top: 0.46px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 9.160757064819336px;
    font-weight: 400;
    line-height: 9px;
    text-align: left;
    white-space: nowrap;
    z-index: 14;
}

.goal-amount {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    width: 84px;
    height: 26px;
    margin-top: 17.447px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 22.27106285095215px;
    font-weight: 400;
    line-height: 25.612px;
    text-align: center;
    white-space: nowrap;
    z-index: 6;
}

.goal-text {
    display: block;
    position: relative;
    height: 14px;
    margin-top: 1.839px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12.596039772033691px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    white-space: nowrap;
    opacity: 0.8;
    z-index: 7;
}

.donate-button {
    position: relative;
    width: 136.41px;
    height: 32.015px;
    margin-top: 20.102px;
    background: #a44a25;
    z-index: 9;
    border-radius: 2.784px;
}

.donate-button-3 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 14px;
    top: 9.048px;
    left: 27.839px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12.596039772033691px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    white-space: nowrap;
    z-index: 10;
    text-decoration: none;
}

.donation-message {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    height: unset;
    margin: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 26px;
    font-weight: 400;
    line-height: 29.9px;
    text-align: center;
    z-index: 16;
}

.donation-message-4 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin: 25px auto;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    z-index: 17;
}

.empty {
    position: relative;
    width: 210px;
    height: 556px;
    margin: 45px 0 0 0;
    /* background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/7a03f72ae28f732bf831e5b3e2430976a76a1d7d.png) no-repeat center; */
    background-size: cover;
    z-index: 18;
    overflow: visible auto;
}

.empty-5 {
    position: relative;
    width: 209px;
    height: 556px;
    margin: 0 0 0 1px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/map0.png) no-repeat center;
    background-size: cover;
    z-index: 20;
}

.goal-amount-6 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    width: 263px;
    height: 80px;
    margin-top: 75px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 70px;
    font-weight: 400;
    line-height: 80px;
    text-align: center;
    white-space: nowrap;
    z-index: 21;
}

.goal-text-7 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    width: 111px;
    height: 32px;
    margin: 10.223px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
    z-index: 22;
}

.progress-amount {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    width: 191px;
    height: 80px;
    margin-top: 52.755px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 70px;
    font-weight: 400;
    line-height: 80px;
    text-align: center;
    white-space: nowrap;
    z-index: 23;
}

.progress-text {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    width: 163px;
    height: 32px;
    margin: 10.223px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
    z-index: 24;
}

.stats {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;

}

.donate-button-8 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 46px;
    margin: 61.798px;
    background: #a44a25;
    z-index: 27;
    border-radius: 4px;
}

.donate-button-9 {
    flex-shrink: 0;
    position: relative;
    height: 21px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 18.098520278930664px;
    font-weight: 400;
    line-height: 20.813px;
    text-align: left;
    white-space: nowrap;
    z-index: 27;
    text-decoration: none;
}

.donation_form {}

.farmers-message {
    position: relative;
    width: 342px;
    height: 74px;
    margin-top: 147px;
    margin-left: auto;
    margin-right: auto;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 32px;
    font-weight: 400;
    line-height: 36.8px;
    text-align: center;
    z-index: 28;
}

.farmers-message-a {
    position: relative;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 32px;
    font-weight: 400;
    line-height: 38.4px;
    text-align: center;
}

.farmers-message-b {
    position: relative;
    color: #a44a25;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 32px;
    font-weight: 400;
    line-height: 38.4px;
    text-align: center;
}

.flex-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: auto;
    margin: 48px 20px 0 20px;
    z-index: 46;
    flex-wrap: wrap;
    gap: 40px;
}

.frame-c {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 151px;
    z-index: 46;
}

.protect-grapevine {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 95px;
    height: 24px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    z-index: 47;
}

.loaded_wrapper {
    line-height: 2;
    display: none;
    ;
}

.lds-ring,
.lds-ring div {
    box-sizing: border-box;
    color: white;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 8px;
    border: 3px solid currentColor;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: currentColor transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



.frame-d {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8.958px;
    position: relative;
    width: 151px;
    padding: 18.44px 8.958px 18.44px 8.958px;
    cursor: pointer;
    background: transparent;
    border: 0.9px solid #ffffff;
    z-index: 48;
    border-radius: 5px;
}

.price {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 30px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    z-index: 49;
}

.frame-e {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 151px;
    z-index: 42;
}

.security-camera {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 95px;
    height: 24px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    z-index: 43;
}

.frame-f {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8.958px;
    position: relative;
    width: 151px;
    padding: 18.44px 8.958px 18.44px 8.958px;
    cursor: pointer;
    background: transparent;
    border: 0.9px solid #ffffff;
    z-index: 44;
    border-radius: 5px;
}

.dollar {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 30px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    z-index: 45;
}

.flex-row-a {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    height: 100.88px;
    margin: 48px 20px 0 20px;
    z-index: 58;
}

.frame-10 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 151px;
    z-index: 58;
}

.produce-packaging-day {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 112px;
    height: 24px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    z-index: 59;
}

.button-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8.958px;
    position: relative;
    width: 151px;
    padding: 18.44px 8.958px 18.44px 8.958px;
    cursor: pointer;
    background: transparent;
    border: 0.9px solid #ffffff;
    z-index: 60;
    border-radius: 5px;
}

.dollar-11 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 30px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    z-index: 61;
}

.frame-12 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 151px;
    z-index: 38;
}

.protect-field-day {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 95px;
    height: 24px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    z-index: 39;
}

.button-frame-13 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8.958px;
    position: relative;
    width: 151px;
    padding: 18.44px 8.958px 18.44px 8.958px;
    cursor: pointer;
    background: transparent;
    border: 0.9px solid #ffffff;
    z-index: 40;
    border-radius: 5px;
}

.dollar-14 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 30px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    z-index: 41;
}

.flex-row-bb {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    height: 100.88px;
    margin: 48px 20px 0 20px;
    z-index: 54;
}

.frame-15 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 151px;
    z-index: 54;
}

.new-hydroponic-machine {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    z-index: 55;
}

.button-frame-16 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8.958px;
    position: relative;
    width: 151px;
    padding: 18.44px 8.958px 18.44px 8.958px;
    cursor: pointer;
    background: transparent;
    border: 0.9px solid #ffffff;
    z-index: 56;
    border-radius: 5px;
}

.dollar-17 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 30px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    z-index: 57;
}

.frame-18 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 151px;
    z-index: 34;
}

.monthly-water-bill {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 135px;
    height: 24px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    z-index: 35;
}

.button-frame-19 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8.958px;
    position: relative;
    width: 151px;
    padding: 18.44px 8.958px 18.44px 8.958px;
    cursor: pointer;
    background: transparent;
    border: 0.9px solid #ffffff;
    z-index: 36;
    border-radius: 5px;
}

.dollar-1a {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 30px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    z-index: 37;
}

.flex-row-c {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    height: 100.88px;
    margin: 48px 20px 0 20px;
    z-index: 50;
}

.frame-1b {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 151px;
    z-index: 50;
}

.month-gas-farm {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 97px;
    height: 24px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    z-index: 51;
}

.button-frame-1c {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8.958px;
    position: relative;
    width: 151px;
    padding: 18.44px 8.958px 18.44px 8.958px;
    cursor: pointer;
    background: transparent;
    border: 0.9px solid #ffffff;
    z-index: 52;
    border-radius: 5px;
}

.dollar-1d {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 30px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    z-index: 53;
}

.frame-1e {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 151px;
    z-index: 30;
}

.laborers-salaries-three-months {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 151px;
    height: 24px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    z-index: 31;
}

.button-frame-1f {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8.958px;
    position: relative;
    width: 151px;
    padding: 18.44px 8.958px 18.44px 8.958px;
    cursor: pointer;
    background: transparent;
    border: 0.9px solid #ffffff;
    z-index: 32;
    border-radius: 5px;
}

.dollar-20 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 30px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    z-index: 33;
}

.frame-21 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 10px;
    position: relative;
    margin: 48px 20px 0 20px;
    z-index: 62;
}

.cover-operational-expenses {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 321px;
    height: 12px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    white-space: nowrap;
    z-index: 63;
}

.frame-22 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8.958px;
    position: relative;
    width: 100%;
    z-index: 64;
}

.dollar-23 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 30px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    z-index: 65;
}

.other-amount {
    display: block;
    position: relative;
    height: 12px;
    margin: 48px 20px 0 20px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    white-space: nowrap;
    z-index: 67;
}

.frame-24 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8.958px;
    position: relative;
    height: 68px;
    margin: 48px 20px 0 20px;
    padding: 18.44px 24px 18.44px 24px;
    border: 0.9px solid #ffffff;
    z-index: 68;
    border-radius: 5px;
}

.amountInput {}

.prefix_dollar {
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.donation-input {
    flex-shrink: 0;
    position: relative;
    width: 100%;
    height: 16px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    white-space: nowrap;
    background: transparent;
    border: none;
    z-index: 69;
}

.rectangle-25 {
    position: relative;
    min-height: 61px;
    margin: 48px 20px 0 20px;
    border: 1px solid #ffffff;
    border-radius: 5px;
}

.opacity-50 {
    opacity: 0.5;
}

.installments {
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    margin: 15px;
    font-size: 16px;
    display: none;
}

.splitamount {
    font-size: 35px;
    margin-top: 15px;
}

.rectangle-26 {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 18px;
    left: 16px;
    border: 1px solid #ffffff;
    z-index: 73;
    border-radius: 2px;
}

.monthly-installments {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 16px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    white-space: nowrap;

    margin: 20px 0 0 20px;
}

.personal-details {
    display: block;
    position: relative;
    height: 39px;
    margin: 48px 20px 0 20px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 26.50571060180664px;
    font-weight: 400;
    line-height: 38.654px;
    text-align: left;
    white-space: nowrap;
    z-index: 74;
}

.frame-27 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: relative;
    margin: 48px 20px 0 20px;
    z-index: 75;
}

.first-name {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 76;
}

.input-button {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 100%;
    height: 44px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    background: transparent;
    border: 1.104px solid #ffffff;
    color: #ffffff;
    z-index: 77;
    border-radius: 4.382px;
}

.button_large {
    background: transparent;
    outline: none;
    border: none;
    width: 100%;
    padding: 18.44px 8.958px 18.44px 8.958px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;

    border: 1.104px solid #ffffff;
    border-radius: 5px;
}

.price {
    height: 69px;
}

.price.selected {
    border: none;
    background: #A44A25;
}

.months {
    padding: 11.044px 11.044px 11.044px 11.044px;
    background: transparent;
    border: 1.104px solid #ffffff;
    color: #ffffff;
    z-index: 77;
    border-radius: 4.382px;
    width: 40px;
}

.input-text {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 158px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 78;
}

.frame-28 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: relative;
    margin: 48px 20px 0 20px;
    z-index: 79;
}

.last-name {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 80;
}

.input-button-29 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 340px;
    height: 44px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    cursor: pointer;
    background: transparent;
    border: 1.104px solid #ffffff;
    z-index: 81;
    border-radius: 4.382px;
}

.input-text-2a {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 157px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 82;
}

.frame-2b {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: relative;
    margin: 48px 20px 0 20px;
    z-index: 83;
}

.email {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 84;
}

.input-button-2c {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 339px;
    height: 44px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    cursor: pointer;
    background: transparent;
    border: 1.104px solid #ffffff;
    z-index: 85;
    border-radius: 4.382px;
}

.input-text-2d {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 122px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 86;
}

.frame-2e {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: relative;
    margin: 48px 20px 0 20px;
    z-index: 87;
}

.phone-number {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 88;
}

.input-button-2f {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 338px;
    height: 44px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    cursor: pointer;
    background: transparent;
    border: 1.104px solid #ffffff;
    z-index: 89;
    border-radius: 4.382px;
}

.input-text-30 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 185px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 90;
}

.address {
    display: block;
    position: relative;
    height: 25px;
    margin: 20.034px 0 0 45px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 92;
}

.input {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 11.044px;
    position: relative;
    width: 340px;
    height: 44px;
    margin: 9.13px 0 0 45px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    border: 1.104px solid #ffffff;
    z-index: 93;
    border-radius: 4.382px;
}

.input-text-31 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 141px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 94;
}

.frame-32 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: relative;
    margin: 48px 20px 0 20px;
    z-index: 95;
}

.city {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 96;
}

.input-33 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 340px;
    height: 45px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    border: 1.104px solid #ffffff;
    z-index: 97;
    border-radius: 4.382px;
}

.input-text-34 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 112px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 98;
}

.flex-row-bf {
    position: relative;
    height: 78.835px;
    margin: 48px 20px 0 20px;
    z-index: 103;
}

.frame-35 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: absolute;
    height: 78.835px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 103;
}

.state {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 104;
}

.input-36 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 338px;
    height: 45px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    border: 1.104px solid #ffffff;
    z-index: 105;
    border-radius: 4.382px;
}

.input-text-37 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 121px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 106;
}

.frame-38 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: absolute;
    width: 339px;
    height: 78.835px;
    bottom: 0;
    left: 1px;
    z-index: 99;
}

.state-39 {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 100;
}

.button {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 338px;
    height: 45px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    cursor: pointer;
    background: transparent;
    border: 1.104px solid #ffffff;
    z-index: 101;
    border-radius: 4.382px;
}

.input-here {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 121px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 102;
}

.frame-3a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: relative;
    margin: 48px 20px 0 20px;
    z-index: 107;
}

.zip {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 108;
}

.input-3b {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 337px;
    height: 45px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    border: 1.104px solid #ffffff;
    z-index: 109;
    border-radius: 4.382px;
}

.input-here-3c {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 107px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 110;
}

.payment-details {
    display: block;
    position: relative;
    height: 39px;
    margin: 70.165px 0 0 47px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 26.50571060180664px;
    font-weight: 400;
    line-height: 38.654px;
    text-align: left;
    white-space: nowrap;
    z-index: 111;
}

.flex-row-3d {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 345px;
    height: 50px;
    margin: 14.63px 0 0 47px;
    z-index: 120;
}

.rectangle-3e {
    flex-shrink: 0;
    position: relative;
    width: 118px;
    height: 50px;
    background: #a44a25;
    border: 1px solid #a44a25;
    z-index: 113;
    border-radius: 6px;
}

.credit-card {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 16px;
    bottom: 16px;
    left: 19px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    white-space: nowrap;
    z-index: 114;
}

.rectangle-3f {
    flex-shrink: 0;
    position: relative;
    width: 68px;
    height: 50px;
    border: 1px solid #ffffff;
    z-index: 117;
    border-radius: 6px;
}

.ojc {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    width: 29px;
    height: 16px;
    bottom: 16px;
    left: 20.085px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
    opacity: 0.5;
    z-index: 116;
}

.rectangle-40 {
    flex-shrink: 0;
    position: relative;
    width: 136px;
    height: 50px;
    border: 1px solid #ffffff;
    z-index: 120;
    border-radius: 6px;
}

.donors-fund {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    width: 104.881px;
    height: 16px;
    bottom: 16px;
    left: 17.441px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
    opacity: 0.5;
    z-index: 119;
}

.frame-41 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: relative;
    width: 346px;
    margin: 36.37px 0 0 42px;
    z-index: 121;
}

.card-holder-name {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 122;
}

.input-42 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 346px;
    height: 44px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    border: 1.104px solid #ffffff;
    z-index: 123;
    border-radius: 4.382px;
}

.input-here-43 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 158px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 124;
}

.frame-44 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: relative;
    width: 346px;
    margin: 20.165px 0 0 42px;
    z-index: 125;
}

.card-number {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 126;
}

.input-45 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 344px;
    height: 44px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    border: 1.104px solid #ffffff;
    z-index: 127;
    border-radius: 4.382px;
}

.input-here-46 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 174px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 128;
}

.frame-47 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: relative;
    width: 346px;
    margin: 20.165px 0 0 42px;
    z-index: 129;
}

.cvv {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 130;
}

.input-48 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 344px;
    height: 44px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    cursor: pointer;
    background: transparent;
    border: 1.104px solid #ffffff;
    z-index: 131;
    border-radius: 4.382px;
}

.input-here-49 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 100px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 132;
}

.frame-4a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 8.835px;
    position: relative;
    width: 345px;
    margin: 20.165px 0 0 43px;
    z-index: 133;
}

.expiration-date {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 25px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 13.25285530090332px;
    font-weight: 400;
    line-height: 24.297px;
    text-align: left;
    white-space: nowrap;
    z-index: 134;
}

.input-4b {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 11.044px;
    position: relative;
    width: 343px;
    height: 44px;
    padding: 11.044px 11.044px 11.044px 11.044px;
    cursor: pointer;
    background: transparent;
    border: 1.104px solid #ffffff;
    z-index: 135;
    border-radius: 4.382px;
}

.input-here-4c {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 50px;
    height: 17px;
    color: #3f3f3f;
    font-family: Inter, var(--default-font-family);
    font-size: 14.000000953674316px;
    font-weight: 500;
    line-height: 16.943px;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 136;
}

.button-4d {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 11.044px;
    position: relative;
    height: 50px;
    width: 90%;
    margin: 48px 20px 0 20px;
    padding: 12px 16px 12px 16px;
    cursor: pointer;
    background: #a44a25;
    border: none;
    z-index: 137;
    border-radius: 8.835px;
}

.complete-donation {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 23px;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 19.879281997680664px;
    font-weight: 400;
    line-height: 22.662px;
    text-align: left;
    white-space: nowrap;
    z-index: 138;
}

.every-dollar-helps {
    display: block;
    position: relative;
    height: 46px;
    margin: 48px 20px 0 20px;
    text-align: center;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 40px;
    font-weight: 400;
    line-height: 46px;
    white-space: nowrap;
    z-index: 139;
}

.generosity-blessings {
    position: relative;
    width: auto;
    height: 370px;
    margin: 48px 20px 0 20px;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: center;
    z-index: 140;
}

.generosity-blessings-4e {
    position: relative;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: center;
}

.amen {
    position: relative;
    color: #ffffff;
    font-family: Aeonik Pro, var(--default-font-family);
    font-size: 22px;
    font-weight: 400;
    line-height: 26.4px;
    text-align: center;
}

.flex-row-4f {
    position: relative;
    height: 80.407px;
    margin: 110px auto 90px 80px;
    z-index: 176;
    display: flex;
    align-items: center;
    justify-content: center;
}

.group-50 {
    position: absolute;
    width: 78.915px;
    height: 80.32px;
    bottom: 0.09px;
    left: 0;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/227def40-0299-4245-b41c-1d41077c383c.png) no-repeat center;
    background-size: cover;
    z-index: 175;
}

.group-51 {
    position: absolute;
    width: 51.402px;
    height: 32.431px;
    bottom: 43.893px;
    left: 101.848px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/a3553278-a829-49f6-abca-255b6c57d3a4.png) no-repeat center;
    background-size: cover;
    z-index: 143;
}

.group-52 {
    position: absolute;
    width: 23.193px;
    height: 20.827px;
    bottom: 45.608px;
    left: 171px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/4fae6c2d-4aa9-43b0-9885-cb2bb7c5e5e5.png) no-repeat center;
    background-size: cover;
    z-index: 174;
}

.vector-53 {
    position: absolute;
    width: 5.887px;
    height: 7.656px;
    bottom: 57.49px;
    left: 200.58px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/5428e0ec-5589-42ae-bee7-2e25059ee881.png) no-repeat center;
    background-size: cover;
    z-index: 164;
}

.vector-54 {
    position: absolute;
    width: 5.341px;
    height: 5.435px;
    bottom: 57.531px;
    left: 220.798px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/3728ce66-d003-4bdc-b678-43edc9770ca8.png) no-repeat center;
    background-size: cover;
    z-index: 168;
}

.vector-55 {
    position: absolute;
    width: 6.34px;
    height: 5.435px;
    bottom: 57.501px;
    left: 207.094px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/8100f217-b2be-47ab-84a9-b1f25a652a6f.png) no-repeat center;
    background-size: cover;
    z-index: 165;
}

.vector-56 {
    position: absolute;
    width: 6.432px;
    height: 5.235px;
    bottom: 57.605px;
    left: 214px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/32ce64de-efd6-46bf-9106-9fdd7a272852.png) no-repeat center;
    background-size: cover;
    z-index: 166;
}

.vector-57 {
    position: absolute;
    width: 5.769px;
    height: 7.344px;
    bottom: 49.288px;
    left: 210.255px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/696d6bf4-f02e-4c63-996e-e35b31cd1723.png) no-repeat center;
    background-size: cover;
    z-index: 170;
}

.vector-58 {
    position: absolute;
    width: 4.711px;
    height: 5.309px;
    bottom: 49.29px;
    left: 223.39px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/52116e14-9124-4c28-b243-89e38850d7ec.png) no-repeat center;
    background-size: cover;
    z-index: 172;
}

.vector-59 {
    position: absolute;
    width: 6.34px;
    height: 5.435px;
    bottom: 49.142px;
    left: 216.253px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/d57d8f54-4f59-4063-9e30-5ecf39881687.png) no-repeat center;
    background-size: cover;
    z-index: 171;
}

.vector-5a {
    position: absolute;
    width: 6.34px;
    height: 5.435px;
    bottom: 49.142px;
    left: 200.419px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/af75d563-9f26-40a9-8ed1-18bbd7db4d78.png) no-repeat center;
    background-size: cover;
    z-index: 169;
}

.vector-5b {
    position: absolute;
    width: 9.777px;
    height: 5.28px;
    bottom: 49.286px;
    left: 228.562px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/a1507c72-a3ef-4a2d-ae5a-4e780a22bf17.png) no-repeat center;
    background-size: cover;
    z-index: 173;
}

.group-5c {
    position: absolute;
    width: 13.459px;
    height: 2.79px;
    bottom: 43.925px;
    left: 203.737px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/d1a286a8-5ca7-451a-8f1c-b5714fe1f2cf.png) no-repeat center;
    background-size: cover;
    z-index: 147;
}

.vector-5d {
    position: absolute;
    width: 1.348px;
    height: 2.051px;
    bottom: 44.649px;
    left: 232.494px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/b5b8612c-d250-438d-8842-62ab47fa9d36.png) no-repeat center;
    background-size: cover;
    z-index: 158;
}

.vector-5e {
    position: absolute;
    width: 2.13px;
    height: 2.051px;
    bottom: 44.646px;
    left: 200.619px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/814a1953-1973-4ffc-b5be-c8d4b5664db0.png) no-repeat center;
    background-size: cover;
    z-index: 146;
}

.vector-5f {
    position: absolute;
    width: 1.568px;
    height: 2.051px;
    bottom: 44.646px;
    left: 218.084px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/f64bbe52-8f11-4b74-9ede-b1e2e1018ebe.png) no-repeat center;
    background-size: cover;
    z-index: 148;
}

.vector-60 {
    position: absolute;
    width: 1.683px;
    height: 2.051px;
    bottom: 44.646px;
    left: 227.019px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/032c0952-8de0-4ab5-8342-c89e7dd70f94.png) no-repeat center;
    background-size: cover;
    z-index: 154;
}

.vector-61 {
    position: absolute;
    width: 1.48px;
    height: 1.507px;
    bottom: 44.619px;
    left: 222.615px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/259aaffd-d0fc-4673-96a5-88afe1cbbbb8.png) no-repeat center;
    background-size: cover;
    z-index: 152;
}

.vector-62 {
    position: absolute;
    width: 1.48px;
    height: 1.507px;
    bottom: 44.619px;
    left: 219.686px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/af660b30-ca9b-4780-8ecb-e45369d94054.png) no-repeat center;
    background-size: cover;
    z-index: 150;
}

.vector-63 {
    position: absolute;
    width: 1.254px;
    height: 1.512px;
    bottom: 44.613px;
    left: 230.912px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/e3044e4f-f78f-4972-ae47-06d8972acfd2.png) no-repeat center;
    background-size: cover;
    z-index: 157;
}

.vector-64 {
    position: absolute;
    width: 1.254px;
    height: 1.512px;
    bottom: 44.613px;
    left: 237.088px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/3674323d-9a52-417c-8654-73c23107d368.png) no-repeat center;
    background-size: cover;
    z-index: 163;
}

.vector-65 {
    position: absolute;
    width: 1.024px;
    height: 1.474px;
    bottom: 44.647px;
    left: 221.496px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/e9532be2-1885-4855-b654-fee34f49bbdb.png) no-repeat center;
    background-size: cover;
    z-index: 151;
}

.vector-66 {
    position: absolute;
    width: 1.364px;
    height: 1.472px;
    bottom: 44.646px;
    left: 224.426px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/34b51866-cdb6-4314-8fd4-8473bac3763d.png) no-repeat center;
    background-size: cover;
    z-index: 153;
}

.vector-67 {
    position: absolute;
    width: 1.519px;
    height: 1.507px;
    bottom: 44.61px;
    left: 229.07px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/406225df-1da5-4a77-b406-fe79c62bf00c.png) no-repeat center;
    background-size: cover;
    z-index: 156;
}

.vector-68 {
    position: absolute;
    width: 1.487px;
    height: 1.451px;
    bottom: 44.642px;
    left: 234.053px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/9d9f4f42-978c-4389-a65a-cba7233f6893.png) no-repeat center;
    background-size: cover;
    z-index: 159;
}

.vector-69 {
    position: relative;
    width: 0.32px;
    height: 2.047px;
    margin: -0.6px 0 0 1.752px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/3fea6692-8fa1-4b7e-8671-11d5a498b9d5.png) no-repeat center;
    background-size: cover;
    z-index: 161;
    overflow: visible auto;
}

.vector-6a {
    position: relative;
    width: 0.32px;
    height: 2.047px;
    margin: 0 0 0 0.68px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/fcf38389-ca2f-4d3c-a88d-b6e38dd95fcf.png) no-repeat center;
    background-size: cover;
    z-index: 162;
}

.website-link {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 25px;
    bottom: 0;
    left: 98px;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 15.7276611328125px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    white-space: nowrap;
    opacity: 0.6;
    z-index: 176;
}

.keren-bg {
    position: absolute;
    width: 485px;
    height: 568px;
    top: 0;
    left: -27px;
    background: url(/National_Library/oe_/https://saveafarmfund.org/assets/images/b3261f3a-6cad-411c-beb2-f39200de07df.png) no-repeat center;
    background-size: cover;
}

.tabs-nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    list-style-type: none;
    margin: 0;
    gap: 10px;
    padding: 0;
    margin-top: 15px;
}

.tabs-nav li {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #adadad;
    font-size: 16px;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    opacity: 0.5;
}


.tabs-nav li label {
    margin-left: -25px;
    font-size: 16px;
}

.tabs-nav li span {
    display: block;
}

.tabs-nav a {
    display: block;
    padding: 10px 15px 12px 15px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    width: 100%;
    color: #ffffff;
}

.tabs-nav a i {
    margin-bottom: 10px;
    display: none;
}

.tabs-nav li.active {
    background: #A44A25;
    border: none;
    opacity: 100;
}

.tabs-nav li.active a {
    color: #ffffff;
}

.tabs-nav a select {
    width: 100%;
    border: none;
    height: 30px;
    outline: none;
    color: #111111;
    font-size: 15px;
    padding: 0 15px;
}

.tabs-nav input {
    visibility: hidden;
}

.stats_right {
    display: none;
}

.footer {
    text-align: center;
    margin: 90px auto;
    font-family: Aeonik Pro, var(--default-font-family);
    color: #fff;
    font-size: 12px;
}

.footer img {
    margin-bottom: 25px;
}

.video-desktop {
    display: none;
}

.video-mobile {
    display: block;
}

.error {
    color: red;

    font-family: Aeonik Pro, var(--default-font-family);
}

@media (min-width: 778px) {
    .main-container {}

    .hero-video {
        height: 668px;
    }

    .cta_header_wrapper {
        margin-top: 75px;
    }

    .video_player {
        height: 668px;
        width: 100vw;
    }

    .first-section {
        max-width: 778px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .rectangle {
        width: 40%;

        margin: auto 0 auto 0;
    }

    .first-section .left {
        width: 40%;
        text-align: left;
    }

    .donation-message,
    .donation-message-4 {
        text-align: left;
        margin: 50px 0 0 0;
        padding: 0;
    }

    .stats {
        margin: 50px 0 0 0;
        flex-flow: row;
    }

    .stats_right {
        display: block;
        margin-left: 150px;
    }

    .flex-row,
    .flex-row-a,
    .flex-row-bb,
    .flex-row-c {
        max-width: 778px;
        justify-content: space-between;
        margin: 50px auto;
    }

    .frame-21,
    .other-amount,
    .frame-24,
    .rectangle-25 {
        max-width: 778px;
        margin: 48px auto;
    }

    .price {
        cursor: pointer;
    }

    .other-amount {}

    .personal-details {
        max-width: 778px;
        margin: auto;
    }

    .payment-details,
    .donate-button-8,
    .button-4d {

        max-width: 778px;
        margin: 50px auto;
    }

    .order_details {
        display: flex;
        flex-wrap: wrap;
        max-width: 778px;
        margin: auto;
        justify-content: space-between;
    }

    .frame-27,
    .frame-28,
    .frame-2b,
    .frame-2e {
        width: 45%;
        margin: 20px 0;
    }

    .frame-2e {
        width: 100%;
        ;
        margin: 20px 0;
    }

    .frame-32,
    .flex-row-bf,
    .frame-3a {
        width: 28%;
        ;
        margin: 20px 0;
    }

    .tabs-content {
        max-width: 778px;
        margin: auto;
    }

    .tabs-nav ul {

        max-width: 778px;
        margin: auto;
        justify-content: start;
    }

    .payment_option {
        display: flex;
        flex-wrap: wrap;
    }

    .form_row {
        width: 100%;
    }

    .form_row.half {
        flex-flow: row;
        display: flex;
        justify-content: space-between;
    }

    .form_row .frame-3a {
        width: 100%;
        margin: 20px 0;
    }

    .form_row.half .frame-3a {
        width: 45%;
    }

    .extra_info {
        max-width: 778px;
        margin: auto;
    }

    .bottom {

        max-width: 778px;
        margin: auto;
        text-align: left;
    }


    .video-desktop {
        display: block;
    }

    .video-mobile {
        display: none;
    }
}