.background-overlay-payy {

    background:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(219, 13, 116, 0.5)),
        url('/sarrafi-e_files/images/payy.png');
}

.elementor-widget-text-editor-box {
    color: #fff !important;

}

.background-overlay-pay2 {
    background:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(82, 235, 69, 0.5)),
        url('/sarrafi-e_files/images/pay2.png');
}

.background-overlay-pay3 {
    background:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(234, 238, 8, 0.5)),
        url('/sarrafi-e_files/images/pay3.png');
}

.background-overlay-pay4 {
    background:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(8, 192, 238, 0.5)),
        url('/sarrafi-e_files/images/pay4.png');
}

.background-overlay-pay5 {
    background:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(8, 192, 238, 0.5)),
        url('/sarrafi-e_files/images/pay5.png');
}

.background-public {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



.new-btn a:hover {
    background: #333333;
}

.test-new:hover {
    border-color: var(--secondary-200);
    background-color: var(--secondary-100);
}


.a {
    color: rgb(255, 255, 255) !important;
    /* Default text color */
    text-decoration: none !important;
    /* Remove underline */
    transition: color 0.3s ease !important;
    /* Smooth color transition */
    padding: 10px !important;
    border-color: #fff !important;


}

.a:hover {
    color: rgb(0, 0, 0) !important;
    /* Text color changes on hover */
    text-decoration: none !important;
    /* Add underline on hover */
    cursor: pointer !important;
    /* Change cursor to pointer */
    background-color: #ffffff !important;
}