.elementor-11495 .elementor-element.elementor-element-af520a6{--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;--overlay-opacity:0.84;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-11495 .elementor-element.elementor-element-af520a6:not(.elementor-motion-effects-element-type-background), .elementor-11495 .elementor-element.elementor-element-af520a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CE0B82;background-image:url("https://helpingsetu.in/wp-content/uploads/2025/03/volunteer-helping-refugees-at-soup-kitchen-2024-01-16-21-21-35-utc-scaled.jpg");background-position:center center;background-size:cover;}.elementor-11495 .elementor-element.elementor-element-af520a6::before, .elementor-11495 .elementor-element.elementor-element-af520a6 > .elementor-background-video-container::before, .elementor-11495 .elementor-element.elementor-element-af520a6 > .e-con-inner > .elementor-background-video-container::before, .elementor-11495 .elementor-element.elementor-element-af520a6 > .elementor-background-slideshow::before, .elementor-11495 .elementor-element.elementor-element-af520a6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11495 .elementor-element.elementor-element-af520a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#381717;--background-overlay:'';}.elementor-11495 .elementor-element.elementor-element-6ef2a5b{text-align:center;}.elementor-11495 .elementor-element.elementor-element-6ef2a5b .elementor-heading-title{font-size:53px;font-weight:700;text-transform:capitalize;color:#FFFFFF;}.elementor-11495 .elementor-element.elementor-element-9d35fa9{--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-11495 .elementor-element.elementor-element-9d35fa9:not(.elementor-motion-effects-element-type-background), .elementor-11495 .elementor-element.elementor-element-9d35fa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-11495 .elementor-element.elementor-element-a446b38{--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-11495 .elementor-element.elementor-element-8ea5bd1 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11495 .elementor-element.elementor-element-fd53d20{--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-11495 .elementor-element.elementor-element-d554615 > .elementor-widget-container{background-color:#FFFFFF;padding:5px 15px 5px 15px;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.28);}.elementor-11495 .elementor-element.elementor-element-d554615{text-align:center;}.elementor-11495 .elementor-element.elementor-element-d554615 .elementor-heading-title{font-size:22px;font-weight:500;text-transform:capitalize;color:#000000;}.elementor-11495 .elementor-element.elementor-element-5f71067{--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;--justify-content:center;}.elementor-11495 .elementor-element.elementor-element-5ca83b1 .elementor-button{background-color:#FF3939;padding:12px 6px 12px 6px;}.elementor-11495 .elementor-element.elementor-element-5ca83b1{z-index:15;}.elementor-11495 .elementor-element.elementor-element-7060bd9 .elementor-button{background-color:#31CF28;padding:12px 6px 12px 6px;}.elementor-11495 .elementor-element.elementor-element-7060bd9{z-index:15;}.elementor-11495 .elementor-element.elementor-element-e4240b8 .elementor-button{background-color:#130DC1;padding:12px 6px 12px 6px;}.elementor-11495 .elementor-element.elementor-element-e4240b8{z-index:15;}.elementor-11495 .elementor-element.elementor-element-a4c2f19 img{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.07);}.elementor-11495 .elementor-element.elementor-element-4de26d2{--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-11495 .elementor-element.elementor-element-4de26d2:not(.elementor-motion-effects-element-type-background), .elementor-11495 .elementor-element.elementor-element-4de26d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-11495 .elementor-element.elementor-element-a66aa60{--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-11495 .elementor-element.elementor-element-ed67854 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-11495 .elementor-element.elementor-element-ed67854 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-11495 .elementor-element.elementor-element-ed67854{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11495 .elementor-element.elementor-element-ed67854 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11495 .elementor-element.elementor-element-ed67854 .elementor-icon-list-item > a{font-size:25px;font-weight:800;}.elementor-11495 .elementor-element.elementor-element-ed67854 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-11495 .elementor-element.elementor-element-b23a551 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-11495 .elementor-element.elementor-element-b23a551 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-11495 .elementor-element.elementor-element-b23a551{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11495 .elementor-element.elementor-element-b23a551 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11495 .elementor-element.elementor-element-b23a551 .elementor-icon-list-item > a{font-size:25px;font-weight:800;}.elementor-11495 .elementor-element.elementor-element-b23a551 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-11495 .elementor-element.elementor-element-38e3c43 .elementor-heading-title{font-size:22px;font-weight:600;color:#FEC006;}.elementor-11495 .elementor-element.elementor-element-ea7cc88{--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-11495 .elementor-element.elementor-element-6f24107 .elementor-heading-title{font-size:22px;font-weight:600;color:#FEC006;}.elementor-11495 .elementor-element.elementor-element-e2f6c5a .elementor-heading-title{font-size:22px;font-weight:600;color:#FEC006;}.elementor-11495 .elementor-element.elementor-element-5ca8b17{--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-11495 .elementor-element.elementor-element-5ca8b17:not(.elementor-motion-effects-element-type-background), .elementor-11495 .elementor-element.elementor-element-5ca8b17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-11495 .elementor-element.elementor-element-26313b4 .elementor-heading-title{font-size:22px;font-weight:600;color:#FEC006;}.elementor-11495 .elementor-element.elementor-element-db2adf7 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-11495 .elementor-element.elementor-element-db2adf7 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-11495 .elementor-element.elementor-element-db2adf7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11495 .elementor-element.elementor-element-db2adf7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11495 .elementor-element.elementor-element-db2adf7 .elementor-icon-list-item > a{font-size:25px;font-weight:800;}.elementor-11495 .elementor-element.elementor-element-db2adf7 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-11495 .elementor-element.elementor-element-b94e165 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-11495 .elementor-element.elementor-element-b94e165 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-11495 .elementor-element.elementor-element-b94e165{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11495 .elementor-element.elementor-element-b94e165 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11495 .elementor-element.elementor-element-b94e165 .elementor-icon-list-item > a{font-size:25px;font-weight:800;}.elementor-11495 .elementor-element.elementor-element-b94e165 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-11495 .elementor-element.elementor-element-1e40b7e .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-11495 .elementor-element.elementor-element-1e40b7e .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-11495 .elementor-element.elementor-element-1e40b7e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11495 .elementor-element.elementor-element-1e40b7e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11495 .elementor-element.elementor-element-1e40b7e .elementor-icon-list-item > a{font-size:25px;font-weight:800;}.elementor-11495 .elementor-element.elementor-element-1e40b7e .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-11495 .elementor-element.elementor-element-fa40e88{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-11495 .elementor-element.elementor-element-9f5a763{--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-11495 .elementor-element.elementor-element-9f5a763:not(.elementor-motion-effects-element-type-background), .elementor-11495 .elementor-element.elementor-element-9f5a763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-11495 .elementor-element.elementor-element-9d35fa9{--content-width:1170px;}.elementor-11495 .elementor-element.elementor-element-a446b38{--width:66.6666%;}.elementor-11495 .elementor-element.elementor-element-fd53d20{--width:33.3333%;}.elementor-11495 .elementor-element.elementor-element-4de26d2{--content-width:1170px;}.elementor-11495 .elementor-element.elementor-element-a66aa60{--width:66.6666%;}.elementor-11495 .elementor-element.elementor-element-ea7cc88{--width:33.3333%;}.elementor-11495 .elementor-element.elementor-element-5ca8b17{--content-width:1170px;}.elementor-11495 .elementor-element.elementor-element-9f5a763{--content-width:1170px;}}@media(max-width:1024px){ .elementor-11495 .elementor-element.elementor-element-fa40e88{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-11495 .elementor-element.elementor-element-fa40e88{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for button, class: .elementor-element-5ca83b1 *//* 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-7060bd9 *//* 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-e4240b8 *//* 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-fabe9e1 *//* Hide original elements */
.give-recurring-donors-choice {
    display: none !important;
}

/* Custom Toggle Container */
.donation-type-toggle {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px;
    margin-top: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(19, 137, 153, 0.08);
}

/* Toggle Switch */
.toggle-switch {
    position: relative;
    width: 205px;
    height: 40px;
    background: rgba(19, 137, 153, 0.1);
    border-radius: 25px;
    padding: 4px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
}

.toggle-switch input {
    display: none;
}

.toggle-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    cursor: pointer;
    
}

.toggle-slider:before {
    content: "";
    position: absolute;
    width: 95px;
    height: 32px;
    left: 4px;
    bottom: 4px;
    background: #138999;
    border-radius: 20px;
    transition: 0.4s;
    box-shadow: 0 2px 5px rgba(19, 137, 153, 0.2);
}

.toggle-switch input:checked + .toggle-slider:before {
    transform: translateX(97px);
}

/* Toggle Text Styling */
.one-time, .recursive {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    z-index: 1;
    transition: 0.3s;
    /*padding: 4px*/
}

.toggle-switch input:checked ~ .toggle-slider .one-time {
    color: #666;
}

.toggle-switch input:checked ~ .toggle-slider .recursive {
    color: #fff;
}

.toggle-switch input:not(:checked) ~ .toggle-slider .recursive {
    color: #666;
}

.toggle-switch input:not(:checked) ~ .toggle-slider .one-time {
    color: #fff;
}

/* Emoji Styling */
.emoji {
    font-size: 20px;
    margin-left: 10px;
}

/* Select Input Styling */
.recurring-select {
    display: none;
    height: 40px;
    min-width: 120px;
    padding: 0px 16px !important;
    border: 2px solid #138999;
    border-radius: 8px;
    background: #fff;
    color: #138999;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(19, 137, 153, 0.1);
}

.recurring-select:hover {
    background: rgba(19, 137, 153, 0.05);
    box-shadow: 0 6px 12px rgba(19, 137, 153, 0.15);
}

.recurring-select option {
    background: #fff;
    color: #138999;
    padding: 10px;
}

.recurring-select.show {
    display: block;
    animation: slideIn 0.3s ease;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.give-submit-button-wrap .give-submit, [id^=give-user-login-submit] .give-submit{
    background: #AD0D0D;
    border-radius: 5px;
    width: 100%
}

.give-btn {
    background: #004607;
    border: 1px solid #ccc;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    padding: 8px 10px;
    border-radius: 5px;
    padding:15px;
    width: 150px;
    font-size:16px;
}

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

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

form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
    color:black;
    background: white;
    border: none;
}

form[id*=give-form] .give-donation-amount {
    margin-bottom: 15px;
}

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: 0;
    box-sizing: border-box;
    float: left;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    min-width: 125px;
    padding: 0 12px;
    border-radius: 5px;
    margin-left: 20px;
    width: 50%;
    margin-top: -3px;
}

form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
    background-color: white;
    border: 1px solid #138999;
    border-bottom:2px solid;
    box-sizing: border-box;
    color: #004607;
    float: left;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 12px;
}

form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    background: #004607;
    border: 1px solid #138999;
    border-bottom:2px solid #138999;
    border-left: none;
    border-radius: 0;
    box-sizing: border-box;
    float: left;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 12px;
    font-weight: 600;
    color: white;
}

#give-recurring-form .form-row .give-input-field-wrapper.required, #give-recurring-form .form-row input[type=email].required, #give-recurring-form .form-row input[type=password].required, #give-recurring-form .form-row input[type=tel].required, #give-recurring-form .form-row input[type=text].required, #give-recurring-form .form-row input[type=url].required, #give-recurring-form .form-row select.required, #give-recurring-form .form-row textarea.required, form.give-form .form-row .give-input-field-wrapper.required, form.give-form .form-row input[type=email].required, form.give-form .form-row input[type=password].required, form.give-form .form-row input[type=tel].required, form.give-form .form-row input[type=text].required, form.give-form .form-row input[type=url].required, form.give-form .form-row select.required, form.give-form .form-row textarea.required, form[id*=give-form] .form-row .give-input-field-wrapper.required, form[id*=give-form] .form-row input[type=email].required, form[id*=give-form] .form-row input[type=password].required, form[id*=give-form] .form-row input[type=tel].required, form[id*=give-form] .form-row input[type=text].required, form[id*=give-form] .form-row input[type=url].required, form[id*=give-form] .form-row select.required, form[id*=give-form] .form-row textarea.required {
    color: #333;
    border-radius: 5px;
}

#give-recurring-form .form-row .give-input-field-wrapper, #give-recurring-form .form-row input[type=email], #give-recurring-form .form-row input[type=password], #give-recurring-form .form-row input[type=tel], #give-recurring-form .form-row input[type=text], #give-recurring-form .form-row input[type=url], #give-recurring-form .form-row select, #give-recurring-form .form-row textarea, form.give-form .form-row .give-input-field-wrapper, form.give-form .form-row input[type=email], form.give-form .form-row input[type=password], form.give-form .form-row input[type=tel], form.give-form .form-row input[type=text], form.give-form .form-row input[type=url], form.give-form .form-row select, form.give-form .form-row textarea, form[id*=give-form] .form-row .give-input-field-wrapper, form[id*=give-form] .form-row input[type=email], form[id*=give-form] .form-row input[type=password], form[id*=give-form] .form-row input[type=tel], form[id*=give-form] .form-row input[type=text], form[id*=give-form] .form-row input[type=url], form[id*=give-form] .form-row select, form[id*=give-form] .form-row textarea {
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    border-radius: 0;
    box-sizing: border-box;
    color: #333;
    margin: 0;
    outline: none;
    padding: .5em;
    width: 100%;
    border-radius: 5px;
}

[id*=give-form] .give-form-title {
    margin: 0 0 15px;
    padding: 0;
    display: none;
}

.give-donation-levels-wrap {
    display: grid;
  grid-template-columns: repeat(3, 1fr); 
  grid-gap: 10px; 
}

.form-row label, form[id*=give-form] .form-row label {
    display: block;
    line-height: 1.7;
    margin: 0 0 5px;
    position: relative;
    font-weight: 600;
    color: #000000;
}

#give-recurring-form .give-section-break, #give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form .give-section-break, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] .give-section-break, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend {
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 1.15em;
    font-weight: 700;
    margin: 10px 0 15px;
    padding: 0 0 5px;
    width: 100%;
    color: #ad0d0d;
}

form[id*=give-form] #give-final-total-wrap {
    margin: 10px 0 25px;
    padding: 0;
    display: flex;
    justify-content: center;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button[type="submit"]:focus, .button:hover, body div.wpforms-container-full .wpforms-form input[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    background-color: #79A673;
    color: #fff;
}

form[id*=give-form] .ffm-field-container {
    padding: 0;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button[type="submit"]:focus, .button:hover, body div.wpforms-container-full .wpforms-form input[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    background-color: #004607;
    color: #fff;
}

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: 0;
    box-sizing: border-box;
    float: left;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    min-width: 125px;
    padding: 0 12px;
    border-radius: 5px;
    padding-left: 40px;
    width: 100%;
    margin-top: -3px;
}

form[id*=give-form] .give-donation-amount .give-currency-symbol {
    background-color: #004607;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    color: #333;
    float: left;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 12px;
    pointer-events: none;
    position: absolute;
}

form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
    color: black;
    background: transparent;
    border: none;
}

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

.give-donation-levels-wrap > :first-child {
    grid-column: 1 / span 1;
}

form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
    color: black;
    background: transparent;
    border: none;
    top: 98px;
    left: -5px;
}

.give-form-wrap fieldset input.give-submit {
    font-weight: 700;
    text-align: center;
    -webkit-box-align: center;
    color: white;
    background: #004607;
    width: auto;
    border-radius: 10px;
    padding: 15px 30px;
}

.give-form-wrap fieldset input.give-submit:hover {
    color: var(--heading-color);
    background: #ffffff;
}

#give-recurring-form .give-section-break, #give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form .give-section-break, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] .give-section-break, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend {
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 1.15em;
    font-weight: 700;
    margin: 10px 0 15px;
    padding: 0 0 5px;
    width: 100%;
    color: #004607;
}

p.give-custom-amount-text {
    display: none;
}

.give-donation-amount.form-row-wide {
    display: none;
}

#give-recurring-form .give-section-break, #give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form .give-section-break, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] .give-section-break, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend {
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 1.15em;
    font-weight: 700;
    margin: 10px 0 15px;
    padding: 0 0 5px;
    width: 100%;
    color: #004607;
}


}

form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    background: #fff !important;
    border: 1px solid #00ae15 !important;
    border-left: none;
    border-radius: 0;
    box-sizing: border-box;
    float: left;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 12px;
    color: #004607 !important;
    font-weight: 600;
}

#give-recurring-form .form-row label, form.give-form .form-row label, form[id*=give-form] .form-row label {
    display: block;
    line-height: 1.7;
    margin: 0 0 5px;
    position: relative;
    color: #004607 !important;
    font-weight: 600;
}
p#give-last-name-wrap {
    display: none;
}

p#give-first-name-wrap {
    width: 100%;
}

.give-form-wrap fieldset input.give-submit {
    font-weight: 700;
    text-align: center;
    -webkit-box-align: center;
    color: white;
    background: #004607;
    width: auto;
    border-radius: 10px;
    padding: 15px 30px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
[id*=give-form] .give-recurring-donors-choice-period {
    display: inline-block;
    font-size: 15px;
    height: 40px;
    margin: 0 2px;
    padding: 1px;
    width: 100px;
}
form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
    background-color: #004607;
    border: 1px solid #004607;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 12px;
}/* End custom CSS */