.elementor-11455 .elementor-element.elementor-element-2acbb80{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-11455 .elementor-element.elementor-element-2acbb80:not(.elementor-motion-effects-element-type-background), .elementor-11455 .elementor-element.elementor-element-2acbb80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harshchhikara.com/wp-content/uploads/2025/03/photo-1654331046252-c1a938237ca4-scaled.jpeg");}.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-11455 .elementor-element.elementor-element-6da73ef > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-11455 .elementor-element.elementor-element-6da73ef{text-align:center;}.elementor-11455 .elementor-element.elementor-element-6da73ef .elementor-heading-title{font-size:50px;font-weight:700;line-height:60px;letter-spacing:0.05px;color:#333333;}.elementor-11455 .elementor-element.elementor-element-1d2d0cb6{padding:20px 50px 20px 50px;}.elementor-11455 .elementor-element.elementor-element-1c10b9cc > .elementor-element-populated{margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;}.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-11455 .elementor-element.elementor-element-46d28eef{--display:flex;}.elementor-11455 .elementor-element.elementor-element-2f2f35fb{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.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-11455 .elementor-element.elementor-element-33bd339f .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:10px 13px 10px 12px;}.elementor-11455 .elementor-element.elementor-element-33bd339f{z-index:15;}.elementor-11455 .elementor-element.elementor-element-98ed8d7 .elementor-button{background-color:#0180B5;font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:10px 20px 10px 20px;}.elementor-11455 .elementor-element.elementor-element-98ed8d7{z-index:15;}.elementor-11455 .elementor-element.elementor-element-d7c6943 .elementor-button{background-color:#FF0808;font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:10px 20px 10px 20px;}.elementor-11455 .elementor-element.elementor-element-d7c6943{z-index:15;}.elementor-11455 .elementor-element.elementor-element-27d18f78 > .elementor-widget-container{background-color:#FFF2A5;margin:-10px 0px 0px 0px;padding:7px 23px 10px 23px;border-radius:15px 15px 15px 15px;box-shadow:-5px 5px 10px 1px rgba(0, 0, 0, 0.22);}.elementor-11455 .elementor-element.elementor-element-27d18f78{text-align:center;}.elementor-11455 .elementor-element.elementor-element-27d18f78 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:19px;color:var( --e-global-color-secondary );}.elementor-11455 .elementor-element.elementor-element-2cf4286c{padding:0px 50px 20px 50px;}.elementor-11455 .elementor-element.elementor-element-1d79b242 > .elementor-element-populated{margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;}.elementor-11455 .elementor-element.elementor-element-bba3f41 .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;color:var( --e-global-color-d0ca96f );}.elementor-11455 .elementor-element.elementor-element-2e605b5d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11455 .elementor-element.elementor-element-65e139b .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;color:var( --e-global-color-d0ca96f );}.elementor-11455 .elementor-element.elementor-element-695342d .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11455 .elementor-element.elementor-element-e5cec60 > .elementor-element-populated{margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;}.elementor-11455 .elementor-element.elementor-element-1feed29 .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;color:#000000;}.elementor-11455 .elementor-element.elementor-element-28821e72 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11455 .elementor-element.elementor-element-265d787 .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;color:#000000;}.elementor-11455 .elementor-element.elementor-element-6ee46868 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11455 .elementor-element.elementor-element-209bd8b .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;color:#000000;}.elementor-11455 .elementor-element.elementor-element-1cded8e > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-11455 .elementor-element.elementor-element-13bb0039{padding:20px 50px 20px 50px;}.elementor-11455 .elementor-element.elementor-element-699985f3{--e-image-carousel-slides-to-show:3;}.elementor-11455 .elementor-element.elementor-element-2d20f15 .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;color:#000000;}.elementor-11455 .elementor-element.elementor-element-bfbb807 .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;color:var( --e-global-color-d0ca96f );}.elementor-11455 .elementor-element.elementor-element-7705c24 .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;color:#000000;}.elementor-11455 .elementor-element.elementor-element-1b6abbe7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11455 .elementor-element.elementor-element-1b6abbe7{text-align:left;}.elementor-11455 .elementor-element.elementor-element-e5fb2fa .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:600;color:var( --e-global-color-d0ca96f );}.elementor-11455 .elementor-element.elementor-element-0c8acd9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11455 .elementor-element.elementor-element-0c8acd9{text-align:left;}.elementor-11455 .elementor-element.elementor-element-f3d3f9d{--alignment:left;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-11455 .elementor-element.elementor-element-a0e420c{--display:flex;}.elementor-11455 .elementor-element.elementor-element-a0e420c:not(.elementor-motion-effects-element-type-background), .elementor-11455 .elementor-element.elementor-element-a0e420c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-11455 .elementor-element.elementor-element-6da73ef{text-align:center;}.elementor-11455 .elementor-element.elementor-element-2f2f35fb{--grid-auto-flow:row;} .elementor-11455 .elementor-element.elementor-element-f3d3f9d{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-11455 .elementor-element.elementor-element-6da73ef > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11455 .elementor-element.elementor-element-6da73ef .elementor-heading-title{font-size:25px;line-height:1.4em;}.elementor-11455 .elementor-element.elementor-element-1d2d0cb6{padding:0px 0px 0px 0px;}.elementor-11455 .elementor-element.elementor-element-2f2f35fb{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-11455 .elementor-element.elementor-element-2cf4286c{padding:0px 0px 0px 0px;}.elementor-11455 .elementor-element.elementor-element-13bb0039{padding:0px 0px 0px 0px;} .elementor-11455 .elementor-element.elementor-element-f3d3f9d{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for button, class: .elementor-element-33bd339f *//* 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-98ed8d7 *//* 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-d7c6943 *//* 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 */
/* Start custom CSS for shortcode, class: .elementor-element-2e605b5d *//* 🌐 Donation Box Styling */
.give-recurring-donors-choice {
    background: #ffffff;
    padding: 24px;
    border-radius: 12px;
    border: 1px solid rgba(19, 137, 153, 0.15);
    margin: 20px 0;
    box-shadow: 0 10px 20px rgba(19, 137, 153, 0.05),
                0 6px 6px rgba(19, 137, 153, 0.1);
    transform: translateY(0);
    transition: all 0.3s ease;
}

/* ✅ Fix Double Dropdown Issue */
.nice-select {
    display: none !important;
}

/* ✅ Ensure Only One Native Dropdown Appears */
select {
    display: block !important;
    appearance: auto !important;
    width: 100% !important;
    padding: 8px 15px !important;
    font-size: 16px !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
}

/* ✅ Completely Hide Custom Amount Section */
form[id*=give-form] .give-donation-amount,
form[id*=give-form] .give-custom-amount-text {
    display: none !important;
}

/* 🏆 Fix "Make this donation every" Label and Dropdown Alignment */
.give-recurring-donors-choice label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;  /* Adjust spacing between text & dropdown */
}

/* ✅ Center Align Dropdown Text */
.give-recurring-donors-choice select {
    text-align: center !important;
}

/* 🏆 Button Styling (Fixed Center Alignment) */
.give-btn {
    background: #DF4236;
    border: 1px solid #ccc;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    padding: 15px 0;  /* Ensures proper centering */
    width: 150px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.give-btn:hover {
    background: #f1f1ff;
    color: #138999;
    border: 1px solid #138999;
    border-bottom: 2px solid;
    font-weight: 600;
}

.give-btn:active {
    border: 1px solid #138999;
    background: white;
    color: #138999;
}

/* 🏗️ Form Layout */
.form-row label, form[id*=give-form] .form-row label {
    display: block;
    line-height: 1.7;
    margin: 0 0 5px;
    font-weight: 600;
    color: #DF4236 !important;
}

/* 🔥 Total Amount Styling */
form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    background: #fff !important;
    border: 1px solid #00ae15 !important;
    border-left: none;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    color: #4054B2 !important;
    font-weight: 600;
}

/* 🚀 Grid System for Donation Levels */
.give-donation-levels-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

/* 🎯 Responsive Fixes */
@media screen and (max-width: 480px) {
    .give-donation-levels-wrap {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0px;
        align-content: center;
        justify-items: center;
    }
}

/* 📌 Fix Label Styling */
#give-recurring-form .give-section-break, 
#give-recurring-form legend, 
form[id*=give-form] .give-section-break, 
form[id*=give-form] legend {
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 1.15em;
    font-weight: 700;
    margin: 10px 0 15px;
    padding: 0 0 5px;
    color: #DF4236;
}

/* 🎯 Hide Unnecessary Fields */
p#give-last-name-wrap {
    display: none;
}
p#give-first-name-wrap {
    width: 100%;
}/* End custom CSS */