.wdpgk_donation_content {

    margin: 10px 0;

    max-width: 400px;

    /* display: inline-block; */

    /* width: 100%; */

}



.woocommerce-cart .wdpgk_donation_content,

.woocommerce-checkout .wdpgk_donation_content {

    margin-bottom: 30px;

    display: inline-block;

    width: 100%;

}



.woocommerce-checkout .wdpgk_donation_content {

    display: inline-block;

    width: 100%;

}



.wdpgk_donation_content input.wdpgk_donation {

    display: block;

    width: 100%;

    border: 1px solid #ccc;

    outline: none !important;

    padding: 0 20px !important;

    margin: 0;

}



.wdpgk_donation_content .button.wdpgk_add_donation {

    cursor: pointer;

    margin-top: 20px;

    outline: none !important;

}



.wdpgk_error_front {

    color: red;

    font-weight: 500;

    padding: 10px 0 0 0;

}



.wdpgk_button_loader {

    position: relative;

    display: inline;

}



.wdpgk_loader_img {

    display: none !important;

}



.wdpgk_loader {

    position: absolute;

    top: 50%;

    right: -45px;

    width: 33px !important;

    border-radius: 50%;

    transform: translate(0, -50%);

}



.donation_note {

    max-width: 300px;

    display: table;

}



.wdpgk_donation_content .wdpgk_display_option span {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    background: #d7d7d7;

    color: #000000;

    padding: 8px 18px;

}



.wdpgk_donation_content .wdpgk_display_option {

    display: flex;

    position: relative;

    width: 100%;

}



.wdpgk_donation_content .wdpgk_display_option select,

input.wdpgk_donation.wdpgk_donation_text {

    flex: 1;

    padding: 0px 20px !important;

    outline: none !important;

    -webkit-appearance: none;

    background-image: none;

    margin-bottom: 0 !important;

    max-width: initial;

    text-transform: capitalize;

    min-height: 40px;

}



.wdpgk_predife_cus_val {

    padding-top: 20px;

}



h6.wdpgk_h6 {

    margin: 15px 0 0 0;

    padding: 0;

}



.wdpgk_donation_content .donation_note {

    width: 100%;

    max-width: 100%;

    margin-top: 20px;

    padding: 15px 20px;

    border-color: #ccc;

    margin-bottom: 0 !important;

    display: block;

    outline: none !important;

    margin-right: 0;

}



.wdpgk_donation_content .wdpgk_display_option svg {

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translate(0, -50%);

    pointer-events: none;

    z-index: 1;

}



.wdpgk_donation_content .wdpgk_display_option svg polygon {

    fill: #7e7e7e;

}



.wdpgk_donation_content h2 {

    /* font-weight: normal;

    font-size: 24px; */

    margin-bottom: 20px;

    /* text-align: left; */

    width: fit-content;

}





/** Popup Css */



.wdpgk-close-modal {

    position: absolute;

    top: 0;

    right: 0;

    font-size: 38px;

    border: none;

    padding: 0;

    font-weight: normal;

    height: 40px;

    width: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    min-width: 40px;

    padding-bottom: 5px;

}





/* .wdpgk-close-modal:hover {

  background: #333 !important;

  color: #fff !important;

} */



.wdpgk_hidden {

    display: none;

}



.wdpgk_donation_modal,

.wdpgk-modal-dialog {

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: calc(100% - 120px);

    background-color: white;

    padding: 2rem;

    border-radius: 0;

    box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3);

    z-index: 99999;

    display: none;

    max-width: 860px;

    overflow: auto;

    max-height: 80vh;

    height: auto;

}



.wdpgk-common-popup .wdpgk-modal-dialog {

    display: block;

}



.wdpgk_donation_modal h2 {

    margin-bottom: 15px;

}



.wdpgk_donation_modal,

.wdpgk_donation_modal h1,

.wdpgk_donation_modal h2,

.wdpgk_donation_modal h3,

.wdpgk_donation_modal h4,

.wdpgk_donation_modal h5,

.wdpgk_donation_modal h6,

.wdpgk_donation_modal span,

.wdpgk_donation_modal p,

.wdpgk_donation_modal lable,

.wdpgk_donation_modal li,

.wdpgk_donation_modal b,

.wdpgk_donation_modal strong {

    color: #333;

}



.wdpgk_overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    z-index: 100;

    opacity: 0.85;

    display: none;

    z-index: 9999;

}



.wdpgk_donation_modal::-webkit-scrollbar {

    width: 4px;

}



.wdpgk_donation_modal::-webkit-scrollbar-thumb {

    background: #3c3c3c;

    border-radius: 4px;

}



.wdpgk_donation_modal::-webkit-scrollbar-track {

    background: #cacaca;

}



.wdpgk_donation_modal .wdpgk_donation_content {

    max-width: 100%;

}



.widget .wdpgk_donation_content h2 {

    display: none;

}



.wdpgk_display_option.wdpgk_campaign_option {

    margin-top: 10px;

}



.woocommerce-cart-form table.shop_table.cart tr td .wdpgk_donation_meta tr td,

.woocommerce-checkout-review-order-table td.product-name .wdpgk_donation_meta tr td {

    padding: 0 !important;

    border: none !important;

    text-align: left;

    margin-top: 10px !important;

    vertical-align: text-top !important;

}





/* .woocommerce-checkout-review-order-table td.product-name .wdpgk_donation_meta tr td{

    text-align: right;

} */



.wdpgk_donation_meta tr td:first-child {

    font-weight: bold;

}



table.wdpgk_donation_meta {

    margin-bottom: 0;

}



.woocommerce-cart-form table.shop_table.cart tr td .wdpgk_donation_meta tr td:first-child,

.woocommerce-checkout-review-order-table td.product-name .wdpgk_donation_meta tr td:first-child {

    padding-right: 20px !important;

}



.wdpgk_donation_meta {

    border: none;

    border-collapse: unset;

}



.wdpgk-for-des {

    display: block;

}



.wdpgk-for-mob {

    display: none !important;

}



.wdpgk-sticky-button {

    position: fixed !important;

    z-index: 999;

    min-height: 40px;

    font-weight: bold;

}



.wdpgk-sticky-button.right-top {

    top: 0px;

    right: 0px;

}



.wdpgk-sticky-button.right-center {

    top: calc(100% - 69vh);

    transform: translate(0, -50%) rotate(-90deg);

    right: 32px;

    transform-origin: right;

}



.wdpgk-sticky-button.right-bottom,

.wdpgk-sticky-button.bottom-right {

    bottom: 0px;

    right: 0px;

}



.wdpgk-sticky-button.left-top {

    top: 0px;

    left: 0px;

}



.wdpgk-sticky-button.left-center {

    top: calc(100% - 69vh);

    transform: translate(0, -50%) rotate(90deg);

    left: 34px !important;

    transform-origin: left;

}



.wdpgk-sticky-button.left-bottom,

.wdpgk-sticky-button.bottom-left {

    bottom: 0px;

    left: 0px;

}



.wdpgk-sticky-button.center-bottom,

.wdpgk-sticky-button.bottom-center {

    left: 50% !important;

    transform: translate(-50%, 0);

    bottom: 0px;

}



.wdpgk-sticky-button.center-top {

    left: 50% !important;

    transform: translate(-50%, 0);

    top: 0px;

}



.wdpgk-sticky-button svg {

    margin-right: 8px;

    vertical-align: middle;

}



.wdpgk-sticky-button.right-center svg {

    transform: rotate(90deg);

    margin: 0;

    margin-right: 10px;

}



.wdpgk-sticky-button.left-center svg {

    transform: rotate(-90deg);

    margin: 0;

    margin-right: 5px;

}



.wdpgk-sticky-button svg path {

    fill: #000;

}



.wdpgk-common-popup {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgb(0 0 0 / 85%);

    z-index: 9999;

}





/* .wdpgk-modal-dialog {

    max-width: 800px;

    width: 100%;

    background: #fff;

    padding: 30px;

    height: auto;

    max-height: 80vh;

    overflow-x: auto;

    display: block;

    margin: 0 30px;

    position: relative;

} */





/* .wdpgk-modal-content {

    position: relative;

}



.wdpgk-popup-title {

    position: relative;

} */



.wdpgk-popup-title h3 {

    font-size: 26px;

    line-height: 36px;

    text-transform: capitalize;

    padding-right: 80px;

    margin-bottom: 20px;

}



.wdpgk-close-popup {

    position: absolute !important;

    top: 0;

    right: 0;

    width: 40px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    border: none !important;

    padding: 0;

    font-size: 34px;

    cursor: pointer;

    padding-bottom: 8px;

}



.wdpgk-modal-content .wdpgk_donation_content {

    max-width: 100%;

}



.wdpgk-modal-dialog::-webkit-scrollbar {

    width: 4px;

}



.wdpgk-modal-dialog::-webkit-scrollbar-track {

    background: rgb(0 0 0 / 0.25);

}



.wdpgk-modal-dialog::-webkit-scrollbar-thumb {

    background: #000;

}



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

    .wdpgk_donation_modal.wdpgk_popup_mob_hidden,

    .wdpgk_overlay.wdpgk_popup_mob_hidden {

        display: none !important;

    }

    .wdpgk-for-des {

        display: none !important;

    }

    .wdpgk-for-mob {

        display: block !important;

    }

    .wdpgk-common-popup {

        padding: 30px 0;

    }

    .wdpgk-modal-dialog {

        /* margin: 0 15px; */

    }

    .wdpgk_donation_modal,

    .wdpgk-modal-dialog {

        width: calc(100% - 30px);

        padding: 1.5rem;

    }

}





/* 

.wdpgk-modal-dialog * {

    mix-blend-mode: difference;

} */



.wdpgk_display_option .wdpgk_donation.wdpgk_donation_button {

    display: flex;

    flex-wrap: wrap;

}



.wdpgk_donation_button .wdpgk-type-button {

    position: relative;

    padding: 10px 28px;

    background: transparent;

    border: 1px solid #000;

    margin-right: 10px;

    margin-bottom: 10px;

    color: #000;

    width: unset;

}



.wdpgk_donation_button .wdpgk-type-button input[type="radio"] {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 0;

    z-index: -1;

    color: #000;

    opacity: 0;

}



.wdpgk_donation_button .wdpgk-type-button input[type=radio]::after {

    display: none;

}



.wdpgk_donation_button .wdpgk-type-button.wdpgk-don-type-button-active {

    background: #000 !important;

    color: #fff !important;

}



.wdpgk_donation_radio .wdpgk-type-button {

    margin-right: 10px;

}



.wdpgk_donation_radio .wdpgk-type-button input[type=radio] {

    margin-top: 3px;

}



.wdpgk-type-button input[type=radio] {

    position: absolute;

    top: 0;

    left: 0;

    width: auto;

    background: 0 0;

    border: none;

    outline: none;

    z-index: 5;

    cursor: pointer;

    -moz-appearance: none;

    -webkit-appearance: none;

    margin: 0;

}



.wdpgk-type-button input[type=radio]:before {

    content: '';

    position: absolute;

    top: 10px;

    left: 0;

    transform: translate(0, -50%);

    width: 16px;

    height: 16px;

    border-radius: 20px;

    border: 2px solid #000;

    z-index: 1;

}



.wdpgk-type-button input[type=radio]:after {

    content: '';

    position: absolute;

    top: 10px;

    left: 4px;

    transform: translate(0, -50%);

    width: 8px;

    height: 8px;

    border-radius: 15px;

    background: #000;

    color: var(--white-color);

    opacity: 0;

    transition: .3s;

    z-index: 0;

}



.wdpgk_display_option input[type=radio]:checked:after,

.wdpgk_display_option input[data-checked="checked"]:after {

    opacity: 1 !important;

}



.wdpgk_display_option label.wdpgk-type-button {

    position: relative;

    padding-left: 25px;

}