.elementor-11787 .elementor-element.elementor-element-7cfe55a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11787 .elementor-element.elementor-element-2d1249a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11787 .elementor-element.elementor-element-78a0da5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11787 .elementor-element.elementor-element-945457c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11787 .elementor-element.elementor-element-63a0844{z-index:15;}.elementor-11787 .elementor-element.elementor-element-63a0844 .elementor-button{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;border-radius:50px 50px 50px 50px;padding:10px 13px 10px 13px;}.elementor-11787 .elementor-element.elementor-element-f6e1c40 .elementor-button{background-color:#0180B5;font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;border-radius:50px 50px 50px 50px;padding:10px 20px 10px 20px;}.elementor-11787 .elementor-element.elementor-element-f6e1c40{z-index:15;}.elementor-11787 .elementor-element.elementor-element-e64572e .elementor-button{background-color:#FF0808;font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;border-radius:50px 50px 50px 50px;padding:10px 20px 10px 20px;}.elementor-11787 .elementor-element.elementor-element-e64572e{z-index:15;}.elementor-11787 .elementor-element.elementor-element-a75e3be .elementor-heading-title{color:#000000;}.elementor-11787 .elementor-element.elementor-element-a5bbbab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11787 .elementor-element.elementor-element-4fb6267{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11787 .elementor-element.elementor-element-4fb6267.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11787 .elementor-element.elementor-element-561aa8e{--display:flex;}.elementor-11787 .elementor-element.elementor-element-757e68f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11787 .elementor-element.elementor-element-b6cc2ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11787 .elementor-element.elementor-element-2e5a6e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11787 .elementor-element.elementor-element-6648536{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-11787 .elementor-element.elementor-element-49337c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-11787 .elementor-element.elementor-element-945457c{--grid-auto-flow:row;} .elementor-11787 .elementor-element.elementor-element-6648536{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(min-width:768px){.elementor-11787 .elementor-element.elementor-element-2d1249a{--width:66.66%;}.elementor-11787 .elementor-element.elementor-element-78a0da5{--width:33.33%;}.elementor-11787 .elementor-element.elementor-element-4fb6267{--width:61.665%;}.elementor-11787 .elementor-element.elementor-element-757e68f{--width:33.33%;}}@media(max-width:767px){.elementor-11787 .elementor-element.elementor-element-945457c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;} .elementor-11787 .elementor-element.elementor-element-6648536{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for button, class: .elementor-element-63a0844 *//* Targeting the button wrapper */
#button1 {
    position: relative; /* To position the appearing text relative to the button */
}

/* The hidden text on hover */
#button1::after {
    content: "Donations Exempted Under Section 80G & 12A"; /* Display the required text */
    position: absolute;
    bottom: -60px; /* Adjusted spacing */
    left: 50%;
    transform: translateX(-50%);
    background-color: #BDD9B8; /* Light green background */
    color: black; /* Text color */
    border: 1px solid black; /* Border line of 1px */
    border-radius: 10px;
    padding: 8px 12px;
    width: 220px; /* Fixed width to ensure text wraps into two lines */
    text-align: center; /* Keep text centered */
    white-space: normal; /* Allow text to wrap properly */
    word-wrap: break-word; /* Ensure words break correctly */
    line-height: 1.4; /* Adjust line height for readability */
    font-size: 14px;
    box-sizing: border-box; /* Ensure proper spacing */
    opacity: 0; /* Hide the text by default */
    transition: opacity 0.3s ease; /* Smooth transition effect */
    pointer-events: none; /* Prevent any interaction with the text */
}

/* Show the text when hovering over the button */
#button1:hover::after {
    opacity: 1; /* Make the text visible on hover */
}

/* Ensuring text stays within screen limits */
@media (max-width: 768px) {
    #button1::after {
        width: 200px; /* Adjust width for smaller screens */
        font-size: 13px; /* Reduce font size for better fit */
        bottom: -60px; /* Adjust position for mobile */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f6e1c40 *//* Targeting the button wrapper */
#button2 {
    position: relative; /* To position the appearing text relative to the button */
}

/* The hidden text on hover */
#button2::after {
    content: "Charities vetted with due diligence."; 
    position: absolute;
    bottom: -40px; /* Increased distance to avoid overlapping the button */
    left: 50%;
    transform: translateX(-50%);
    background-color: #BDD9B8; /* Solid warm yellow background */
    color: black; /* Text color */
    border: 1px solid black; /* Border line of 1px */
    border-radius: 10px;
    padding: 5px 10px;
    white-space: normal; /* Allow the text to wrap to multiple lines */
    width: 300px; /* Set a fixed width for better readability */
    text-align: center; /* Center-align the text */
    opacity: 0; /* Hide the text by default */
    transition: opacity 0.3s ease; /* Smooth transition effect */
    pointer-events: none; /* Prevent any interaction with the text */
    z-index: 10; /* Ensure it's on top of other elements */
}

/* Show the text when hovering over the button */
#button2:hover::after {
    opacity: 1; /* Make the text visible on hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e64572e *//* Targeting the button wrapper */
#button3 {
    position: relative; /* To position the appearing text relative to the button */
}

/* The hidden text on hover */
#button3::after {
    content: "Donations are exempted under Section 80G."; /* Display the required text */
    position: absolute;
    bottom: -60px; /* Adjusted spacing */
    left: 50%;
    transform: translateX(-50%);
    background-color: #BDD9B8; /* Light green background */
    color: black; /* Text color */
    border: 1px solid black; /* Border line of 1px */
    border-radius: 10px;
    padding: 8px 12px;
    width: 220px; /* Set a fixed width to force text wrapping */
    text-align: center; /* Keep text centered */
    white-space: normal; /* Allow text to wrap properly */
    word-wrap: break-word; /* Ensure words break properly */
    line-height: 1.4; /* Adjust line height for readability */
    font-size: 14px;
    box-sizing: border-box; /* Ensure proper spacing */
    opacity: 0; /* Hide the text by default */
    transition: opacity 0.3s ease; /* Smooth transition effect */
    pointer-events: none; /* Prevent any interaction with the text */
}

/* Show the text when hovering over the button */
#button3:hover::after {
    opacity: 1; /* Make the text visible on hover */
}

/* Ensuring text stays within screen limits */
@media (max-width: 768px) {
    #button3::after {
        width: 200px; /* Adjust width for smaller screens */
        font-size: 13px; /* Reduce font size for better fit */
        bottom: -60px; /* Adjust position for mobile */
    }
}/* End custom CSS */