.elementor-12990 .elementor-element.elementor-element-8e0d0e1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.35;--padding-top:110px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-8e0d0e1::before, .elementor-12990 .elementor-element.elementor-element-8e0d0e1 > .elementor-background-video-container::before, .elementor-12990 .elementor-element.elementor-element-8e0d0e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-12990 .elementor-element.elementor-element-8e0d0e1 > .elementor-background-slideshow::before, .elementor-12990 .elementor-element.elementor-element-8e0d0e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12990 .elementor-element.elementor-element-8e0d0e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-12990 .elementor-element.elementor-element-20e0bc6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-12990 .elementor-element.elementor-element-cf293a8 .gsc-heading .content-inner{max-width:1000px;}.elementor-12990 .elementor-element.elementor-element-cf293a8 .gsc-heading{margin-bottom:0px;}.elementor-12990 .elementor-element.elementor-element-cf293a8 .gsc-heading .title{color:#FFFFFF;font-size:42px;margin-bottom:0px;}.elementor-12990 .elementor-element.elementor-element-cf293a8 .gsc-heading .sub-title{margin-bottom:0px;}.elementor-12990 .elementor-element.elementor-element-cf293a8 .gsc-heading .title-desc{color:#FFFFFF;font-size:20px;padding:10px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-4aabc6eb{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-4aabc6eb:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-4aabc6eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(45deg, #0076BC17 0%, #A5369214 100%);}.elementor-12990 .elementor-element.elementor-element-47e4a874{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-5c0d0891{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-61089f68{--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;--border-radius:10px 10px 10px 10px;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-12990 .elementor-element.elementor-element-31528024{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 30px -10px rgba(0, 0, 0, 0.2);--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-12990 .elementor-element.elementor-element-31528024:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-31528024 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f36f379 );}.elementor-12990 .elementor-element.elementor-element-5fcd0193 > .elementor-widget-container{margin:-25px 0px 20px 0px;}.elementor-12990 .elementor-element.elementor-element-271d143 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-35d9473 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-12990 .elementor-element.elementor-element-35d9473{z-index:5;}.elementor-12990 .elementor-element.elementor-element-93d1dc2{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 30px -10px rgba(0, 0, 0, 0.2);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;--z-index:1;}.elementor-12990 .elementor-element.elementor-element-93d1dc2:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-93d1dc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f36f379 );}.elementor-12990 .elementor-element.elementor-element-e212f1b{--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:10px 10px 10px 10px;box-shadow:0px 0px 30px -10px rgba(0, 0, 0, 0.2);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12990 .elementor-element.elementor-element-e212f1b:not(.elementor-motion-effects-element-type-background), .elementor-12990 .elementor-element.elementor-element-e212f1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f36f379 );}.elementor-12990 .elementor-element.elementor-element-36fda2c{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-6de8621{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-930d5bb .elementor-button{background-color:var( --e-global-color-secondary );font-family:"DM Sans", Sans-serif;font-size:0.8rem;font-weight:bold;text-transform:uppercase;line-height:1em;letter-spacing:0em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:15px 020px 15px 020px;}.elementor-12990 .elementor-element.elementor-element-930d5bb .elementor-button:hover, .elementor-12990 .elementor-element.elementor-element-930d5bb .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-12990 .elementor-element.elementor-element-930d5bb.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-12990 .elementor-element.elementor-element-930d5bb{z-index:10;}.elementor-12990 .elementor-element.elementor-element-930d5bb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12990 .elementor-element.elementor-element-930d5bb .elementor-button .elementor-button-content-wrapper{gap:3px;}.elementor-12990 .elementor-element.elementor-element-930d5bb .elementor-button:hover svg, .elementor-12990 .elementor-element.elementor-element-930d5bb .elementor-button:focus svg{fill:#FFFFFF;}.elementor-12990 .elementor-element.elementor-element-f30a547 .elementor-button{background-color:var( --e-global-color-primary );font-family:"DM Sans", Sans-serif;font-size:0.8rem;font-weight:bold;text-transform:uppercase;line-height:1em;letter-spacing:0em;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:10px 10px 10px 10px;padding:15px 020px 15px 020px;}.elementor-12990 .elementor-element.elementor-element-f30a547 .elementor-button:hover, .elementor-12990 .elementor-element.elementor-element-f30a547 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-12990 .elementor-element.elementor-element-f30a547.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-12990 .elementor-element.elementor-element-f30a547{z-index:15;}.elementor-12990 .elementor-element.elementor-element-f30a547 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12990 .elementor-element.elementor-element-8550724 > .elementor-widget-container{margin:0px 0px 0px 0px;border-radius:5px 5px 5px 5px;}.elementor-12990 .elementor-element.elementor-element-8550724{text-align:center;}.elementor-12990 .elementor-element.elementor-element-8550724 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );color:#000000;}.elementor-12990 .elementor-element.elementor-element-7c5b403{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-12990 .elementor-element.elementor-element-7c5b403 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-7c5b403.elementor-element{--align-self:center;}.elementor-12990 .elementor-element.elementor-element-7c5b403 img{width:100%;max-width:100%;}.elementor-12990 .elementor-element.elementor-element-44e665f1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-4326e49d{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-788025f6 > .elementor-widget-container{border-style:none;}@media(max-width:1024px){.elementor-12990 .elementor-element.elementor-element-8e0d0e1{--padding-top:80px;--padding-bottom:85px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-cf293a8 .gsc-heading .title{font-size:36px;}.elementor-12990 .elementor-element.elementor-element-cf293a8 .gsc-heading .title-desc{font-size:17px;padding:0px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-4aabc6eb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-12990 .elementor-element.elementor-element-47e4a874{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-12990 .elementor-element.elementor-element-61089f68{--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-12990 .elementor-element.elementor-element-e212f1b{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-12990 .elementor-element.elementor-element-36fda2c{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12990 .elementor-element.elementor-element-6de8621{--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12990 .elementor-element.elementor-element-930d5bb{width:100%;max-width:100%;}.elementor-12990 .elementor-element.elementor-element-930d5bb .elementor-button{font-size:1rem;line-height:1.3em;padding:10px 10px 10px 10px;}.elementor-12990 .elementor-element.elementor-element-f30a547{width:100%;max-width:100%;}.elementor-12990 .elementor-element.elementor-element-f30a547 .elementor-button{font-size:1rem;line-height:1.3em;padding:10px 10px 10px 10px;}.elementor-12990 .elementor-element.elementor-element-8550724 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-12990 .elementor-element.elementor-element-44e665f1{--padding-top:20px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-12990 .elementor-element.elementor-element-8e0d0e1{--padding-top:60px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-cf293a8 .gsc-heading .title{font-size:26px;}.elementor-12990 .elementor-element.elementor-element-cf293a8 .gsc-heading .title-desc{font-size:16px;line-height:24px;padding:10px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-4aabc6eb{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-12990 .elementor-element.elementor-element-47e4a874{--padding-top:20px;--padding-bottom:00px;--padding-left:0px;--padding-right:0px;}.elementor-12990 .elementor-element.elementor-element-5c0d0891{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-12990 .elementor-element.elementor-element-5fcd0193 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-12990 .elementor-element.elementor-element-271d143 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-12990 .elementor-element.elementor-element-35d9473 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-6de8621{--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-12990 .elementor-element.elementor-element-930d5bb{width:100%;max-width:100%;}.elementor-12990 .elementor-element.elementor-element-930d5bb .elementor-button{font-size:0.8rem;}.elementor-12990 .elementor-element.elementor-element-f30a547{width:100%;max-width:100%;}.elementor-12990 .elementor-element.elementor-element-f30a547 .elementor-button{font-size:0.8rem;}.elementor-12990 .elementor-element.elementor-element-8550724 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12990 .elementor-element.elementor-element-8550724 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-12990 .elementor-element.elementor-element-44e665f1{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-12990 .elementor-element.elementor-element-5c0d0891{--width:100%;}.elementor-12990 .elementor-element.elementor-element-e212f1b{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12990 .elementor-element.elementor-element-4326e49d{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-35d9473 */<style>
/* =========================
   RECURRING DONATION BOX
========================= */
.give-recurring-donors-choice {
    background: #301341;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid rgba(19, 137, 153, 0.2);
    margin: 15px 0;
}

.give-recurring-donors-choice label {
    color: #301341 !important;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 600;
}

/* =========================
   CUSTOM CHECKBOX
========================= */
.give-recurring-period {
    appearance: none;
    width: 24px !important;
    height: 24px !important;
    border: 2px solid #301341;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 12px;
    position: relative;
    transition: all 0.2s ease;
}

.give-recurring-period:checked {
    background-color: #301341;
}

.give-recurring-period:checked::after {
    content: '✓';
    position: absolute;
    color: #fff;
    font-size: 16px;
    left: 4px;
    top: 2px;
}

/* =========================
   SELECT DROPDOWN
========================= */
.give-recurring-donors-choice-period {
    margin: 0 8px;
    padding: 8px 12px;
    border: 1px solid #301341;
    border-radius: 4px;
    background: #fff;
    color: #301341;
    font-size: 15px;
    cursor: pointer;
    outline: none;
}

.give-recurring-donors-choice-period:hover {
    border-color: #301341;
    background: rgba(19, 137, 153, 0.05);
}

.give-recurring-donors-choice-period:focus {
    box-shadow: 0 0 0 2px rgba(19, 137, 153, 0.2);
}

/* =========================
   DONATION LEVEL GRID
========================= */
.give-donation-levels-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

@media (max-width: 480px) {
    .give-donation-levels-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* =========================
   AMOUNT INPUT
========================= */
form[id*=give-form] .give-donation-amount #give-amount,
form[id*=give-form] .give-donation-amount #give-amount-text {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 18px;
    height: 40px;
    padding: 0 12px 0 40px;
    width: 100%;
}

/* Currency symbol */
form[id*=give-form] .give-donation-amount .give-currency-symbol {
    position: absolute;
    left: 10px;
    top: 8px;
    background: transparent;
    border: none;
    color: white;
}

/* =========================
   FORM FIELDS
========================= */
form[id*=give-form] .form-row input,
form[id*=give-form] .form-row select,
form[id*=give-form] .form-row textarea {
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: .5em;
    width: 100%;
}


/* =========================
   FULL NAME
========================= */
#give-first-name-wrap{
    width: 100% !important;
}

/* =========================
   HIDE UNUSED FIELDS
========================= */
p#give-last-name-wrap,
p.give-custom-amount-text,
.give-donation-amount.form-row-wide,
.nice-select {
    display: none !important;
}


/* =========================
   FINAL TOTAL
========================= */
form[id*=give-form] #give-final-total-wrap {
    display: inline-flex;
    justify-content: left;
    margin: 10px 0 20px;
    padding: 5px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.5) ;
}

form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    background: #FFF !important;
    color: #301341 !important;
    font-weight: 600;
    font-size: 18px;
    padding: 5px 12px;
    border: 0px solid #fff !important;
}

/* =========================
   SUBMIT BUTTON
========================= */
.give-form-wrap fieldset input.give-submit {
    font-weight: 700;
    text-align: center;
    border-radius: 100px;
    padding: 19px 55px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    color: #FFFFFF !important;
    background: #0076BC !important;
}

.give-form-wrap fieldset input.give-submit:hover {
    background: #A53692 !important;
    color: #fff !important;
}

/* FORCE donation total styling */

.elementor-widget-shortcode form[id*="give-form"] 
#give-final-total-wrap 
.give-donation-total-label {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #000000 !important;
}

.elementor-widget-shortcode form[id*="give-form"] 
#give-final-total-wrap 
.give-final-total-amount {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #000000 !important;
}

.elementor-widget-shortcode form[id*="give-form"] label.give-label {
    color: #301341 !important;
}

form[id*=give-form].give-form #give-final-total-wrap{
    width: fit-content;
    display: flex;
    justify-content: start;
    align-items: center;
}

form[id*=give-form].give-form #give-final-total-wrap .give-donation-total-label{
    padding-left: 0px !important;
}

form[id*=give-form].give-form #give-final-total-wrap span{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

form[id*=give-form].give-form #give-final-total-wrap #give-recurring-modal-period-wrap{
    padding: 0px !important;
    background: none !important;
}

form[id*=give-form].give-form #give-final-total-wrap #give-recurring-modal-period-wrap span{
    padding: 0px 5px !important;
    background: linear-gradient( 90deg,#a536923f,#0077bc39);
    border-radius: 5px;
}    

/* form[id*=give-form].give-form #give-final-total-wrap span{
    padding: 0px !important;
    background: linear-gradient( 90deg,#a536923f,#0077bc39) !important;
} */

</style>/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-930d5bb *//* 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:#FFF8F2; 
    color: #000000; 
    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-f30a547 *//* 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: #FFF8F2; 
    color: #000000; 
    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 */
#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 */