/* ========(GIVING PAGE)========= */

/* faq section */

.faq-sec {
    padding-top: 125px;
    padding-bottom: 140px;
}

.faq-hd {
    text-align: center;
    margin-bottom: 9px;
}

.faq-hd h3 {
    margin-bottom: 0px;
}

.faq-content {
    max-width: 1213px;
    margin-inline: auto;
}

.faq-content .accordion-item,
.faq-content .accordion-item * {
    background: unset;
    color: #FFFFFF;
}

.accordion-item .accordion-button {
    font-size: var(--size-30);
    font-weight: 700;
    box-shadow: unset;
    padding-inline: 0px;
    padding-block: 12px;
    border-bottom: 2.5px solid #FFFFFF;
}

.faq-content .accordion-item {
    border: unset;
    /* border-bottom: 2.5px solid #FFFFFF; */
    margin-bottom: 16px;
}

.faq-content .accordion-button:not(.collapsed)::after {
    background-image: url('../img/minus.png') !important;

}

.faq-content .accordion-button.collapsed::after {
    background-image: url('../img/plus.png') !important;
}

.faq-content .accordion-button::after {
    border: 1.5px solid #FFFFFF;
    border-radius: 50px;
    width: 31px;
    height: 31px;
    background-size: auto;
    background-position: center;
}

.faq-quote {
    padding-top: 134px;
    max-width: 1050px;
    margin-inline: auto;
}

.faq-quote h3 {
    text-transform: none;
}

.giving-bnnr-sec {
    padding-block: 140px;
}

.giving-hd h1,
.giving-bnnr-sec h3 {
    text-align: center;
}

.giving-row {
    margin-top: 130px;
    margin-bottom: 0;
}

.giving-row .raise-cnnt {
    max-width: 529px;
}

.giving-row .raise-cnnt p {
    font-size: var(--size-25);
}

.faq-sec:not(.dark) * {
    color: #000;
}

.faq-sec:not(.dark) .accordion-item .accordion-button {
    border-color: #000;
}

.accordion-item .accordion-body {
    padding-inline: 0px;
    /* padding-top: 0; */
}

.accordion-item .accordion-body p {
    font-size: var(--size-25);
    font-weight: 500;
    font-family: var(--fustat-font);
    max-width: 1111px;
    margin-bottom: 0px;
}

.faq-sec:not(.dark) .faq-content .accordion-button::after {
    filter: brightness(100%) invert(1);
}

.giving-form-sec {
    padding-top: 126px;
    padding-bottom: 134px;
}

.giving-form-hd h3 {
    text-align: left;
}

.giving-para p {
    font-family: var(--fustat-font);
    font-size: var(--size-27);
}

.giving-form-container {
    max-width: 1173px;
    margin-inline: auto;
}

.giving-opt {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;

}

.giving-opt-elemnt {
    cursor: pointer;
    padding: 21px 22px;
    border-radius: 11px;
    position: relative;
    background-color: #FFFFFF05;
    backdrop-filter: blur(17px);
}

.giving-opt-elemnt::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.3) 0%,
            rgba(255, 255, 255, 0.078) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.giving-opt .giving-checkbox {
    width: 43px;
    height: 43px;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
}

.giving-opt-hd h5 {
    font-size: var(--size-35);
    margin-bottom: 3px;
}

.giving-opt-txt p {
    margin-bottom: 0;
    font-size: var(--size-28);
    font-family: var(--fustat-font);
    max-width: 984px;
    line-height: 1.3;
}

.giving-opt-elemnt:not(:last-child) {
    margin-bottom: 25px;
}

.giving-opt-elemnt.active .giving-checkbox {
    background: var(--brown);
}

.giving-opt-elemnt .giving-checkbox {
    position: relative;
}

.giving-opt-elemnt .giving-checkbox::before {
    display: none;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 17px;
    background: url('../img/check.png') no-repeat center;
    background-size: contain;
}

.giving-opt-elemnt.active .giving-checkbox::before {
    display: block;
}

.giving-divider {
    background: #FFFFFF5E;
    height: 1px;
    max-width: 1208px;
    margin-inline: auto;
}

.giving-form-quote {
    max-width: 1200px;
    margin-inline: auto;
    padding-top: 100px;
}

.giving-form-quote p {
    font-family: var(--fustat-font);
    font-size: var(--size-27);
    font-weight: 600;
}

.giving-form-quote .giving-quote-by p {
    font-size: 22px;
    font-family: var(--futura-font);
    text-transform: uppercase;
}

.giving-opt-elemnt.active .dropdown-form-cont {
    height: 100%;
    padding-top: 49px;
    border-top: 1px solid #FFFFFF5E;
    margin-top: 23px;
}

.giving-opt-elemnt .dropdown-form-cont {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

/* ============(Inner Form CSS)=============== */
.innerpaycontent {
    /* color: #fff; */
    max-width: 1012px;
    margin: auto;
}

.selctgift .row>div {
    margin-top: 26px;
}

.onlintgiv-head h5 {
    font-size: var(--size-30);
    margin-bottom: 9px;
}

.onlintgiv-head p {
    font-size: var(--size-30);
    font-family: var(--fustat-font);
    max-width: 912px;
    margin-bottom: 34px;
    line-height: 1.3;
}

.onlintgiv-head span {
    display: inline;
    font-size: var(--size-30);
    font-weight: 800;
}


/*gift amount */
.choose-amount h6 {
    font-size: var(--size-23);
    color: var(--brown);
    /* margin-bottom: 17px; */
}

.amount-box .prson {
    font-weight: 800;
}

.amount-box {
    text-align: center;
    background: transparent;
    padding: 31px 31px 28px 31px;
    color: #fff;
    border-radius: 22px;
    height: 100%;
    position: relative;
}

.amount-box::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg,
            #FFFFFF42 0%,
            #FFFFFF42 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.amount-box h5 {
    font-size: var(--size-35);
    margin-bottom: 9px;
}

.amount-box p {
    font-family: var(--fustat-font);
    margin-bottom: 0px;
    font-weight: 500;
}

.prson {
    font-family: var(--fustat-font);
    font-weight: 800;
}

.amount-box.active {
    background-color: #C5A24F59;
}

.amount-box.active h5 {
    color: transparent;
    background-image: linear-gradient(100.98deg,
            #c5a24f 44.19%,
            #fff0cc 47.57%,
            #e6c33c 49.45%,
            #806940 52.13%,
            #e6c33c 54.74%,
            #fff0cc 56.54%,
            #c5a24f 61.1%);

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.amount-box input {
    width: 100%;
    margin-top: 10px;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    outline: none;
    font-family: var(--fustat-font);
    font-size: 22px;
}

.othramount h5 {
    font-size: var(--size-27);
}

.amount-box input::placeholder {
    font-size: var(--size-22);
    color: #FFFFFF;
}



/*select one*/
.donfrq {
    margin-top: 34px;
    margin-bottom: 17px;
}

.donreq h6 {
    font-size: var(--size-23);
    color: var(--brown);
}

.frequency-req {
    display: flex;
    gap: 26px;
}

.btnsgiv {
    flex: 1;
    position: relative;
    border-radius: 13px;
}

.btnsgiv button {
    width: 100%;
    border: none;
    background: #FFFFFF05;
    color: #fff;
    padding: 20px;
    cursor: pointer;
    font-weight: 700;
    font-size: var(--size-25);
}

.btnsgiv.active {
    background-color: #C5A24F59;
}

.btnsgiv.active button {
    color: transparent;
    background-image: linear-gradient(100.98deg,
            #c5a24f 44.19%,
            #fff0cc 47.57%,
            #e6c33c 49.45%,
            #806940 52.13%,
            #e6c33c 54.74%,
            #fff0cc 56.54%,
            #c5a24f 61.1%);

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.donreq p {
    margin: 18px 0px 0px 0px;
    font-family: var(--fustat-font);
    font-size: var(--size-24);
}

.btnsgiv::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 13px;
    background: linear-gradient(180deg,
            #FFFFFF42 0%,
            #FFFFFF42 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}



/*contact form*/
.giftform {
    margin-top: 22px;
}

.giftform h6 {
    color: var(--brown);
    font-size: var(--size-23);
    margin-bottom: 17px;
}

.giftformrow {
    display: flex;
    gap: 26px;
}

.giftgroup {
    margin-bottom: 26px;
    position: relative;
    padding: 1px;
}

.giftgroup input {
    width: 100%;
    padding: 22px 26px 18px 26px;
    background: transparent;
    color: #fff;
    outline: none;
    box-shadow: none;
    border: none;
    font-size: 20px;
    border-radius: 13px;
    font-family: var(--fustat-font);
}

.giftgroup input::placeholder {
    color: #FFFFFF;
    font-family: var(--fustat-font);
}

.giftgroup::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 13px;
    background: linear-gradient(180deg,
            #FFFFFF42 0%,
            #FFFFFF42 100%);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}


.paymntmthd h6 {
    color: var(--brown);
    font-size: var(--size-23);
}

.paymentoption::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 13px;
    background: linear-gradient(180deg,
            #FFFFFF42 0%,
            #FFFFFF42 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

.paymentoption {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    border-radius: 13px;
    padding: 19px 18px;
    margin-bottom: 17px;
    cursor: pointer;
    background: #FFFFFF05;
    transition: .3s;
}

.paymentoption input {
    display: none;
}

.customradio {
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
}

.customradio::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #C5A24F;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: .3s;
}

.paymentoption input:checked+.customradio::after {
    transform: translate(-50%, -50%) scale(1);
}

.paymentoption input:checked+.customradio {
    border-color: #C5A24F;
}

.textbank {
    font-size: 21px;
    font-family: var(--fustat-font);
    font-weight: 500;
}

.paymntmthd p {
    font-family: var(--fustat-font);
    max-width: 984px;
    font-size: var(--size-23);
    margin-bottom: 0px;
}

.slctxt {
    display: inline;
    font-weight: 800;
    font-size: var(--size-23);

}

.otpmsg {
    margin-top: 34px;
}

.otpmsg h6 {
    color: var(--brown);
    font-size: var(--size-23);
}

.textarea-wrap {
    position: relative;
    border-radius: 13px;
}

.textarea-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 13px;
    background: linear-gradient(180deg,
            #FFFFFF42 0%,
            #FFFFFF42 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

.otpmsg textarea {
    font-family: var(--fustat-font);
    width: 100%;
    min-height: 192px;
    background: transparent;
    color: #fff;
    padding: 22px 26px;
    border: none;
    outline: none;
    border-radius: 13px;
    resize: none;
}

.otpmsg textarea::placeholder {
    color: #FFFFFF;
}

.gftbtnsubmit {
    margin-top: 55px;
    margin-bottom: 60px;

}

.gftbtnsubmit button {
    font-size: 18px;
    line-height: 100%;
    font-family: var(--fustat-font);
}

.aftercomp {
    border-top: 1px solid #FFFFFF5E;
}

.aftercomp p {
    max-width: 945px;
    font-size: var(--size-25);
    font-family: var(--fustat-font);
    padding-top: 33px;
    /* margin-bottom: 0px; */
}

.gftbtnsubmit button {
    padding: 20px 47px 19px 47px;
}

/* .wireform {
    padding-top: 49px;
} */

/* .wirebtn {
    margin-bottom: 0px;
} */

.wiregift {
    margin-top: 0px;
}

.othrnots {
    margin-top: 0px;
}

.othrnots textarea {
    min-height: 145px;
}

.thnksgift p {
    border-top: unset;
    padding-top: 20px;
    max-width: 986px;
    font-size: 22px;
}

.thnksgift {
    border-top: unset;

}

.appribtn {
    margin-top: 40px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

@media(min-width:1200px) {
    .impact-hd.giving-hd h3 {
        font-size: 58px;
        padding-bottom: 8px;
        line-height: 1.1;
    }
}

@media(min-width:1200px) {
    .giving-opt-txt p {
        font-size: 26px;
        line-height: 1.5;
    }

    .giving-opt-hd h5 {
        font-size: 33px;
    }

    .onlintgiv-head p,
    .onlintgiv-head h5 {
        font-size: 26px;
    }

    .aftercomp p {
        font-size: 24px;
    }


}

@media only screen and (max-width: 1899px) {
    .onlintgiv-head p {
        font-size: 26px;
        max-width: 862px;
        margin-bottom: 24px;
    }

    .giving-opt .giving-checkbox {
        width: 40px;
        height: 40px;
    }

    .giving-opt-elemnt.active .dropdown-form-cont {
        padding-top: 34px;
    }

    .gftbtnsubmit {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 1799px) {
    .onlintgiv-head p {
        font-size: 25px;
        max-width: 772px;
        line-height: 1.4;
    }

    .gftbtnsubmit {
        margin-top: 45px;
        margin-bottom: 45px;
    }

}

@media only screen and (max-width: 1699px) {
    .giving-opt-elemnt.active .dropdown-form-cont {
        padding-top: 34px;
        margin-top: 34px;
    }

    .onlintgiv-head p {
        max-width: 710px;
        font-size: 23px;
        margin-bottom: 20px;
    }

    .gftbtnsubmit {
        margin-top: 38px;
        margin-bottom: 38px;
    }
}

@media only screen and (max-width: 1599px) {
    .giving-row {
        margin-top: 90px;
    }

    .giving-row .raise-cnnt {
        max-width: 501px;
        margin-left: 40px;
    }

    .giving-opt .giving-checkbox {
        width: 37px;
        height: 37px;
    }

    .giving-opt-txt p {
        max-width: 724px;
    }

    .giving-form-quote {
        padding-top: 100px;
    }

    .giving-form-sec {
        padding-top: 120px;
        padding-bottom: 130px;
    }

    .giving-bnnr-sec {
        padding-block: 120px;
    }

    .accordion-item .accordion-body {
        max-width: 95%;
    }

    .onlintgiv-head h5 {
        font-size: 26px;
        margin-bottom: 4px;
    }

    .giving-opt-elemnt.active .dropdown-form-cont {
        padding-top: 28px;
        margin-top: 28px;
    }

    .onlintgiv-head p {
        max-width: 650px;
        font-size: 21px;
    }

    .aftercomp p {
        padding-top: 23px;
    }

    .amount-box h5 {
        font-size: 30px;
    }

    .giftgroup input {
        padding: 16px 22px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 1499px) {

    .faq-sec {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .giving-bnnr-sec {
        padding-block: 100px;
    }

    .giving-row {
        margin-top: 70px;
    }

    .giving-opt .giving-checkbox {
        width: 34px;
        height: 34px;
    }

    .giving-opt-txt p {
        line-height: 1.5;
    }

    .giving-form-quote {
        padding-top: 80px;
    }

    .giving-form-sec {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .giving-opt-elemnt:not(:last-child) {
        margin-bottom: 22px;
    }

    .onlintgiv-head h5 {
        font-size: 23px;
    }

    .onlintgiv-head p {
        max-width: 610px;
        font-size: 20px;
    }

    .selctgift .row>div {
        margin-top: 24px;
    }

    .giftgroup input,
    .giftgroup input::placeholder {
        font-size: 18px;
    }

    .giftgroup {
        margin-bottom: 24px;
    }

    .gftbtnsubmit button {
        padding: 15px 40px;
    }
}

@media only screen and (max-width: 1399px) {

    .faq-sec {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .faq-quote {
        padding-top: 70px;
    }

    .giving-row {
        margin-top: 50px;
    }

    .giving-bnnr-sec {
        padding-block: 80px;
    }

    .giving-opt .giving-checkbox {
        width: 30px;
        height: 30px;
    }

    .giving-opt-elemnt .giving-checkbox::before {
        width: 15px;
        height: 15px;

    }

    .giving-opt-elemnt {
        padding: 16px 18px;
    }

    .giving-opt-elemnt:not(:last-child) {
        margin-bottom: 18px;
    }

    .giving-opt-txt p {
        font-size: 18px;
    }

    .giving-form-sec {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .onlintgiv-head h5 {
        font-size: 21px;
    }

    .onlintgiv-head p {
        max-width: 550px;
        font-size: 18px;
    }

    .giving-opt-elemnt.active .dropdown-form-cont {
        padding-top: 24px;
        margin-top: 24px;
    }

    /* .choose-amount h6 {
        font-size: 20px;
    } */

    .donfrq {
        margin-top: 30px;
        margin-bottom: 12px;
    }

    .giftform h6 {
        margin-bottom: 14px;
    }

    /* .giftform {
        margin-top: 24px;
    } */

    .giftgroup input,
    .giftgroup input::placeholder {
        font-size: 16px;
    }

    .giftgroup {
        margin-bottom: 18px;
    }

    .giftgroup input {
        padding: 14px 16px;
    }

    .textbank,
    .paymntmthd p,
    .aftercomp p {
        font-size: 20px;
        line-height: 1.3;
    }

    .paymentoption {
        padding: 16px;
    }

    .customradio {
        width: 29px;
        height: 29px;
    }

    .otpmsg textarea {
        padding: 18px;
    }

    .gftbtnsubmit button {
        padding: 15px 36px;
    }

    .gftbtnsubmit button {
        font-size: 16px;

    }

    .gftbtnsubmit {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 1199px) {

    .faq-sec {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .faq-quote {
        padding-top: 50px;
    }

    .giving-row .raise-cnnt {
        max-width: 360px;
        margin-left: 24px;

    }

    .giving-opt {
        gap: 12px;
    }

    .giving-opt-elemnt:not(:last-child) {
        margin-bottom: 14px;
    }

    .giving-opt .giving-checkbox {
        width: 26px;
        height: 26px;
    }

    .giving-opt-txt p {
        font-size: 16px;
        line-height: 1.4;
    }

    .giving-opt-txt p {
        max-width: 524px;
    }

    .giving-form-quote {
        padding-top: 70px;
    }

    .giving-form-sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .innerpaycontent {
        padding-inline: 20px;
    }

    .giving-opt-elemnt.active .dropdown-form-cont {
        padding-top: 20px;
        margin-top: 20px;
    }

    .onlintgiv-head h5 {
        font-size: 20px;
    }

    .onlintgiv-head p {
        max-width: 490px;
        font-size: 16px;
        margin-bottom: 14px;
    }

    .amount-box {
        padding: 24px 26px;
        border-radius: 14px;
    }

    .selctgift .row {
        margin-block: unset;
    }

    .selctgift .row>div {
        margin-top: 16px;
        padding-inline: 8px;
    }

    .amount-box h5 {
        font-size: 28px;
    }

    .btnsgiv button {
        padding: 14px;
    }

    .donreq p {
        font-size: 18px;
    }

    /* 
    .giftform {
        margin-top: 22px;
    } */

    .giftgroup,
    .giftgroup::before,
    .paymentoption,
    .paymentoption::before,
    .textarea-wrap,
    .textarea-wrap::before,
    .btnsgiv,
    .btnsgiv::before {
        border-radius: 12px;
    }

    .textbank,
    .paymntmthd p,
    .aftercomp p {
        font-size: 18px;
    }

    .customradio {
        width: 26px;
        height: 26px;
    }
}

@media only screen and (max-width: 991px) {

    .faq-sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .faq-quote {
        padding-top: 30px;
    }

    .giving-bnnr-sec {
        padding-block: 60px;
    }

    .giving-row .raise-cnnt {
        max-width: 100%;
        margin-left: 0px;
    }

    .giving-row {
        margin-top: 30px;

    }

    .giving-opt-elemnt {
        padding: 14px 16px;
    }

    .giving-opt .giving-checkbox {
        width: 24px;
        height: 24px;
    }

    .giving-opt {
        gap: 10px;
    }

    .giving-form-sec {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .giving-row .giving-hd h3 {
        text-align: left;
    }

    .gftbtnsubmit button {

        padding: 15px 25px;
    }

    .amount-box,
    .paymentoption {
        padding: 20px;
    }

    .btnsgiv button,
    .giftgroup input {
        padding: 15px;
    }

    .giftgroup {
        margin-bottom: 15px;
    }

    .giftgroup input::placeholder,
    .textbank {
        font-size: 16px;
    }

    .customradio {
        width: 25px;
        height: 25px;
    }

    .onlintgiv-head p {
        margin-bottom: 20px;
    }

    .paymntmthd~.otpmsg {
        margin-top: 20px;
    }

    .otpmsg textarea {
        min-height: 120px;
    }

    .gftbtnsubmit {
        margin: 20px 0;
    }

    .aftercomp p {
        padding-top: 20px;
    }

    .giving-opt-elemnt.active .dropdown-form-cont {
        padding-top: 16px;
        margin-top: 16px;
    }

    .onlintgiv-head h5 {
        font-size: 18px;
    }

    .onlintgiv-head p {
        margin-bottom: 14px;
        max-width: 460px;
        font-size: 15px;
    }

    .selctgift .row>div:first-child,
    .selctgift .row>div:nth-child(2) {
        margin-top: 0px;
    }

    .amount-box h5 {
        font-size: 26px;
        margin-bottom: 6px;
    }

    .frequency-req,
    .giftformrow {
        gap: 16px;
    }

    .donreq p {
        margin: 14px 0px 0px 0px;
        font-size: 16px;
    }

    .btnsgiv button,
    .giftgroup input {
        padding: 12px;
    }

    .giftgroup input::placeholder {
        font-size: 14px;

    }

    .amount-box,
    .paymentoption {
        padding: 16px;
    }

    .textbank,
    .paymntmthd p,
    .aftercomp p {
        font-size: 16px;
    }

    .gftbtnsubmit button {
        font-size: 14px;
        padding: 12px 25px;
    }
}



@media only screen and (max-width: 767px) {

    .faq-quote {
        padding-top: 20px;
    }

    .faq-sec {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .faq-content .accordion-item {
        margin-bottom: 14px;
    }

    .giving-bnnr-sec {
        padding-block: 50px;
    }

    .giving-row {
        margin-top: 20px;
    }

    .giving-opt .giving-checkbox {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        margin-top: 4px;
    }

    .giving-opt-elemnt {
        padding: 12px 14px;
    }

    .pb-120 {
        padding-bottom: 60px;
    }

    .giving-form-quote {
        padding-top: 50px;

    }

    .giving-form-quote p br {
        display: none;
    }

    .giving-opt-elemnt .giving-checkbox::before {
        width: 10px;
        height: 10px;
    }

    /* .wireform {
        padding-top: 25px;
    } */

    .appribtn {
        margin: 20px 0px 0px 0px;
    }

    .frequency-req,
    .giftformrow {
        flex-direction: column;
    }

    .frequency-req {
        gap: 15px;
    }

    .giftformrow {
        gap: 0;
    }

    .amount-box input {
        width: 50%;
    }

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

    .paymentoption {
        gap: 7px;
    }

    .donfrq {
        margin: 15px 0;
    }

    /* .onlintgiv-head p,
    .onlintgiv-head span {
        font-size: 22px;
    } */

    .amount-box h5 {
        font-size: 20px;
    }

    .paymntmthd p,
    .slctxt,
    .aftercomp p,
    .donreq p,
    .btnsgiv button {
        font-size: 16px;
    }

    .selctgift .row>div:first-child {
        margin-top: 0px;
    }

    .selctgift .row>div:nth-child(2) {
        margin-top: 16px;
    }

    .wireform .giftform {
        margin-top: 18px;
    }

    .giftgroup,
    .giftgroup::before,
    .paymentoption,
    .paymentoption::before,
    .textarea-wrap,
    .textarea-wrap::before,
    .btnsgiv,
    .btnsgiv::before {
        border-radius: 8px;
    }

    .paymentoption {

        margin-bottom: 14px;
    }

}

@media only screen and (max-width: 575px) {

    .faq-content .accordion-button::after {
        width: 24px;
        height: 24px;
    }

    .giving-bnnr-sec,
    .giving-form-sec {
        padding-block: 40px;
    }

    .pb-120 {
        padding-bottom: 40px;
    }

    .giving-form-quote {
        padding-top: 40px;
    }

    .amount-box {
        padding: 15px;
    }

    .gftbtnsubmit button,
    .giftgroup input::placeholder,
    .textbank,
    .paymntmthd p,
    .slctxt,
    .aftercomp p,
    .donreq p,
    .btnsgiv button {
        font-size: 14px;
    }

    .onlintgiv-head p,
    .onlintgiv-head span {
        font-size: 16px;
    }

    .donreq h6,
    .giftform h6,
    .choose-amount h6 {
        font-size: 20px;
    }

    .amount-box input {
        width: 50%;
    }

    .giftgroup input {
        padding: 10px;
    }
}