@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.donation-style-1,
.donation-style-2,
.donation-style-3,
.wpcm-dashboard-wrapper,
.donation-style-4 {
	font-family: "Inter", sans-serif;
}
.donation-style-1 p,
.donation-style-2 p,
.donation-style-3 p,
.donation-style-4 p{
	font-family: inherit;
} 
.wpcm-wrapper a {
	color: inherit;
}
.wpcm-wrapper button:focus {
	outline: none;
}
.wpcm-wrapper {
	color: #333;
	font-size: 15px;
}
.wpcm-wrapper.wpcm-settings-wrapper {
	padding-top: 41px;
}
.wpcm-wrapper.wpcm-settings-wrapper .wpcm-container {
	margin-left: 0;
}
.wpcm-wrapper a,
.wpcm-wrapper a:hover,
.wpcm-wrapper a:focus {
	text-decoration: none;
}
.wpcm-wrapper ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.wpcm-wrapper p {
	color: #666;
	margin-top: 0;
}
.wpcm-wrapper ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #999;
	opacity: 1;
	/* Firefox */
}

.wpcm-wrapper :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #999;
}

.wpcm-wrapper ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #999;
}

.wpcm-custom-select2 .vs__dropdown-toggle:hover,
/* .wpcm-custom-select2 .vs__dropdown-toggle:focus, */
.wpcm-wrapper input[type="number"]:hover,
.wpcm-wrapper input[type="number"]:focus,
.wpcm-wrapper select:focus,
.wpcm-wrapper select:hover,
.wpcm-wrapper input[type="text"]:hover,
.wpcm-wrapper input[type="text"]:focus {
	border-color: var(--ldp-primary-color);
	outline: 0;
}
.wpcm-wrapper .wpcm-field-input input:hover,
.wpcm-wrapper .wpcm-field-input input:focus {
	border-color: var(--ldp-primary-color);
	outline: 0;
}
.wpcm-wrapper {
	line-height: 1.6;
}
.el-dialog {
	position: relative;
	width: 760px !important;
	background: #fff;
	border-radius: 22px !important;
	padding: 0 !important;
}
.el-dialog .dialog-content {
	border-radius: 22px;
	overflow: hidden;
}
.el-dialog .el-dialog__body {
	padding: 0;
}
.closep svg {
	color: white;
}

.el-dialog .closep {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s ease-in-out;
	position: absolute;
	top: -11px;
	right: -11px;
	background-color: #fb3d0e;
	padding: 5px;
	border-radius: 50px;
	z-index: 1;
}
.el-dialog .closep:hover {
	cursor: pointer;
	transform: scale(1.1);
}
.el-dialog .closep svg {
	height: 18px;
	width: auto;
}
/***** Dashboard styling Start ******/

.el-dialog.donation-style-1 header.el-dialog__header,
.el-dialog.donation-style-3 header.el-dialog__header,
.el-dialog.donation-style-4 header.el-dialog__header {
	padding: 0;
}
.el-dialog.donation-style-3 .wpcm-container {
	padding: 0;
}
.el-dialog.donation-style-3 .wpcm-heading {
	padding-top: 0;
	color: #000;
}
.el-dialog.donation-style-3  .col-content .mb-4 {
	margin-bottom: 0 !important;
}
.wpcm-settings-wrapper .el-tabs__header {
	background-color: white;
	border: none;
	border-radius: 15px;
}
.wpcm-settings-wrapper .el-tabs__header .el-tabs__nav-scroll {
	padding: 30px;
}
.wpcm-settings-wrapper .el-tabs__header .el-tabs__nav .el-tabs__item {
	border: none;
	font-size: 16px;
	padding: 24px 35px;
	letter-spacing: 0.3px;
}
.wpcm-settings-wrapper .el-tabs__header .el-tabs__nav .el-tabs__item.is-active {
	background-color: #0075fe;
	color: white;
	border-radius: 15px;
	box-shadow: 0px 5px 5px 0px #0075fe38;
}
.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs {
	background-color: #f5f7f9;
	border: none;
	border-radius: 15px;
}
.wpcm-settings-wrapper .el-tabs--border-card>.el-tabs__content {
	margin: 30px;
	border: 1px solid #d5d5d5;
	border-radius: 15px;
	padding: 0;
	margin-top: 5px;
}
.wpcm-settings-wrapper .el-tabs--border-card>.el-tabs__content .el-tab-pane .el-tabs__content {
	border: none;
}
.wpcm-settings-wrapper .settings-tab-area .main-tabs-list {
	border-radius: 15px;
}
.wpcm-settings-wrapper .settings-tab-area .el-tabs__content .el-tabs__header .el-tabs__nav .el-tabs__item {
	padding: 20px 24px;
	font-size: 14px;
}
.wpcm-settings-wrapper .settings-tab-area .el-tabs__content .el-tabs__header {
	border-radius: 0;
}
.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content {
	padding: 30px;
	margin: auto;
	width: 90%;
}
.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content .el-form-item .el-form-item__content .el-row {
	width: 100%;
	margin: 0 !important;
}
.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content .el-form-item .el-form-item__content .el-row .el-col-24 {
	padding: 0 !important;
}
.wpcm-settings-wrapper .el-form-item .el-form-item__label {
	width: 35%;
	justify-content: left;
	font-size: 17px;
	font-weight: 600;
	display: flex;
	margin-right: 30px;
}
.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content h2.tab-heading {
	letter-spacing: 0.8px;
	font-size: 35px;
	color: #000;
	font-weight: 700;
	text-align: center;
}
.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content .asterisk-left {
	padding-top: 20px;
}
.el-select--large .el-select__wrapper {
	padding: 0;
}
.wpcm-settings-wrapper .settings-tab-area .el-select .el-select__input {
	width: 100% !important;
	padding: 0;
}
.el-input__wrapper,
.el-input__wrapper:hover {
	box-shadow: none;
	border-radius: 15px;
}
.wpcm-settings-wrapper .el-select__wrapper,
.wpcm-settings-wrapper .el-select__wrapper.is-hovering:not(.is-focused) {
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	padding: 0px 15px !important;
}
.el-input__wrapper {
	transition: 0.3s ease-in-out;
}
.wpcm-settings-wrapper .el-input__wrapper.is-focus,
.wpcm-settings-wrapper .el-select__wrapper.is-focused {
	box-shadow: 0 3px 6px #0075fe38 !important;
	transform: translate(0px, -3px);
}
.wpcm-settings-wrapper .el-select__wrapper .el-select__selected-item input {
	box-shadow: none !important;
}
.wpcm-settings-wrapper .el-select__wrapper .el-select__selected-item input,
.wpcm-settings-wrapper .el-select__wrapper .el-select__selected-item input:focus {
	border: none !important;
}
.wpcm-settings-wrapper .settings-tab-area .el-input__wrapper input:focus,
.wpcm-settings-wrapper .settings-tab-area .el-input__wrapper input {
	border: none;
	box-shadow: none;
	padding: 0;
}
.wpcm-settings-wrapper .settings-tab-area .el-select__wrapper,
.wpcm-settings-wrapper .settings-tab-area .el-input__wrapper {
	height: 55px;
	border-radius: 15px;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
	padding: 0 15px;
}
.wpcm-settings-wrapper .settings-tab-area .el-select__wrapper input,
.wpcm-settings-wrapper .settings-tab-area .el-input__wrapper input {
	color: #666;
}
.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content .el-form-item__content .el-select__wrapper::placeholder,
.wpcm-settings-wrapper .settings-tab-area input::placeholder {
	color: #aaa;
	opacity: 1;
	transition: color 0.3s ease;
	border-radius: 15px;
}
.wpcm-settings-wrapper .settings-tab-area input:focus::placeholder {
	color: #0075fe;
}
.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content form label {
	margin-top: 12px;
	display: flex;
	width: 35%;
	font-size: 17px;
	font-weight: 600;
	text-align: left;
	margin-right: 30px;
}
.wpcm-settings-wrapper .save-settings button {
	margin-top: 25px;
	background-color: #0075fe;
	color: white;
	border-radius: 15px;
	box-shadow: 0px 5px 5px 0px #0075fe38;
	padding: 23px 30px;
	font-size: 15px;
	border: 1px solid #0075fe;
	transition: 0.3s ease-in-out;
}

.wpcm-settings-wrapper .save-settings button:hover {
	background-color: white;
	color: #0075fe;
	border: 1px solid #0075fe;
}

.wpcm-settings-wrapper .el-input__wrapper {
	padding: 0;
}

.wpcm-settings-wrapper .el-form-item .el-form-item__content .el-radio-group .el-radio {
	background-color: white;
}

.wpcm-settings-wrapper .el-form-item .el-form-item__content p {
	margin: 0;
	padding-left: 0px;
	width: 100%;
}
.wpcm-settings-wrapper .main-tabs-list .el-tabs__content {
	padding: 50px;
}
.wpcm-settings-wrapper .main-tabs-list .el-tabs__content .el-tabs__nav-scroll {
	padding-top: 0;
}
.wpcm-settings-wrapper .el-color-picker__trigger {
	background-color: white;
}
.wpcm-settings-wrapper .el-color-picker__trigger .el-color-picker__color {
	transition: 0.3s ease-in-out;
}
.wpcm-settings-wrapper .el-color-picker__trigger:hover .el-color-picker__color {
	background-color: #0075fe;
}
.wpcm-settings-wrapper .el-color-picker__trigger:hover .el-color-picker__color {
	border-color: #0075fe;
}

.wpcm-settings-wrapper .el-color-picker__trigger .el-color-picker__color i {
	transition: 0.3s ease-in-out;
}

.wpcm-settings-wrapper .el-color-picker__trigger:hover .el-color-picker__color i {
	color: white;
}

.wpcm-settings-wrapper .el-switch.is-checked .el-switch__action {
	left: calc(100% - 22px);
}

.wpcm-settings-wrapper .el-switch.is-checked .el-switch__core {
	background-color: #0075fe !important;
}

.wpcm-settings-wrapper .el-form-item__content .el-switch .el-switch__core {
	border-radius: 15px;
	height: 32px;
	min-width: 75px;
}

.el-switch__core .el-switch__action {
	left: 7px;
}

.el-checkbox .el-checkbox__inner {
	height: 19px;
	width: 19px;
}

.el-checkbox span.el-checkbox__label {
	font-size: 15px;
	letter-spacing: 0.4px;
}

.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content .asterisk-left .wpcm-d-flex a {
	overflow: hidden;
	background-color: white;
}

.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content .asterisk-left .wpcm-d-flex .el-image {
	width: 100% !important;
	height: auto !important;
}

.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content .asterisk-left .wpcm-d-flex .el-image img {
	object-fit: contain;
	height: auto;
}

.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content .asterisk-left .wpcm-d-flex h5 {
	font-size: 13px !important;
	line-height: 24px !important;
	color: #50575e !important;
	letter-spacing: 0.3px;
	font-weight: 500 !important;
	padding-left: 7px;
}

.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content .asterisk-left .wpcm-d-flex a {
	border-radius: 15px;
	border: 5px solid white;
	box-shadow: 0 0 7px 0px #00000026;
	transition: 0.3s ease-in-out;
}

.wpcm-settings-wrapper .settings-tab-area .el-tab-pane .el-tabs .el-tabs__content .asterisk-left .wpcm-d-flex a:hover {
	box-shadow: 0 3px 7px 0px #0075fe30;
	transform: translate(0px, -3px);
}

.wpcm-settings-wrapper .el-textarea textarea {
	border-radius: 15px;
}

.wpcm-settings-wrapper #pane-4 .child-tabs-list .el-form-item__content {
	display: block !important;
}

.wpcm-settings-wrapper #pane-4 .child-tabs-list .el-form-item__content .el-select .is-filterable {
	height: auto;
	padding: 10px !important;
}

.wpcm-settings-wrapper #pane-4 .child-tabs-list .el-form-item__content .el-select .is-filterable .el-select__selection.is-near {
	margin-left: 0px !important;
}

#post-body .el-input-group__append,
.wpcm-settings-wrapper #pane-4 .child-tabs-list .el-form-item__content .el-input-group .el-input-group__append {
	background-color: #0075fe;
	border-radius: 0px 15px 15px 0px;
	margin-left: -10px;
	padding: 15px;
}

#post-body .el-input-group__append i,
#post-body .el-input-group__append svg,
.wpcm-settings-wrapper #pane-4 .child-tabs-list .el-form-item__content .el-input-group .el-input-group__append svg,
.wpcm-settings-wrapper #pane-4 .child-tabs-list .el-form-item__content .el-input-group .el-input-group__append i {
	fill: #0075fe;
	color: #0075fe;
}

#post-body .el-input-group__append button,
.wpcm-settings-wrapper #pane-4 .child-tabs-list .el-form-item__content .el-input-group .el-input-group__append button {
	background-color: white;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	margin-left: 0px;
	padding: 0;
	display: flex;
	margin-right: 10px;
	margin-top: 2px;
}

#post-body .el-input-group__append .el-button--danger,
.wpcm-settings-wrapper #pane-4 .child-tabs-list .el-form-item__content .el-input-group .el-input-group__append .el-button--danger {
	margin-right: 0px;
	margin-left: 10px;
}

#post-body .el-input-group__append .el-button--info,
.wpcm-settings-wrapper #pane-4 .child-tabs-list .el-form-item__content .el-input-group .el-input-group__append .el-button--info {
	position: relative;
}

#post-body .el-input-group__append .el-button--info:before,
.wpcm-settings-wrapper #pane-4 .child-tabs-list .el-form-item__content .el-input-group .el-input-group__append .el-button--info:before {
	content: "";
	height: 100%;
	width: 1px;
	position: absolute;
	top: 0;
	left: 27px;
	background-color: #d1e4f9;
}

.wpcm-settings-wrapper #pane-4 #pane-1 .el-form-item .el-form-item__content .el-radio-group {
	width: 100%;
}

.wpcm-settings-wrapper #pane-4 #pane-1 .el-form-item .el-form-item__content .el-radio-group label {
	width: 20%;
	margin-right: 10px;
	margin-top: 0;
	justify-content: center;
}

.wpcm-settings-wrapper #pane-4 #pane-4 .el-radio-group {
	width: 100%;
}

.wpcm-settings-wrapper #pane-4 #pane-4 .el-radio-group label {
	width: 25%;
	justify-content: center;
	margin-right: 10px;
}

.wpcm-settings-wrapper .el-form-item .el-form-item__content .wpcm-media-wrapper .button.wpcm-btn {
	margin-top: 0 !important;
	background: #0075fe;
	box-shadow: 0px 5px 5px 0px #0075fe38;
	border: 1px solid #0075fe;
	transition: 0.3s ease-in-out;
	border-radius: 15px;
	color: white;
}

.wpcm-settings-wrapper .el-form-item .el-form-item__content .wpcm-media-wrapper .button.wpcm-btn:hover {
	background-color: white;
	color: #0075fe;
	border: 1px solid #0075fe;
}

#project_settings .image img,
#causes_settings .image img,
#post-body .image img,
.wpcm-settings-wrapper .el-form-item .el-form-item__content .image img {
	height: 130px;
	width: 130px;
	object-fit: cover;
	border-radius: 15px;
	border: 5px solid white;
	box-shadow: 0 0 6px 0px #0075fe42;
	margin-bottom: 20px;
}

#project_settings .el-select__wrapper {
	height: 50px;
}

#project_settings .remove-media,
#causes_settings .image .remove-media,
#post-body .image .remove-media,
.wpcm-settings-wrapper .el-form-item .el-form-item__content .image .remove-media {
	right: 10px !important;
	top: 10px !important;
}

.wpcm-settings-wrapper #pane-3 .el-textarea textarea {
	height: 170px;
}

.wpcm-settings-wrapper #pane-3 #pane-1 p {
	width: 100%;
}

.wpcm-settings-wrapper #pane-3 #pane-1 .el-switch {
	display: flex;
}

.import-export-btns {
	margin-top: 10px;
}

.import-export-btns button {
	border-radius: 10px;
}

.el-select__selected-item,
.el-select__placeholder {
	z-index: 1;
}

.settings-tab-area>.main-tabs-list>.el-tabs__header>.el-tabs__nav-wrap {
	background-color: #f5f7f9;
	margin-bottom: 20px;
	border-radius: 15px 15px 0px 0px;
}

.settings-tab-area>.main-tabs-list>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__nav-scroll {
	padding: 0;
}

.settings-tab-area>.main-tabs-list>.el-tabs__header>.el-tabs__nav-wrap .el-tabs__item {
	padding: 40px;
	box-shadow: none;
}
.dialog-content .wpcm-proceed-btn .el-button:hover,
.dialog-content .wpcm-proceed-btn:hover .el-button {
	color: white;
}

.dialog-content .wpcm-proceed-btn .el-button {
	background-color: transparent;
	border: none;
	font-weight: 700;
}

.dialog-content .wpcm-proceed-btn span {
	transition: 0.1s ease-in-out;
}
.dialog-content .wpcm-proceed-btn button.el-button {
	border: none;
	background-color: transparent;
}

.wpcm-amount-box {
	display: block !important;
}

.wpcm-settings-wrapper .wpcm-custm-amt-box {
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
}

.donation-style-1 .dialog-content .wpcm-row>.wpcm-col-sm-12,
.donation-style-4 .dialog-content .wpcm-row>.wpcm-col-sm-12 {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
}

.donation-style-1 .dialog-content .wpcm-row>.wpcm-col-sm-12 .wpcm-custm-amt-before-title {
	width: 100%;
}

.donation-style-1 .col-content .wpcm-custm-amt-box input,
.donation-style-2 .col-content .wpcm-custm-amt-box input,
.donation-style-3 .col-content .wpcm-custm-amt-box input {
	font-weight: 600;
	color: #666;
	font-size: 18px;
	width: 175px;
}
.donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list li a.active,
.donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list li a:hover,
.donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list li a.active,
.donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list li a:hover,
.donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list li a.active,
.donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list li a:hover,
.donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li a.active,
.donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li a:hover {
    border-color: var(--ldp-primary-color);
    background-color: #eef4ff;
    color: var(--ldp-primary-color);
}
.donation-style-1 .StripeElement, 
.donation-style-2 .StripeElement,
.donation-style-3 .StripeElement,
.donation-style-4 .StripeElement {
	margin-bottom: 27px;
border: 1px solid lightgray;
  border-radius: 14px !important;
  box-shadow: none !important;
	
}

.donation-style-1 .amount-return,
.donation-style-4 .amount-return {
	color: var(--ldp-primary-color);
	font-size: 36px;
    font-weight: 800;
	line-height: 48px;
	letter-spacing: .7px;
}
.donation-style-1 .wpcm-payment-gateways .w-50,
.donation-style-2 .wpcm-payment-gateways .w-50,
.donation-style-3 .wpcm-payment-gateways .w-50,
.donation-style-4 .wpcm-payment-gateways .w-50 {
	width: 48% !important;
	margin: 1%;
	margin-top: 0;
	margin-bottom: 0;
}
.donation-style-1 .wpcm-payment-gateways .wpcm-back-btn,
.donation-style-2 .wpcm-payment-gateways .wpcm-back-btn,
.donation-style-3 .wpcm-payment-gateways .wpcm-back-btn,
.donation-style-4 .wpcm-payment-gateways .wpcm-back-btn {
	margin-left: 0;
}
.donation-style-1 .wpcm-amount-needed .amount-return+span,
.donation-style-1 .wpcm-amount-collected .amount-return+span,
.donation-style-4 .wpcm-amount-needed .amount-return+span,
.donation-style-4 .wpcm-amount-collected .amount-return+span {
	font-size: 14px;
	color: #6b7280;
	margin-top: -5px;
	display: block;
}

.donation-style-1 .amount-return i,
.donation-style-4 .amount-return i {
	font-style: normal;
	margin-right: -5px;
}
.donation-style-1 .wpcm-amount-needed,
.donation-style-1 .wpcm-amount-collected, 
.donation-style-4 .wpcm-amount-needed,
.donation-style-4 .wpcm-amount-collected {
	text-align: center;
}
.el-select-dropdown__wrap {
    border-radius: 15px;
    margin: 0px 10px;
}
.donation-style-3 .wpcm-donation-amt-fields .el-custom-select .el-select__wrapper,
.donation-style-2 .wpcm-donation-amt-fields .el-custom-select .el-select__wrapper {
	height: 55px;
	padding: 10px 20px;
	margin-bottom: 15px;
	border-radius: 15px;
}
.donation-style-2 .wpcm-amt-box-with-predfd {
	padding: 0;
}

#project_settings p,
#causes_settings p,
#post-body p {
	width: 100% !important;
}

#postbox-container-2 .inside {
	padding: 30px;
}

.el-switch__core {
	height: 33px;
	min-width: 73px;
	border-radius: 20px;
}

.el-switch.is-checked .el-switch__action {
	left: calc(100% - 22px) !important;
}

#project_settings .el-form-item__label,
#causes_settings .el-form-item__label,
#post-body .el-form-item__label,
#post-body label {
	width: 40%;
	justify-content: left;
}

#post-body input {
	padding: 5px;
}

#project_settings .el-input__wrapper,
#post-body .el-input-number .el-input__wrapper {
	padding-left: 0px;
	padding-right: 0px;
}

ul.wpcm-pre-dfind-amt li a.wpdonation-button.active {
	background-color: var(--ldp-primary-color) !important;
	color: white !important;
	border-color: var(--ldp-primary-color) !important;
}

#project_settings .el-input__wrapper input,
#causes_settings .el-input__wrapper input,
#post-body .el-input__wrapper input {
	height: 45px;
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	border: none;
	padding: 5px 15px;
	color: #666;
}
#wpcm_order_metabox_basic .inside {
	padding: 0;
	margin-top: 0;
} 
#wpcm_order_metabox_basic .wpcm-order-detailbox {
	background-color: #0d6efd0a;
	border-radius: 15px;
	border: 1px solid #0d6efd24;
}
#wpcm_order_metabox_basic .wpcm-order-detailbox .wpcm-datetime-view {
	width: 100%;
}
#wpcm_order_metabox_basic .wpcm-order-detailbox label {
	width: 50%;
}
#wpcm_order_metabox_basic .wpcm-order-detailbox h4.wpcm-order-detail-header {
    font-size: 20px !important;
    background-color: #0d6efd12;
    text-align: left;
    padding: 13px 25px;
    border-radius: 15px 15px 0px 0px;
}
#wpcm_order_metabox_basic .wpcm-content {
    padding: 10px;
}
#wpcm_order_metabox_basic .wpcm-content .wpcm-order-detail-content {
padding: 15px;
}
#causes_settings .el-input__wrapper,
#post-body .el-input__wrapper {
	padding: 0;
}

#post-body .el-select__selected-item input {
	border: none;
}

#post-body .el-select__selection {
	height: 45px;
}

.donation-style-2 .wpcm-recurring-btns,
.donation-style-3 .wpcm-recurring-btns {
	text-align: center;
}

.wpcm-next-btn .el-button {
	background-color: transparent;
	border: none;
}

.wpcm-next-btn .el-button span {
	color: white;
	font-weight: 700;
	font-size: 18px;
}
.wpcm-payment-gateways .wpcm-back-btn span {
	transition: 0.1s ease-in-out;
}
.donation-style-3 .wpcm-payment-gateways  .wpcm-gateway-list {
	margin-bottom: 27px;
}
.donation-style-3 .wpcm-payment-gateways .w-50 {
	padding-right: 15px;
}
.donation-style-3 .el-custom-select.wpcm-recurring-cycle-drp {
	margin-bottom: 25px;

}
.donation-style-3 .el-custom-select.wpcm-recurring-cycle-drp .el-select__wrapper {
	height: 50px;
	border-radius: 15px;
}
.donation-style-4 .wpcm-payment-gateways .wpcm-proceed-btn  {
	width: 100%;
	border: none;
	background-color: var(--ldp-primary-color);
    color: #fff;
    height: 54px;
    border-radius: 14px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease-in-out;
	margin-top: 0;
}
.donation-style-4 .wpcm-payment-gateways .wpcm-back-btn  {
	padding-right: 15px !important;
}
.donation-style-4 .wpcm-back-btn {
	margin-bottom: 3px;
}
.donation-style-4 .wpcm-proceed-btn {
	margin-top: 30px;
	height: 53px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.donation-style-4 input::placeholder {
	color: #666;
	font-weight: 400;
	font-size: 15px;
}
.wpcm-payment-gateways .wpcm-back-btn:hover {
	background-color: var(--ldp-primary-color);
	color: white;
}
.wpcm-payment-gateways {
	transition: 0.3s ease-in-out;
}
.donation-style-3 .single-credit-cardd input,
.donation-style-2 .single-credit-cardd input,
.donation-style-1 .single-credit-cardd input,
.donation-style-1 .el-custom-select .el-select__wrapper span,
.donation-style-4 .single-credit-cardd input,
.donation-style-4 .el-custom-select .el-select__wrapper span {
	color: var(--el-text-color-regular);
}
.donation-style-2 .el-custom-select.wpcm-recurring-cycle-drp .el-select .el-select__wrapper  {
	height: 55px;
    border-radius: 15px;
    font-size: 16px;
    padding: 20px;
}
.donation-style-2 .el-custom-select.wpcm-recurring-cycle-drp .el-select .el-select__wrapper span {
	color: #666;
	font-weight: 500;
}
.donation-style-2 .single-credit-cardd input {
	height: 55px;
	padding: 0 20px;
	font-size: 16px;
	margin-bottom: 20px;
	border: 1px solid #d1d5db;
	border-radius: 15px;
}
.donation-style-1 .wpcm-custom-amt-box-container {
	margin-bottom: 33px;
}
.donation-style-3 .single-credit-cardd input {
	height: 53px;
	border: 1px solid #d1d5db;
	border-radius: 15px;
	margin-bottom: 15px;
	padding: 15px;
}
.donation-style-3 input::placeholder {
	font-weight: 400;
    color: #666;
}
.donation-style-1 .single-credit-cardd input,
.donation-style-1 .el-custom-select .el-select__wrapper,
.donation-style-4 .single-credit-cardd input,
.donation-style-4 .el-custom-select .el-select__wrapper {
	height: 48px;
	padding: 14px;
	margin-bottom: 15px;
	border: 1px solid #d1d5db;
	box-shadow: none;
	border-radius: 13px;
}
.donation-style-1 .textfield .el-select__wrapper.is-filterable .el-select__selection .el-select__selected-item input,
.donation-style-2 .textfield .el-select__wrapper.is-filterable .el-select__selection .el-select__selected-item input,
.donation-style-3 .textfield .el-select__wrapper.is-filterable .el-select__selection .el-select__selected-item input,
.donation-style-4 .textfield .el-select__wrapper.is-filterable .el-select__selection .el-select__selected-item input {
    margin-bottom: 0;
    padding: 0;
}
.donation-style-2 .el-custom-select.wpcm-recurring-cycle-drp {
	margin-bottom: 26px;
	width: 95%;
}
.donation-style-2 .textfield .el-select__wrapper.is-filterable {
	height: 55px;
	border-radius: 15px;
	margin-bottom: 15px;
	padding: 0 20px;
}
.donation-style-1 .textfield .el-select__wrapper.is-filterable,
.donation-style-3 .textfield .el-select__wrapper.is-filterable,
.donation-style-4 .textfield .el-select__wrapper.is-filterable {
    border-radius: 14px;
    height: 48px;
	margin-bottom: 15px;
    
}
.el-dialog .dialog-content .col-content .wpcm-row .wpcm-amount-box {
	padding-right: 4px;
    padding-left: 4px;
}
.donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}
.donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list,
.donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
	margin-bottom: 25px;
}
.donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
	margin-bottom: 25px;
}
.el-custom-select.wpcm-recurring-cycle-drp {
	margin-bottom: 10px;
}

.donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list li,
.donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list li,
.donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list li,
.donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li {
	text-align: center;
}

.donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list li a,
.donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list li a,
.donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list li a {
	padding: 12px 10px;
	border: 1px solid #d3d3d3;
	display: block;
	color: #000;
	border-radius: 14px;
	transition: 0.3s ease-in-out;
}
.donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li a {
padding: 14px 10px;
	border: 1px solid #d3d3d3;
	display: block;
	color: #000;
	border-radius: 15px;
	font-size: 16px;
	transition: 0.3s ease-in-out;
}
.wpcm-payment-gateways .wpcm-gateway-list li:last-child a {
	margin-right: 0;
}
.wpcm-payment-gateways .wpcm-gateway-list li a img {
	transition: .2s ease-in-out;
}
.donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list li a.active img,
.donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list li a:hover img,
.donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list li a.active img,
.donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list li a:hover img,
.donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list li a.active img,
.donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list li a:hover img,
.donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li a.active img,
.donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li a:hover img {
	border-color: var(--ldp-primary-color);
	color: var(--ldp-primary-color);
	background-color: #eef4ff;
}
.donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list li a img,
.donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li a img,
.donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list li a img,
.donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list li a img {
	margin-right: 3px;
	height: 18px;
}
.donation-style-1 .wpdonation-box h2.wpdonation-title,
.donation-style-2 .wpdonation-box h2.wpdonation-title,
.donation-style-3 .wpdonation-box h2.wpdonation-title,
.donation-style-4 .wpdonation-box h2.wpdonation-title {
	text-align: center;
	margin-bottom: 22px;
	font-size: 22px;
	color: #000;
}
.el-dialog .el-progress-bar__outer {
	background-color: #e5e7eb;
	height: 15px !important;
}
.el-dialog .el-progress-bar__inner {
background-color: var(--ldp-primary-color) !important;
}
.el-dialog .el-progress-bar__inner span {
	display: block;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: 500;
    letter-spacing: .7px;
    padding-right: 6px;
}
#causes_settings .el-select__wrapper {
	height: 50px;
}
.wpcm-reward-images .reward-preview {
	text-align: left;
}
.wpcm-reward-images .reward-preview img {
	height: 200px;
	width: auto !important;
	object-fit: cover;
	border-radius: 15px;
	border: 5px solid white;
	box-shadow: 0 0 5px 0px var(--ldp-primary-color) 4f;
}
.wpcm-reward-images .reward-description {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: #888;
}
.wpcm-reward-images {
	background-color: white;
	border-radius: 15px;
	max-width: max-content;
}
.wpcm-reward-images .reward-preview {
	border-radius: 15px;
	text-align: center;
	padding: 20px 15px;
	padding-bottom: 10px;
}

.repeater-item button {
	border-radius: 15px;
}

.repeater-item img {
	border-radius: 15px;
	border: 5px solid white;
	box-shadow: 0 0 6px 0px var(--ldp-primary-color) 42;
}

.el-checkbox__inner:after {
	height: 10px;
	left: 8px;
	top: 8px;
	width: 5px;
}

/***** Dashboard styling End ******/
/***** Donation Form Style One Styling Start ******/

.donation-style-4 strong.wpcm-cstm-amt-txt,
.donation-style-1 strong.wpcm-cstm-amt-txt {
	font-size: 18px;
}

.donation-style-1 .col-content h5,
.donation-style-4 .col-content h5 {
	font-size: 15px;
	text-align: center;
	color: #666;
}

.donation-style-1 .col-content h3,
.donation-style-4 .col-content h3 {
	font-size: 26px;
    color: #000;
    text-align: left;
    
}
.donation-style-1 .col-content p,
.donation-style-4 .col-content p {
	color: #6b7280;
    font-size: 15px;
}

.donation-style-1 .wpcm-recurring-btns ul,
.donation-style-2 .wpcm-recurring-btns ul,
.donation-style-3 .wpcm-recurring-btns ul,
.donation-style-4 .wpcm-recurring-btns ul {
	width: 100%;
}

.donation-style-1 .wpcm-recurring-btns ul li,
.donation-style-2 .wpcm-recurring-btns ul li,
.donation-style-3 .wpcm-recurring-btns ul li,
.donation-style-4 .wpcm-recurring-btns ul li {
	width: 50%;
	text-align: center;
}
.donation-style-3 .wpcm-recurring-btns ul li a {
	padding: 18px 0 !important;
	font-size: 18px !important;
}

.donation-style-1 .wpcm-recurring-btns ul li a,
.donation-style-2 .wpcm-recurring-btns ul li a,
.donation-style-3 .wpcm-recurring-btns ul li a,
.donation-style-4 .wpcm-recurring-btns ul li a {
	background-color: #f1f5f9;
	padding: 14px 0;
	display: block;
	color: #374151;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}
.wpcm-recurring-btns ul li:nth-child(1) a {
	border-radius: 14px 0px 0px 14px;
}
.wpcm-recurring-btns ul li:nth-child(2) a {
	border-radius: 0px 14px 14px 0px;
}
.donation-style-1 .wpcm-recurring-btns ul li a.active,
.donation-style-2 .wpcm-recurring-btns ul li a.active,
.donation-style-3 .wpcm-recurring-btns ul li a.active,
.donation-style-4 .wpcm-recurring-btns ul li a.active {
	background-color: var(--ldp-primary-color);
	position: relative;
	color: white;
}

/* .donation-style-1 .wpcm-recurring-btns ul li a.active::after,
.donation-style-2 .wpcm-recurring-btns ul li a.active::after,
.donation-style-3 .wpcm-recurring-btns ul li a.active::after,
.donation-style-4 .wpcm-recurring-btns ul li a.active::after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	transform: rotate(135deg);
	bottom: -5px;
	left: 50%;
	background-color: var(--ldp-primary-color);
} */
.donation-style-3 .wpcm-amount-box strong.wpcm-cstm-amt-txt,
.donation-style-1 .wpcm-amount-box strong.wpcm-cstm-amt-txt {
	font-size: 20px;
	font-weight: 600;
}
.el-dialog .col-content  {
	padding: 40px;
}
.el-dialog 	.dialog-content .wpcm-col-sm-4 {
	background-color: #f7f9fc;
	padding: 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
.donation-style-2 .wpcm-amount-box .wpcm-pre-dfind-amt li a {
	font-size: 16px;
}
.donation-style-2 .el-select__wrapper {
	font-size: 16px;
	
}
.donation-style-1 .wpcm-amount-box .wpcm-pre-dfind-amt li a,
.donation-style-2 .wpcm-amount-box .wpcm-pre-dfind-amt li a,
.donation-style-3 .wpcm-amount-box .wpcm-pre-dfind-amt li a,
.donation-style-4 .wpcm-amount-box .wpcm-pre-dfind-amt li a {
	padding: 12px 0;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all .25s ease;
	display: block;
	text-align: center;
}
.donation-style-2 header.el-dialog__header {
	display: none;
}
.donation-style-3 .wpcm-amount-box .wpcm-pre-dfind-amt {
	margin-top: 15px;
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}
.donation-style-1 .wpcm-amount-box .wpcm-pre-dfind-amt,
.donation-style-2 .wpcm-amount-box .wpcm-pre-dfind-amt,
.donation-style-4 .wpcm-amount-box .wpcm-pre-dfind-amt {
	margin-top: 15px;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.donation-style-2 .wpcm-amount-box .wpcm-pre-dfind-amt {
	margin-top: 15px;
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}

.donation-style-1 .wpcm-amount-box .wpcm-pre-dfind-amt li a:hover,
.donation-style-2 .wpcm-amount-box .wpcm-pre-dfind-amt li a:hover,
.donation-style-3 .wpcm-amount-box .wpcm-pre-dfind-amt li a:hover,
.donation-style-4 .wpcm-amount-box .wpcm-pre-dfind-amt li a:hover {
	transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
	color: var(--ldp-primary-color);
}

.donation-style-1 .wpcm-custm-amt-before-title h3 {
	border: 1px solid var(--ldp-primary-color);
	height: 57px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #222;
	font-weight: 600;
	font-size: 18px;
	position: relative;
	margin-top: 30px;
}

.donation-style-1 .wpcm-custm-amt-before-title h3::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -20px;
	border: 10px solid;
	border-color: var(--ldp-primary-color) #bcbcbc00 transparent transparent;
}

.donation-style-1 .wpcm-custom-amt-box-container .wpcm-custm-amt-box .wpcm-symbl-prefix,
.donation-style-2 .wpcm-custom-amt-box-container .wpcm-custm-amt-box .wpcm-symbl-prefix,
.donation-style-3 .wpcm-custom-amt-box-container .wpcm-custm-amt-box .wpcm-symbl-prefix,
.donation-style-4 .wpcm-custom-amt-box-container .wpcm-custm-amt-box .wpcm-symbl-prefix {
	background-color: var(--ldp-primary-color);
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
    color: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    font-weight: 600;
}

.donation-style-1 .wpcm-custom-amt-box-container .wpcm-custm-amt-box,
.donation-style-3 .wpcm-custom-amt-box-container .wpcm-custm-amt-box,
.donation-style-4 .wpcm-custom-amt-box-container .wpcm-custm-amt-box {
	height: 50px;
}
.donation-style-2 .wpcm-custom-amt-box-container .wpcm-custm-amt-box {
	height: 55px;
}
.wpcm-custom-amt-box-container .wpcm-custm-amt-box input:focus-visible {
	outline: none;
}

.donation-style-1 .wpcm-custom-amt-box-container .wpcm-custm-amt-box input,
.donation-style-2 .wpcm-custom-amt-box-container .wpcm-custm-amt-box input,
.donation-style-3 .wpcm-custom-amt-box-container .wpcm-custm-amt-box input,
.donation-style-4 .wpcm-custom-amt-box-container .wpcm-custm-amt-box input {
	flex: 1;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    font-size: 15px;
}
.donation-style-1 .wpcm-custom-amt-box-container,
.donation-style-2 .wpcm-custom-amt-box-container,
.donation-style-3 .wpcm-custom-amt-box-container,
.donation-style-4 .wpcm-custom-amt-box-container {
	width: 100%;
}
.el-dialog .col-content  .wpcm-proceed-btn span {
	color: white;
}
.donation-style-3 .col-content .wpcm-row .wpcm-col-sm-12 .wpcm-next-btn button.el-button:hover,
.el-dialog .col-content  .wpcm-proceed-btn:hover {
	transform: translateY(-2px);
}
.donation-style-3 .col-content .wpcm-row .wpcm-col-sm-12 .wpcm-next-btn button.el-button,
.donation-style-2 .col-content .wpcm-next-btn button.el-button,
.donation-style-1 .col-content .wpcm-col-sm-12 .wpcm-proceed-btn,
.donation-style-4 .col-content .wpcm-col-sm-12 .wpcm-proceed-btn {
	width: 100%;
    padding: 13px;
    border-radius: 14px;
    border: none;
    background-color: var(--ldp-primary-color);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .2s ease;
}

.donation-style-1 .col-content .wpcm-col-sm-12 .wpcm-proceed-btn button.el-button {
	padding: 0;
	height: 100%;
	width: 100%;
}

.donation-style-1 .col-content .wpcm-custm-amt-box,
.donation-style-4 .col-content .wpcm-custm-amt-box {
	margin-top: 35px;
	display: flex;
}
.donation-style-1 .col-content .wpcm-custm-amt-box input::placeholder,
.donation-style-4 .col-content .wpcm-custm-amt-box input::placeholder {
	color: #555 !important;
	font-weight: 400;
}

/* .donation-style-1 .wpcm-recurring-btns {
	margin-bottom: 50px;
} */
.donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular,
.donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular {
	height: 170px;
	width: 170px;
	position: relative;
}

.donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar canvas,
.donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar canvas {
	height: 170px !important;
	width: auto !important;
}

.donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular input,
.donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular input {
	margin-top: 0 !important;
	position: absolute !important;
	width: 170px !important;
	height: auto !important;
	margin-left: 0 !important;
	font-size: 40px !important;
	color: var(--ldp-primary-color) !important;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular input:focus-visible,
.donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular input:focus-visible {
	outline: none;
}

.donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular span,
.donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular span {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar,
.donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar {
	display: flex;
	justify-content: center;
	padding-top: 50px;
}
.el-dialog  .dialog-content .wpcm-row {
	margin-right: -4px;
    margin-left: -4px;
}
.textfield input:focus-visible {
	border: 1px solid var(--ldp-primary-color);
	outline: none;
}
.el-dialog  .wpdonation-box .easy-donation-box .wpcm-col-md-12,
.el-dialog  .wpdonation-box .easy-donation-box .wpcm-col-md-6 {
	padding: 0px 7px;
}
.donation-style-1 .wpcm-payment-gateways .wpcm-proceed-btn {
	width: 95%;
	background-color: var(--ldp-primary-color);
    color: #fff;
	    flex: 1;
    height: 54px;
    border-radius: 14px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
	transition: .3s ease-in-out;
}

.donation-style-3 .wpcm-payment-gateways .donation-done {
	width: 100%;
    background-color: var(--ldp-primary-color);
    color: #fff;
    flex: 1;
    height: 54px;
    border-radius: 14px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease-in-out;
}
.donation-style-2 .wpcm-payment-gateways .wpcm-proceed-btn:hover,
.donation-style-2 .wpcm-payment-gateways .wpcm-back-btn:hover {
	transform: translateY(-2px);
}
.donation-style-2 .wpcm-payment-gateways .wpcm-proceed-btn {
	width: 95%;
    background-color: var(--ldp-primary-color);
    color: #fff;
    flex: 1;
    height: 55px;
    border-radius: 14px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s ease-in-out;
}
.donation-style-2 .wpcm-payment-gateways .wpcm-back-btn {
	    background-color: #e5e7eb;
    color: #111827;
    height: 55px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    transition: .3s ease-in-out;
}

.donation-style-1 .wpcm-payment-gateways .wpcm-back-btn,
.donation-style-4 .wpcm-payment-gateways .wpcm-back-btn {
	background-color: #e5e7eb;
	color: #111827;
	height: 54px;
	border-radius: 14px;
	font-size: 16px;
    font-weight: 700;
    cursor: pointer;
	border: none;
	transition: .3s ease-in-out;
}

.donation-style-1 .wpcm-payment-gateways .wpcm-back-btn span,
.donation-style-4 .wpcm-payment-gateways .wpcm-back-btn span {
	font-size: 16px;
	color: #444;
}

.donation-style-1 .wpcm-payment-gateways .wpcm-back-btn:hover,
.donation-style-4 .wpcm-payment-gateways .wpcm-back-btn:hover {
	transform: translateY(-2px);
	
}

/***** Donation Form Style One Styling End ******/
/***** Donation Form Style Two Styling Start ******/
.donation-style-2 .wpcm-heading {
	text-align: center;
	font-size: 25px;
	color: #000;
	padding-bottom: 15px;
	margin-top: -10px;
}

.donation-style-2 .col-content .wpcm-next-btn .el-button {
	margin-top: 0 !important;
	transition: 0.3s ease-in-out;
}

.donation-style-2 .col-content .wpcm-next-btn .el-button span {
	color: #666;
	transition: 0.3s ease-in-out;
}

.donation-style-2 .col-content .wpcm-next-btn .el-button:hover span {
	color: #fff;
}
.donation-style-2 .col-content .wpcm-next-btn .el-button {
	height: 55px;
}
.donation-style-2 .wpcm-recurring-btns li a {
	padding: 20px 0;
	font-size: 18px;
}
.donation-style-2 .col-content .wpcm-next-btn {
	margin-top: 35px;
	width: 100%;
}
.donation-style-2 input::placeholder {
    font-size: 15px;
    font-weight: 500;
    color: #666;
}
.donation-style-2 .col-content .wpcm-next-btn .el-button:hover {
	transform: translateY(-2px);
}

.donation-style-2 strong.wpcm-cstm-amt-txt {
	font-size: 20px;
}

.donation-style-3 .wpcm-custom-amt-box-container .wpcm-custm-amt-box {
	display: flex;
}
.donation-style-2 .wpcm-custom-amt-box-container .wpcm-custm-amt-box {
	margin-top: 35px;
	display: flex;
}

.donation-style-2 .wpdonation-box h2.wpdonation-title,
.donation-style-3 .wpdonation-box h2.wpdonation-title {
	margin-top: 0px;
	font-size: 25px;
}

.donation-style-2 .wpcm-payment-gateways,
.donation-style-2 .wpdonation-box {
	width: 100%;
	margin: 0px 15px;
}

.donation-style-2 .col-content .wpcm-next-btn .el-button span {
	color: white;
}
/***** Donation Form Style Two Styling End ******/
/***** Donation Form Style Three Styling Start ******/
.donation-style-3 h2.wpcm-heading {
	font-size: 35px;
	text-align: center;
	padding: 20px 0px;
}
.donation-style-3 .col-content .wpcm-row .wpcm-col-sm-12 {
	display: flex;
	padding: 0px;
}
.donation-style-3 .wpcm-next-btn .el-button {
	height: 50px;
}
.donation-style-3 .wpcm-amount-box  .wpcm-pre-dfind-amt  {
	margin-bottom: 30px;
}

.donation-style-3 .col-content .wpcm-row .wpcm-col-sm-12 .wpcm-next-btn button.el-button span {
	transition: 0.3s ease-in-out;
}
.donation-style-3 .wpcm-amount-box strong.wpcm-cstm-amt-txt {
	margin-top: 15px;
	display: flex;
}
.donation-style-3 .wpcm-payment-gateways .donation-done:hover,
.donation-style-3 .wpcm-payment-gateways .wpcm-back-btn:hover {
	transform: translateY(-2px);
}
.donation-style-3 .wpcm-payment-gateways .wpcm-back-btn {
	background-color: #e5e7eb;
    color: #111827;
    height: 54px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    transition: .3s ease-in-out;
}
.donation-style-3 .wpcm-payment-gateways,
.donation-style-3 .wpdonation-box {
	width: 100%;
	margin: 0px;
}

/***** Donation Form Style Three Styling End ******/
/***** Donation Form Style Four Styling Start ******/
/***** Donation Form Style End Styling End ******/

/***** Donors List Widget Styling Starts ******/

.wpcm-top-donors-widget {
	border: none;
}

.wpcm-top-donors-widget {
	padding: 0 !important;
}

.wpcm-top-donors-widget .slick-slide {
	border: 2px solid #bebebe;
	margin: 0px 10px;
	height: 260px;
}

.wpcm-top-donors-widget .slick-slide {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.wpcm-top-donors-widget .slick-current.slick-active.slick-active {
	background-color: white;
}

.wpcm-top-donors-widget .slick-slide .wpcm-donr-donation strong {
	font-size: 14px;
	color: #3d498d;
}

.wpcm-top-donors-widget .slick-slide .wpcm-donr-donation h5 {
	margin-bottom: 0;
}

.wpcm-top-donors-widget .slick-slide .wpcm-donr-donation {
	padding-left: 0;
	margin-top: -32px;
}

.wpcm-donor-avatar img {
	border-radius: 50%;
}

.wpcm-donor-avatar {
	margin-bottom: 50px;
}

.slick-slider button.slick-arrow {
	color: transparent;
	background-color: transparent;
	padding: 0;
	position: absolute;
	top: -70px;
}

.wpcm-top-donors-widget .slick-slider button.slick-arrow {
	right: 37px;
}

.wpcm-top-donors-widget .slick-slider button.slick-prev {
	left: 11px;
}

.slick-slider button.slick-arrow::before {
	height: 46px;
	width: 46px;
	border-radius: 50%;
	line-height: 46px;
	text-align: center;
	border: 1px solid #cbcbcb;
	font-family: "Font Awesome 5 Free";
	color: #444444;
	font-weight: 900;
	display: block;
}

.slick-slider button.slick-arrow::before {
	height: 46px;
	width: 46px;
	border-radius: 50%;
	line-height: 46px;
	text-align: center;
	border: 1px solid #cbcbcb;
	font-family: "Font Awesome 5 Free";
	color: #444444;
	font-weight: 900;
	display: block;
}

.donation-style-3 .col-content .wpcm-row .wpcm-col-sm-12 .wpcm-next-btn {
background-color: transparent;
padding-left: 20px;
}
.wpdonation-box input {
	width: 100%;
	padding: 10px;
}

.textfield .el-select__wrapper input {
	border: none;
	
}

/***** Donors List Widget Styling Ends ******/

.easy-donation-box .wpcm-80g-field {
	margin-left: 16px;
}

/***** Donation user dashboard Styling Start ******/
#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content select,
#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .el-custom-select,
#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-form-input {
	height: 45px;
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	border: none;
	padding: 0px 15px;
	color: #999;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .el-select__wrapper {
	box-shadow: none;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-primary-bgcolr a.wpcm-primary-bgcolr {
	background-color: #ffffff;
	height: 25px;
	width: 25px;
	display: inline-block;
	text-align: center;
	border-radius: 20px;
	box-shadow: 0px 0px 8px 0px #0000002e;
	margin-left: 10px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-order-detail-content .wpcm-form-group {
	margin-top: 40px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-order-detailbox h4.wpcm-order-detail-header {
	font-size: 25px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-order-detail-content {
	margin-top: 30px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-order-detail-content .wpcm-action-btns i {
	margin-right: 4px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-order-detail-content .wpcm-action-btns {
	margin-top: 10px;
	margin-left: 10px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-order-general-box .wpcm-form-group:first-child {
	margin-top: 10px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-order-general-box {
	margin-top: 22px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-custom-select2 a {
	margin-top: 10px;
	display: inline-block;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-custom-select2 span {
	margin-right: 2px;
	margin-left: 4px;
	margin-top: 10px;
	display: inline-block;
}
.meta-box-sortables.ui-sortable .wpcm-order-detailbox .wpcm-form-group {
	margin-bottom: 25px;
	display: flex;
	align-items: center;

}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detail .wpcm-content .wpcm-custom-select2 .el-select__placeholder span {
	margin: 0;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-order-detailbox .wpcm-order-detail-content .wpcm-order-general-box .wpcm-form-group {
	display: flex;
	margin-top: 10px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-note-form .wpcm-custom-select .wpcm-form-input {
	width: 100%;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-note-form .wpcm-note-btn {
	margin-top: 5px;
	display: block;
	margin-left: 10px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-content>.wpcm-row {
	padding-top: 50px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-content>.wpcm-row .wpcm-order-detail-content {
	margin-top: 10px;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-content>.wpcm-row .wpcm-order-detail-content .wpcm-billing-btns {
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
}

#advanced-sortables #wpcm_order_metabox_basic .inside .wpcm-content>.wpcm-row .wpcm-order-detail-content .wpcm-billing-info .fa-pencil-alt {
	margin-left: 8px;
}

.wpcm-order-detail-content .wpcm-biling-group {
	display: flex;
	justify-content: space-between;
}

/***** Donation user dashboard Styling End ******/

/* Causes 10 Widget Styles */
.col-20 {
    flex: 0 0 20%;
    max-width: 20%;
}

@media (max-width: 992px) {
    .col-20 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media (max-width: 768px) {
    .col-20 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .col-20 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Slider Styles */
.slick-slide {
    padding: 10px;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
    .cause-grid {
        grid-template-columns: 1fr;
    }
}

.wpcm-anonymous-field .el-checkbox__inner::after{
	top: 50%;
    left: 50%;
}
.meta-box-sortables .inside .wpcm-content .wpcm-order-detail-content .el-select__selection,
.meta-box-sortables .inside .wpcm-content .wpcm-order-detail-content .wpcm-form-group input {
	box-shadow: none !important;
	height: auto !important;
	padding: 0 !important;
}
.meta-box-sortables .inside .wpcm-content .wpcm-order-detailbox .wpcm-form-group {
	margin-top: 0 !important;
}
.meta-box-sortables .inside .wpcm-content .wpcm-order-detailbox .wpcm-order-detail-content {
	margin-top: 0 !important;
}
.meta-box-sortables  .wpcm-billing-btns {
    width: max-content;
    background-color: #0d6efd0d;
    border: 1px solid #0d6efd3d;
    padding: 10px 25px;
    border-radius: 14px;
}
.meta-box-sortables  .wpcm-billing-btns a {
	font-size: 14px;
}
.meta-box-sortables .wpcm-billing-info  .wpcm-biling-group {
	    background-color: white;
    margin-bottom: 10px;
    border: 1px solid #b6d3ff;
    padding: 12px 15px;
	border-radius: 13px;
	align-items: center;
}
.meta-box-sortables .wpcm-billing-info  .wpcm-biling-group a {
	background-color: #eaf2ff;
    padding: 3px 9px;
    border-radius: 7px;

}
.meta-box-sortables .wpcm-billing-info  .wpcm-biling-group a i {
	margin-left: 0 !important;
}
.meta-box-sortables .wpcm-billing-info  .wpcm-biling-group label {
	margin-bottom: 0;
}
.meta-box-sortables .inside .wpcm-content .wpcm-order-detailbox .wpcm-order-detail-content .wpcm-action-btns {
	width: max-content;
	background-color: #0d6efd;
	padding: 6px 15px;
    border-radius: 12px;
	cursor: pointer;
    transition: all .25s ease;
}
.meta-box-sortables .inside .wpcm-content .wpcm-order-detailbox .wpcm-order-detail-content .wpcm-action-btns:hover {
	transform: scale(1.02);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.meta-box-sortables .inside .wpcm-content .wpcm-order-detailbox .wpcm-order-detail-content .wpcm-action-btns a {
	color: white;
	font-size: 13px;
}
.meta-box-sortables .inside .wpcm-content .wpcm-order-detail-content .el-input__wrapper,
.meta-box-sortables .inside .wpcm-content .wpcm-sec-content .wpcm-form-input,
.meta-box-sortables .inside .wpcm-content .wpcm-order-detail-content .el-custom-select,
.meta-box-sortables .inside .wpcm-content .wpcm-order-detail-content .wpcm-form-input {
	box-shadow: none !important;
	width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    border: 1px solid #e5e7eb !important;
    font-size: 14px !important;
	background-color: #fff;
}
/* Recent Donors styling Start */
.wpcm-top-donors-widget {
    padding: 0 !important;
}
.wpcm-top-donors-widget {
    border: none;
}	
.wpcm-top-donors-widget .slick-slider button.slick-arrow {
    right: -17px !important;
}
.wpcm-top-donors-widget .slick-slider button.slick-prev {
    z-index: 1 !important;
    left: -45px !important;
}
.wpcm-top-donors-widget .slick-slider button.slick-arrow {
    color: transparent;
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 50%;
}
.wpcm-top-donors-widget .slick-slide {
    border: 2px solid #bebebe;
    margin: 0px 10px;
    height: 260px;
}
.wpcm-top-donors-widget .slick-slide {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.wpcm-top-donors-widget .slick-current.slick-active.slick-active {
    background-color: white;
}
.wpcm-top-donors-widget .donor-avatar {
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 25px;
}
.wpcm-top-donors-widget img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
}
.wpcm-top-donors-widget .donr-donation h5 {
    font-size: 20px;
    color: #000;
    margin: 0;
}
.wpcm-top-donors-widget .donr-donation span {
    font-weight: 400;
    color: #666666;
}
.wpcm-top-donors-widget .slick-slider button.slick-arrow {
    color: transparent;
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 50%;
}
.wpcm-top-donors-widget .slick-slider button.slick-arrow::before {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    border: 1px solid #3d498d;
    color: #3d498d;
    font-weight: 900;
    background-color: white;
    display: block;
}
.wpcm-top-donors-widget .slick-slider button.slick-arrow:hover:before {
    background-color: white;
    color: #3d498d;
}