.elementor-11672 .elementor-element.elementor-element-c96c27c:not(.elementor-motion-effects-element-type-background), .elementor-11672 .elementor-element.elementor-element-c96c27c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 41%, #00529E 100%);}.elementor-11672 .elementor-element.elementor-element-c96c27c > .elementor-background-overlay{background-color:var( --e-global-color-secondary );background-image:url("https://handinhandwecan.org/wp-content/uploads/2025/06/29.png");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0.09;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11672 .elementor-element.elementor-element-c96c27c{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6em 1em 05em 1em;}.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 );}.elementor-11672 .elementor-element.elementor-element-810942a{text-align:center;}.elementor-11672 .elementor-element.elementor-element-810942a .elementor-heading-title{font-size:50px;font-weight:600;color:var( --e-global-color-2460f41 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11672 .elementor-element.elementor-element-3dc2c74{text-align:center;font-family:"Source Sans Pro", Sans-serif;font-size:20px;font-weight:500;color:#000000;}.elementor-11672 .elementor-element.elementor-element-2bb90ba{--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:30px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-11672 .elementor-element.elementor-element-3b68ee5a{--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-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11672 .elementor-element.elementor-element-3cf1611b > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-11672 .elementor-element.elementor-element-3cf1611b img{width:100%;max-width:100%;border-radius:15px 15px 15px 15px;}.elementor-11672 .elementor-element.elementor-element-1e859897{--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-11672 .elementor-element.elementor-element-420de117{--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:space-around;--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-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11672 .elementor-element.elementor-element-13525241 .elementor-button{background-color:var( --e-global-color-2460f41 );border-style:none;padding:12px 12px 12px 12px;}.elementor-11672 .elementor-element.elementor-element-13525241{z-index:15;}.elementor-11672 .elementor-element.elementor-element-fdbd318 .elementor-button{background-color:var( --e-global-color-2460f41 );border-style:none;padding:12px 12px 12px 12px;}.elementor-11672 .elementor-element.elementor-element-fdbd318{z-index:15;}.elementor-11672 .elementor-element.elementor-element-4d260de6 .elementor-button{background-color:var( --e-global-color-2460f41 );border-style:none;padding:12px 12px 12px 12px;}.elementor-11672 .elementor-element.elementor-element-4d260de6{z-index:15;}.elementor-11672 .elementor-element.elementor-element-5d0f54cd{--display:flex;--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-11672 .elementor-element.elementor-element-7608e8df{--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:10px;--padding-right:10px;}.elementor-11672 .elementor-element.elementor-element-4c7cf8c3{--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-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11672 .elementor-element.elementor-element-684df891 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-684df891 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-11672 .elementor-element.elementor-element-684df891{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11672 .elementor-element.elementor-element-684df891 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11672 .elementor-element.elementor-element-684df891 .elementor-icon-list-item > a{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.3em;letter-spacing:0.5px;}.elementor-11672 .elementor-element.elementor-element-684df891 .elementor-icon-list-text{color:var( --e-global-color-2460f41 );transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-307a7095 > .elementor-widget-container{background-color:#80A8C024;padding:15px 15px 15px 15px;border-style:solid;border-color:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;}.elementor-11672 .elementor-element.elementor-element-599e25c > .elementor-widget-container{background-color:#80A8C024;padding:5px 5px 5px 5px;}.elementor-11672 .elementor-element.elementor-element-599e25c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-599e25c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-11672 .elementor-element.elementor-element-599e25c{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-11672 .elementor-element.elementor-element-599e25c .elementor-icon-list-text{transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-10869ef1 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-10869ef1 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-11672 .elementor-element.elementor-element-10869ef1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11672 .elementor-element.elementor-element-10869ef1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11672 .elementor-element.elementor-element-10869ef1 .elementor-icon-list-item > a{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.3em;letter-spacing:0.5px;}.elementor-11672 .elementor-element.elementor-element-10869ef1 .elementor-icon-list-text{color:var( --e-global-color-2460f41 );transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-aa0f6a2{text-align:left;}.elementor-11672 .elementor-element.elementor-element-aa0f6a2 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:600;color:var( --e-global-color-2460f41 );}.elementor-11672 .elementor-element.elementor-element-5a6f5328{font-family:"Source Sans Pro", Sans-serif;font-weight:400;}.elementor-11672 .elementor-element.elementor-element-dbda1e5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-dbda1e5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-11672 .elementor-element.elementor-element-dbda1e5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11672 .elementor-element.elementor-element-dbda1e5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11672 .elementor-element.elementor-element-dbda1e5 .elementor-icon-list-item > a{font-family:"Source Sans Pro", Sans-serif;font-weight:400;}.elementor-11672 .elementor-element.elementor-element-dbda1e5 .elementor-icon-list-text{transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-303a1113{--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-11672 .elementor-element.elementor-element-7a6f94b{text-align:left;}.elementor-11672 .elementor-element.elementor-element-7a6f94b .elementor-heading-title{font-weight:600;color:var( --e-global-color-2460f41 );}.elementor-11672 .elementor-element.elementor-element-592ffaeb{font-size:16px;font-weight:400;}.elementor-11672 .elementor-element.elementor-element-288e39ca > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-11672 .elementor-element.elementor-element-288e39ca img{width:100%;max-width:100%;}.elementor-11672 .elementor-element.elementor-element-cc9b511{text-align:left;}.elementor-11672 .elementor-element.elementor-element-cc9b511 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:600;color:var( --e-global-color-2460f41 );}.elementor-11672 .elementor-element.elementor-element-7fcbb9c{font-family:"Source Sans Pro", Sans-serif;font-size:16px;font-weight:400;}.elementor-11672 .elementor-element.elementor-element-b38aff2 > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-11672 .elementor-element.elementor-element-b38aff2 img{width:100%;max-width:100%;}.elementor-11672 .elementor-element.elementor-element-48b6922{text-align:left;}.elementor-11672 .elementor-element.elementor-element-48b6922 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:600;color:var( --e-global-color-2460f41 );}.elementor-11672 .elementor-element.elementor-element-7b773e07{font-family:"Source Sans Pro", Sans-serif;font-weight:400;}.elementor-11672 .elementor-element.elementor-element-e8ee305 > .elementor-widget-container{border-radius:30px 30px 30px 30px;}.elementor-11672 .elementor-element.elementor-element-e8ee305 img{width:100%;max-width:100%;}.elementor-11672 .elementor-element.elementor-element-7d1457a{text-align:left;}.elementor-11672 .elementor-element.elementor-element-7d1457a .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-weight:600;color:var( --e-global-color-2460f41 );}.elementor-11672 .elementor-element.elementor-element-26c04279{font-family:"Source Sans Pro", Sans-serif;font-weight:400;}.elementor-11672 .elementor-element.elementor-element-6ea4dcd{--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:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-11672 .elementor-element.elementor-element-6005d1da > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-radius:15px 15px 15px 15px;box-shadow:1px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-11672 .elementor-element.elementor-element-6005d1da{text-align:center;font-family:"Source Sans Pro", Sans-serif;font-weight:400;}.elementor-11672 .elementor-element.elementor-element-4fe749e9 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-4fe749e9 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-11672 .elementor-element.elementor-element-4fe749e9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11672 .elementor-element.elementor-element-4fe749e9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11672 .elementor-element.elementor-element-4fe749e9 .elementor-icon-list-item > a{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.3em;letter-spacing:0.5px;}.elementor-11672 .elementor-element.elementor-element-4fe749e9 .elementor-icon-list-text{color:var( --e-global-color-2460f41 );transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-51c8ee9d .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-51c8ee9d .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-11672 .elementor-element.elementor-element-51c8ee9d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-11672 .elementor-element.elementor-element-51c8ee9d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11672 .elementor-element.elementor-element-51c8ee9d .elementor-icon-list-item > a{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.3em;letter-spacing:0.5px;}.elementor-11672 .elementor-element.elementor-element-51c8ee9d .elementor-icon-list-text{color:var( --e-global-color-2460f41 );transition:color 0.3s;}.elementor-11672 .elementor-element.elementor-element-4d0610b4{font-family:"Source Sans Pro", Sans-serif;font-weight:400;}.elementor-11672 .elementor-element.elementor-element-1819e561{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:var( --e-global-color-2460f41 );}.elementor-11672 .elementor-element.elementor-element-1819e561 .elementor-share-btn:hover{--e-share-buttons-primary-color:#F3A712;}.elementor-11672 .elementor-element.elementor-element-1819e561 .elementor-share-btn__title{font-family:"Playfair Display", Sans-serif;}.elementor-11672 .elementor-element.elementor-element-524c0a5f{--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-11672 .elementor-element.elementor-element-524c0a5f:not(.elementor-motion-effects-element-type-background), .elementor-11672 .elementor-element.elementor-element-524c0a5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-11672 .elementor-element.elementor-element-2bb90ba{--content-width:1240px;}.elementor-11672 .elementor-element.elementor-element-3b68ee5a{--width:66.6666%;}.elementor-11672 .elementor-element.elementor-element-1e859897{--width:33.3333%;}.elementor-11672 .elementor-element.elementor-element-7608e8df{--content-width:1240px;}.elementor-11672 .elementor-element.elementor-element-4c7cf8c3{--width:66.6666%;}.elementor-11672 .elementor-element.elementor-element-303a1113{--width:33.3333%;}.elementor-11672 .elementor-element.elementor-element-6ea4dcd{--content-width:1240px;}.elementor-11672 .elementor-element.elementor-element-524c0a5f{--content-width:1240px;}}@media(max-width:1024px){.elementor-11672 .elementor-element.elementor-element-c96c27c{padding:10em 1em 6em 1em;}.elementor-11672 .elementor-element.elementor-element-3cf1611b > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-11672 .elementor-element.elementor-element-288e39ca > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-11672 .elementor-element.elementor-element-b38aff2 > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-11672 .elementor-element.elementor-element-e8ee305 > .elementor-widget-container{border-radius:20px 20px 20px 20px;} .elementor-11672 .elementor-element.elementor-element-1819e561{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-11672 .elementor-element.elementor-element-c96c27c{padding:4em 1em 3em 1em;}.elementor-11672 .elementor-element.elementor-element-1c5a787 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:15px;}.elementor-11672 .elementor-element.elementor-element-810942a .elementor-heading-title{font-size:30px;}.elementor-11672 .elementor-element.elementor-element-13525241 .elementor-button{padding:11px 11px 11px 11px;}.elementor-11672 .elementor-element.elementor-element-fdbd318 .elementor-button{padding:11px 11px 11px 11px;}.elementor-11672 .elementor-element.elementor-element-4d260de6 .elementor-button{padding:11px 11px 11px 11px;}.elementor-11672 .elementor-element.elementor-element-cc9b511 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-11672 .elementor-element.elementor-element-48b6922 > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-11672 .elementor-element.elementor-element-7d1457a > .elementor-widget-container{padding:50px 0px 0px 0px;} .elementor-11672 .elementor-element.elementor-element-1819e561{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-11672 .elementor-element.elementor-element-1819e561 .elementor-share-btn{font-size:calc(0.75px * 10);}}/* Start custom CSS for button, class: .elementor-element-13525241 *//* 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 are available for Tax Exemption"; /* Display the required text */
    position: absolute;
    bottom: -60px; /* Adjusted spacing */
    left: 50%;
    transform: translateX(-50%);
    background-color: #f3a712; /* 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-fdbd318 *//* 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: #f3a712; /* 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 */
#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 */
/* Start custom CSS for button, class: .elementor-element-4d260de6 *//* Targeting the button wrapper */
#button3 {
    position: relative; /* To position the appearing text relative to the button */
}

/* The hidden text on hover */
#button3::after {
    content: "Every rupee you give is used with responsibility"; /* Display the required text */
    position: absolute;
    bottom: -60px; /* Adjusted spacing */
    left: 50%;
    transform: translateX(-50%);
    background-color: #f3a712; /* 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 */
#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 html, class: .elementor-element-6a28b004 */.quantityWrapper {
    width: 40px;
    height: 26px;
    border-radius: 5px;
    background-color: #ffffff; /* visible light background */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000088;
    overflow: hidden;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
}

.quantityValue {
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 600;
    border: none;
    background: transparent;
    color: #000000; /* ensure contrast */
    text-align: center;
    outline: none;
    -moz-appearance: textfield;
    appearance: none;
}

.quantityValue::-webkit-outer-spin-button,
.quantityValue::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-307a7095 */.give-recurring-donors-choice {
    background: rgba(19, 137, 153, 0.05);
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgba(19, 137, 153, 0.2);
    margin: 10px 0;
}
.give-recurring-period {
    appearance: none;
    width: 10px !important;
    height: 10px !important;
    border: 1px solid #004e66;
    border-radius: 4px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 4px;
    position: relative;
    transition: all 0.2s ease;
}

.give-recurring-period:checked {
    background-color: #004e66;
}

.give-recurring-period:checked::after {
    content: '✓';
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    left: 4px;
    top: 2px;
}

.give-recurring-donors-choice label {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center !important
}

.give-recurring-donors-choice-period {
    text-align: left;
    padding: 8px 8px 8px 8px;
}
/* For Firefox */
.give-recurring-donors-choice-period option {
    padding-left: 40px !important ;
    text-align: center;
}

.give-recurring-donors-choice-period {
    margin: 0 8px;
    padding: 0px 10px !important;
    border: 1px solid #004e66;
    border-radius: 4px;
    background: #fff;
    color: #004e66;
    font-size: 15px;
    cursor: pointer;
    outline: none;
}

.give-recurring-donors-choice-period:focus {
    box-shadow: 0 0 0 2px rgba(19, 137, 153, 0.2);
}

.give-recurring-donors-choice-period:hover {
    border-color:#004e66;
    background: rgba(19, 137, 153, 0.05);
}



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

.give-total-wrap {
    display: none;
}

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

.give-btn {
    background: #00BAA3;
    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: #00BAA3;
    color: #00BAA3;
    border: 1px solid #010085;
    border-bottom: 2px solid;
    font-weight: 600;
}

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

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

.give-form-wrap fieldset input.give-submit {
    font-weight: 700;
    text-align: center;
    -webkit-box-align: center;
    color: white;
    background: #00baa3 !important;
    width: auto;
    border-radius: 5px !important;
    padding: 15px 30px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

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 #178899;
    border-bottom:2px solid;
    box-sizing: border-box;
    color: #00BAA3;
    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: #00BAA3;
    border: 1px solid #010085;
    border-bottom:2px solid #178899;
    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: #00BAA3;
}

#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: #00BAA3;
}

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: #00BAA3;
    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: #00BAA3;
    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: #f2f2f2;
    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: #178899;
    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: #00BAA3;
}

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: #00BAA3;
}


}

form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    background: #D88E7D !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: #00BAA3 !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: #00BAA3 !important;
    font-weight: 600;
}
p#give-last-name-wrap {
    display: none !important;
}

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: red;
    width: auto;
    border-radius: 10px;
    padding: 15px 30px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#give-recurring-form .give-hidden, form.give-form .give-hidden, form[id*=give-form] .give-hidden {
    display: none !important;
}#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: #202020;
}

#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: #202020 !important;
    font-weight: 600;
}

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

.give-form-wrap fieldset input.give-submit {
    font-weight: 700;
    text-align: center;
    -webkit-box-align: center;
    color: white;
    background: #f3a712 !important;
    width: auto;
    border-radius: 10px;
    padding: 15px 30px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.give-form-wrap fieldset input.give-submit:hover {
    color: #ffffff ;
    background: #000080 !important;
}
element.style {
    background-color: #082797;
}/* End custom CSS */