.dp-modal {
  display: none; position: fixed; top: 0; left: 0;
  width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999;
}

.dp-modal-content {
    background: #fff;
    padding: 20px;
    width: 90%;
    max-width: 500px;
    margin: 50px auto;
    border-radius: 10px;
    position: relative;
    max-height: 600px;
    overflow-y: scroll;
}
.dp-close { position: absolute; right: 15px; top: 10px; cursor: pointer; font-size: 20px; }
.dp-freq-tabs button, .dp-amount-options button, .dp-continue {
  margin: 5px; padding: 10px 15px; border: none; border-radius: 5px; background: #eee;
}
.dp-continue { background: #00bcd4; color: #fff; font-weight: bold; }
.dp-back {
  background: none;
  border: none;
  color: #0073aa;
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
}
.dp-back:hover {
  text-decoration: underline;
}
div#dp-donation-steps button {
    color: #000;
    font-size: 17px;
    font-weight: 600;
}

input#dp-custom-amount {
    margin: 25px 0 10px 0px;
}

button#dp-to-step2 {
    display: block;
    margin: 20px 0 0 0;
    BACKGROUND: #FFD205;
}

div#dp-honor-fields select {
    margin: 10px 0px 10px 0px;
}
div#dp-donation-steps button:hover {
    background: #378737;
    color: #fff !important;
}
div#dp-donation-steps button:focus {
    background: #378737;
    color: #fff !important;
}
button#dp-to-step3 {
    display: block;
    margin: 20px 0 0 0;
    BACKGROUND: #FFD205;
}
div#dp-donation-steps label[for="dp-source"] {
    font-weight: 500;
    margin: 0 0 9px 0;
}
div#dp-donation-steps label {
    display: block;
}
div#dp-donation-steps label {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 500;
} 
.savbuttonslabels input {
    margin: 0 0 12px 0;
}
.savbuttonslabels textarea {
    margin: 0 0 12px 0;
}
.savbuttons button {
    margin: 20px 0 0 0;
    BACKGROUND: #FFD205;
    border: none !important;
    padding: 10px 20px !important;
}
.donation-type-fixed .dp-freq-tabs {
    display: none;
}
.donation-type-fixed .dp-amount-options button {
    display: none;
}
.fundraise_sec {
    border: 1px solid #ccc;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    margin: 0 0 20px 0;
}
.safundrow {
    display: flex;
    column-gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.fund-cls {
    width: 65px;
    height: 65px;
    background: #ffdc99;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    padding: 40px;
}
.fund-clsdetail h6 {
    font-size: 16px;
    margin: 0px;
}
.fund-clsdetail p {
    font-size: 12px;
    color: #777;
    margin: 0px;
}
.fundraise_sec h3 {
    font-size: 20px;
    margin: 10px 0 12px 0;
}
.savleft p {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
}
.fund-clsdetail {
    display: flex;
    flex-flow: column;
    flex: 1 1 70%;
}
.savmain {
    display: flex;
    column-gap: 40px;
    flex-wrap: wrap;
}

.savleft {
    display: flex;
    flex-flow: column;
    flex: 1 1 70%;
}

.savright {
    display: flex;
    flex-flow: column;
    flex: 1 1 26%;
}
.onediv {
    display: flex;
    column-gap: 10px;
}


.savright br {
    display: none;
}

.savright .dp-donate-btn {
    text-align: center;
    font-size: 20px !important;
}

.single-donation_campaign main#content {
    max-width: 1400px;
    margin: 0 auto;
}

.single-donation_campaign main#content .page-header h1 {
    max-width: 1400px !important;
}
p.percent_type {
    display: none;
}


@media only screen and (max-width: 767px) {
.savleft {
    max-width: 100%;
}
.savright {
    max-width: 100%;
    margin: 30px 0 0 0;
}
	.savright .dp-donate-btn {
    margin: 0 0 20px 0;
}
.savleft iframe {
    width: 100%;
    height: auto;
}
.single-donation_campaign main#content .page-header h1 {
    font-size: 20px;
    line-height: 25px;
    padding: 0px;
}
.savleft p {
    font-size: 14px !important;
}	
	
}

/* main#content {
    height: 774px !important;
} */