
    .copy-iframe-url,.copy-shortcode-url,.copy-popup-shortcode-url {
        background: none;
        border: none;
        cursor: pointer;
        border: 1px solid #8c32ed;
        padding: 8px 13px;
        border-radius: 5px;
    }

    .copy_icon {
        font-size: 15px !important;
    }

    .a_link {
        font-size: 15px !important;
        border: 1px solid #8c32ed;
        padding: 5px 10px;
        border-radius: 5px;
    }

    .a_link,
    .copy_icon {
        color: #914cdb !important;
    }

    .donation-tabless th {
        background: #E6D8F5 !important;
    }

    .donation-tabless {
        padding: 0px 0px !important;
    }

    .donation-tabless thead th {
        font-size: 18px !important;
        color: #551895 !important;
        font-weight: 600;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    .donation-tabless td:nth-child(2) {
	color: #626262e8;
        font-weight: bold;
    }

    .donation-tabless td {
        font-size: 15px !important;
        color: #000 !important;
        font-weight: 500;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    .donation-tabless .donations-table th {
        background-color: #f1f1f1;
        font-weight: 700;
    }

    h1.charity_haeding {
        margin-bottom: 20px !important;
        font-size: 25px !important;
        font-weight: bold !important;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    .donation-tabless {
        padding: 5px 20px;
	border-top-left-radius: 26px;
	border-top-right-radius: 26px;
        border-bottom-right-radius: 26px;
  	border-bottom-left-radius: 26px;

    }

    .campaign_img {
        max-width: 100%;
        /* height: auto; */
        height: 300px;
    }

    .widefat td {
        position: relative;
    }

    .edit-button {
        display: none;
        position: absolute;
        bottom: 5px;
        left: 10px;
    }

    .widefat td:hover .edit-button {
        display: inline-block;
        animation: 2s fadeIn;
    }

    .edit-button a {
        text-decoration: none;
        padding: 4px 8px;
        /* background-color: #0073aa; */
        color: #0073aa;
        /* border-radius: 3px; */
        font-size: 14px;
        text-decoration: underline !important;
    }

    .edit-button a:hover {
        background-color: #fff !important;

    }

    .widefat tr td {
        padding-bottom: 8px;
        padding-top: 8px;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }


    /* ////////// Campaigns Css   /////////////// */

    .campaign-container {
        max-width: 70%;
        margin: 50px auto;
        padding: 20px;
    }

    .campaign-card {
        display: flex;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }

    .campaign-image {
        flex: 1;
        background: #eee;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .campaign-image img {
        width: 100%;
        height: auto;
        max-width: 300px;
        object-fit: cover;
    }

    .campaign-content {
        flex: 2;
        padding: 20px;
    }

    .campaign-title {
        font-size: 2rem;
        color: #8c32ed !important;
        margin-bottom: 10px;
        text-transform: capitalize;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    .campaign-description {
        font-size: 1.1rem;
        color: #555;
        margin-bottom: 20px;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    .campaign-details {
        margin-top: 15px;
    }

    .campaign-details h3 {
        margin-bottom: 10px;
        color: #8c32ed !important;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    .campaign-details ul {
        list-style: none;
        padding: 0;
    }

    .campaign-details li {
        margin: 13px 0;
        font-size: 1rem;
    }

    .campaign-details strong {
        color: #333;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    .campaign-details span {
        color: #8c32edbd !important;
        font-weight: bold;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    @media (max-width: 768px) {
        .campaign-card {
            flex-direction: column;
        }

        .campaign-image img {
            width: 100%;
        }
    }

    /* End */


    /*  Donation Detail */

    .user-details-container {
        max-width: 65%;
        margin: 40px auto;
        padding: 20px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .user-header {
        text-align: center;
        margin-bottom: 20px;
    }

    .user-header h1 {
        font-size: 2rem;
        margin: 0;
        color: #333;
    }

    .user-details-card {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        background: #f7f7f7;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .user-info {
        flex: 2;
    }

    .user-info h2 {
        font-size: 1.8rem;
        margin-bottom: 10px;
        color: #8c32ed;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    .user-info p {
        margin: 10px 0;
        font-size: 1rem;
        color: #555;
    }

    .user-amount {
        flex: 1;
        text-align: center;
        background: #8c32edbd;
        color: #fff;
        border-radius: 8px;
        padding: 20px;
    }

    .user-amount h3 {
        font-size: 1.5rem;
        margin-bottom: 10px;
        color: #fff;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    .amount-value {
        font-size: 2rem;
        font-weight: bold;
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
    }

    .user-info strong,
    .user-info p {
        font-family: "Josefin Sans", serif !important;
        font-optical-sizing: auto;
        /* color: #000; */
    }

    @media (max-width: 768px) {
        .user-details-card {
            flex-direction: column;
        }

        .user-amount {
            text-align: center;
            margin-top: 20px;
        }
    }

    /* End */

    /* pagination */

    .pagination {
        display: inline-block;
        text-align: center;
        margin: 20px 0;
    }

    .pagination-link {
        background-color: #f4f4f4;
        color: #333;
        border: 1px solid #ddd;
        padding: 5px 10px;
        margin: 0 2px;
        cursor: pointer;
        font-size: 14px;
        border-radius: 3px;
        transition: background-color 0.3s ease;
	font-weight: 500;
   	font-family: "Josefin Sans", serif !important;
    	font-optical-sizing: auto;
    }

    .pagination-link.active {
        background-color: #8c32ed !important;
        color: #fff;
        font-weight: bold;
    }

    .pagination-link:hover {
        background-color: #8c32ed !important;
        color: #fff;
    }

    .pagination-ellipsis {
        display: inline-block;
        padding: 5px 10px;
        font-size: 14px;
        color: #999;
    }

    .pagination span.pagination-ellipsis {
        padding: 8px 12px;
        color: #555;
    }

    /* Loading */
    .loading {
        z-index: 999;
        height: 2em;
        width: 2em;
        overflow: show;
        margin: auto;
        bottom: 0;
        right: 0
    }

    .loading:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
        background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8))
    }

    .loading:not(:required) {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

    .loading:not(:required):after {
        content: '';
        display: block;
        font-size: 10px;
        width: 1em;
        height: 1em;
        margin-top: -.5em;
        -webkit-animation: 150ms linear infinite spinner;
        -moz-animation: 150ms linear infinite spinner;
        -ms-animation: spinner 150ms infinite linear;
        -o-animation: 150ms linear infinite spinner;
        animation: 150ms linear infinite spinner;
        border-radius: .5em;
        -webkit-box-shadow: rgba(255, 255, 255, .75) 1.5em 0 0 0, rgba(255, 255, 255, .75) 1.1em 1.1em 0 0, rgba(255, 255, 255, .75) 0 1.5em 0 0, rgba(255, 255, 255, .75) -1.1em 1.1em 0 0, rgba(255, 255, 255, .75) -1.5em 0 0 0, rgba(255, 255, 255, .75) -1.1em -1.1em 0 0, rgba(255, 255, 255, .75) 0 -1.5em 0 0, rgba(255, 255, 255, .75) 1.1em -1.1em 0 0;
        box-shadow: rgba(255, 255, 255, .75) 1.5em 0 0 0, rgba(255, 255, 255, .75) 1.1em 1.1em 0 0, rgba(255, 255, 255, .75) 0 1.5em 0 0, rgba(255, 255, 255, .75) -1.1em 1.1em 0 0, rgba(255, 255, 255, .75) -1.5em 0 0 0, rgba(255, 255, 255, .75) -1.1em -1.1em 0 0, rgba(255, 255, 255, .75) 0 -1.5em 0 0, rgba(255, 255, 255, .75) 1.1em -1.1em 0 0
    }

    @-webkit-keyframes spinner {
        0% {
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @-moz-keyframes spinner {
        0% {
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @-o-keyframes spinner {
        0% {
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes spinner {
        0% {
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    .loading,
    .loading:before {
        position: fixed;
        top: 0;
        left: 0
    }

   .wp-core-ui select {
	width: 100% !important;

	}   
   .widefat td {
     vertical-align: middle; 
	} 
    .widefat thead th{
    	line-height: 1.0em !important;
	}
   
    .copy-popup-shortcode-url {
        background: none;
        border: none;
        cursor: pointer;
        border: 1px solid #8c32ed;
        padding: 8px 13px;
        border-radius: 5px;
    }

    .iframe_main_div iframe {
        margin: auto !important;
        height: 630px !important;
    }

    .iframe_main_div {
        height: 680px !important;
    }

    .iframe_main_div iframe .donation-form .tab {
        height: 630px !important;
    }
    @media (max-width: 768px) {
    .open-popup-btn {
        padding: 10px 70px !important; /* Adjust the padding for smaller screens */
    }
    }

    /* Media Query for mobile screens */
    @media (max-width: 480px) {
        .open-popup-btn {
            padding: 10px 50px !important; /* Adjust further for mobile screens */
        }
    }


// from campiagn file

.sort-arrows {

  margin-left: 5px;
  position: relative;
  width: 12px; 
  height: 12px; 
  cursor: pointer;
}

/* Default arrows */
.sort-arrows::before,
.sort-arrows::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.sort-arrows::before {
  top: 4px;
  border-bottom: 6px solid rgba(128, 0, 128, 0.5); 
}

.sort-arrows::after {
  bottom: 0;
  border-top: 6px solid rgba(128, 0, 128, 0.5); 
}


.sort-arrows.sort-asc::before {
  border-bottom-color: purple; 
}

.sort-arrows.sort-asc::after {
  opacity: 0.3; 
}


.sort-arrows.sort-desc::after {
  border-top-color: purple;
}

.sort-arrows.sort-desc::before {
  opacity: 0.3; 
}
.donation-tabless {
    padding: 5px 20px;
	border-top-left-radius: 26px;
	border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
  	border-bottom-left-radius: 26px;
    }