.elementor-13737 .elementor-element.elementor-element-71daf81f{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-13737 .elementor-element.elementor-element-71daf81f:not(.elementor-motion-effects-element-type-background), .elementor-13737 .elementor-element.elementor-element-71daf81f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13737 .elementor-element.elementor-element-ea65e96{--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;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 30px -10px rgba(0, 0, 0, 0.2);}.elementor-13737 .elementor-element.elementor-element-1cd48303{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 30px -10px rgba(0, 0, 0, 0.2);--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;--z-index:9;}.elementor-13737 .elementor-element.elementor-element-54e6497{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13737 .elementor-element.elementor-element-54e6497.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13737 .elementor-element.elementor-element-5e81ba9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13737 .elementor-element.elementor-element-f7f9de4 .elementor-button{background-color:var( --e-global-color-primary );font-family:"DM Sans", Sans-serif;font-size:1rem;font-weight:bold;text-transform:uppercase;line-height:1em;letter-spacing:0em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-radius:25px 25px 25px 25px;padding:15px 020px 15px 020px;}.elementor-13737 .elementor-element.elementor-element-f7f9de4.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-13737 .elementor-element.elementor-element-f7f9de4{z-index:10;}.elementor-13737 .elementor-element.elementor-element-f7f9de4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13737 .elementor-element.elementor-element-f7f9de4 .elementor-button .elementor-button-content-wrapper{gap:3px;}.elementor-13737 .elementor-element.elementor-element-a84d880 .elementor-button{background-color:var( --e-global-color-primary );font-family:"DM Sans", Sans-serif;font-size:1rem;font-weight:bold;text-transform:uppercase;line-height:1em;letter-spacing:0em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-radius:25px 25px 25px 25px;padding:15px 020px 15px 020px;}.elementor-13737 .elementor-element.elementor-element-a84d880.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-13737 .elementor-element.elementor-element-a84d880{z-index:10;}.elementor-13737 .elementor-element.elementor-element-a84d880 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13737 .elementor-element.elementor-element-a84d880 .elementor-button .elementor-button-content-wrapper{gap:3px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13737 .elementor-element.elementor-element-b7f8521 > .elementor-widget-container{margin:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-13737 .elementor-element.elementor-element-b7f8521{text-align:center;}.elementor-13737 .elementor-element.elementor-element-b7f8521 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:500;line-height:1.1em;color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13737 .elementor-element.elementor-element-3914c7c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13737 .elementor-element.elementor-element-3914c7c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-13737 .elementor-element.elementor-element-3914c7c.elementor-element{--align-self:center;}.elementor-13737 .elementor-element.elementor-element-3914c7c img{width:85%;max-width:85%;}@media(max-width:1024px){.elementor-13737 .elementor-element.elementor-element-71daf81f{--padding-top:40px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-13737 .elementor-element.elementor-element-5e81ba9{--grid-auto-flow:row;}.elementor-13737 .elementor-element.elementor-element-f7f9de4 .elementor-button{font-size:0.5rem;}.elementor-13737 .elementor-element.elementor-element-a84d880 .elementor-button{font-size:0.5rem;}.elementor-13737 .elementor-element.elementor-element-b7f8521 .elementor-heading-title{font-size:13px;}}@media(max-width:767px){.elementor-13737 .elementor-element.elementor-element-1cd48303{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-13737 .elementor-element.elementor-element-54e6497{--width:299.528px;}.elementor-13737 .elementor-element.elementor-element-5e81ba9{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13737 .elementor-element.elementor-element-f7f9de4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13737 .elementor-element.elementor-element-f7f9de4.elementor-element{--align-self:center;}.elementor-13737 .elementor-element.elementor-element-f7f9de4 .elementor-button{font-size:12px;}.elementor-13737 .elementor-element.elementor-element-a84d880{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13737 .elementor-element.elementor-element-a84d880.elementor-element{--align-self:center;}.elementor-13737 .elementor-element.elementor-element-a84d880 .elementor-button{font-size:12px;}.elementor-13737 .elementor-element.elementor-element-b7f8521 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13737 .elementor-element.elementor-element-b7f8521 .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-13737 .elementor-element.elementor-element-ea65e96{--width:66.6666%;}.elementor-13737 .elementor-element.elementor-element-1cd48303{--width:33.3333%;}}/* Start custom CSS for button, class: .elementor-element-f7f9de4 *//* 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: #F0A046; /* Light green background */
    color: #ffffff ; /* Text color */
    border: 1px solid black; /* Border line of 1px */
    border-radius: 20px;
    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-a84d880 *//* 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.."; /* Display the required text */
    position: absolute;
    bottom: -60px; /* Adjusted spacing */
    left: 50%;
    transform: translateX(-50%);
    background-color: #F0A046; /* Light green background */
    color: #ffffff ; /* Text color */
    border: 1px solid black; /* Border line of 1px */
    border-radius: 20px;
    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 */
#button2:hover::after {
    opacity: 1; /* Make the text visible on hover */
}

/* Ensuring text stays within screen limits */
@media (max-width: 768px) {
    #button2::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 */