.wcdf-donation-container{
	overflow:hidden;
}
.wcdf-fixed-donation-type{
	margin:10px 0;
}
.wcdf-donation-amount-label{
	display:block;
}
p.wcdf-notification {
    margin: 15px 0;
    display: none;
}
p.wcdf-notification.wcdf-error {
  color: #d00;
}
p.wcdf-notification.wcdf-success {
  color: #007a00;
}
.wcdf-userdefined-donation-inner{
	display:flex;
	flex-wrap:wrap;
	border:1px solid;
}
.wcdf-custom-donation-amount input{
	width:100%;
	box-shadow:none!important;
	background:none!important;
}
.wcdf-custom-donation-amount input::-webkit-outer-spin-button, .wcdf-custom-donation-amount input::-webkit-inner-spin-button {
  	-webkit-appearance: none;
  	margin: 0;
}
.wcdf-custom-donation-amount input[type=number] {
  	-moz-appearance: textfield;
}
.wcdf-donation-currency{
	flex: 0 0 10%;
	display:table;
}
.wcdf-currency-inner{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.wcdf-donation-button{
	margin-top:10px;
}
.wcdf-fixed-donation-inner.wcdf-display-radios, .wcdf-fixed-donation-inner.wcdf-display-buttons {
    display: flex;
    gap: 15px;
}
.wcdf-fixed-donation-inner.wcdf-display-buttons label {
  padding: 10px;
  background: #eeeeee;
  color: #333333;
  cursor:pointer;
  line-height: 26px;
}
.wcdf-hide {
  display:none;
}
.wcdf-loader{
	-webkit-animation: rotation 1s infinite linear;
	display:none;
	margin-top:3%;
}
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}
/* progress bar */
.progress-container {
    max-width: 500px;
	margin: 15px 0;
}
  .progress-labels {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    font-size: 14px;
    color: #555;
  }

  .progress-bar {
    background-color: #e0e0e0;
    height: 9px;
    border-radius: 3px;
    overflow: hidden;
  }

  .progress-fill {
    height: 100%;
    background-color: #000;
    transition: width 0.4s ease-in-out;
  }
.wcdf-fixed-donation-inner.wcdf-display-buttons .wcdf-active{
	color:#fff;
	background: #000;
}
/* custom dropdwon */
  .wcdf-cause-dropdown {
      position: relative;
	  margin:20px 0;
    }
    .wcdf-choose-cause {
      border: 1px solid #ccc;
      padding: 10px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 10px;
      background: white;
    }
    .wcdf-dropdown-icon, .wcdf-cause-icon {
      width: 30px;
      height: 30px;
    }
    .wcdf-cause-options {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: white;
      border: 1px solid #ccc;
      border-top: none;
      z-index: 10;
    }
    .wcdf-cause-dropdown.wcdf-open .wcdf-cause-options {
      display: block;
    }
    .wcdf-cause-option {
      display: flex;
      align-items: flex-start;
      padding: 10px;
      gap: 10px;
      border-bottom: 1px solid #eee;
      cursor: pointer;
    }
    .wcdf-cause-option:hover {
      background-color: #f2f2f2;
    }
    .wcdf-cause-texts {
      display: flex;
      flex-direction: column;
    }
    .wcdf-cause-title {
      font-weight: bold;
    }
    .wcdf-cause-description {
      font-size: 12px;
      color: #666;
    }