{"id":232812,"date":"2023-08-30T13:25:08","date_gmt":"2023-08-30T12:25:08","guid":{"rendered":"http:\/\/ecards.hopespring.org.uk\/?page_id=232812"},"modified":"2024-01-10T12:31:11","modified_gmt":"2024-01-10T12:31:11","slug":"free-charity-ecards-app","status":"publish","type":"page","link":"https:\/\/ecards.hopespring.org.uk\/free-charity-ecards-app\/","title":{"rendered":"Free Charity eCards App"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.4.0&#8243; background_color=&#8221;#161616&#8243;][et_pb_row _builder_version=&#8221;4.4.0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text _builder_version=&#8221;4.4.0&#8243; header_font=&#8221;|700|||||||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#ffffff&#8221; header_font_size=&#8221;62px&#8221;]<\/p>\n<h1><\/h1>\n<h1><\/h1>\n<h1>Free Charity eCards App : Download our eCard app free<\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.4.0&#8243; text_text_color=&#8221;#ffffff&#8221; text_font_size=&#8221;22px&#8221; hover_enabled=&#8221;0&#8243;]<\/p>\n<p style=\"text-align: center;\">Click on App Store or Google Play icon below to download it to iOS or Android platform.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_image src=&#8221;http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/08\/Appstore-button.png&#8221; url=&#8221;https:\/\/apps.apple.com\/no\/app\/hope-spring-ecards\/id6463947450&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.4.0&#8243; width=&#8221;53%&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;70%&#8221; width_last_edited=&#8221;on|phone&#8221; module_alignment=&#8221;right&#8221; module_alignment_tablet=&#8221;&#8221; module_alignment_phone=&#8221;center&#8221; module_alignment_last_edited=&#8221;on|phone&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_image src=&#8221;http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/08\/Android-button.png&#8221; url=&#8221;https:\/\/play.google.com\/store\/apps\/details?id=com.HopeSpringeCards.app&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.4.0&#8243; width=&#8221;53%&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;70%&#8221; width_last_edited=&#8221;on|phone&#8221; module_alignment=&#8221;left&#8221; min_height_tablet=&#8221;&#8221; min_height_phone=&#8221;&#8221; min_height_last_edited=&#8221;on|desktop&#8221; module_alignment_tablet=&#8221;&#8221; module_alignment_phone=&#8221;center&#8221; module_alignment_last_edited=&#8221;on|phone&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_row _builder_version=&#8221;4.4.0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text _builder_version=&#8221;4.4.0&#8243; text_font_size=&#8221;18px&#8221; header_font_size=&#8221;40px&#8221; header_2_font_size=&#8221;29px&#8221; header_font_size_last_edited=&#8221;off|desktop&#8221;]<\/p>\n<h2 style=\"text-align: left;\"><strong>Send Digital Birthday Greetings with our Free Android Charity eCard App<\/strong><\/h2>\n<p style=\"text-align: left;\">It is a given that it is a friend, work colleague or family member &#8216;s birthday every month of the year. Going to greeting card shops each time it&#8217;s someone\u2019s birthday can be boring. That is why we created our free charity eCard app. It is available to download free of charge to Android or iOS devices. With the free Hope Spring charity ecard app on your phone, you can send as many birthday greetings as you like directly from your phone.<\/p>\n<p>Whether you want to send a milestone birthday greeting digitally, a wedding anniversary greeting or farewell and good luck ecard to a departing colleague, just load our free ecard app, select the greetings that best match, customise or personalise the eCard, address it to the recipient and send! The ecard will be sent instantly. A copy will land in your inbox so that you know the greeting has been sent. You can install the<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.HopeSpringeCards.app\"> free android charity ecard app right here<\/a>.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.4.0&#8243; text_font_size=&#8221;18px&#8221;]<\/p>\n<h2 style=\"text-align: left;\"><strong>Install Hope Spring Free Charity IOS eCard App on iPhone<\/strong><\/h2>\n<p>You can now schedule a digital birthday greeting card ahead of time on your iPhone or other iOS device free of charge. To get started, just go to the App Store and download the Hope Spring free charity eCard app for iOS. Choose from hundreds of birthday cards including videos and humorous cards. Personalise the card with heartfelt greetings. You can schedule the card for delivery at a later date, send it instantly by email or <a href=\"http:\/\/ecards.hopespring.org.uk\/whatsapp-ecards\/\">share it to WhatsApp<\/a>. Our free ecard app is used to raise money to fund Hope Spring water poverty alleviation projects. You can choose to donate or send your card free of charge. You will need to obtain a promo code as stated above to send you greetings completely free.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.4.0&#8243; text_font_size=&#8221;18px&#8221;]<\/p>\n<h2 style=\"text-align: left;\"><strong>Why Hope Spring Free eCards app?<\/strong><\/h2>\n<p>You can download the Hope Spring eCards app to your mobile device free of charge! When you download our free charity ecards app to your android or iOS device, you can send any of our ecards on the go instantly!<br \/>\nWhether you just remember a friend\u2019s birthday or you forgot to send an ecard for the anniversary, no problem. Just download the free charity ecards app, choose a card designed, personalise it and send! You can view a sample of our ecards and available categories below.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.0&#8243; width=&#8221;90%&#8221; max_width=&#8221;1525px&#8221; locked=&#8221;off&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text module_id=&#8221;whatsappecards&#8221; _builder_version=&#8221;4.4.0&#8243; custom_margin=&#8221;||-19px||false|false&#8221;]<\/p>\n<hr \/>\n<h2 style=\"text-align: center;\"><\/h2>\n<h2 style=\"text-align: center;\"><strong>Digital Greetings available on our Free Charity eCard Apps<\/strong><\/h2>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center; color: #6db71f;\"><strong>Animated Birthday eCards<\/strong><\/h2>\n<style>\n@font-face{\n\nfont-family: 'Arial Rounded MT Bold';\n\nsrc: url('\/wp-content\/plugins\/customecards\/templates\/8665.ttf');\n\n}\n\n.rtside.profile{\n    width:79%;\n}\n.cardscontainer{\n    font-family:'Arial Rounded MT Bold';\n}\n#wp-message-wrap{\n    \/* max-width: 500px; *\/\n}\n.paypal-button{\n    margin-bottom:20px;\n}\n#message_ifr{\n    height:100% !important;\n}\n.backbutton{\n    display:none;\n}\n.mob-recipients{\n    display:none;\n}\n.recipient input:nth-child(1){\n    margin-bottom: 1em;\n}\n.active-item{\n    background-color:#6db71f !important;\n}\n.recipients .cross{\n    color:#FF4C56;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 15px 0px 25px 0px;\n    display: inline-block;\n}\n.navigation{\n    display:none;\n}\n.mob-btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 70%;\n    margin: 0 auto;\n    text-align:center;\n}\n.mob-recip-btn, .mob-your-btn, .mob-message-btn, .mob-final-btn{\n    display:none;\n}\n.btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 180px;\n    margin: 0 auto;\n    text-align:center;\n    margin-left: calc(50% - 90px);\n}\n\n.mob-btn-wrap{\n    display:none;\n    \n}\n.tags-wrap{\n    display:flex;\n    justify-content: space-between;\n}\n.green{\n    color:#c0226d;\n}\n\t\n.onlyshare input{\n    display:none;\n}\n.onlyshare label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n\t\n.share-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n\t\n.sndcopy input{\n    display:none;\n}\n.sndcopy label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater select{\n    font-size:16px;\n    width: 89px;\n    top: -3px;\n    position: relative;\n}\n.fake-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n.btn-wrap{\n    text-align:center;\n}\n.donatebutton{\n    background-color:#c0226d;\n    border: 2px solid #fa9602;\n    color: #fff;\n    font-size: 18px;\n    padding: 12px 40px;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.fake-radio{\n    width: 20px;\n    height: 20px;\n    border: 1px solid grey;\n    display: inline-block;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right:5px;\n    cursor:pointer;\n}\n.fake-radio > div{\n    width:14px;\n    height:14px;\n    \n}\ninput[type=\"radio\"]:checked + .fake-radio > div{\n    background-color: #fa9602;\n}\n.sndnow input , .sndlater input{\n    display:none;\n}\n.sndnow label, .sndlater label {\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater label{\n    margin-right:10px;\n}\n.sndlater{\n    display: flex;\n}\n\n.clr{\nclear:both;\n}\n.disabled{\n    pointer-events:none;\n    opacity:.7;\n}\n.cardscontainer {\n    position: relative;\n    \/\/width: 80%;\n    margin: auto;\n    padding: 20px 80px;\n    margin: 10px;\n        background: url(http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2017\/08\/background.jpg);\n        box-sizing: border-box;\n}\n.cardscontainer h1,.cardscontainer h2{\n    line-height:1.2 !important;\n}\n#leftside{\n    float: left;\n    padding-right: 5.5%;\n    width: 79.125%;\n    padding-bottom: 23px;\n}\n.cardrow{\n    width: 100% !important;\n    padding: 10px 0px;\n    text-align:center;\n}\n.ecard_cont{\n    width: 24% !important;\n    margin-right: 1%;\n    float:left;\n    margin-bottom:20px!important;\n    position: relative;\n    background-color: rgba(0, 0, 0);\n    background: none; \n    border-radius: 7px;;\n}\n.ecard_cont:hover .ecard {\n  opacity: 0.5;\n}\n\n.ecard_cont:hover .ecard_middle {\n  opacity: 1;\n}\n\n.ecard_middle {\n  transition: .5s ease;\n  opacity: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  text-align: center;\n  width: 60%;\n\n}\n.ecard_text {\n\n  background-color: white;\n  color: #4CAF50;\n  font-size: 22px;\n  padding: 22px 2px;\n  font-weight: 600;\n  border-radius: 25px;\n  text-transform: uppercase;\n}\n\n.ecard{\n    \/* box-shadow: 0px 0px 15px grey;border:5px solid white;border-radius:5px; *\/\n    width: 100% !important;\n    border-radius: 7px;\n}\n\n.ecard_cat_cont,.ecard_cont{\n    text-align:center;\n}\n.ecard_cat_cont a,.ecard_cont a{\n        padding: 30px 0px !important;\n    vertical-align: bottom !important;\n    line-height: 0;\n}\n.webui-popover{\n    z-index: 2147483647 !important;\n}\n@media screen and (max-width: 480px){\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px;  *\/\n}\n}\n@media screen and (max-width: 640px) and (min-width: 480px) {\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px; *\/\n}\n\n}\n@media screen and (max-width: 768px) and (min-width: 640px) {\n    .ecard_cont{\n    width: 32% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 54px;  *\/\n}\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px) {\n    .ecard_cont{\n    width: 24% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 60px;  *\/\n}\n}\n\n\n\n\/******SIngle Card******\/\n.donateform h2{\n    margin: 15px 0px 20px 0px!important;\n    padding: 0px;\n}\n.sub-title{\n    color:#000;\n    font-size:16px;\n    margin-bottom:5px;\n    display: inline-block;\n}\n.tags{\n    margin-right:90px;\n}\n.addrecip{\n    border: 2px solid #fa9602;\n    width: 250px;\n    border-radius: 9px;\n    padding: 15px 0px;\n    text-align: center;\n    font-size:14px;\n    font-weight: 600;\n    padding-bottom: 15px !important;\n}\n}\n.donateform .donatebutton,.dsend{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 20px !important;\n    margin-bottom: 10px  !important;\n    cursor: pointer;\n    padding: 10px 15px;\n}\n\n.backbutton{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 15px !important;\n    margin-bottom: 20px  !important;\n    cursor: pointer;\n    padding: 8px 10px;\n}\n\n\n.donateform .donation label{\n    float:left !important;\n    \/\/margin-right:10px !important;\n    \/\/margin-left:10px !important;\n    margin-bottom:5px;\n}\n.donateform .donation label .donateradio{\n    margin-top: 0px;\n    margin-right: 5px;\n}\n.donateform p .lbl{\n    float:none !important;\n    display:block !important;\n    margin-bottom:5px;\n}\n.donateform .donation input{\n    width:auto !important;\n}\n.donateform p input,.donateform p textarea{\n    width:100% !important;\n    \/* max-width:500px !important; *\/\n}\n.donateform p input{\n    height: auto !important;\n}\n.donateform p .msg{\n    min-height: 120px !important;\n}\n.donateform p .custom_donation{\n    width: 100% !important;\n    max-width:120px !important;\n}\n.donateform .ecardimg{\n    box-shadow: 0px 0px 5px grey;border:5px solid white;border-radius:5px;\n    \/\/max-width:100% !important;\n    width:auto !important;\n    \/* max-height:300px; *\/\n    \/\/margin-top: 10px;\n    margin-bottom: 15px;\n}\n\n.donateform p input,.donateform p textarea,.sndlater input[type=text]{\n    padding: 16px;\n    border: none !important;\n    -webkit-border-radius: 0;\n    -moz-border-radius: 0;\n    border-radius: 0;\n    color: #999 !important;\n    background-color: #eee !important;\n    font-size: 14px !important;\n}\n.donateform p, .donateform p input, .donateform p textarea, .donateform label:not(.donateform .donation label), .donateform h1, .donateform h2 {\n    line-height: 1.2 !important;\n}\n\/*.donateform p.txtfields input{\n    width:30% !important;\n    margin-right:3% !important;\n}*\/\n.lftside{\n    float: left;\n    width:49%;\n    margin-right: 2%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n.lftside.profile{\n    width : 19%;\n}\n.rtside{\n    float: left;\n    width:49%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n#tinymce{\n    background-color: #eee !important;\n}\n\n}\n\n.rtside.profile{\n    width : 79%;\n}\n\n.sndnow{\n    width: 25%;\n    float: left;\n    margin-bottom: 20px;\n}\n.sndcopy{\n    margin-bottom:20px;\n}\n\/***Single Card Custom Settings***\/\n.donateform h1,.donateform p,.donateform input ,.donateform textarea,.donateform label,.lbl{font-family: 'Arial Rounded MT Bold';}\n.donateform p,.donateform p input,.donateform p textarea,.lbl{color:black !important}\n.donateform h1{font-size:35px !important}\n\/* .donateform h2{font-family:Arial!important}\n *\/\n.donateform h2{color:#c0226d!important}\n\/***Preview h2***\/\n\/****\/\n\/*********New css Donation***********\/\n.dform {\n    margin-top: 20px;\n}\n.donation{\n    \/\/float:left;\n    \/\/margin-right: 20px;\n    display: inline-block;\n    vertical-align: middle;\n    \/\/margin-bottom: 30px;\n        margin-left:15px;\n        width: 65%;\n        display: flex;\n        justify-content: space-between;\n}\n.donation label input{\n    display:none;\n}\n.donateform .donation label {\n    border-radius: 10px;\n    padding: 12px;\n    background: #fff;\n    color: #c0226d;\n    border:1px solid #fa9602;\n    font-weight: bold;\n    font-size: 20px !important;\n    cursor: pointer;\n    width: 31%;\n    \n    text-align: center;\n    vertical-align: middle;\n    \n    margin-right: 0px;\n}\n.donateform .donation label:nth-child(3){\n    margin-left:none !important;\n}\n\/***Donate Buttons Settings***\/\n\/***\/\n.selectborder{\n   background-color:#c0226d !important;\n   color: #fff !important;\n}\n\/***Selected Radio Settings***\/\n\/***\/\n.cstm, .currency{\n    \n    \n    \n    \/\/margin-right: 15px;\n    margin-bottom:30px;\n    \n}\n.cstmcont,.currencycont{\n    display: inline-block;\n    width:34%;\n}\n.cstm input,.currency select{    \n    width: 100%;\n    \/\/display: block;\n    margin: auto;\n    padding: 5px;\n    border: none;\n    background-color: #F7F7F7;\n    padding: 15px 7px;\n}\n\/***CSTM BG Settings***\/\n\/***\/\n.cstmcont label.lbl, .currencycont label.lbl{\n    display: block;\n    \n    font-weight: bold;\n    \/\/font-size: 15px !important;\n    margin-bottom: 15px;\n    \/\/margin-top: 25%;\n}\n\/**Label LbL Preview Page**\/\n.sbtncont p{\n    text-align:center;\n}\n.sbtncont p button{\n    display: block;\n    margin: 20px auto;\n    width: 100%;\n}\n\/*****\/\n.preview {\n        border-radius: 5px;\n    \/\/padding: 30px 0px;\n    \/\/max-width: 750px;\n    \/\/margin: auto;\n    background-size: 100% 100%;\n    background-repeat: no-repeat;    \n}\n.preview table{\n    \/\/margin: auto;\n    width:100%;\n    margin-bottom: 20px;\n    \/\/text-align:center;\n}\n.preview table td img{\n    \/\/max-width: 80%;\n    box-shadow: 0px 0px 5px;\n    border: 5px solid white;\n    border-radius: 5px;\n    \/\/width: 80%;\n    \/\/margin:auto;\n    display:block;\n}\n\/****New Mobile Settings****\/\n@media screen and (max-width: 768px) and (min-width: 640px){\n    .sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }\n    .preview table td img{\n        \/\/max-width: 550px;\n    }\n    .donation{\n        text-align:center;\n        margin-bottom: 20px;\n        margin-right:0;\n       \n    }\n    .donateform .donation label {\n        display:inline-block;\n        float:none !important;        \n        vertical-align: middle;\n        margin: 0px 20px !important;\n    }\n    .cstm,.sbtncont {\n        display:block;\n        margin: 20px auto;\n    }\n}\n\/***************************\/  \n.prepart h2 {\n    color: #c0226d !important;\n    margin: 15px 0px 10px 0px!important;\n    padding: 0px;\n}\n.upper,.lower,.lh,.rh{\n    \/\/border:1px solid;\n    padding:10px;\n}\n.upper,.lower,.lhup,.rhup,.lhdn,.rhdn,.donateform{\n    \/\/border:1px solid black;\n    \/\/box-shadow:0px 0px 1px black inset;\n}\n.lh {\n    width: 49%;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 20px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 49%;\n   \n    background:white;\n    padding: 10px 20px;\n}\n.rh p {\n   font-size: 18px;\n}\n@media screen and (max-width: 1320px){\n    .sndlater select{\n        width: 80px;\n    }\n}\n\/**V3 mobile changes**\/\n@media screen and (max-width: 768px){\n   .lh,.rh {\n       width:100%;\n       margin-bottom:20px;\n       float:none;\n   }\n   .cstmcont, .currencycont, .donation {\n        display: block;\n        margin:auto;\n    }\n    .donateform .donatebutton,.dsend {\n    display: block;\n    margin: 20px auto!important;\n}\n.donateform .donation label {\n    padding: 4px;\n    width: 60px;\n    margin: 0px 2px !important;\n    display:inline-block;\n        float:none !important;\n        font-size: 12px !important;\n}\n.selectborder {\n    border: 2px solid black;\n    box-shadow: 0px 0px 4px grey;\n    padding: 2px !important;\n}\n.donation{\n        text-align:center;\n        margin-bottom: 10px;\n        margin-right:0;\n        display:block;\n        margin-bottom: 20px;\n    }\n.cstm,.sbtncont {\n        display:block;\n        margin: 0px auto;\n    }    \n.lftside,.rtside,.sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }    \n.rh p {\n    font-size: 14px;\n}\nh2 {\n    font-size: 20px !important;\n}\nh1{\n    font-size: 24px !important;\n}\n.backbutton {\n    font-size: 12px !important;\n    padding: 4px 6px;\n}\n.sbtncont + label{\n    font-size: 12px !important;\n}\n\n.lftside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.rtside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.part-account-miniblock{\n    width : 89% !important;\n}\n.img-png {\n    max-height:25vw !important;\n}\n}\n@media screen and (max-width: 1024px) and (min-width: 768px){\n    .lh {\n    width: 35%;\n    float: left;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 10px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 63%;\n    float: left;\n    background:white;\n    padding: 10px 20px;\n}\n.donateform .donation label {\n    border-radius: 15px;\n    padding: 5px;\n    background: grey;\n    color: white !important;\n    font-weight: bold;\n    font-size: 15px !important;\n    cursor: pointer;\n    width: 60px;\n    text-align: center;\n    vertical-align: middle;\n}\n.selectborder {\n    border: 3px solid black;\n    box-shadow: 0px 0px 5px grey;\n    padding: 2px !important;\n}\n.cstm input, .currency select {\n    padding: 2px;\n    font-size: 12px;\n}\n.cstm, .currency {\n    padding: 5px 0px;\n}\n.cstmcont label.lbl, .currencycont label.lbl {\n    font-size: 12px;\n}\n.donateform .donatebutton,.dsend {\n    font-size: 15px !important;\n    padding: 8px 12px;\n}\n.part-account-row h2{\n    font-size: 18px;\n}\n}\n\/***Video***\/\nvideo{\n\twidth:100%;\n\theight:auto;\n}\nvideo::-internal-media-controls-download-button {\n    display:none;\n}\n\nvideo::-webkit-media-controls-enclosure {\n    overflow:hidden;\n}\n\nvideo::-webkit-media-controls-panel {\n    width: calc(100% + 30px); \/* Adjust as needed *\/\n}\n\/***More Recepients***\/\n\/*.recipients .input{\n\tdisplay: inline-block !important;\n    width: 45% !important;\n    margin-right: 1%;\n}*\/\n.recipients .input {\n    display: block !important;\n    width: 100% !important;\n    margin-right: 0;\n    margin-bottom: 10px;\n}\n.addrecip span{\n    font-weight: bold;\n    color: #86B752 !important;\n    font-size: 40px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n.addrecip{\n\tcursor: pointer;\n}\n.cross {\n\tcursor: pointer;\n}\n.cross img{\n\twidth:16px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n\/***Captcha***\/\n#captcha{\n\tmargin-bottom:20px;\n}\n\/*Button GooglePay*\/\n\n\n.gpay-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.gpay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.gpay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.gpay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:12px;\n  width: 117.91px;\n  border:1px solid #fa9602;\n  margin-left: 10px;\n  \n}\n\n.gpay-button.black.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg);\n}\n\n.gpay-button.white.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg);\n}\n\n.gpay-button.black.active {\n  background-color: #5f6368;\n}\n\n.gpay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.gpay-button.white.active {\n  background-color: #fff;\n}\n\n.gpay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.gpay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\n\n\t\/*secure Stripe pay*\/\n\n\n.securepay-button  {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.securepay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.securepay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.securepay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:2px;\n\tmargin-bottom:5px;\n\t\n  width: 160.91px;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.black.active {\n  background-color: #5f6368;\n}\n\n.securepay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.securepay-button.white.active {\n  background-color: #fff;\n}\n\n.securepay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.securepay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\t\n\/*Button Stripe pay*\/\n\n\n.stripe-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.stripe-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.stripe-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.stripe-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:-6px;\n\tmargin-bottom:5px;\n\t\n  width: 20%;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 160px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n\/*    background-size: 160px 40px; *\/\n}\n\n.stripe-button.black.active {\n  background-color: #5f6368;\n}\n\n.stripe-button.black.hover {\n  background-color: #3c4043;\n}\n\n.stripe-button.white.active {\n  background-color: #fff;\n}\n\n.stripe-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.stripe-button.white.hover {\n  background-color: #f8f8f8;\n}\n@media screen and (max-width: 768px){\n.last-step{\n    flex-direction:column;\n}\n.selectborder{\n    padding: 8px !important;\n}\n.donation-wrapper{\n    flex-direction: column;\n}\n\n.donation{\n    width:100%;\n\n}\n.mob-final-btn{\n    margin-top:30px;\n    display:block;\n}\n.donateform .donation label{\n    width:31% !important;\n    padding: 8px;\n    font-size: 16px !important;\n}\n.gpay-button.short{\n    width: 31% !important;\n    margin-top: 0px !important;\n\n}\n.stripe-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 130px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   \n}\n\n\t\n\t\n.securepay-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 130px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 120px 40px;\n}\n.rh p{\n    font-size: 18px !important;\n}\n.paypal-button{\n    width: 31% !important;\n}\n.cstmcont{\n    margin-bottom: 15px;\n}\n.cstmcont, .currencycont{\n    width:100%;\n}\n.rh{\n    display:none;\n}\n.prepart h1{\n    display:none;\n}\n    .gpay-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n\t\n\t  .stripe-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n.paypal-button {\n    display: block;\n    \n    margin-right:0px;\n    \n}\n}\n\/* ApplePay Button *\/\n\n\n@supports (-webkit-appearance: -apple-pay-button) { \n    .apple-pay-button {\n        display: inline-block;\n        -webkit-appearance: -apple-pay-button;\n    }\n    .apple-pay-button-black {\n        -apple-pay-button-style: black;\n    }\n    .apple-pay-button-white {\n        -apple-pay-button-style: white;\n    }\n    .apple-pay-button-white-with-line {\n        -apple-pay-button-style: white-outline;\n    }\n}\n\n@supports not (-webkit-appearance: -apple-pay-button) {\n    .apple-pay-button {\n        display: inline-block;\n        background-size: 100% 60%;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        border-radius: 5px;\n        padding: 0px;\n        box-sizing: border-box;\n        min-width: 200px;\n        min-height: 32px;\n        max-height: 64px;\n    }\n    .apple-pay-button-black {\n        background-image: -webkit-named-image(apple-pay-logo-white);\n        background-color: black;\n    }\n    .apple-pay-button-white {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n    }\n    .apple-pay-button-white-with-line {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n        border: .5px solid black;\n    } \n}\n@media screen and (max-width: 768px){\n    .plugin-wrapper{\n        flex-direction:column;\n    }\n    \n    .sndnow{\n        margin-top: 20px;\n    width: 49%;\n    \n    margin-bottom: 20px !important;\n    }\n    .preview > p{\n        word-break: break-word;\n    }\n    .sndlater{\n        width: 49%;\n    margin-top: 20px;\n    flex-direction: column;\n    \n  \n    display: flex;\n    margin-bottom: 20px !important;\n    }\n    .select-wrapper{\n        display:flex;\n        margin-top: 20px;\n    }\n    .donateform h1{\n        text-align:center;\n    }\n    .your-details, .ecard-message  , .option-wrap , .btn-wrap, .recipient{\n        display:none;\n    }\n    .lftside, .rtside, .sndnow, .sndlater{\n        margin-bottom:0px;\n    }\n    .cardscontainer{\n        margin:0px;\n        padding: 10px;\n    }\n    .lftside{\n        padding: 18px !important;\n    }\n    .x> h2{\n        margin: 5px 0px 20px 0px!important;\n    }\n    .tags-wrap{\n        display:block;\n    }\n    .tags{\n        margin-right:0px;\n        margin-bottom:15px;\n        margin-top:15px;\n    }\n    .mob-btn-wrap{\n        display:block;\n        margin-top: 30px;\n    }\n    p.dynadded{\n        padding-bottom: 0px !important;\n    }\n    .donateform h2:not(.main-title){\n        display:none;\n    }\n    .navigation{\n    \n    color:#6db71f;\n}\n.mob-your-btn{\n    margin-top:30px;\n}\n.navigation-back{\n    font-size:40px;\n}\n.navigation-title{\n    font-size: 20px;\n    display: inline-block;\n    width: calc(100% - 20px);\n    text-align: center;\n}\n.too-line{\n    display:flex;\n    justify-content:space-around;\n    margin:25px 0px 15px 0px;\n}\n.too-line div{\n    height:3px;\n    width:15%;\n    background-color:#C2E6AE;\n}\n.mob-recip-btn, .mob-your-btn , .mob-message-btn{\n    display:inline-block;\n}\n.mob-message-btn{\n    margin-top:30px;\n}\n.mce-toolbar .mce-ico{\n    width:6px !important;\n}\n.addrecip{\n    width: 220px;\n    padding: 15px 0px;\n    font-size: 12px;\n    margin-left: calc(50% - 110px);\n    margin-bottom: 30px;\n}\n#mceu_12 , #mceu_13{\n    display:none;\n}\n.rtside{\n    padding: 18px;\n}\n\n    .apple-pay-button {\n   \/* margin: 20px auto!important;*\/\n   width: 100% !important;\n}\n.div_brd_app {\n   width: 31% !important; \n   height:44px;\n}\n}\n\n.paypal-logo {\n    font-family: Verdana, Tahoma;\n    font-weight: bold;\n    font-size: 26px;\n}\n.paypal-logo i:first-child {\n      color: #253b80;\n    }\n\n.paypal-logo i:last-child {\n      color: #179bd7;\n    }\n  \n  \n.paypal-button {\n    padding: 9px 20px;\n    border-radius: 5px;\n    display: block;\n    background-color: #fff;\n    border: 1px solid #fa9602\n}    \n.paypal-title {\n      font-size: 14px;\n      color: #505050;\n      vertical-align: baseline;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n    }\n    \n.paypal-logo {\n      display: inline-block;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n      font-size: 16px;\n    }\n.similar-ecard {    \n    text-align: center;\n    \/* display: inline-block; *\/\n    display: table-cell;\n    \/* float: left; *\/\n    margin: 0 5px;\n    padding: 0 5px;\n    max-width: 150px;\n   \n}\n.similar-ecard img{\n    box-shadow: 0px 0px 8px grey;\n    border: 5px solid white;\n    border-radius: 5px;\n    transition: 500ms; \n    display: block;\n    margin: 3px 0;\n} \n.similar-ecard img:hover {\n    transform: scale(1.07);\n   }\n\n\n.part-account-row {\n    position:relative;\n    text-align:center;\n }\n\n.part-account-miniblock {\n\n    display:inline-table;\n    width: 28vw;\n    height: 15vw;\n    margin: 3vw;\n    background:white;\n    border-radius: 5px;\n    border-style: solid;\n    border-width: 1px;\n    text-align: center;\n    border-color: #fa9602;\n    box-shadow: 0px 0px 15px #fa9602;\n    padding: 20px;\n}\n.img-svg {\n    max-height: 8vw;\n    opacity: 0.2;\n}\n.img-png {\n    max-height: 10vw;\n}\n\n.show-button:hover {\n    color: #c0226d!important;\n    background-image: initial!important;\n    background-color: #f4f4f4!important;\n    \n}\n\n.show-button{\n    color: #ffffff!important;\n    font-size: 17px;\n    background-color: #fa9602; \n    padding: 15px 0px !important;\n    border-radius:6px;\n    margin: 0 25%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.show-cat{\n    padding: 10px ;\n}\n.show-title{\n    padding: 15px 0px;\n    overflow: hidden;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n}\n\n.show-container{\n    display: grid;\n    padding: 20px;\n    margin: 10px;\n    background: none;\n    box-sizing: border-box;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.filter-area{\n    padding: 30px 20px;\n    margin: 0 10px;\n    display: inline-block;\n    width: 100%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n\n\n.filter-search{\n    width:50%;\n    margin:20px 10px;\n}\n.filter-page{\n    width:20%;\n    margin:20px 10px;\n}\n\n.filter-submit{\n    \/* width:25%; *\/\n    margin:20px 10px;\n}\n.filter-search input {\n    border: 1px solid #c0226d;\n}\n\n.filter-cat{\n    text-align: center;\n    display: block !important;\n}\n.one-cat{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#c0226d;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    margin: 3px;\n    color: #fa9602;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.one-cat-sel{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    margin: 3px;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.filter-page select {\n    background-image: linear-gradient(45deg,transparent 50%,#c0226d 60%),linear-gradient(135deg,#c0226d 40%,transparent 50%) !important;\n    background-position: calc(100% - 30px) 17px,calc(100% - 20px) 17px,100% 0;\n    background-size: 10px 10px,10px 10px;\n    background-repeat: no-repeat;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    \n}\n.form-row {\n    display: flex;\n}\n.form-control{\n    border-radius: 22px;\n    background: #F8F8F8;\n    border: 1px solid #c0226d;\n    height: 45px;\n    display: block;\n    width: 100%;\n    padding: .375rem .75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #495057;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #c0226d;\n    border-radius: .25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-submit{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n#filter-submit-btn{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n}\n.show-img:hover{\n    transform: scale(1.02);\n    box-shadow: 8px 15px 10px #c5c5c5;\n}\n.show-img{\n    max-height: 100%;\n    transition: .3s ease-in-out;\n    border: 1px solid #b5b5b5;\n    border-radius:6px;\n}\n.show-paginated-links{\n    text-align: center;\n    padding: 30px;\n}\n.show-paginated-links a{\n\n    padding: 10px 15px;\n    color: #c0226d;\n    border: #fa9602 solid 1px;\n    border-radius: 6px;\n    font-size: 26px;\n\n}\n.show-paginated-links span{\n\npadding: 10px 15px;\ncolor: #fff;\nbackground-color: #c0226d;\nborder: #fa9602 solid 1px;\nborder-radius: 6px;\nfont-size: 26px;\n\n}\n\n@media screen and (max-width: 480px){\n    .filter-area{\n    padding: 0px;\n    margin: 0px;\n    }\n    #filter-submit-btn {\n        padding: 10px 3px;\n        width: 100%;\n    }\n    .filter-search, .filter-submit {\n        width:50%;\n    }\n\n    .form-row.filter-cat{\n        \/* display:grid; *\/\n        display: block;\n    }\n    .form-row.sel-page{\n        display: none;\n    }\n    .ecard_cont.show-all{\n        \/* width: 99% !important; *\/\n    }\n    .show-paginated-links a {\n\n        display: inline-block;\n        font-size: 18px;\n        padding: 0px 5px;\n    }\n    .show-paginated-links {\n    \n        padding: 30px 0px;\n          \/* font-size: 18px; *\/\n    }\n    .one-cat, .one-cat-sel{\n        padding: 5px 7px;\n    }\n    .show-paginated-links span{\n        padding: 0px 5px;\n        font-size: 18px;\n    }\n    \n    .container{\n        width:95%;\n    }\n    .show-container{\n        padding: 5px 0px;\n        margin: 0px;\n    }\n  \n\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px){\n    .ecard_cont.show-all{\n        width: 32% !important;\n    }\n    .filter-page {\n    width: 30%;\n    }\n}\n.desc{\n    line-height: 1.9 !important;\n}\n\n.account_main{\n    padding: 20px 10px;\n}\n\n.popup {\nposition: absolute;\ntop: 40%;\nleft: 0;\nright: 0;\nwidth:100%;\nmax-width: 490px;\nmargin: auto;\nbackground: #fff;\nborder-radius: 10px;\ntext-align: center;\n}\n#success-message {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.56);\n    z-index: 999!important;\n    background: rgba(40, 69, 113, 0.4);\n}\n#success-message {\n    display: none;\n}\n\n\n\n<\/style>\n<style>.container {max-width: none; !important;}<\/style><div class=\"show-container\"><div class=\"cardrow\"><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/animated-delighted-happy-birthday\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/happy-birthday-eCard.gif\" alt=\"Animated Delighted Birthday eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Animated Delighted Birthday eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/animated-delighted-happy-birthday\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-ecard-with-kaola-and-joey\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/Happy-birthday-eCard-of-kaola-and-joey.gif\" alt=\"Happy birthday eCard with Koala and Joey\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy birthday eCard with Koala and Joey<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-ecard-with-kaola-and-joey\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-with-a-unicorn-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/02\/Happy-Birthday-running-Unicorn.gif\" alt=\"Happy birthday &#8211; Animated Pi\u00f1ata\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy birthday &#8211; Animated Pi\u00f1ata<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-with-a-unicorn-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-with-candle-light-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/02\/Happy-bairthday-with-candles.gif\" alt=\"Happy Birthday with candle light eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Birthday with candle light eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-with-candle-light-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-with-a-cake-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/02\/Happy-B.DAY-with-cake.gif\" alt=\"Happy birthday with a cake eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy birthday with a cake eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-with-a-cake-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/confetti-happy-birthday-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/02\/Confetti-happy-birthday.gif\" alt=\"Confetti happy birthday eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Confetti happy birthday eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/confetti-happy-birthday-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-cake-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2020\/12\/01_cake-3.gif\" alt=\"Happy Birthday Cake eCard Animated Glowing Candles\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Birthday Cake eCard Animated Glowing Candles<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-cake-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/animated-birthday-ecard-1\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2018\/03\/Birthday-animated-ecard-1.gif\" alt=\"Animated Butterfly Birthday Greetings eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Animated Butterfly Birthday Greetings eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/animated-birthday-ecard-1\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/bunny-in-box-a-smiley-animated-charity-birthday-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/01\/Bunny-in-Box-a-Smiley-Animated-Charity-Birthday-eCard.gif\" alt=\"Bunny in Box a Smiley Animated Charity Birthday eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Bunny in Box a Smiley Animated Charity Birthday eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/bunny-in-box-a-smiley-animated-charity-birthday-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/joyful-jubilation-animated-happy-birthday-greetings-card\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/01\/Joyful-Jubilation-Animated-Happy-Birthday-Greetings-Card.gif\" alt=\"Joyful Jubilation Animated Happy Birthday Greetings Card\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Joyful Jubilation Animated Happy Birthday Greetings Card<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/joyful-jubilation-animated-happy-birthday-greetings-card\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><\/div><\/div><\/div><\/div><script>\n\nfunction replaceAll(str, find, replace) {\n    return str.replace(new RegExp(find, 'g'), replace);\n};\n\njQuery(\".tax\").click(function(e){\n    str = jQuery('#terms').val();\n    if (str.indexOf(jQuery(this).attr(\"name\")) == -1){\n        jQuery(this).attr(\"class\", \"tax one-cat-sel\");\n        jQuery('#terms').val(jQuery('#terms').val()+\",\"+jQuery(this).attr(\"name\"));\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(1)==','){\n            str = str.slice(0,1)\n        };\n    }else{\n        jQuery(this).attr(\"class\", \"tax one-cat\");   \n        str = replaceAll(jQuery('#terms').val(),jQuery(this).attr(\"name\"),'');\n        \/\/ str = jQuery('#terms').val().replace(jQuery(this).attr(\"name\"),'');\n        str = replaceAll(str,',,',',');\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(0, 1)==','){\n            str = str.slice(1);\n        };\n        jQuery('#terms').val(str);\n    };\n\n    jQuery('#se').val('');\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#posts_pp').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#se').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\n\n\n<\/script> \n\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;http:\/\/ecards.hopespring.org.uk\/animated-birthday-ecards\/&#8221; button_text=&#8221;More Animated birthday eCards&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.4.0&#8243; custom_button=&#8221;on&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#e02b20&#8243; button_border_radius=&#8221;7px&#8221; button_font=&#8221;Arimo||||||||&#8221; button_use_icon=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#e06660&#8243; button_bg_enable_color__hover=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.0&#8243; width=&#8221;90%&#8221; max_width=&#8221;1525px&#8221; locked=&#8221;off&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text module_id=&#8221;whatsappecards&#8221; _builder_version=&#8221;4.4.0&#8243; custom_margin=&#8221;||-19px||false|false&#8221;]<\/p>\n<hr \/>\n<h2 style=\"text-align: center;\"><\/h2>\n<h2 style=\"text-align: center;\"><strong>\u00a0<\/strong><\/h2>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center; color: #6db71f;\"><strong>\u00a0Birthday eCards<\/strong><\/h2>\n<style>\n@font-face{\n\nfont-family: 'Arial Rounded MT Bold';\n\nsrc: url('\/wp-content\/plugins\/customecards\/templates\/8665.ttf');\n\n}\n\n.rtside.profile{\n    width:79%;\n}\n.cardscontainer{\n    font-family:'Arial Rounded MT Bold';\n}\n#wp-message-wrap{\n    \/* max-width: 500px; *\/\n}\n.paypal-button{\n    margin-bottom:20px;\n}\n#message_ifr{\n    height:100% !important;\n}\n.backbutton{\n    display:none;\n}\n.mob-recipients{\n    display:none;\n}\n.recipient input:nth-child(1){\n    margin-bottom: 1em;\n}\n.active-item{\n    background-color:#6db71f !important;\n}\n.recipients .cross{\n    color:#FF4C56;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 15px 0px 25px 0px;\n    display: inline-block;\n}\n.navigation{\n    display:none;\n}\n.mob-btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 70%;\n    margin: 0 auto;\n    text-align:center;\n}\n.mob-recip-btn, .mob-your-btn, .mob-message-btn, .mob-final-btn{\n    display:none;\n}\n.btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 180px;\n    margin: 0 auto;\n    text-align:center;\n    margin-left: calc(50% - 90px);\n}\n\n.mob-btn-wrap{\n    display:none;\n    \n}\n.tags-wrap{\n    display:flex;\n    justify-content: space-between;\n}\n.green{\n    color:#c0226d;\n}\n\t\n.onlyshare input{\n    display:none;\n}\n.onlyshare label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n\t\n.share-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n\t\n.sndcopy input{\n    display:none;\n}\n.sndcopy label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater select{\n    font-size:16px;\n    width: 89px;\n    top: -3px;\n    position: relative;\n}\n.fake-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n.btn-wrap{\n    text-align:center;\n}\n.donatebutton{\n    background-color:#c0226d;\n    border: 2px solid #fa9602;\n    color: #fff;\n    font-size: 18px;\n    padding: 12px 40px;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.fake-radio{\n    width: 20px;\n    height: 20px;\n    border: 1px solid grey;\n    display: inline-block;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right:5px;\n    cursor:pointer;\n}\n.fake-radio > div{\n    width:14px;\n    height:14px;\n    \n}\ninput[type=\"radio\"]:checked + .fake-radio > div{\n    background-color: #fa9602;\n}\n.sndnow input , .sndlater input{\n    display:none;\n}\n.sndnow label, .sndlater label {\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater label{\n    margin-right:10px;\n}\n.sndlater{\n    display: flex;\n}\n\n.clr{\nclear:both;\n}\n.disabled{\n    pointer-events:none;\n    opacity:.7;\n}\n.cardscontainer {\n    position: relative;\n    \/\/width: 80%;\n    margin: auto;\n    padding: 20px 80px;\n    margin: 10px;\n        background: url(http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2017\/08\/background.jpg);\n        box-sizing: border-box;\n}\n.cardscontainer h1,.cardscontainer h2{\n    line-height:1.2 !important;\n}\n#leftside{\n    float: left;\n    padding-right: 5.5%;\n    width: 79.125%;\n    padding-bottom: 23px;\n}\n.cardrow{\n    width: 100% !important;\n    padding: 10px 0px;\n    text-align:center;\n}\n.ecard_cont{\n    width: 24% !important;\n    margin-right: 1%;\n    float:left;\n    margin-bottom:20px!important;\n    position: relative;\n    background-color: rgba(0, 0, 0);\n    background: none; \n    border-radius: 7px;;\n}\n.ecard_cont:hover .ecard {\n  opacity: 0.5;\n}\n\n.ecard_cont:hover .ecard_middle {\n  opacity: 1;\n}\n\n.ecard_middle {\n  transition: .5s ease;\n  opacity: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  text-align: center;\n  width: 60%;\n\n}\n.ecard_text {\n\n  background-color: white;\n  color: #4CAF50;\n  font-size: 22px;\n  padding: 22px 2px;\n  font-weight: 600;\n  border-radius: 25px;\n  text-transform: uppercase;\n}\n\n.ecard{\n    \/* box-shadow: 0px 0px 15px grey;border:5px solid white;border-radius:5px; *\/\n    width: 100% !important;\n    border-radius: 7px;\n}\n\n.ecard_cat_cont,.ecard_cont{\n    text-align:center;\n}\n.ecard_cat_cont a,.ecard_cont a{\n        padding: 30px 0px !important;\n    vertical-align: bottom !important;\n    line-height: 0;\n}\n.webui-popover{\n    z-index: 2147483647 !important;\n}\n@media screen and (max-width: 480px){\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px;  *\/\n}\n}\n@media screen and (max-width: 640px) and (min-width: 480px) {\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px; *\/\n}\n\n}\n@media screen and (max-width: 768px) and (min-width: 640px) {\n    .ecard_cont{\n    width: 32% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 54px;  *\/\n}\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px) {\n    .ecard_cont{\n    width: 24% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 60px;  *\/\n}\n}\n\n\n\n\/******SIngle Card******\/\n.donateform h2{\n    margin: 15px 0px 20px 0px!important;\n    padding: 0px;\n}\n.sub-title{\n    color:#000;\n    font-size:16px;\n    margin-bottom:5px;\n    display: inline-block;\n}\n.tags{\n    margin-right:90px;\n}\n.addrecip{\n    border: 2px solid #fa9602;\n    width: 250px;\n    border-radius: 9px;\n    padding: 15px 0px;\n    text-align: center;\n    font-size:14px;\n    font-weight: 600;\n    padding-bottom: 15px !important;\n}\n}\n.donateform .donatebutton,.dsend{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 20px !important;\n    margin-bottom: 10px  !important;\n    cursor: pointer;\n    padding: 10px 15px;\n}\n\n.backbutton{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 15px !important;\n    margin-bottom: 20px  !important;\n    cursor: pointer;\n    padding: 8px 10px;\n}\n\n\n.donateform .donation label{\n    float:left !important;\n    \/\/margin-right:10px !important;\n    \/\/margin-left:10px !important;\n    margin-bottom:5px;\n}\n.donateform .donation label .donateradio{\n    margin-top: 0px;\n    margin-right: 5px;\n}\n.donateform p .lbl{\n    float:none !important;\n    display:block !important;\n    margin-bottom:5px;\n}\n.donateform .donation input{\n    width:auto !important;\n}\n.donateform p input,.donateform p textarea{\n    width:100% !important;\n    \/* max-width:500px !important; *\/\n}\n.donateform p input{\n    height: auto !important;\n}\n.donateform p .msg{\n    min-height: 120px !important;\n}\n.donateform p .custom_donation{\n    width: 100% !important;\n    max-width:120px !important;\n}\n.donateform .ecardimg{\n    box-shadow: 0px 0px 5px grey;border:5px solid white;border-radius:5px;\n    \/\/max-width:100% !important;\n    width:auto !important;\n    \/* max-height:300px; *\/\n    \/\/margin-top: 10px;\n    margin-bottom: 15px;\n}\n\n.donateform p input,.donateform p textarea,.sndlater input[type=text]{\n    padding: 16px;\n    border: none !important;\n    -webkit-border-radius: 0;\n    -moz-border-radius: 0;\n    border-radius: 0;\n    color: #999 !important;\n    background-color: #eee !important;\n    font-size: 14px !important;\n}\n.donateform p, .donateform p input, .donateform p textarea, .donateform label:not(.donateform .donation label), .donateform h1, .donateform h2 {\n    line-height: 1.2 !important;\n}\n\/*.donateform p.txtfields input{\n    width:30% !important;\n    margin-right:3% !important;\n}*\/\n.lftside{\n    float: left;\n    width:49%;\n    margin-right: 2%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n.lftside.profile{\n    width : 19%;\n}\n.rtside{\n    float: left;\n    width:49%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n#tinymce{\n    background-color: #eee !important;\n}\n\n}\n\n.rtside.profile{\n    width : 79%;\n}\n\n.sndnow{\n    width: 25%;\n    float: left;\n    margin-bottom: 20px;\n}\n.sndcopy{\n    margin-bottom:20px;\n}\n\/***Single Card Custom Settings***\/\n.donateform h1,.donateform p,.donateform input ,.donateform textarea,.donateform label,.lbl{font-family: 'Arial Rounded MT Bold';}\n.donateform p,.donateform p input,.donateform p textarea,.lbl{color:black !important}\n.donateform h1{font-size:35px !important}\n\/* .donateform h2{font-family:Arial!important}\n *\/\n.donateform h2{color:#c0226d!important}\n\/***Preview h2***\/\n\/****\/\n\/*********New css Donation***********\/\n.dform {\n    margin-top: 20px;\n}\n.donation{\n    \/\/float:left;\n    \/\/margin-right: 20px;\n    display: inline-block;\n    vertical-align: middle;\n    \/\/margin-bottom: 30px;\n        margin-left:15px;\n        width: 65%;\n        display: flex;\n        justify-content: space-between;\n}\n.donation label input{\n    display:none;\n}\n.donateform .donation label {\n    border-radius: 10px;\n    padding: 12px;\n    background: #fff;\n    color: #c0226d;\n    border:1px solid #fa9602;\n    font-weight: bold;\n    font-size: 20px !important;\n    cursor: pointer;\n    width: 31%;\n    \n    text-align: center;\n    vertical-align: middle;\n    \n    margin-right: 0px;\n}\n.donateform .donation label:nth-child(3){\n    margin-left:none !important;\n}\n\/***Donate Buttons Settings***\/\n\/***\/\n.selectborder{\n   background-color:#c0226d !important;\n   color: #fff !important;\n}\n\/***Selected Radio Settings***\/\n\/***\/\n.cstm, .currency{\n    \n    \n    \n    \/\/margin-right: 15px;\n    margin-bottom:30px;\n    \n}\n.cstmcont,.currencycont{\n    display: inline-block;\n    width:34%;\n}\n.cstm input,.currency select{    \n    width: 100%;\n    \/\/display: block;\n    margin: auto;\n    padding: 5px;\n    border: none;\n    background-color: #F7F7F7;\n    padding: 15px 7px;\n}\n\/***CSTM BG Settings***\/\n\/***\/\n.cstmcont label.lbl, .currencycont label.lbl{\n    display: block;\n    \n    font-weight: bold;\n    \/\/font-size: 15px !important;\n    margin-bottom: 15px;\n    \/\/margin-top: 25%;\n}\n\/**Label LbL Preview Page**\/\n.sbtncont p{\n    text-align:center;\n}\n.sbtncont p button{\n    display: block;\n    margin: 20px auto;\n    width: 100%;\n}\n\/*****\/\n.preview {\n        border-radius: 5px;\n    \/\/padding: 30px 0px;\n    \/\/max-width: 750px;\n    \/\/margin: auto;\n    background-size: 100% 100%;\n    background-repeat: no-repeat;    \n}\n.preview table{\n    \/\/margin: auto;\n    width:100%;\n    margin-bottom: 20px;\n    \/\/text-align:center;\n}\n.preview table td img{\n    \/\/max-width: 80%;\n    box-shadow: 0px 0px 5px;\n    border: 5px solid white;\n    border-radius: 5px;\n    \/\/width: 80%;\n    \/\/margin:auto;\n    display:block;\n}\n\/****New Mobile Settings****\/\n@media screen and (max-width: 768px) and (min-width: 640px){\n    .sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }\n    .preview table td img{\n        \/\/max-width: 550px;\n    }\n    .donation{\n        text-align:center;\n        margin-bottom: 20px;\n        margin-right:0;\n       \n    }\n    .donateform .donation label {\n        display:inline-block;\n        float:none !important;        \n        vertical-align: middle;\n        margin: 0px 20px !important;\n    }\n    .cstm,.sbtncont {\n        display:block;\n        margin: 20px auto;\n    }\n}\n\/***************************\/  \n.prepart h2 {\n    color: #c0226d !important;\n    margin: 15px 0px 10px 0px!important;\n    padding: 0px;\n}\n.upper,.lower,.lh,.rh{\n    \/\/border:1px solid;\n    padding:10px;\n}\n.upper,.lower,.lhup,.rhup,.lhdn,.rhdn,.donateform{\n    \/\/border:1px solid black;\n    \/\/box-shadow:0px 0px 1px black inset;\n}\n.lh {\n    width: 49%;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 20px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 49%;\n   \n    background:white;\n    padding: 10px 20px;\n}\n.rh p {\n   font-size: 18px;\n}\n@media screen and (max-width: 1320px){\n    .sndlater select{\n        width: 80px;\n    }\n}\n\/**V3 mobile changes**\/\n@media screen and (max-width: 768px){\n   .lh,.rh {\n       width:100%;\n       margin-bottom:20px;\n       float:none;\n   }\n   .cstmcont, .currencycont, .donation {\n        display: block;\n        margin:auto;\n    }\n    .donateform .donatebutton,.dsend {\n    display: block;\n    margin: 20px auto!important;\n}\n.donateform .donation label {\n    padding: 4px;\n    width: 60px;\n    margin: 0px 2px !important;\n    display:inline-block;\n        float:none !important;\n        font-size: 12px !important;\n}\n.selectborder {\n    border: 2px solid black;\n    box-shadow: 0px 0px 4px grey;\n    padding: 2px !important;\n}\n.donation{\n        text-align:center;\n        margin-bottom: 10px;\n        margin-right:0;\n        display:block;\n        margin-bottom: 20px;\n    }\n.cstm,.sbtncont {\n        display:block;\n        margin: 0px auto;\n    }    \n.lftside,.rtside,.sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }    \n.rh p {\n    font-size: 14px;\n}\nh2 {\n    font-size: 20px !important;\n}\nh1{\n    font-size: 24px !important;\n}\n.backbutton {\n    font-size: 12px !important;\n    padding: 4px 6px;\n}\n.sbtncont + label{\n    font-size: 12px !important;\n}\n\n.lftside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.rtside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.part-account-miniblock{\n    width : 89% !important;\n}\n.img-png {\n    max-height:25vw !important;\n}\n}\n@media screen and (max-width: 1024px) and (min-width: 768px){\n    .lh {\n    width: 35%;\n    float: left;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 10px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 63%;\n    float: left;\n    background:white;\n    padding: 10px 20px;\n}\n.donateform .donation label {\n    border-radius: 15px;\n    padding: 5px;\n    background: grey;\n    color: white !important;\n    font-weight: bold;\n    font-size: 15px !important;\n    cursor: pointer;\n    width: 60px;\n    text-align: center;\n    vertical-align: middle;\n}\n.selectborder {\n    border: 3px solid black;\n    box-shadow: 0px 0px 5px grey;\n    padding: 2px !important;\n}\n.cstm input, .currency select {\n    padding: 2px;\n    font-size: 12px;\n}\n.cstm, .currency {\n    padding: 5px 0px;\n}\n.cstmcont label.lbl, .currencycont label.lbl {\n    font-size: 12px;\n}\n.donateform .donatebutton,.dsend {\n    font-size: 15px !important;\n    padding: 8px 12px;\n}\n.part-account-row h2{\n    font-size: 18px;\n}\n}\n\/***Video***\/\nvideo{\n\twidth:100%;\n\theight:auto;\n}\nvideo::-internal-media-controls-download-button {\n    display:none;\n}\n\nvideo::-webkit-media-controls-enclosure {\n    overflow:hidden;\n}\n\nvideo::-webkit-media-controls-panel {\n    width: calc(100% + 30px); \/* Adjust as needed *\/\n}\n\/***More Recepients***\/\n\/*.recipients .input{\n\tdisplay: inline-block !important;\n    width: 45% !important;\n    margin-right: 1%;\n}*\/\n.recipients .input {\n    display: block !important;\n    width: 100% !important;\n    margin-right: 0;\n    margin-bottom: 10px;\n}\n.addrecip span{\n    font-weight: bold;\n    color: #86B752 !important;\n    font-size: 40px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n.addrecip{\n\tcursor: pointer;\n}\n.cross {\n\tcursor: pointer;\n}\n.cross img{\n\twidth:16px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n\/***Captcha***\/\n#captcha{\n\tmargin-bottom:20px;\n}\n\/*Button GooglePay*\/\n\n\n.gpay-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.gpay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.gpay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.gpay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:12px;\n  width: 117.91px;\n  border:1px solid #fa9602;\n  margin-left: 10px;\n  \n}\n\n.gpay-button.black.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg);\n}\n\n.gpay-button.white.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg);\n}\n\n.gpay-button.black.active {\n  background-color: #5f6368;\n}\n\n.gpay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.gpay-button.white.active {\n  background-color: #fff;\n}\n\n.gpay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.gpay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\n\n\t\/*secure Stripe pay*\/\n\n\n.securepay-button  {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.securepay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.securepay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.securepay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:2px;\n\tmargin-bottom:5px;\n\t\n  width: 160.91px;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.black.active {\n  background-color: #5f6368;\n}\n\n.securepay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.securepay-button.white.active {\n  background-color: #fff;\n}\n\n.securepay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.securepay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\t\n\/*Button Stripe pay*\/\n\n\n.stripe-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.stripe-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.stripe-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.stripe-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:-6px;\n\tmargin-bottom:5px;\n\t\n  width: 20%;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 160px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n\/*    background-size: 160px 40px; *\/\n}\n\n.stripe-button.black.active {\n  background-color: #5f6368;\n}\n\n.stripe-button.black.hover {\n  background-color: #3c4043;\n}\n\n.stripe-button.white.active {\n  background-color: #fff;\n}\n\n.stripe-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.stripe-button.white.hover {\n  background-color: #f8f8f8;\n}\n@media screen and (max-width: 768px){\n.last-step{\n    flex-direction:column;\n}\n.selectborder{\n    padding: 8px !important;\n}\n.donation-wrapper{\n    flex-direction: column;\n}\n\n.donation{\n    width:100%;\n\n}\n.mob-final-btn{\n    margin-top:30px;\n    display:block;\n}\n.donateform .donation label{\n    width:31% !important;\n    padding: 8px;\n    font-size: 16px !important;\n}\n.gpay-button.short{\n    width: 31% !important;\n    margin-top: 0px !important;\n\n}\n.stripe-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 130px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   \n}\n\n\t\n\t\n.securepay-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 130px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 120px 40px;\n}\n.rh p{\n    font-size: 18px !important;\n}\n.paypal-button{\n    width: 31% !important;\n}\n.cstmcont{\n    margin-bottom: 15px;\n}\n.cstmcont, .currencycont{\n    width:100%;\n}\n.rh{\n    display:none;\n}\n.prepart h1{\n    display:none;\n}\n    .gpay-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n\t\n\t  .stripe-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n.paypal-button {\n    display: block;\n    \n    margin-right:0px;\n    \n}\n}\n\/* ApplePay Button *\/\n\n\n@supports (-webkit-appearance: -apple-pay-button) { \n    .apple-pay-button {\n        display: inline-block;\n        -webkit-appearance: -apple-pay-button;\n    }\n    .apple-pay-button-black {\n        -apple-pay-button-style: black;\n    }\n    .apple-pay-button-white {\n        -apple-pay-button-style: white;\n    }\n    .apple-pay-button-white-with-line {\n        -apple-pay-button-style: white-outline;\n    }\n}\n\n@supports not (-webkit-appearance: -apple-pay-button) {\n    .apple-pay-button {\n        display: inline-block;\n        background-size: 100% 60%;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        border-radius: 5px;\n        padding: 0px;\n        box-sizing: border-box;\n        min-width: 200px;\n        min-height: 32px;\n        max-height: 64px;\n    }\n    .apple-pay-button-black {\n        background-image: -webkit-named-image(apple-pay-logo-white);\n        background-color: black;\n    }\n    .apple-pay-button-white {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n    }\n    .apple-pay-button-white-with-line {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n        border: .5px solid black;\n    } \n}\n@media screen and (max-width: 768px){\n    .plugin-wrapper{\n        flex-direction:column;\n    }\n    \n    .sndnow{\n        margin-top: 20px;\n    width: 49%;\n    \n    margin-bottom: 20px !important;\n    }\n    .preview > p{\n        word-break: break-word;\n    }\n    .sndlater{\n        width: 49%;\n    margin-top: 20px;\n    flex-direction: column;\n    \n  \n    display: flex;\n    margin-bottom: 20px !important;\n    }\n    .select-wrapper{\n        display:flex;\n        margin-top: 20px;\n    }\n    .donateform h1{\n        text-align:center;\n    }\n    .your-details, .ecard-message  , .option-wrap , .btn-wrap, .recipient{\n        display:none;\n    }\n    .lftside, .rtside, .sndnow, .sndlater{\n        margin-bottom:0px;\n    }\n    .cardscontainer{\n        margin:0px;\n        padding: 10px;\n    }\n    .lftside{\n        padding: 18px !important;\n    }\n    .x> h2{\n        margin: 5px 0px 20px 0px!important;\n    }\n    .tags-wrap{\n        display:block;\n    }\n    .tags{\n        margin-right:0px;\n        margin-bottom:15px;\n        margin-top:15px;\n    }\n    .mob-btn-wrap{\n        display:block;\n        margin-top: 30px;\n    }\n    p.dynadded{\n        padding-bottom: 0px !important;\n    }\n    .donateform h2:not(.main-title){\n        display:none;\n    }\n    .navigation{\n    \n    color:#6db71f;\n}\n.mob-your-btn{\n    margin-top:30px;\n}\n.navigation-back{\n    font-size:40px;\n}\n.navigation-title{\n    font-size: 20px;\n    display: inline-block;\n    width: calc(100% - 20px);\n    text-align: center;\n}\n.too-line{\n    display:flex;\n    justify-content:space-around;\n    margin:25px 0px 15px 0px;\n}\n.too-line div{\n    height:3px;\n    width:15%;\n    background-color:#C2E6AE;\n}\n.mob-recip-btn, .mob-your-btn , .mob-message-btn{\n    display:inline-block;\n}\n.mob-message-btn{\n    margin-top:30px;\n}\n.mce-toolbar .mce-ico{\n    width:6px !important;\n}\n.addrecip{\n    width: 220px;\n    padding: 15px 0px;\n    font-size: 12px;\n    margin-left: calc(50% - 110px);\n    margin-bottom: 30px;\n}\n#mceu_12 , #mceu_13{\n    display:none;\n}\n.rtside{\n    padding: 18px;\n}\n\n    .apple-pay-button {\n   \/* margin: 20px auto!important;*\/\n   width: 100% !important;\n}\n.div_brd_app {\n   width: 31% !important; \n   height:44px;\n}\n}\n\n.paypal-logo {\n    font-family: Verdana, Tahoma;\n    font-weight: bold;\n    font-size: 26px;\n}\n.paypal-logo i:first-child {\n      color: #253b80;\n    }\n\n.paypal-logo i:last-child {\n      color: #179bd7;\n    }\n  \n  \n.paypal-button {\n    padding: 9px 20px;\n    border-radius: 5px;\n    display: block;\n    background-color: #fff;\n    border: 1px solid #fa9602\n}    \n.paypal-title {\n      font-size: 14px;\n      color: #505050;\n      vertical-align: baseline;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n    }\n    \n.paypal-logo {\n      display: inline-block;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n      font-size: 16px;\n    }\n.similar-ecard {    \n    text-align: center;\n    \/* display: inline-block; *\/\n    display: table-cell;\n    \/* float: left; *\/\n    margin: 0 5px;\n    padding: 0 5px;\n    max-width: 150px;\n   \n}\n.similar-ecard img{\n    box-shadow: 0px 0px 8px grey;\n    border: 5px solid white;\n    border-radius: 5px;\n    transition: 500ms; \n    display: block;\n    margin: 3px 0;\n} \n.similar-ecard img:hover {\n    transform: scale(1.07);\n   }\n\n\n.part-account-row {\n    position:relative;\n    text-align:center;\n }\n\n.part-account-miniblock {\n\n    display:inline-table;\n    width: 28vw;\n    height: 15vw;\n    margin: 3vw;\n    background:white;\n    border-radius: 5px;\n    border-style: solid;\n    border-width: 1px;\n    text-align: center;\n    border-color: #fa9602;\n    box-shadow: 0px 0px 15px #fa9602;\n    padding: 20px;\n}\n.img-svg {\n    max-height: 8vw;\n    opacity: 0.2;\n}\n.img-png {\n    max-height: 10vw;\n}\n\n.show-button:hover {\n    color: #c0226d!important;\n    background-image: initial!important;\n    background-color: #f4f4f4!important;\n    \n}\n\n.show-button{\n    color: #ffffff!important;\n    font-size: 17px;\n    background-color: #fa9602; \n    padding: 15px 0px !important;\n    border-radius:6px;\n    margin: 0 25%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.show-cat{\n    padding: 10px ;\n}\n.show-title{\n    padding: 15px 0px;\n    overflow: hidden;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n}\n\n.show-container{\n    display: grid;\n    padding: 20px;\n    margin: 10px;\n    background: none;\n    box-sizing: border-box;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.filter-area{\n    padding: 30px 20px;\n    margin: 0 10px;\n    display: inline-block;\n    width: 100%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n\n\n.filter-search{\n    width:50%;\n    margin:20px 10px;\n}\n.filter-page{\n    width:20%;\n    margin:20px 10px;\n}\n\n.filter-submit{\n    \/* width:25%; *\/\n    margin:20px 10px;\n}\n.filter-search input {\n    border: 1px solid #c0226d;\n}\n\n.filter-cat{\n    text-align: center;\n    display: block !important;\n}\n.one-cat{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#c0226d;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    margin: 3px;\n    color: #fa9602;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.one-cat-sel{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    margin: 3px;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.filter-page select {\n    background-image: linear-gradient(45deg,transparent 50%,#c0226d 60%),linear-gradient(135deg,#c0226d 40%,transparent 50%) !important;\n    background-position: calc(100% - 30px) 17px,calc(100% - 20px) 17px,100% 0;\n    background-size: 10px 10px,10px 10px;\n    background-repeat: no-repeat;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    \n}\n.form-row {\n    display: flex;\n}\n.form-control{\n    border-radius: 22px;\n    background: #F8F8F8;\n    border: 1px solid #c0226d;\n    height: 45px;\n    display: block;\n    width: 100%;\n    padding: .375rem .75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #495057;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #c0226d;\n    border-radius: .25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-submit{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n#filter-submit-btn{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n}\n.show-img:hover{\n    transform: scale(1.02);\n    box-shadow: 8px 15px 10px #c5c5c5;\n}\n.show-img{\n    max-height: 100%;\n    transition: .3s ease-in-out;\n    border: 1px solid #b5b5b5;\n    border-radius:6px;\n}\n.show-paginated-links{\n    text-align: center;\n    padding: 30px;\n}\n.show-paginated-links a{\n\n    padding: 10px 15px;\n    color: #c0226d;\n    border: #fa9602 solid 1px;\n    border-radius: 6px;\n    font-size: 26px;\n\n}\n.show-paginated-links span{\n\npadding: 10px 15px;\ncolor: #fff;\nbackground-color: #c0226d;\nborder: #fa9602 solid 1px;\nborder-radius: 6px;\nfont-size: 26px;\n\n}\n\n@media screen and (max-width: 480px){\n    .filter-area{\n    padding: 0px;\n    margin: 0px;\n    }\n    #filter-submit-btn {\n        padding: 10px 3px;\n        width: 100%;\n    }\n    .filter-search, .filter-submit {\n        width:50%;\n    }\n\n    .form-row.filter-cat{\n        \/* display:grid; *\/\n        display: block;\n    }\n    .form-row.sel-page{\n        display: none;\n    }\n    .ecard_cont.show-all{\n        \/* width: 99% !important; *\/\n    }\n    .show-paginated-links a {\n\n        display: inline-block;\n        font-size: 18px;\n        padding: 0px 5px;\n    }\n    .show-paginated-links {\n    \n        padding: 30px 0px;\n          \/* font-size: 18px; *\/\n    }\n    .one-cat, .one-cat-sel{\n        padding: 5px 7px;\n    }\n    .show-paginated-links span{\n        padding: 0px 5px;\n        font-size: 18px;\n    }\n    \n    .container{\n        width:95%;\n    }\n    .show-container{\n        padding: 5px 0px;\n        margin: 0px;\n    }\n  \n\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px){\n    .ecard_cont.show-all{\n        width: 32% !important;\n    }\n    .filter-page {\n    width: 30%;\n    }\n}\n.desc{\n    line-height: 1.9 !important;\n}\n\n.account_main{\n    padding: 20px 10px;\n}\n\n.popup {\nposition: absolute;\ntop: 40%;\nleft: 0;\nright: 0;\nwidth:100%;\nmax-width: 490px;\nmargin: auto;\nbackground: #fff;\nborder-radius: 10px;\ntext-align: center;\n}\n#success-message {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.56);\n    z-index: 999!important;\n    background: rgba(40, 69, 113, 0.4);\n}\n#success-message {\n    display: none;\n}\n\n\n\n<\/style>\n<style>.container {max-width: none; !important;}<\/style><div class=\"show-container\"><div class=\"cardrow\"><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-with-happy-child-and-cake\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Happy-birthday-woth-a-chid-and-cake-ecard.jpg\" alt=\"Happy Birthday With Happy Child And Cake eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Birthday With Happy Child And Cake eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-with-happy-child-and-cake\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-to-you-with-decoration\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Happy-birthday-decoration-ecard.jpg\" alt=\"Happy Birthday To You With Decoration\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Birthday To You With Decoration<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-to-you-with-decoration\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-sweet-teddy\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Happy-birthday-sweet-teddy-ecard.jpg\" alt=\"Happy Birthday Sweet Teddy eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Birthday Sweet Teddy eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-sweet-teddy\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-to-you-featuring-children\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Happy-birthday-to-you-ecard.jpg\" alt=\"Happy Birthday To You eCard Featuring Happy Children\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Birthday To You eCard Featuring Happy Children<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-to-you-featuring-children\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-ecard-with-balloons-and-candies\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Happy-birthday-with-balloons-ecard.jpg\" alt=\"Happy Birthday With Balloons And Candies eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Birthday With Balloons And Candies eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-ecard-with-balloons-and-candies\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/soul-happy-birthday-music-video\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/04\/Soulful-Female-Rendition-of-Happy-Birthday-Music-Video-eCard.jpg\" alt=\"Soulful Female Rendition of Happy Birthday Music Video eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Soulful Female Rendition of Happy Birthday Music Video eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/soul-happy-birthday-music-video\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-ecard-with-kaola-and-joey\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/Happy-birthday-eCard-of-kaola-and-joey.gif\" alt=\"Happy birthday eCard with Koala and Joey\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy birthday eCard with Koala and Joey<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-ecard-with-kaola-and-joey\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/today-is-your-birthday-funny-video-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/02\/Its-your-birthday-hurray.jpg\" alt=\"Today it&#8217;s your birthday funny video eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Today it&#8217;s your birthday funny video eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/today-is-your-birthday-funny-video-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/animated-happy-birthday-orchestra-video-card-cello-violin-piano\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/01\/Orchestra-Video-Card.jpg\" alt=\"Animated Happy Birthday Orchestra Video Card\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Animated Happy Birthday Orchestra Video Card<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/animated-happy-birthday-orchestra-video-card-cello-violin-piano\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/birthday-card-from-her-elegant-female-hand-holding-flowers\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/01\/Birthday-Card-from-Her-ecard.jpg\" alt=\"Birthday Card from Her: Elegant Female Hand Holding Flowers\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Birthday Card from Her: Elegant Female Hand Holding Flowers<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/birthday-card-from-her-elegant-female-hand-holding-flowers\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><\/div><\/div><\/div><\/div><script>\n\nfunction replaceAll(str, find, replace) {\n    return str.replace(new RegExp(find, 'g'), replace);\n};\n\njQuery(\".tax\").click(function(e){\n    str = jQuery('#terms').val();\n    if (str.indexOf(jQuery(this).attr(\"name\")) == -1){\n        jQuery(this).attr(\"class\", \"tax one-cat-sel\");\n        jQuery('#terms').val(jQuery('#terms').val()+\",\"+jQuery(this).attr(\"name\"));\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(1)==','){\n            str = str.slice(0,1)\n        };\n    }else{\n        jQuery(this).attr(\"class\", \"tax one-cat\");   \n        str = replaceAll(jQuery('#terms').val(),jQuery(this).attr(\"name\"),'');\n        \/\/ str = jQuery('#terms').val().replace(jQuery(this).attr(\"name\"),'');\n        str = replaceAll(str,',,',',');\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(0, 1)==','){\n            str = str.slice(1);\n        };\n        jQuery('#terms').val(str);\n    };\n\n    jQuery('#se').val('');\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#posts_pp').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#se').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\n\n\n<\/script> \n\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;http:\/\/ecards.hopespring.org.uk\/birthday-ecards\/&#8221; button_text=&#8221;More  birthday eCards&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.4.0&#8243; custom_button=&#8221;on&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#e02b20&#8243; button_border_radius=&#8221;7px&#8221; button_font=&#8221;Arimo||||||||&#8221; button_use_icon=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#e06660&#8243; button_bg_enable_color__hover=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.0&#8243; width=&#8221;90%&#8221; max_width=&#8221;1525px&#8221; locked=&#8221;off&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text module_id=&#8221;whatsappecards&#8221; _builder_version=&#8221;4.4.0&#8243; custom_margin=&#8221;||-19px||false|false&#8221;]<\/p>\n<hr \/>\n<h2 style=\"text-align: center;\"><\/h2>\n<h2 style=\"text-align: center;\"><strong>\u00a0<\/strong><\/h2>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center; color: #6db71f;\"><strong>Video Birthday eCards<\/strong><\/h2>\n<style>\n@font-face{\n\nfont-family: 'Arial Rounded MT Bold';\n\nsrc: url('\/wp-content\/plugins\/customecards\/templates\/8665.ttf');\n\n}\n\n.rtside.profile{\n    width:79%;\n}\n.cardscontainer{\n    font-family:'Arial Rounded MT Bold';\n}\n#wp-message-wrap{\n    \/* max-width: 500px; *\/\n}\n.paypal-button{\n    margin-bottom:20px;\n}\n#message_ifr{\n    height:100% !important;\n}\n.backbutton{\n    display:none;\n}\n.mob-recipients{\n    display:none;\n}\n.recipient input:nth-child(1){\n    margin-bottom: 1em;\n}\n.active-item{\n    background-color:#6db71f !important;\n}\n.recipients .cross{\n    color:#FF4C56;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 15px 0px 25px 0px;\n    display: inline-block;\n}\n.navigation{\n    display:none;\n}\n.mob-btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 70%;\n    margin: 0 auto;\n    text-align:center;\n}\n.mob-recip-btn, .mob-your-btn, .mob-message-btn, .mob-final-btn{\n    display:none;\n}\n.btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 180px;\n    margin: 0 auto;\n    text-align:center;\n    margin-left: calc(50% - 90px);\n}\n\n.mob-btn-wrap{\n    display:none;\n    \n}\n.tags-wrap{\n    display:flex;\n    justify-content: space-between;\n}\n.green{\n    color:#c0226d;\n}\n\t\n.onlyshare input{\n    display:none;\n}\n.onlyshare label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n\t\n.share-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n\t\n.sndcopy input{\n    display:none;\n}\n.sndcopy label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater select{\n    font-size:16px;\n    width: 89px;\n    top: -3px;\n    position: relative;\n}\n.fake-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n.btn-wrap{\n    text-align:center;\n}\n.donatebutton{\n    background-color:#c0226d;\n    border: 2px solid #fa9602;\n    color: #fff;\n    font-size: 18px;\n    padding: 12px 40px;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.fake-radio{\n    width: 20px;\n    height: 20px;\n    border: 1px solid grey;\n    display: inline-block;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right:5px;\n    cursor:pointer;\n}\n.fake-radio > div{\n    width:14px;\n    height:14px;\n    \n}\ninput[type=\"radio\"]:checked + .fake-radio > div{\n    background-color: #fa9602;\n}\n.sndnow input , .sndlater input{\n    display:none;\n}\n.sndnow label, .sndlater label {\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater label{\n    margin-right:10px;\n}\n.sndlater{\n    display: flex;\n}\n\n.clr{\nclear:both;\n}\n.disabled{\n    pointer-events:none;\n    opacity:.7;\n}\n.cardscontainer {\n    position: relative;\n    \/\/width: 80%;\n    margin: auto;\n    padding: 20px 80px;\n    margin: 10px;\n        background: url(http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2017\/08\/background.jpg);\n        box-sizing: border-box;\n}\n.cardscontainer h1,.cardscontainer h2{\n    line-height:1.2 !important;\n}\n#leftside{\n    float: left;\n    padding-right: 5.5%;\n    width: 79.125%;\n    padding-bottom: 23px;\n}\n.cardrow{\n    width: 100% !important;\n    padding: 10px 0px;\n    text-align:center;\n}\n.ecard_cont{\n    width: 24% !important;\n    margin-right: 1%;\n    float:left;\n    margin-bottom:20px!important;\n    position: relative;\n    background-color: rgba(0, 0, 0);\n    background: none; \n    border-radius: 7px;;\n}\n.ecard_cont:hover .ecard {\n  opacity: 0.5;\n}\n\n.ecard_cont:hover .ecard_middle {\n  opacity: 1;\n}\n\n.ecard_middle {\n  transition: .5s ease;\n  opacity: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  text-align: center;\n  width: 60%;\n\n}\n.ecard_text {\n\n  background-color: white;\n  color: #4CAF50;\n  font-size: 22px;\n  padding: 22px 2px;\n  font-weight: 600;\n  border-radius: 25px;\n  text-transform: uppercase;\n}\n\n.ecard{\n    \/* box-shadow: 0px 0px 15px grey;border:5px solid white;border-radius:5px; *\/\n    width: 100% !important;\n    border-radius: 7px;\n}\n\n.ecard_cat_cont,.ecard_cont{\n    text-align:center;\n}\n.ecard_cat_cont a,.ecard_cont a{\n        padding: 30px 0px !important;\n    vertical-align: bottom !important;\n    line-height: 0;\n}\n.webui-popover{\n    z-index: 2147483647 !important;\n}\n@media screen and (max-width: 480px){\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px;  *\/\n}\n}\n@media screen and (max-width: 640px) and (min-width: 480px) {\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px; *\/\n}\n\n}\n@media screen and (max-width: 768px) and (min-width: 640px) {\n    .ecard_cont{\n    width: 32% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 54px;  *\/\n}\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px) {\n    .ecard_cont{\n    width: 24% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 60px;  *\/\n}\n}\n\n\n\n\/******SIngle Card******\/\n.donateform h2{\n    margin: 15px 0px 20px 0px!important;\n    padding: 0px;\n}\n.sub-title{\n    color:#000;\n    font-size:16px;\n    margin-bottom:5px;\n    display: inline-block;\n}\n.tags{\n    margin-right:90px;\n}\n.addrecip{\n    border: 2px solid #fa9602;\n    width: 250px;\n    border-radius: 9px;\n    padding: 15px 0px;\n    text-align: center;\n    font-size:14px;\n    font-weight: 600;\n    padding-bottom: 15px !important;\n}\n}\n.donateform .donatebutton,.dsend{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 20px !important;\n    margin-bottom: 10px  !important;\n    cursor: pointer;\n    padding: 10px 15px;\n}\n\n.backbutton{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 15px !important;\n    margin-bottom: 20px  !important;\n    cursor: pointer;\n    padding: 8px 10px;\n}\n\n\n.donateform .donation label{\n    float:left !important;\n    \/\/margin-right:10px !important;\n    \/\/margin-left:10px !important;\n    margin-bottom:5px;\n}\n.donateform .donation label .donateradio{\n    margin-top: 0px;\n    margin-right: 5px;\n}\n.donateform p .lbl{\n    float:none !important;\n    display:block !important;\n    margin-bottom:5px;\n}\n.donateform .donation input{\n    width:auto !important;\n}\n.donateform p input,.donateform p textarea{\n    width:100% !important;\n    \/* max-width:500px !important; *\/\n}\n.donateform p input{\n    height: auto !important;\n}\n.donateform p .msg{\n    min-height: 120px !important;\n}\n.donateform p .custom_donation{\n    width: 100% !important;\n    max-width:120px !important;\n}\n.donateform .ecardimg{\n    box-shadow: 0px 0px 5px grey;border:5px solid white;border-radius:5px;\n    \/\/max-width:100% !important;\n    width:auto !important;\n    \/* max-height:300px; *\/\n    \/\/margin-top: 10px;\n    margin-bottom: 15px;\n}\n\n.donateform p input,.donateform p textarea,.sndlater input[type=text]{\n    padding: 16px;\n    border: none !important;\n    -webkit-border-radius: 0;\n    -moz-border-radius: 0;\n    border-radius: 0;\n    color: #999 !important;\n    background-color: #eee !important;\n    font-size: 14px !important;\n}\n.donateform p, .donateform p input, .donateform p textarea, .donateform label:not(.donateform .donation label), .donateform h1, .donateform h2 {\n    line-height: 1.2 !important;\n}\n\/*.donateform p.txtfields input{\n    width:30% !important;\n    margin-right:3% !important;\n}*\/\n.lftside{\n    float: left;\n    width:49%;\n    margin-right: 2%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n.lftside.profile{\n    width : 19%;\n}\n.rtside{\n    float: left;\n    width:49%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n#tinymce{\n    background-color: #eee !important;\n}\n\n}\n\n.rtside.profile{\n    width : 79%;\n}\n\n.sndnow{\n    width: 25%;\n    float: left;\n    margin-bottom: 20px;\n}\n.sndcopy{\n    margin-bottom:20px;\n}\n\/***Single Card Custom Settings***\/\n.donateform h1,.donateform p,.donateform input ,.donateform textarea,.donateform label,.lbl{font-family: 'Arial Rounded MT Bold';}\n.donateform p,.donateform p input,.donateform p textarea,.lbl{color:black !important}\n.donateform h1{font-size:35px !important}\n\/* .donateform h2{font-family:Arial!important}\n *\/\n.donateform h2{color:#c0226d!important}\n\/***Preview h2***\/\n\/****\/\n\/*********New css Donation***********\/\n.dform {\n    margin-top: 20px;\n}\n.donation{\n    \/\/float:left;\n    \/\/margin-right: 20px;\n    display: inline-block;\n    vertical-align: middle;\n    \/\/margin-bottom: 30px;\n        margin-left:15px;\n        width: 65%;\n        display: flex;\n        justify-content: space-between;\n}\n.donation label input{\n    display:none;\n}\n.donateform .donation label {\n    border-radius: 10px;\n    padding: 12px;\n    background: #fff;\n    color: #c0226d;\n    border:1px solid #fa9602;\n    font-weight: bold;\n    font-size: 20px !important;\n    cursor: pointer;\n    width: 31%;\n    \n    text-align: center;\n    vertical-align: middle;\n    \n    margin-right: 0px;\n}\n.donateform .donation label:nth-child(3){\n    margin-left:none !important;\n}\n\/***Donate Buttons Settings***\/\n\/***\/\n.selectborder{\n   background-color:#c0226d !important;\n   color: #fff !important;\n}\n\/***Selected Radio Settings***\/\n\/***\/\n.cstm, .currency{\n    \n    \n    \n    \/\/margin-right: 15px;\n    margin-bottom:30px;\n    \n}\n.cstmcont,.currencycont{\n    display: inline-block;\n    width:34%;\n}\n.cstm input,.currency select{    \n    width: 100%;\n    \/\/display: block;\n    margin: auto;\n    padding: 5px;\n    border: none;\n    background-color: #F7F7F7;\n    padding: 15px 7px;\n}\n\/***CSTM BG Settings***\/\n\/***\/\n.cstmcont label.lbl, .currencycont label.lbl{\n    display: block;\n    \n    font-weight: bold;\n    \/\/font-size: 15px !important;\n    margin-bottom: 15px;\n    \/\/margin-top: 25%;\n}\n\/**Label LbL Preview Page**\/\n.sbtncont p{\n    text-align:center;\n}\n.sbtncont p button{\n    display: block;\n    margin: 20px auto;\n    width: 100%;\n}\n\/*****\/\n.preview {\n        border-radius: 5px;\n    \/\/padding: 30px 0px;\n    \/\/max-width: 750px;\n    \/\/margin: auto;\n    background-size: 100% 100%;\n    background-repeat: no-repeat;    \n}\n.preview table{\n    \/\/margin: auto;\n    width:100%;\n    margin-bottom: 20px;\n    \/\/text-align:center;\n}\n.preview table td img{\n    \/\/max-width: 80%;\n    box-shadow: 0px 0px 5px;\n    border: 5px solid white;\n    border-radius: 5px;\n    \/\/width: 80%;\n    \/\/margin:auto;\n    display:block;\n}\n\/****New Mobile Settings****\/\n@media screen and (max-width: 768px) and (min-width: 640px){\n    .sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }\n    .preview table td img{\n        \/\/max-width: 550px;\n    }\n    .donation{\n        text-align:center;\n        margin-bottom: 20px;\n        margin-right:0;\n       \n    }\n    .donateform .donation label {\n        display:inline-block;\n        float:none !important;        \n        vertical-align: middle;\n        margin: 0px 20px !important;\n    }\n    .cstm,.sbtncont {\n        display:block;\n        margin: 20px auto;\n    }\n}\n\/***************************\/  \n.prepart h2 {\n    color: #c0226d !important;\n    margin: 15px 0px 10px 0px!important;\n    padding: 0px;\n}\n.upper,.lower,.lh,.rh{\n    \/\/border:1px solid;\n    padding:10px;\n}\n.upper,.lower,.lhup,.rhup,.lhdn,.rhdn,.donateform{\n    \/\/border:1px solid black;\n    \/\/box-shadow:0px 0px 1px black inset;\n}\n.lh {\n    width: 49%;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 20px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 49%;\n   \n    background:white;\n    padding: 10px 20px;\n}\n.rh p {\n   font-size: 18px;\n}\n@media screen and (max-width: 1320px){\n    .sndlater select{\n        width: 80px;\n    }\n}\n\/**V3 mobile changes**\/\n@media screen and (max-width: 768px){\n   .lh,.rh {\n       width:100%;\n       margin-bottom:20px;\n       float:none;\n   }\n   .cstmcont, .currencycont, .donation {\n        display: block;\n        margin:auto;\n    }\n    .donateform .donatebutton,.dsend {\n    display: block;\n    margin: 20px auto!important;\n}\n.donateform .donation label {\n    padding: 4px;\n    width: 60px;\n    margin: 0px 2px !important;\n    display:inline-block;\n        float:none !important;\n        font-size: 12px !important;\n}\n.selectborder {\n    border: 2px solid black;\n    box-shadow: 0px 0px 4px grey;\n    padding: 2px !important;\n}\n.donation{\n        text-align:center;\n        margin-bottom: 10px;\n        margin-right:0;\n        display:block;\n        margin-bottom: 20px;\n    }\n.cstm,.sbtncont {\n        display:block;\n        margin: 0px auto;\n    }    \n.lftside,.rtside,.sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }    \n.rh p {\n    font-size: 14px;\n}\nh2 {\n    font-size: 20px !important;\n}\nh1{\n    font-size: 24px !important;\n}\n.backbutton {\n    font-size: 12px !important;\n    padding: 4px 6px;\n}\n.sbtncont + label{\n    font-size: 12px !important;\n}\n\n.lftside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.rtside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.part-account-miniblock{\n    width : 89% !important;\n}\n.img-png {\n    max-height:25vw !important;\n}\n}\n@media screen and (max-width: 1024px) and (min-width: 768px){\n    .lh {\n    width: 35%;\n    float: left;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 10px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 63%;\n    float: left;\n    background:white;\n    padding: 10px 20px;\n}\n.donateform .donation label {\n    border-radius: 15px;\n    padding: 5px;\n    background: grey;\n    color: white !important;\n    font-weight: bold;\n    font-size: 15px !important;\n    cursor: pointer;\n    width: 60px;\n    text-align: center;\n    vertical-align: middle;\n}\n.selectborder {\n    border: 3px solid black;\n    box-shadow: 0px 0px 5px grey;\n    padding: 2px !important;\n}\n.cstm input, .currency select {\n    padding: 2px;\n    font-size: 12px;\n}\n.cstm, .currency {\n    padding: 5px 0px;\n}\n.cstmcont label.lbl, .currencycont label.lbl {\n    font-size: 12px;\n}\n.donateform .donatebutton,.dsend {\n    font-size: 15px !important;\n    padding: 8px 12px;\n}\n.part-account-row h2{\n    font-size: 18px;\n}\n}\n\/***Video***\/\nvideo{\n\twidth:100%;\n\theight:auto;\n}\nvideo::-internal-media-controls-download-button {\n    display:none;\n}\n\nvideo::-webkit-media-controls-enclosure {\n    overflow:hidden;\n}\n\nvideo::-webkit-media-controls-panel {\n    width: calc(100% + 30px); \/* Adjust as needed *\/\n}\n\/***More Recepients***\/\n\/*.recipients .input{\n\tdisplay: inline-block !important;\n    width: 45% !important;\n    margin-right: 1%;\n}*\/\n.recipients .input {\n    display: block !important;\n    width: 100% !important;\n    margin-right: 0;\n    margin-bottom: 10px;\n}\n.addrecip span{\n    font-weight: bold;\n    color: #86B752 !important;\n    font-size: 40px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n.addrecip{\n\tcursor: pointer;\n}\n.cross {\n\tcursor: pointer;\n}\n.cross img{\n\twidth:16px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n\/***Captcha***\/\n#captcha{\n\tmargin-bottom:20px;\n}\n\/*Button GooglePay*\/\n\n\n.gpay-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.gpay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.gpay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.gpay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:12px;\n  width: 117.91px;\n  border:1px solid #fa9602;\n  margin-left: 10px;\n  \n}\n\n.gpay-button.black.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg);\n}\n\n.gpay-button.white.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg);\n}\n\n.gpay-button.black.active {\n  background-color: #5f6368;\n}\n\n.gpay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.gpay-button.white.active {\n  background-color: #fff;\n}\n\n.gpay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.gpay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\n\n\t\/*secure Stripe pay*\/\n\n\n.securepay-button  {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.securepay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.securepay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.securepay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:2px;\n\tmargin-bottom:5px;\n\t\n  width: 160.91px;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.black.active {\n  background-color: #5f6368;\n}\n\n.securepay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.securepay-button.white.active {\n  background-color: #fff;\n}\n\n.securepay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.securepay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\t\n\/*Button Stripe pay*\/\n\n\n.stripe-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.stripe-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.stripe-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.stripe-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:-6px;\n\tmargin-bottom:5px;\n\t\n  width: 20%;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 160px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n\/*    background-size: 160px 40px; *\/\n}\n\n.stripe-button.black.active {\n  background-color: #5f6368;\n}\n\n.stripe-button.black.hover {\n  background-color: #3c4043;\n}\n\n.stripe-button.white.active {\n  background-color: #fff;\n}\n\n.stripe-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.stripe-button.white.hover {\n  background-color: #f8f8f8;\n}\n@media screen and (max-width: 768px){\n.last-step{\n    flex-direction:column;\n}\n.selectborder{\n    padding: 8px !important;\n}\n.donation-wrapper{\n    flex-direction: column;\n}\n\n.donation{\n    width:100%;\n\n}\n.mob-final-btn{\n    margin-top:30px;\n    display:block;\n}\n.donateform .donation label{\n    width:31% !important;\n    padding: 8px;\n    font-size: 16px !important;\n}\n.gpay-button.short{\n    width: 31% !important;\n    margin-top: 0px !important;\n\n}\n.stripe-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 130px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   \n}\n\n\t\n\t\n.securepay-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 130px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 120px 40px;\n}\n.rh p{\n    font-size: 18px !important;\n}\n.paypal-button{\n    width: 31% !important;\n}\n.cstmcont{\n    margin-bottom: 15px;\n}\n.cstmcont, .currencycont{\n    width:100%;\n}\n.rh{\n    display:none;\n}\n.prepart h1{\n    display:none;\n}\n    .gpay-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n\t\n\t  .stripe-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n.paypal-button {\n    display: block;\n    \n    margin-right:0px;\n    \n}\n}\n\/* ApplePay Button *\/\n\n\n@supports (-webkit-appearance: -apple-pay-button) { \n    .apple-pay-button {\n        display: inline-block;\n        -webkit-appearance: -apple-pay-button;\n    }\n    .apple-pay-button-black {\n        -apple-pay-button-style: black;\n    }\n    .apple-pay-button-white {\n        -apple-pay-button-style: white;\n    }\n    .apple-pay-button-white-with-line {\n        -apple-pay-button-style: white-outline;\n    }\n}\n\n@supports not (-webkit-appearance: -apple-pay-button) {\n    .apple-pay-button {\n        display: inline-block;\n        background-size: 100% 60%;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        border-radius: 5px;\n        padding: 0px;\n        box-sizing: border-box;\n        min-width: 200px;\n        min-height: 32px;\n        max-height: 64px;\n    }\n    .apple-pay-button-black {\n        background-image: -webkit-named-image(apple-pay-logo-white);\n        background-color: black;\n    }\n    .apple-pay-button-white {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n    }\n    .apple-pay-button-white-with-line {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n        border: .5px solid black;\n    } \n}\n@media screen and (max-width: 768px){\n    .plugin-wrapper{\n        flex-direction:column;\n    }\n    \n    .sndnow{\n        margin-top: 20px;\n    width: 49%;\n    \n    margin-bottom: 20px !important;\n    }\n    .preview > p{\n        word-break: break-word;\n    }\n    .sndlater{\n        width: 49%;\n    margin-top: 20px;\n    flex-direction: column;\n    \n  \n    display: flex;\n    margin-bottom: 20px !important;\n    }\n    .select-wrapper{\n        display:flex;\n        margin-top: 20px;\n    }\n    .donateform h1{\n        text-align:center;\n    }\n    .your-details, .ecard-message  , .option-wrap , .btn-wrap, .recipient{\n        display:none;\n    }\n    .lftside, .rtside, .sndnow, .sndlater{\n        margin-bottom:0px;\n    }\n    .cardscontainer{\n        margin:0px;\n        padding: 10px;\n    }\n    .lftside{\n        padding: 18px !important;\n    }\n    .x> h2{\n        margin: 5px 0px 20px 0px!important;\n    }\n    .tags-wrap{\n        display:block;\n    }\n    .tags{\n        margin-right:0px;\n        margin-bottom:15px;\n        margin-top:15px;\n    }\n    .mob-btn-wrap{\n        display:block;\n        margin-top: 30px;\n    }\n    p.dynadded{\n        padding-bottom: 0px !important;\n    }\n    .donateform h2:not(.main-title){\n        display:none;\n    }\n    .navigation{\n    \n    color:#6db71f;\n}\n.mob-your-btn{\n    margin-top:30px;\n}\n.navigation-back{\n    font-size:40px;\n}\n.navigation-title{\n    font-size: 20px;\n    display: inline-block;\n    width: calc(100% - 20px);\n    text-align: center;\n}\n.too-line{\n    display:flex;\n    justify-content:space-around;\n    margin:25px 0px 15px 0px;\n}\n.too-line div{\n    height:3px;\n    width:15%;\n    background-color:#C2E6AE;\n}\n.mob-recip-btn, .mob-your-btn , .mob-message-btn{\n    display:inline-block;\n}\n.mob-message-btn{\n    margin-top:30px;\n}\n.mce-toolbar .mce-ico{\n    width:6px !important;\n}\n.addrecip{\n    width: 220px;\n    padding: 15px 0px;\n    font-size: 12px;\n    margin-left: calc(50% - 110px);\n    margin-bottom: 30px;\n}\n#mceu_12 , #mceu_13{\n    display:none;\n}\n.rtside{\n    padding: 18px;\n}\n\n    .apple-pay-button {\n   \/* margin: 20px auto!important;*\/\n   width: 100% !important;\n}\n.div_brd_app {\n   width: 31% !important; \n   height:44px;\n}\n}\n\n.paypal-logo {\n    font-family: Verdana, Tahoma;\n    font-weight: bold;\n    font-size: 26px;\n}\n.paypal-logo i:first-child {\n      color: #253b80;\n    }\n\n.paypal-logo i:last-child {\n      color: #179bd7;\n    }\n  \n  \n.paypal-button {\n    padding: 9px 20px;\n    border-radius: 5px;\n    display: block;\n    background-color: #fff;\n    border: 1px solid #fa9602\n}    \n.paypal-title {\n      font-size: 14px;\n      color: #505050;\n      vertical-align: baseline;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n    }\n    \n.paypal-logo {\n      display: inline-block;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n      font-size: 16px;\n    }\n.similar-ecard {    \n    text-align: center;\n    \/* display: inline-block; *\/\n    display: table-cell;\n    \/* float: left; *\/\n    margin: 0 5px;\n    padding: 0 5px;\n    max-width: 150px;\n   \n}\n.similar-ecard img{\n    box-shadow: 0px 0px 8px grey;\n    border: 5px solid white;\n    border-radius: 5px;\n    transition: 500ms; \n    display: block;\n    margin: 3px 0;\n} \n.similar-ecard img:hover {\n    transform: scale(1.07);\n   }\n\n\n.part-account-row {\n    position:relative;\n    text-align:center;\n }\n\n.part-account-miniblock {\n\n    display:inline-table;\n    width: 28vw;\n    height: 15vw;\n    margin: 3vw;\n    background:white;\n    border-radius: 5px;\n    border-style: solid;\n    border-width: 1px;\n    text-align: center;\n    border-color: #fa9602;\n    box-shadow: 0px 0px 15px #fa9602;\n    padding: 20px;\n}\n.img-svg {\n    max-height: 8vw;\n    opacity: 0.2;\n}\n.img-png {\n    max-height: 10vw;\n}\n\n.show-button:hover {\n    color: #c0226d!important;\n    background-image: initial!important;\n    background-color: #f4f4f4!important;\n    \n}\n\n.show-button{\n    color: #ffffff!important;\n    font-size: 17px;\n    background-color: #fa9602; \n    padding: 15px 0px !important;\n    border-radius:6px;\n    margin: 0 25%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.show-cat{\n    padding: 10px ;\n}\n.show-title{\n    padding: 15px 0px;\n    overflow: hidden;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n}\n\n.show-container{\n    display: grid;\n    padding: 20px;\n    margin: 10px;\n    background: none;\n    box-sizing: border-box;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.filter-area{\n    padding: 30px 20px;\n    margin: 0 10px;\n    display: inline-block;\n    width: 100%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n\n\n.filter-search{\n    width:50%;\n    margin:20px 10px;\n}\n.filter-page{\n    width:20%;\n    margin:20px 10px;\n}\n\n.filter-submit{\n    \/* width:25%; *\/\n    margin:20px 10px;\n}\n.filter-search input {\n    border: 1px solid #c0226d;\n}\n\n.filter-cat{\n    text-align: center;\n    display: block !important;\n}\n.one-cat{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#c0226d;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    margin: 3px;\n    color: #fa9602;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.one-cat-sel{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    margin: 3px;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.filter-page select {\n    background-image: linear-gradient(45deg,transparent 50%,#c0226d 60%),linear-gradient(135deg,#c0226d 40%,transparent 50%) !important;\n    background-position: calc(100% - 30px) 17px,calc(100% - 20px) 17px,100% 0;\n    background-size: 10px 10px,10px 10px;\n    background-repeat: no-repeat;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    \n}\n.form-row {\n    display: flex;\n}\n.form-control{\n    border-radius: 22px;\n    background: #F8F8F8;\n    border: 1px solid #c0226d;\n    height: 45px;\n    display: block;\n    width: 100%;\n    padding: .375rem .75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #495057;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #c0226d;\n    border-radius: .25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-submit{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n#filter-submit-btn{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n}\n.show-img:hover{\n    transform: scale(1.02);\n    box-shadow: 8px 15px 10px #c5c5c5;\n}\n.show-img{\n    max-height: 100%;\n    transition: .3s ease-in-out;\n    border: 1px solid #b5b5b5;\n    border-radius:6px;\n}\n.show-paginated-links{\n    text-align: center;\n    padding: 30px;\n}\n.show-paginated-links a{\n\n    padding: 10px 15px;\n    color: #c0226d;\n    border: #fa9602 solid 1px;\n    border-radius: 6px;\n    font-size: 26px;\n\n}\n.show-paginated-links span{\n\npadding: 10px 15px;\ncolor: #fff;\nbackground-color: #c0226d;\nborder: #fa9602 solid 1px;\nborder-radius: 6px;\nfont-size: 26px;\n\n}\n\n@media screen and (max-width: 480px){\n    .filter-area{\n    padding: 0px;\n    margin: 0px;\n    }\n    #filter-submit-btn {\n        padding: 10px 3px;\n        width: 100%;\n    }\n    .filter-search, .filter-submit {\n        width:50%;\n    }\n\n    .form-row.filter-cat{\n        \/* display:grid; *\/\n        display: block;\n    }\n    .form-row.sel-page{\n        display: none;\n    }\n    .ecard_cont.show-all{\n        \/* width: 99% !important; *\/\n    }\n    .show-paginated-links a {\n\n        display: inline-block;\n        font-size: 18px;\n        padding: 0px 5px;\n    }\n    .show-paginated-links {\n    \n        padding: 30px 0px;\n          \/* font-size: 18px; *\/\n    }\n    .one-cat, .one-cat-sel{\n        padding: 5px 7px;\n    }\n    .show-paginated-links span{\n        padding: 0px 5px;\n        font-size: 18px;\n    }\n    \n    .container{\n        width:95%;\n    }\n    .show-container{\n        padding: 5px 0px;\n        margin: 0px;\n    }\n  \n\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px){\n    .ecard_cont.show-all{\n        width: 32% !important;\n    }\n    .filter-page {\n    width: 30%;\n    }\n}\n.desc{\n    line-height: 1.9 !important;\n}\n\n.account_main{\n    padding: 20px 10px;\n}\n\n.popup {\nposition: absolute;\ntop: 40%;\nleft: 0;\nright: 0;\nwidth:100%;\nmax-width: 490px;\nmargin: auto;\nbackground: #fff;\nborder-radius: 10px;\ntext-align: center;\n}\n#success-message {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.56);\n    z-index: 999!important;\n    background: rgba(40, 69, 113, 0.4);\n}\n#success-message {\n    display: none;\n}\n\n\n\n<\/style>\n<style>.container {max-width: none; !important;}<\/style><div class=\"show-container\"><div class=\"cardrow\"><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-from-africa-video-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/04\/Happy-birthday-to-you.jpg\" alt=\"Happy Birthday from Africa Video eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Birthday from Africa Video eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-from-africa-video-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/upward-scrolling-happy-birthday-message-video-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2021\/02\/Upward-scrolling-happy-birthday-message-snapshot.jpg\" alt=\"Animated Charity Birthday Video eCard &#8211; Upward scrolling happy birthday message\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Animated Charity Birthday Video eCard &#8211; Upward scrolling happy birthday message<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/upward-scrolling-happy-birthday-message-video-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/birthday-video-ecard-orchestra-play-birthday-tune\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2020\/12\/Birthday-Video-Ecard-13-snapshot-1.jpg\" alt=\"Funny birthday video eCard. Orchestra of animals plays happy birthday tune\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Funny birthday video eCard. Orchestra of animals plays happy birthday tune<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/birthday-video-ecard-orchestra-play-birthday-tune\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-45th-birthday-rock-sound-video-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2021\/02\/happy-45th-birthday-rock-sound-snapshot.jpg\" alt=\"Happy 45th Birthday Rock Sound Video eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy 45th Birthday Rock Sound Video eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-45th-birthday-rock-sound-video-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/birthday-video-ecard-4\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/Birthday-Video-Ecard-4-snapshot-300x169-1.jpg\" alt=\"Send Charity Video eCard  Wishing You Happy Birthday\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Send Charity Video eCard  Wishing You Happy Birthday<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/birthday-video-ecard-4\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/different-animal-dancing-funny-birthday-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Different-animals-dancing.jpg\" alt=\"Different Animal Dancing Funny Birthday eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Different Animal Dancing Funny Birthday eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/different-animal-dancing-funny-birthday-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-animal-dancing\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/05\/Happy-birthday-animal-dancing.jpg\" alt=\"Happy birthday animal dancing eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy birthday animal dancing eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-animal-dancing\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-cartoon-style-video-greeting-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/05\/Happy-birthday-song-1.jpg\" alt=\"Happy Birthday : Cartoon Style Video Greeting eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Birthday : Cartoon Style Video Greeting eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-birthday-cartoon-style-video-greeting-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/soul-happy-birthday-music-video\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/04\/Soulful-Female-Rendition-of-Happy-Birthday-Music-Video-eCard.jpg\" alt=\"Soulful Female Rendition of Happy Birthday Music Video eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Soulful Female Rendition of Happy Birthday Music Video eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/soul-happy-birthday-music-video\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/today-is-your-birthday-funny-video-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/02\/Its-your-birthday-hurray.jpg\" alt=\"Today it&#8217;s your birthday funny video eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Today it&#8217;s your birthday funny video eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/today-is-your-birthday-funny-video-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><\/div><\/div><\/div><\/div><script>\n\nfunction replaceAll(str, find, replace) {\n    return str.replace(new RegExp(find, 'g'), replace);\n};\n\njQuery(\".tax\").click(function(e){\n    str = jQuery('#terms').val();\n    if (str.indexOf(jQuery(this).attr(\"name\")) == -1){\n        jQuery(this).attr(\"class\", \"tax one-cat-sel\");\n        jQuery('#terms').val(jQuery('#terms').val()+\",\"+jQuery(this).attr(\"name\"));\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(1)==','){\n            str = str.slice(0,1)\n        };\n    }else{\n        jQuery(this).attr(\"class\", \"tax one-cat\");   \n        str = replaceAll(jQuery('#terms').val(),jQuery(this).attr(\"name\"),'');\n        \/\/ str = jQuery('#terms').val().replace(jQuery(this).attr(\"name\"),'');\n        str = replaceAll(str,',,',',');\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(0, 1)==','){\n            str = str.slice(1);\n        };\n        jQuery('#terms').val(str);\n    };\n\n    jQuery('#se').val('');\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#posts_pp').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#se').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\n\n\n<\/script> \n\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;http:\/\/ecards.hopespring.org.uk\/video-birthday-ecards\/&#8221; button_text=&#8221;More  Video eCards&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.4.0&#8243; custom_button=&#8221;on&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#e02b20&#8243; button_border_radius=&#8221;7px&#8221; button_font=&#8221;Arimo||||||||&#8221; button_use_icon=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#e06660&#8243; button_bg_enable_color__hover=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.0&#8243; width=&#8221;90%&#8221; max_width=&#8221;1525px&#8221; locked=&#8221;off&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text _builder_version=&#8221;4.4.0&#8243; custom_margin=&#8221;||-19px||false|false&#8221;]<\/p>\n<hr \/>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center; color: #6db71f;\"><strong>Anniversary eCards<\/strong><\/h2>\n<style>\n@font-face{\n\nfont-family: 'Arial Rounded MT Bold';\n\nsrc: url('\/wp-content\/plugins\/customecards\/templates\/8665.ttf');\n\n}\n\n.rtside.profile{\n    width:79%;\n}\n.cardscontainer{\n    font-family:'Arial Rounded MT Bold';\n}\n#wp-message-wrap{\n    \/* max-width: 500px; *\/\n}\n.paypal-button{\n    margin-bottom:20px;\n}\n#message_ifr{\n    height:100% !important;\n}\n.backbutton{\n    display:none;\n}\n.mob-recipients{\n    display:none;\n}\n.recipient input:nth-child(1){\n    margin-bottom: 1em;\n}\n.active-item{\n    background-color:#6db71f !important;\n}\n.recipients .cross{\n    color:#FF4C56;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 15px 0px 25px 0px;\n    display: inline-block;\n}\n.navigation{\n    display:none;\n}\n.mob-btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 70%;\n    margin: 0 auto;\n    text-align:center;\n}\n.mob-recip-btn, .mob-your-btn, .mob-message-btn, .mob-final-btn{\n    display:none;\n}\n.btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 180px;\n    margin: 0 auto;\n    text-align:center;\n    margin-left: calc(50% - 90px);\n}\n\n.mob-btn-wrap{\n    display:none;\n    \n}\n.tags-wrap{\n    display:flex;\n    justify-content: space-between;\n}\n.green{\n    color:#c0226d;\n}\n\t\n.onlyshare input{\n    display:none;\n}\n.onlyshare label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n\t\n.share-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n\t\n.sndcopy input{\n    display:none;\n}\n.sndcopy label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater select{\n    font-size:16px;\n    width: 89px;\n    top: -3px;\n    position: relative;\n}\n.fake-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n.btn-wrap{\n    text-align:center;\n}\n.donatebutton{\n    background-color:#c0226d;\n    border: 2px solid #fa9602;\n    color: #fff;\n    font-size: 18px;\n    padding: 12px 40px;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.fake-radio{\n    width: 20px;\n    height: 20px;\n    border: 1px solid grey;\n    display: inline-block;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right:5px;\n    cursor:pointer;\n}\n.fake-radio > div{\n    width:14px;\n    height:14px;\n    \n}\ninput[type=\"radio\"]:checked + .fake-radio > div{\n    background-color: #fa9602;\n}\n.sndnow input , .sndlater input{\n    display:none;\n}\n.sndnow label, .sndlater label {\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater label{\n    margin-right:10px;\n}\n.sndlater{\n    display: flex;\n}\n\n.clr{\nclear:both;\n}\n.disabled{\n    pointer-events:none;\n    opacity:.7;\n}\n.cardscontainer {\n    position: relative;\n    \/\/width: 80%;\n    margin: auto;\n    padding: 20px 80px;\n    margin: 10px;\n        background: url(http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2017\/08\/background.jpg);\n        box-sizing: border-box;\n}\n.cardscontainer h1,.cardscontainer h2{\n    line-height:1.2 !important;\n}\n#leftside{\n    float: left;\n    padding-right: 5.5%;\n    width: 79.125%;\n    padding-bottom: 23px;\n}\n.cardrow{\n    width: 100% !important;\n    padding: 10px 0px;\n    text-align:center;\n}\n.ecard_cont{\n    width: 24% !important;\n    margin-right: 1%;\n    float:left;\n    margin-bottom:20px!important;\n    position: relative;\n    background-color: rgba(0, 0, 0);\n    background: none; \n    border-radius: 7px;;\n}\n.ecard_cont:hover .ecard {\n  opacity: 0.5;\n}\n\n.ecard_cont:hover .ecard_middle {\n  opacity: 1;\n}\n\n.ecard_middle {\n  transition: .5s ease;\n  opacity: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  text-align: center;\n  width: 60%;\n\n}\n.ecard_text {\n\n  background-color: white;\n  color: #4CAF50;\n  font-size: 22px;\n  padding: 22px 2px;\n  font-weight: 600;\n  border-radius: 25px;\n  text-transform: uppercase;\n}\n\n.ecard{\n    \/* box-shadow: 0px 0px 15px grey;border:5px solid white;border-radius:5px; *\/\n    width: 100% !important;\n    border-radius: 7px;\n}\n\n.ecard_cat_cont,.ecard_cont{\n    text-align:center;\n}\n.ecard_cat_cont a,.ecard_cont a{\n        padding: 30px 0px !important;\n    vertical-align: bottom !important;\n    line-height: 0;\n}\n.webui-popover{\n    z-index: 2147483647 !important;\n}\n@media screen and (max-width: 480px){\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px;  *\/\n}\n}\n@media screen and (max-width: 640px) and (min-width: 480px) {\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px; *\/\n}\n\n}\n@media screen and (max-width: 768px) and (min-width: 640px) {\n    .ecard_cont{\n    width: 32% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 54px;  *\/\n}\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px) {\n    .ecard_cont{\n    width: 24% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 60px;  *\/\n}\n}\n\n\n\n\/******SIngle Card******\/\n.donateform h2{\n    margin: 15px 0px 20px 0px!important;\n    padding: 0px;\n}\n.sub-title{\n    color:#000;\n    font-size:16px;\n    margin-bottom:5px;\n    display: inline-block;\n}\n.tags{\n    margin-right:90px;\n}\n.addrecip{\n    border: 2px solid #fa9602;\n    width: 250px;\n    border-radius: 9px;\n    padding: 15px 0px;\n    text-align: center;\n    font-size:14px;\n    font-weight: 600;\n    padding-bottom: 15px !important;\n}\n}\n.donateform .donatebutton,.dsend{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 20px !important;\n    margin-bottom: 10px  !important;\n    cursor: pointer;\n    padding: 10px 15px;\n}\n\n.backbutton{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 15px !important;\n    margin-bottom: 20px  !important;\n    cursor: pointer;\n    padding: 8px 10px;\n}\n\n\n.donateform .donation label{\n    float:left !important;\n    \/\/margin-right:10px !important;\n    \/\/margin-left:10px !important;\n    margin-bottom:5px;\n}\n.donateform .donation label .donateradio{\n    margin-top: 0px;\n    margin-right: 5px;\n}\n.donateform p .lbl{\n    float:none !important;\n    display:block !important;\n    margin-bottom:5px;\n}\n.donateform .donation input{\n    width:auto !important;\n}\n.donateform p input,.donateform p textarea{\n    width:100% !important;\n    \/* max-width:500px !important; *\/\n}\n.donateform p input{\n    height: auto !important;\n}\n.donateform p .msg{\n    min-height: 120px !important;\n}\n.donateform p .custom_donation{\n    width: 100% !important;\n    max-width:120px !important;\n}\n.donateform .ecardimg{\n    box-shadow: 0px 0px 5px grey;border:5px solid white;border-radius:5px;\n    \/\/max-width:100% !important;\n    width:auto !important;\n    \/* max-height:300px; *\/\n    \/\/margin-top: 10px;\n    margin-bottom: 15px;\n}\n\n.donateform p input,.donateform p textarea,.sndlater input[type=text]{\n    padding: 16px;\n    border: none !important;\n    -webkit-border-radius: 0;\n    -moz-border-radius: 0;\n    border-radius: 0;\n    color: #999 !important;\n    background-color: #eee !important;\n    font-size: 14px !important;\n}\n.donateform p, .donateform p input, .donateform p textarea, .donateform label:not(.donateform .donation label), .donateform h1, .donateform h2 {\n    line-height: 1.2 !important;\n}\n\/*.donateform p.txtfields input{\n    width:30% !important;\n    margin-right:3% !important;\n}*\/\n.lftside{\n    float: left;\n    width:49%;\n    margin-right: 2%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n.lftside.profile{\n    width : 19%;\n}\n.rtside{\n    float: left;\n    width:49%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n#tinymce{\n    background-color: #eee !important;\n}\n\n}\n\n.rtside.profile{\n    width : 79%;\n}\n\n.sndnow{\n    width: 25%;\n    float: left;\n    margin-bottom: 20px;\n}\n.sndcopy{\n    margin-bottom:20px;\n}\n\/***Single Card Custom Settings***\/\n.donateform h1,.donateform p,.donateform input ,.donateform textarea,.donateform label,.lbl{font-family: 'Arial Rounded MT Bold';}\n.donateform p,.donateform p input,.donateform p textarea,.lbl{color:black !important}\n.donateform h1{font-size:35px !important}\n\/* .donateform h2{font-family:Arial!important}\n *\/\n.donateform h2{color:#c0226d!important}\n\/***Preview h2***\/\n\/****\/\n\/*********New css Donation***********\/\n.dform {\n    margin-top: 20px;\n}\n.donation{\n    \/\/float:left;\n    \/\/margin-right: 20px;\n    display: inline-block;\n    vertical-align: middle;\n    \/\/margin-bottom: 30px;\n        margin-left:15px;\n        width: 65%;\n        display: flex;\n        justify-content: space-between;\n}\n.donation label input{\n    display:none;\n}\n.donateform .donation label {\n    border-radius: 10px;\n    padding: 12px;\n    background: #fff;\n    color: #c0226d;\n    border:1px solid #fa9602;\n    font-weight: bold;\n    font-size: 20px !important;\n    cursor: pointer;\n    width: 31%;\n    \n    text-align: center;\n    vertical-align: middle;\n    \n    margin-right: 0px;\n}\n.donateform .donation label:nth-child(3){\n    margin-left:none !important;\n}\n\/***Donate Buttons Settings***\/\n\/***\/\n.selectborder{\n   background-color:#c0226d !important;\n   color: #fff !important;\n}\n\/***Selected Radio Settings***\/\n\/***\/\n.cstm, .currency{\n    \n    \n    \n    \/\/margin-right: 15px;\n    margin-bottom:30px;\n    \n}\n.cstmcont,.currencycont{\n    display: inline-block;\n    width:34%;\n}\n.cstm input,.currency select{    \n    width: 100%;\n    \/\/display: block;\n    margin: auto;\n    padding: 5px;\n    border: none;\n    background-color: #F7F7F7;\n    padding: 15px 7px;\n}\n\/***CSTM BG Settings***\/\n\/***\/\n.cstmcont label.lbl, .currencycont label.lbl{\n    display: block;\n    \n    font-weight: bold;\n    \/\/font-size: 15px !important;\n    margin-bottom: 15px;\n    \/\/margin-top: 25%;\n}\n\/**Label LbL Preview Page**\/\n.sbtncont p{\n    text-align:center;\n}\n.sbtncont p button{\n    display: block;\n    margin: 20px auto;\n    width: 100%;\n}\n\/*****\/\n.preview {\n        border-radius: 5px;\n    \/\/padding: 30px 0px;\n    \/\/max-width: 750px;\n    \/\/margin: auto;\n    background-size: 100% 100%;\n    background-repeat: no-repeat;    \n}\n.preview table{\n    \/\/margin: auto;\n    width:100%;\n    margin-bottom: 20px;\n    \/\/text-align:center;\n}\n.preview table td img{\n    \/\/max-width: 80%;\n    box-shadow: 0px 0px 5px;\n    border: 5px solid white;\n    border-radius: 5px;\n    \/\/width: 80%;\n    \/\/margin:auto;\n    display:block;\n}\n\/****New Mobile Settings****\/\n@media screen and (max-width: 768px) and (min-width: 640px){\n    .sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }\n    .preview table td img{\n        \/\/max-width: 550px;\n    }\n    .donation{\n        text-align:center;\n        margin-bottom: 20px;\n        margin-right:0;\n       \n    }\n    .donateform .donation label {\n        display:inline-block;\n        float:none !important;        \n        vertical-align: middle;\n        margin: 0px 20px !important;\n    }\n    .cstm,.sbtncont {\n        display:block;\n        margin: 20px auto;\n    }\n}\n\/***************************\/  \n.prepart h2 {\n    color: #c0226d !important;\n    margin: 15px 0px 10px 0px!important;\n    padding: 0px;\n}\n.upper,.lower,.lh,.rh{\n    \/\/border:1px solid;\n    padding:10px;\n}\n.upper,.lower,.lhup,.rhup,.lhdn,.rhdn,.donateform{\n    \/\/border:1px solid black;\n    \/\/box-shadow:0px 0px 1px black inset;\n}\n.lh {\n    width: 49%;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 20px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 49%;\n   \n    background:white;\n    padding: 10px 20px;\n}\n.rh p {\n   font-size: 18px;\n}\n@media screen and (max-width: 1320px){\n    .sndlater select{\n        width: 80px;\n    }\n}\n\/**V3 mobile changes**\/\n@media screen and (max-width: 768px){\n   .lh,.rh {\n       width:100%;\n       margin-bottom:20px;\n       float:none;\n   }\n   .cstmcont, .currencycont, .donation {\n        display: block;\n        margin:auto;\n    }\n    .donateform .donatebutton,.dsend {\n    display: block;\n    margin: 20px auto!important;\n}\n.donateform .donation label {\n    padding: 4px;\n    width: 60px;\n    margin: 0px 2px !important;\n    display:inline-block;\n        float:none !important;\n        font-size: 12px !important;\n}\n.selectborder {\n    border: 2px solid black;\n    box-shadow: 0px 0px 4px grey;\n    padding: 2px !important;\n}\n.donation{\n        text-align:center;\n        margin-bottom: 10px;\n        margin-right:0;\n        display:block;\n        margin-bottom: 20px;\n    }\n.cstm,.sbtncont {\n        display:block;\n        margin: 0px auto;\n    }    \n.lftside,.rtside,.sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }    \n.rh p {\n    font-size: 14px;\n}\nh2 {\n    font-size: 20px !important;\n}\nh1{\n    font-size: 24px !important;\n}\n.backbutton {\n    font-size: 12px !important;\n    padding: 4px 6px;\n}\n.sbtncont + label{\n    font-size: 12px !important;\n}\n\n.lftside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.rtside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.part-account-miniblock{\n    width : 89% !important;\n}\n.img-png {\n    max-height:25vw !important;\n}\n}\n@media screen and (max-width: 1024px) and (min-width: 768px){\n    .lh {\n    width: 35%;\n    float: left;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 10px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 63%;\n    float: left;\n    background:white;\n    padding: 10px 20px;\n}\n.donateform .donation label {\n    border-radius: 15px;\n    padding: 5px;\n    background: grey;\n    color: white !important;\n    font-weight: bold;\n    font-size: 15px !important;\n    cursor: pointer;\n    width: 60px;\n    text-align: center;\n    vertical-align: middle;\n}\n.selectborder {\n    border: 3px solid black;\n    box-shadow: 0px 0px 5px grey;\n    padding: 2px !important;\n}\n.cstm input, .currency select {\n    padding: 2px;\n    font-size: 12px;\n}\n.cstm, .currency {\n    padding: 5px 0px;\n}\n.cstmcont label.lbl, .currencycont label.lbl {\n    font-size: 12px;\n}\n.donateform .donatebutton,.dsend {\n    font-size: 15px !important;\n    padding: 8px 12px;\n}\n.part-account-row h2{\n    font-size: 18px;\n}\n}\n\/***Video***\/\nvideo{\n\twidth:100%;\n\theight:auto;\n}\nvideo::-internal-media-controls-download-button {\n    display:none;\n}\n\nvideo::-webkit-media-controls-enclosure {\n    overflow:hidden;\n}\n\nvideo::-webkit-media-controls-panel {\n    width: calc(100% + 30px); \/* Adjust as needed *\/\n}\n\/***More Recepients***\/\n\/*.recipients .input{\n\tdisplay: inline-block !important;\n    width: 45% !important;\n    margin-right: 1%;\n}*\/\n.recipients .input {\n    display: block !important;\n    width: 100% !important;\n    margin-right: 0;\n    margin-bottom: 10px;\n}\n.addrecip span{\n    font-weight: bold;\n    color: #86B752 !important;\n    font-size: 40px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n.addrecip{\n\tcursor: pointer;\n}\n.cross {\n\tcursor: pointer;\n}\n.cross img{\n\twidth:16px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n\/***Captcha***\/\n#captcha{\n\tmargin-bottom:20px;\n}\n\/*Button GooglePay*\/\n\n\n.gpay-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.gpay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.gpay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.gpay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:12px;\n  width: 117.91px;\n  border:1px solid #fa9602;\n  margin-left: 10px;\n  \n}\n\n.gpay-button.black.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg);\n}\n\n.gpay-button.white.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg);\n}\n\n.gpay-button.black.active {\n  background-color: #5f6368;\n}\n\n.gpay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.gpay-button.white.active {\n  background-color: #fff;\n}\n\n.gpay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.gpay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\n\n\t\/*secure Stripe pay*\/\n\n\n.securepay-button  {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.securepay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.securepay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.securepay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:2px;\n\tmargin-bottom:5px;\n\t\n  width: 160.91px;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.black.active {\n  background-color: #5f6368;\n}\n\n.securepay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.securepay-button.white.active {\n  background-color: #fff;\n}\n\n.securepay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.securepay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\t\n\/*Button Stripe pay*\/\n\n\n.stripe-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.stripe-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.stripe-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.stripe-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:-6px;\n\tmargin-bottom:5px;\n\t\n  width: 20%;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 160px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n\/*    background-size: 160px 40px; *\/\n}\n\n.stripe-button.black.active {\n  background-color: #5f6368;\n}\n\n.stripe-button.black.hover {\n  background-color: #3c4043;\n}\n\n.stripe-button.white.active {\n  background-color: #fff;\n}\n\n.stripe-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.stripe-button.white.hover {\n  background-color: #f8f8f8;\n}\n@media screen and (max-width: 768px){\n.last-step{\n    flex-direction:column;\n}\n.selectborder{\n    padding: 8px !important;\n}\n.donation-wrapper{\n    flex-direction: column;\n}\n\n.donation{\n    width:100%;\n\n}\n.mob-final-btn{\n    margin-top:30px;\n    display:block;\n}\n.donateform .donation label{\n    width:31% !important;\n    padding: 8px;\n    font-size: 16px !important;\n}\n.gpay-button.short{\n    width: 31% !important;\n    margin-top: 0px !important;\n\n}\n.stripe-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 130px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   \n}\n\n\t\n\t\n.securepay-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 130px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 120px 40px;\n}\n.rh p{\n    font-size: 18px !important;\n}\n.paypal-button{\n    width: 31% !important;\n}\n.cstmcont{\n    margin-bottom: 15px;\n}\n.cstmcont, .currencycont{\n    width:100%;\n}\n.rh{\n    display:none;\n}\n.prepart h1{\n    display:none;\n}\n    .gpay-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n\t\n\t  .stripe-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n.paypal-button {\n    display: block;\n    \n    margin-right:0px;\n    \n}\n}\n\/* ApplePay Button *\/\n\n\n@supports (-webkit-appearance: -apple-pay-button) { \n    .apple-pay-button {\n        display: inline-block;\n        -webkit-appearance: -apple-pay-button;\n    }\n    .apple-pay-button-black {\n        -apple-pay-button-style: black;\n    }\n    .apple-pay-button-white {\n        -apple-pay-button-style: white;\n    }\n    .apple-pay-button-white-with-line {\n        -apple-pay-button-style: white-outline;\n    }\n}\n\n@supports not (-webkit-appearance: -apple-pay-button) {\n    .apple-pay-button {\n        display: inline-block;\n        background-size: 100% 60%;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        border-radius: 5px;\n        padding: 0px;\n        box-sizing: border-box;\n        min-width: 200px;\n        min-height: 32px;\n        max-height: 64px;\n    }\n    .apple-pay-button-black {\n        background-image: -webkit-named-image(apple-pay-logo-white);\n        background-color: black;\n    }\n    .apple-pay-button-white {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n    }\n    .apple-pay-button-white-with-line {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n        border: .5px solid black;\n    } \n}\n@media screen and (max-width: 768px){\n    .plugin-wrapper{\n        flex-direction:column;\n    }\n    \n    .sndnow{\n        margin-top: 20px;\n    width: 49%;\n    \n    margin-bottom: 20px !important;\n    }\n    .preview > p{\n        word-break: break-word;\n    }\n    .sndlater{\n        width: 49%;\n    margin-top: 20px;\n    flex-direction: column;\n    \n  \n    display: flex;\n    margin-bottom: 20px !important;\n    }\n    .select-wrapper{\n        display:flex;\n        margin-top: 20px;\n    }\n    .donateform h1{\n        text-align:center;\n    }\n    .your-details, .ecard-message  , .option-wrap , .btn-wrap, .recipient{\n        display:none;\n    }\n    .lftside, .rtside, .sndnow, .sndlater{\n        margin-bottom:0px;\n    }\n    .cardscontainer{\n        margin:0px;\n        padding: 10px;\n    }\n    .lftside{\n        padding: 18px !important;\n    }\n    .x> h2{\n        margin: 5px 0px 20px 0px!important;\n    }\n    .tags-wrap{\n        display:block;\n    }\n    .tags{\n        margin-right:0px;\n        margin-bottom:15px;\n        margin-top:15px;\n    }\n    .mob-btn-wrap{\n        display:block;\n        margin-top: 30px;\n    }\n    p.dynadded{\n        padding-bottom: 0px !important;\n    }\n    .donateform h2:not(.main-title){\n        display:none;\n    }\n    .navigation{\n    \n    color:#6db71f;\n}\n.mob-your-btn{\n    margin-top:30px;\n}\n.navigation-back{\n    font-size:40px;\n}\n.navigation-title{\n    font-size: 20px;\n    display: inline-block;\n    width: calc(100% - 20px);\n    text-align: center;\n}\n.too-line{\n    display:flex;\n    justify-content:space-around;\n    margin:25px 0px 15px 0px;\n}\n.too-line div{\n    height:3px;\n    width:15%;\n    background-color:#C2E6AE;\n}\n.mob-recip-btn, .mob-your-btn , .mob-message-btn{\n    display:inline-block;\n}\n.mob-message-btn{\n    margin-top:30px;\n}\n.mce-toolbar .mce-ico{\n    width:6px !important;\n}\n.addrecip{\n    width: 220px;\n    padding: 15px 0px;\n    font-size: 12px;\n    margin-left: calc(50% - 110px);\n    margin-bottom: 30px;\n}\n#mceu_12 , #mceu_13{\n    display:none;\n}\n.rtside{\n    padding: 18px;\n}\n\n    .apple-pay-button {\n   \/* margin: 20px auto!important;*\/\n   width: 100% !important;\n}\n.div_brd_app {\n   width: 31% !important; \n   height:44px;\n}\n}\n\n.paypal-logo {\n    font-family: Verdana, Tahoma;\n    font-weight: bold;\n    font-size: 26px;\n}\n.paypal-logo i:first-child {\n      color: #253b80;\n    }\n\n.paypal-logo i:last-child {\n      color: #179bd7;\n    }\n  \n  \n.paypal-button {\n    padding: 9px 20px;\n    border-radius: 5px;\n    display: block;\n    background-color: #fff;\n    border: 1px solid #fa9602\n}    \n.paypal-title {\n      font-size: 14px;\n      color: #505050;\n      vertical-align: baseline;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n    }\n    \n.paypal-logo {\n      display: inline-block;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n      font-size: 16px;\n    }\n.similar-ecard {    \n    text-align: center;\n    \/* display: inline-block; *\/\n    display: table-cell;\n    \/* float: left; *\/\n    margin: 0 5px;\n    padding: 0 5px;\n    max-width: 150px;\n   \n}\n.similar-ecard img{\n    box-shadow: 0px 0px 8px grey;\n    border: 5px solid white;\n    border-radius: 5px;\n    transition: 500ms; \n    display: block;\n    margin: 3px 0;\n} \n.similar-ecard img:hover {\n    transform: scale(1.07);\n   }\n\n\n.part-account-row {\n    position:relative;\n    text-align:center;\n }\n\n.part-account-miniblock {\n\n    display:inline-table;\n    width: 28vw;\n    height: 15vw;\n    margin: 3vw;\n    background:white;\n    border-radius: 5px;\n    border-style: solid;\n    border-width: 1px;\n    text-align: center;\n    border-color: #fa9602;\n    box-shadow: 0px 0px 15px #fa9602;\n    padding: 20px;\n}\n.img-svg {\n    max-height: 8vw;\n    opacity: 0.2;\n}\n.img-png {\n    max-height: 10vw;\n}\n\n.show-button:hover {\n    color: #c0226d!important;\n    background-image: initial!important;\n    background-color: #f4f4f4!important;\n    \n}\n\n.show-button{\n    color: #ffffff!important;\n    font-size: 17px;\n    background-color: #fa9602; \n    padding: 15px 0px !important;\n    border-radius:6px;\n    margin: 0 25%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.show-cat{\n    padding: 10px ;\n}\n.show-title{\n    padding: 15px 0px;\n    overflow: hidden;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n}\n\n.show-container{\n    display: grid;\n    padding: 20px;\n    margin: 10px;\n    background: none;\n    box-sizing: border-box;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.filter-area{\n    padding: 30px 20px;\n    margin: 0 10px;\n    display: inline-block;\n    width: 100%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n\n\n.filter-search{\n    width:50%;\n    margin:20px 10px;\n}\n.filter-page{\n    width:20%;\n    margin:20px 10px;\n}\n\n.filter-submit{\n    \/* width:25%; *\/\n    margin:20px 10px;\n}\n.filter-search input {\n    border: 1px solid #c0226d;\n}\n\n.filter-cat{\n    text-align: center;\n    display: block !important;\n}\n.one-cat{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#c0226d;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    margin: 3px;\n    color: #fa9602;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.one-cat-sel{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    margin: 3px;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.filter-page select {\n    background-image: linear-gradient(45deg,transparent 50%,#c0226d 60%),linear-gradient(135deg,#c0226d 40%,transparent 50%) !important;\n    background-position: calc(100% - 30px) 17px,calc(100% - 20px) 17px,100% 0;\n    background-size: 10px 10px,10px 10px;\n    background-repeat: no-repeat;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    \n}\n.form-row {\n    display: flex;\n}\n.form-control{\n    border-radius: 22px;\n    background: #F8F8F8;\n    border: 1px solid #c0226d;\n    height: 45px;\n    display: block;\n    width: 100%;\n    padding: .375rem .75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #495057;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #c0226d;\n    border-radius: .25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-submit{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n#filter-submit-btn{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n}\n.show-img:hover{\n    transform: scale(1.02);\n    box-shadow: 8px 15px 10px #c5c5c5;\n}\n.show-img{\n    max-height: 100%;\n    transition: .3s ease-in-out;\n    border: 1px solid #b5b5b5;\n    border-radius:6px;\n}\n.show-paginated-links{\n    text-align: center;\n    padding: 30px;\n}\n.show-paginated-links a{\n\n    padding: 10px 15px;\n    color: #c0226d;\n    border: #fa9602 solid 1px;\n    border-radius: 6px;\n    font-size: 26px;\n\n}\n.show-paginated-links span{\n\npadding: 10px 15px;\ncolor: #fff;\nbackground-color: #c0226d;\nborder: #fa9602 solid 1px;\nborder-radius: 6px;\nfont-size: 26px;\n\n}\n\n@media screen and (max-width: 480px){\n    .filter-area{\n    padding: 0px;\n    margin: 0px;\n    }\n    #filter-submit-btn {\n        padding: 10px 3px;\n        width: 100%;\n    }\n    .filter-search, .filter-submit {\n        width:50%;\n    }\n\n    .form-row.filter-cat{\n        \/* display:grid; *\/\n        display: block;\n    }\n    .form-row.sel-page{\n        display: none;\n    }\n    .ecard_cont.show-all{\n        \/* width: 99% !important; *\/\n    }\n    .show-paginated-links a {\n\n        display: inline-block;\n        font-size: 18px;\n        padding: 0px 5px;\n    }\n    .show-paginated-links {\n    \n        padding: 30px 0px;\n          \/* font-size: 18px; *\/\n    }\n    .one-cat, .one-cat-sel{\n        padding: 5px 7px;\n    }\n    .show-paginated-links span{\n        padding: 0px 5px;\n        font-size: 18px;\n    }\n    \n    .container{\n        width:95%;\n    }\n    .show-container{\n        padding: 5px 0px;\n        margin: 0px;\n    }\n  \n\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px){\n    .ecard_cont.show-all{\n        width: 32% !important;\n    }\n    .filter-page {\n    width: 30%;\n    }\n}\n.desc{\n    line-height: 1.9 !important;\n}\n\n.account_main{\n    padding: 20px 10px;\n}\n\n.popup {\nposition: absolute;\ntop: 40%;\nleft: 0;\nright: 0;\nwidth:100%;\nmax-width: 490px;\nmargin: auto;\nbackground: #fff;\nborder-radius: 10px;\ntext-align: center;\n}\n#success-message {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.56);\n    z-index: 999!important;\n    background: rgba(40, 69, 113, 0.4);\n}\n#success-message {\n    display: none;\n}\n\n\n\n<\/style>\n<style>.container {max-width: none; !important;}<\/style><div class=\"show-container\"><div class=\"cardrow\"><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-anniversary-love-in-every-color\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/01\/Happy-Anniversary-love-in-every-colours.jpg\" alt=\"Happy Anniversary \u2013 Love in Every Color\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Anniversary \u2013 Love in Every Color<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-anniversary-love-in-every-color\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/elegant-happy-anniversary-ecard-with-rustic-wheat\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/01\/Happy-anniversary-with-a-rustic-wheat.jpg\" alt=\"Elegant Happy Anniversary eCard with Rustic Wheat\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Elegant Happy Anniversary eCard with Rustic Wheat<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/elegant-happy-anniversary-ecard-with-rustic-wheat\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/romantic-valentines-day-ecard-cheers-to-love-with-champagne-hearts\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/01\/Romantic-Valentines-Day-eCard.jpg\" alt=\"Romantic Valentine\u2019s Day eCard \u2013 Cheers to Love with Champagne &#038; Hearts\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Romantic Valentine\u2019s Day eCard \u2013 Cheers to Love with Champagne &#038; Hearts<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/romantic-valentines-day-ecard-cheers-to-love-with-champagne-hearts\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-anniversary-ecard-with-sea-turtles-and-ocean\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/01\/Sweet-Anniversary-eCard.jpg\" alt=\"Happy Anniversary eCard with Sea Turtles and Ocean\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Happy Anniversary eCard with Sea Turtles and Ocean<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/happy-anniversary-ecard-with-sea-turtles-and-ocean\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/sweet-wife-happy-anniversary-a-bond-that-blossoms\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/01\/Sweet-wife-happy-anniversary.jpg\" alt=\"Sweet Wife, Happy Anniversary \u2013 A Bond That Blossoms\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Sweet Wife, Happy Anniversary \u2013 A Bond That Blossoms<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/sweet-wife-happy-anniversary-a-bond-that-blossoms\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/to-my-husband-happy-anniversary-a-special-message-of-love\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/01\/To-my-husband-happy-anniversary.jpg\" alt=\"To My Husband, Happy Anniversary \u2013 A Special Message of Love\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">To My Husband, Happy Anniversary \u2013 A Special Message of Love<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/to-my-husband-happy-anniversary-a-special-message-of-love\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/wonderful-husband-happy-anniversary-together-always-and-forever\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/01\/Wonderful-husband-happy-anniversary.jpg\" alt=\"Wonderful Husband, Happy Anniversary \u2013 Together, Always and Forever\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Wonderful Husband, Happy Anniversary \u2013 Together, Always and Forever<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/wonderful-husband-happy-anniversary-together-always-and-forever\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/to-my-wife-happy-anniversary-a-special-message-of-love-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/01\/To-my-wife-happy-anniversary.jpg\" alt=\"To My Wife Happy Anniversary \u2013 A Special Message of Love eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">To My Wife Happy Anniversary \u2013 A Special Message of Love eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/to-my-wife-happy-anniversary-a-special-message-of-love-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/heartfelt-anniversary-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/01\/Heartfelt-Anniversary-eCard.jpg\" alt=\"Heartfelt Anniversary eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Heartfelt Anniversary eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/heartfelt-anniversary-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/adorable-bee-themed-anniversary-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2025\/01\/Adorable-Bee-Themed-Anniversary-eCard.jpg\" alt=\"Adorable Bee-Themed Anniversary eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Adorable Bee-Themed Anniversary eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/adorable-bee-themed-anniversary-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><\/div><\/div><\/div><\/div><script>\n\nfunction replaceAll(str, find, replace) {\n    return str.replace(new RegExp(find, 'g'), replace);\n};\n\njQuery(\".tax\").click(function(e){\n    str = jQuery('#terms').val();\n    if (str.indexOf(jQuery(this).attr(\"name\")) == -1){\n        jQuery(this).attr(\"class\", \"tax one-cat-sel\");\n        jQuery('#terms').val(jQuery('#terms').val()+\",\"+jQuery(this).attr(\"name\"));\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(1)==','){\n            str = str.slice(0,1)\n        };\n    }else{\n        jQuery(this).attr(\"class\", \"tax one-cat\");   \n        str = replaceAll(jQuery('#terms').val(),jQuery(this).attr(\"name\"),'');\n        \/\/ str = jQuery('#terms').val().replace(jQuery(this).attr(\"name\"),'');\n        str = replaceAll(str,',,',',');\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(0, 1)==','){\n            str = str.slice(1);\n        };\n        jQuery('#terms').val(str);\n    };\n\n    jQuery('#se').val('');\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#posts_pp').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#se').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\n\n\n<\/script> \n\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;http:\/\/ecards.hopespring.org.uk\/anniversary-ecards\/&#8221; button_text=&#8221;More Anniversary eCards&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.4.0&#8243; custom_button=&#8221;on&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#e02b20&#8243; button_border_radius=&#8221;7px&#8221; button_font=&#8221;Arimo||||||||&#8221; button_use_icon=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#e06660&#8243; button_bg_enable_color__hover=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.0&#8243; width=&#8221;90%&#8221; max_width=&#8221;1525px&#8221; locked=&#8221;off&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text _builder_version=&#8221;4.4.0&#8243; custom_margin=&#8221;||-19px||false|false&#8221;]<\/p>\n<hr \/>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center; color: #6db71f;\"><strong>Thank you eCards<\/strong><\/h2>\n<style>\n@font-face{\n\nfont-family: 'Arial Rounded MT Bold';\n\nsrc: url('\/wp-content\/plugins\/customecards\/templates\/8665.ttf');\n\n}\n\n.rtside.profile{\n    width:79%;\n}\n.cardscontainer{\n    font-family:'Arial Rounded MT Bold';\n}\n#wp-message-wrap{\n    \/* max-width: 500px; *\/\n}\n.paypal-button{\n    margin-bottom:20px;\n}\n#message_ifr{\n    height:100% !important;\n}\n.backbutton{\n    display:none;\n}\n.mob-recipients{\n    display:none;\n}\n.recipient input:nth-child(1){\n    margin-bottom: 1em;\n}\n.active-item{\n    background-color:#6db71f !important;\n}\n.recipients .cross{\n    color:#FF4C56;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 15px 0px 25px 0px;\n    display: inline-block;\n}\n.navigation{\n    display:none;\n}\n.mob-btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 70%;\n    margin: 0 auto;\n    text-align:center;\n}\n.mob-recip-btn, .mob-your-btn, .mob-message-btn, .mob-final-btn{\n    display:none;\n}\n.btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 180px;\n    margin: 0 auto;\n    text-align:center;\n    margin-left: calc(50% - 90px);\n}\n\n.mob-btn-wrap{\n    display:none;\n    \n}\n.tags-wrap{\n    display:flex;\n    justify-content: space-between;\n}\n.green{\n    color:#c0226d;\n}\n\t\n.onlyshare input{\n    display:none;\n}\n.onlyshare label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n\t\n.share-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n\t\n.sndcopy input{\n    display:none;\n}\n.sndcopy label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater select{\n    font-size:16px;\n    width: 89px;\n    top: -3px;\n    position: relative;\n}\n.fake-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n.btn-wrap{\n    text-align:center;\n}\n.donatebutton{\n    background-color:#c0226d;\n    border: 2px solid #fa9602;\n    color: #fff;\n    font-size: 18px;\n    padding: 12px 40px;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.fake-radio{\n    width: 20px;\n    height: 20px;\n    border: 1px solid grey;\n    display: inline-block;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right:5px;\n    cursor:pointer;\n}\n.fake-radio > div{\n    width:14px;\n    height:14px;\n    \n}\ninput[type=\"radio\"]:checked + .fake-radio > div{\n    background-color: #fa9602;\n}\n.sndnow input , .sndlater input{\n    display:none;\n}\n.sndnow label, .sndlater label {\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater label{\n    margin-right:10px;\n}\n.sndlater{\n    display: flex;\n}\n\n.clr{\nclear:both;\n}\n.disabled{\n    pointer-events:none;\n    opacity:.7;\n}\n.cardscontainer {\n    position: relative;\n    \/\/width: 80%;\n    margin: auto;\n    padding: 20px 80px;\n    margin: 10px;\n        background: url(http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2017\/08\/background.jpg);\n        box-sizing: border-box;\n}\n.cardscontainer h1,.cardscontainer h2{\n    line-height:1.2 !important;\n}\n#leftside{\n    float: left;\n    padding-right: 5.5%;\n    width: 79.125%;\n    padding-bottom: 23px;\n}\n.cardrow{\n    width: 100% !important;\n    padding: 10px 0px;\n    text-align:center;\n}\n.ecard_cont{\n    width: 24% !important;\n    margin-right: 1%;\n    float:left;\n    margin-bottom:20px!important;\n    position: relative;\n    background-color: rgba(0, 0, 0);\n    background: none; \n    border-radius: 7px;;\n}\n.ecard_cont:hover .ecard {\n  opacity: 0.5;\n}\n\n.ecard_cont:hover .ecard_middle {\n  opacity: 1;\n}\n\n.ecard_middle {\n  transition: .5s ease;\n  opacity: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  text-align: center;\n  width: 60%;\n\n}\n.ecard_text {\n\n  background-color: white;\n  color: #4CAF50;\n  font-size: 22px;\n  padding: 22px 2px;\n  font-weight: 600;\n  border-radius: 25px;\n  text-transform: uppercase;\n}\n\n.ecard{\n    \/* box-shadow: 0px 0px 15px grey;border:5px solid white;border-radius:5px; *\/\n    width: 100% !important;\n    border-radius: 7px;\n}\n\n.ecard_cat_cont,.ecard_cont{\n    text-align:center;\n}\n.ecard_cat_cont a,.ecard_cont a{\n        padding: 30px 0px !important;\n    vertical-align: bottom !important;\n    line-height: 0;\n}\n.webui-popover{\n    z-index: 2147483647 !important;\n}\n@media screen and (max-width: 480px){\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px;  *\/\n}\n}\n@media screen and (max-width: 640px) and (min-width: 480px) {\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px; *\/\n}\n\n}\n@media screen and (max-width: 768px) and (min-width: 640px) {\n    .ecard_cont{\n    width: 32% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 54px;  *\/\n}\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px) {\n    .ecard_cont{\n    width: 24% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 60px;  *\/\n}\n}\n\n\n\n\/******SIngle Card******\/\n.donateform h2{\n    margin: 15px 0px 20px 0px!important;\n    padding: 0px;\n}\n.sub-title{\n    color:#000;\n    font-size:16px;\n    margin-bottom:5px;\n    display: inline-block;\n}\n.tags{\n    margin-right:90px;\n}\n.addrecip{\n    border: 2px solid #fa9602;\n    width: 250px;\n    border-radius: 9px;\n    padding: 15px 0px;\n    text-align: center;\n    font-size:14px;\n    font-weight: 600;\n    padding-bottom: 15px !important;\n}\n}\n.donateform .donatebutton,.dsend{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 20px !important;\n    margin-bottom: 10px  !important;\n    cursor: pointer;\n    padding: 10px 15px;\n}\n\n.backbutton{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 15px !important;\n    margin-bottom: 20px  !important;\n    cursor: pointer;\n    padding: 8px 10px;\n}\n\n\n.donateform .donation label{\n    float:left !important;\n    \/\/margin-right:10px !important;\n    \/\/margin-left:10px !important;\n    margin-bottom:5px;\n}\n.donateform .donation label .donateradio{\n    margin-top: 0px;\n    margin-right: 5px;\n}\n.donateform p .lbl{\n    float:none !important;\n    display:block !important;\n    margin-bottom:5px;\n}\n.donateform .donation input{\n    width:auto !important;\n}\n.donateform p input,.donateform p textarea{\n    width:100% !important;\n    \/* max-width:500px !important; *\/\n}\n.donateform p input{\n    height: auto !important;\n}\n.donateform p .msg{\n    min-height: 120px !important;\n}\n.donateform p .custom_donation{\n    width: 100% !important;\n    max-width:120px !important;\n}\n.donateform .ecardimg{\n    box-shadow: 0px 0px 5px grey;border:5px solid white;border-radius:5px;\n    \/\/max-width:100% !important;\n    width:auto !important;\n    \/* max-height:300px; *\/\n    \/\/margin-top: 10px;\n    margin-bottom: 15px;\n}\n\n.donateform p input,.donateform p textarea,.sndlater input[type=text]{\n    padding: 16px;\n    border: none !important;\n    -webkit-border-radius: 0;\n    -moz-border-radius: 0;\n    border-radius: 0;\n    color: #999 !important;\n    background-color: #eee !important;\n    font-size: 14px !important;\n}\n.donateform p, .donateform p input, .donateform p textarea, .donateform label:not(.donateform .donation label), .donateform h1, .donateform h2 {\n    line-height: 1.2 !important;\n}\n\/*.donateform p.txtfields input{\n    width:30% !important;\n    margin-right:3% !important;\n}*\/\n.lftside{\n    float: left;\n    width:49%;\n    margin-right: 2%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n.lftside.profile{\n    width : 19%;\n}\n.rtside{\n    float: left;\n    width:49%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n#tinymce{\n    background-color: #eee !important;\n}\n\n}\n\n.rtside.profile{\n    width : 79%;\n}\n\n.sndnow{\n    width: 25%;\n    float: left;\n    margin-bottom: 20px;\n}\n.sndcopy{\n    margin-bottom:20px;\n}\n\/***Single Card Custom Settings***\/\n.donateform h1,.donateform p,.donateform input ,.donateform textarea,.donateform label,.lbl{font-family: 'Arial Rounded MT Bold';}\n.donateform p,.donateform p input,.donateform p textarea,.lbl{color:black !important}\n.donateform h1{font-size:35px !important}\n\/* .donateform h2{font-family:Arial!important}\n *\/\n.donateform h2{color:#c0226d!important}\n\/***Preview h2***\/\n\/****\/\n\/*********New css Donation***********\/\n.dform {\n    margin-top: 20px;\n}\n.donation{\n    \/\/float:left;\n    \/\/margin-right: 20px;\n    display: inline-block;\n    vertical-align: middle;\n    \/\/margin-bottom: 30px;\n        margin-left:15px;\n        width: 65%;\n        display: flex;\n        justify-content: space-between;\n}\n.donation label input{\n    display:none;\n}\n.donateform .donation label {\n    border-radius: 10px;\n    padding: 12px;\n    background: #fff;\n    color: #c0226d;\n    border:1px solid #fa9602;\n    font-weight: bold;\n    font-size: 20px !important;\n    cursor: pointer;\n    width: 31%;\n    \n    text-align: center;\n    vertical-align: middle;\n    \n    margin-right: 0px;\n}\n.donateform .donation label:nth-child(3){\n    margin-left:none !important;\n}\n\/***Donate Buttons Settings***\/\n\/***\/\n.selectborder{\n   background-color:#c0226d !important;\n   color: #fff !important;\n}\n\/***Selected Radio Settings***\/\n\/***\/\n.cstm, .currency{\n    \n    \n    \n    \/\/margin-right: 15px;\n    margin-bottom:30px;\n    \n}\n.cstmcont,.currencycont{\n    display: inline-block;\n    width:34%;\n}\n.cstm input,.currency select{    \n    width: 100%;\n    \/\/display: block;\n    margin: auto;\n    padding: 5px;\n    border: none;\n    background-color: #F7F7F7;\n    padding: 15px 7px;\n}\n\/***CSTM BG Settings***\/\n\/***\/\n.cstmcont label.lbl, .currencycont label.lbl{\n    display: block;\n    \n    font-weight: bold;\n    \/\/font-size: 15px !important;\n    margin-bottom: 15px;\n    \/\/margin-top: 25%;\n}\n\/**Label LbL Preview Page**\/\n.sbtncont p{\n    text-align:center;\n}\n.sbtncont p button{\n    display: block;\n    margin: 20px auto;\n    width: 100%;\n}\n\/*****\/\n.preview {\n        border-radius: 5px;\n    \/\/padding: 30px 0px;\n    \/\/max-width: 750px;\n    \/\/margin: auto;\n    background-size: 100% 100%;\n    background-repeat: no-repeat;    \n}\n.preview table{\n    \/\/margin: auto;\n    width:100%;\n    margin-bottom: 20px;\n    \/\/text-align:center;\n}\n.preview table td img{\n    \/\/max-width: 80%;\n    box-shadow: 0px 0px 5px;\n    border: 5px solid white;\n    border-radius: 5px;\n    \/\/width: 80%;\n    \/\/margin:auto;\n    display:block;\n}\n\/****New Mobile Settings****\/\n@media screen and (max-width: 768px) and (min-width: 640px){\n    .sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }\n    .preview table td img{\n        \/\/max-width: 550px;\n    }\n    .donation{\n        text-align:center;\n        margin-bottom: 20px;\n        margin-right:0;\n       \n    }\n    .donateform .donation label {\n        display:inline-block;\n        float:none !important;        \n        vertical-align: middle;\n        margin: 0px 20px !important;\n    }\n    .cstm,.sbtncont {\n        display:block;\n        margin: 20px auto;\n    }\n}\n\/***************************\/  \n.prepart h2 {\n    color: #c0226d !important;\n    margin: 15px 0px 10px 0px!important;\n    padding: 0px;\n}\n.upper,.lower,.lh,.rh{\n    \/\/border:1px solid;\n    padding:10px;\n}\n.upper,.lower,.lhup,.rhup,.lhdn,.rhdn,.donateform{\n    \/\/border:1px solid black;\n    \/\/box-shadow:0px 0px 1px black inset;\n}\n.lh {\n    width: 49%;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 20px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 49%;\n   \n    background:white;\n    padding: 10px 20px;\n}\n.rh p {\n   font-size: 18px;\n}\n@media screen and (max-width: 1320px){\n    .sndlater select{\n        width: 80px;\n    }\n}\n\/**V3 mobile changes**\/\n@media screen and (max-width: 768px){\n   .lh,.rh {\n       width:100%;\n       margin-bottom:20px;\n       float:none;\n   }\n   .cstmcont, .currencycont, .donation {\n        display: block;\n        margin:auto;\n    }\n    .donateform .donatebutton,.dsend {\n    display: block;\n    margin: 20px auto!important;\n}\n.donateform .donation label {\n    padding: 4px;\n    width: 60px;\n    margin: 0px 2px !important;\n    display:inline-block;\n        float:none !important;\n        font-size: 12px !important;\n}\n.selectborder {\n    border: 2px solid black;\n    box-shadow: 0px 0px 4px grey;\n    padding: 2px !important;\n}\n.donation{\n        text-align:center;\n        margin-bottom: 10px;\n        margin-right:0;\n        display:block;\n        margin-bottom: 20px;\n    }\n.cstm,.sbtncont {\n        display:block;\n        margin: 0px auto;\n    }    \n.lftside,.rtside,.sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }    \n.rh p {\n    font-size: 14px;\n}\nh2 {\n    font-size: 20px !important;\n}\nh1{\n    font-size: 24px !important;\n}\n.backbutton {\n    font-size: 12px !important;\n    padding: 4px 6px;\n}\n.sbtncont + label{\n    font-size: 12px !important;\n}\n\n.lftside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.rtside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.part-account-miniblock{\n    width : 89% !important;\n}\n.img-png {\n    max-height:25vw !important;\n}\n}\n@media screen and (max-width: 1024px) and (min-width: 768px){\n    .lh {\n    width: 35%;\n    float: left;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 10px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 63%;\n    float: left;\n    background:white;\n    padding: 10px 20px;\n}\n.donateform .donation label {\n    border-radius: 15px;\n    padding: 5px;\n    background: grey;\n    color: white !important;\n    font-weight: bold;\n    font-size: 15px !important;\n    cursor: pointer;\n    width: 60px;\n    text-align: center;\n    vertical-align: middle;\n}\n.selectborder {\n    border: 3px solid black;\n    box-shadow: 0px 0px 5px grey;\n    padding: 2px !important;\n}\n.cstm input, .currency select {\n    padding: 2px;\n    font-size: 12px;\n}\n.cstm, .currency {\n    padding: 5px 0px;\n}\n.cstmcont label.lbl, .currencycont label.lbl {\n    font-size: 12px;\n}\n.donateform .donatebutton,.dsend {\n    font-size: 15px !important;\n    padding: 8px 12px;\n}\n.part-account-row h2{\n    font-size: 18px;\n}\n}\n\/***Video***\/\nvideo{\n\twidth:100%;\n\theight:auto;\n}\nvideo::-internal-media-controls-download-button {\n    display:none;\n}\n\nvideo::-webkit-media-controls-enclosure {\n    overflow:hidden;\n}\n\nvideo::-webkit-media-controls-panel {\n    width: calc(100% + 30px); \/* Adjust as needed *\/\n}\n\/***More Recepients***\/\n\/*.recipients .input{\n\tdisplay: inline-block !important;\n    width: 45% !important;\n    margin-right: 1%;\n}*\/\n.recipients .input {\n    display: block !important;\n    width: 100% !important;\n    margin-right: 0;\n    margin-bottom: 10px;\n}\n.addrecip span{\n    font-weight: bold;\n    color: #86B752 !important;\n    font-size: 40px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n.addrecip{\n\tcursor: pointer;\n}\n.cross {\n\tcursor: pointer;\n}\n.cross img{\n\twidth:16px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n\/***Captcha***\/\n#captcha{\n\tmargin-bottom:20px;\n}\n\/*Button GooglePay*\/\n\n\n.gpay-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.gpay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.gpay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.gpay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:12px;\n  width: 117.91px;\n  border:1px solid #fa9602;\n  margin-left: 10px;\n  \n}\n\n.gpay-button.black.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg);\n}\n\n.gpay-button.white.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg);\n}\n\n.gpay-button.black.active {\n  background-color: #5f6368;\n}\n\n.gpay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.gpay-button.white.active {\n  background-color: #fff;\n}\n\n.gpay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.gpay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\n\n\t\/*secure Stripe pay*\/\n\n\n.securepay-button  {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.securepay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.securepay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.securepay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:2px;\n\tmargin-bottom:5px;\n\t\n  width: 160.91px;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.black.active {\n  background-color: #5f6368;\n}\n\n.securepay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.securepay-button.white.active {\n  background-color: #fff;\n}\n\n.securepay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.securepay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\t\n\/*Button Stripe pay*\/\n\n\n.stripe-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.stripe-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.stripe-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.stripe-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:-6px;\n\tmargin-bottom:5px;\n\t\n  width: 20%;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 160px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n\/*    background-size: 160px 40px; *\/\n}\n\n.stripe-button.black.active {\n  background-color: #5f6368;\n}\n\n.stripe-button.black.hover {\n  background-color: #3c4043;\n}\n\n.stripe-button.white.active {\n  background-color: #fff;\n}\n\n.stripe-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.stripe-button.white.hover {\n  background-color: #f8f8f8;\n}\n@media screen and (max-width: 768px){\n.last-step{\n    flex-direction:column;\n}\n.selectborder{\n    padding: 8px !important;\n}\n.donation-wrapper{\n    flex-direction: column;\n}\n\n.donation{\n    width:100%;\n\n}\n.mob-final-btn{\n    margin-top:30px;\n    display:block;\n}\n.donateform .donation label{\n    width:31% !important;\n    padding: 8px;\n    font-size: 16px !important;\n}\n.gpay-button.short{\n    width: 31% !important;\n    margin-top: 0px !important;\n\n}\n.stripe-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 130px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   \n}\n\n\t\n\t\n.securepay-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 130px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 120px 40px;\n}\n.rh p{\n    font-size: 18px !important;\n}\n.paypal-button{\n    width: 31% !important;\n}\n.cstmcont{\n    margin-bottom: 15px;\n}\n.cstmcont, .currencycont{\n    width:100%;\n}\n.rh{\n    display:none;\n}\n.prepart h1{\n    display:none;\n}\n    .gpay-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n\t\n\t  .stripe-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n.paypal-button {\n    display: block;\n    \n    margin-right:0px;\n    \n}\n}\n\/* ApplePay Button *\/\n\n\n@supports (-webkit-appearance: -apple-pay-button) { \n    .apple-pay-button {\n        display: inline-block;\n        -webkit-appearance: -apple-pay-button;\n    }\n    .apple-pay-button-black {\n        -apple-pay-button-style: black;\n    }\n    .apple-pay-button-white {\n        -apple-pay-button-style: white;\n    }\n    .apple-pay-button-white-with-line {\n        -apple-pay-button-style: white-outline;\n    }\n}\n\n@supports not (-webkit-appearance: -apple-pay-button) {\n    .apple-pay-button {\n        display: inline-block;\n        background-size: 100% 60%;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        border-radius: 5px;\n        padding: 0px;\n        box-sizing: border-box;\n        min-width: 200px;\n        min-height: 32px;\n        max-height: 64px;\n    }\n    .apple-pay-button-black {\n        background-image: -webkit-named-image(apple-pay-logo-white);\n        background-color: black;\n    }\n    .apple-pay-button-white {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n    }\n    .apple-pay-button-white-with-line {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n        border: .5px solid black;\n    } \n}\n@media screen and (max-width: 768px){\n    .plugin-wrapper{\n        flex-direction:column;\n    }\n    \n    .sndnow{\n        margin-top: 20px;\n    width: 49%;\n    \n    margin-bottom: 20px !important;\n    }\n    .preview > p{\n        word-break: break-word;\n    }\n    .sndlater{\n        width: 49%;\n    margin-top: 20px;\n    flex-direction: column;\n    \n  \n    display: flex;\n    margin-bottom: 20px !important;\n    }\n    .select-wrapper{\n        display:flex;\n        margin-top: 20px;\n    }\n    .donateform h1{\n        text-align:center;\n    }\n    .your-details, .ecard-message  , .option-wrap , .btn-wrap, .recipient{\n        display:none;\n    }\n    .lftside, .rtside, .sndnow, .sndlater{\n        margin-bottom:0px;\n    }\n    .cardscontainer{\n        margin:0px;\n        padding: 10px;\n    }\n    .lftside{\n        padding: 18px !important;\n    }\n    .x> h2{\n        margin: 5px 0px 20px 0px!important;\n    }\n    .tags-wrap{\n        display:block;\n    }\n    .tags{\n        margin-right:0px;\n        margin-bottom:15px;\n        margin-top:15px;\n    }\n    .mob-btn-wrap{\n        display:block;\n        margin-top: 30px;\n    }\n    p.dynadded{\n        padding-bottom: 0px !important;\n    }\n    .donateform h2:not(.main-title){\n        display:none;\n    }\n    .navigation{\n    \n    color:#6db71f;\n}\n.mob-your-btn{\n    margin-top:30px;\n}\n.navigation-back{\n    font-size:40px;\n}\n.navigation-title{\n    font-size: 20px;\n    display: inline-block;\n    width: calc(100% - 20px);\n    text-align: center;\n}\n.too-line{\n    display:flex;\n    justify-content:space-around;\n    margin:25px 0px 15px 0px;\n}\n.too-line div{\n    height:3px;\n    width:15%;\n    background-color:#C2E6AE;\n}\n.mob-recip-btn, .mob-your-btn , .mob-message-btn{\n    display:inline-block;\n}\n.mob-message-btn{\n    margin-top:30px;\n}\n.mce-toolbar .mce-ico{\n    width:6px !important;\n}\n.addrecip{\n    width: 220px;\n    padding: 15px 0px;\n    font-size: 12px;\n    margin-left: calc(50% - 110px);\n    margin-bottom: 30px;\n}\n#mceu_12 , #mceu_13{\n    display:none;\n}\n.rtside{\n    padding: 18px;\n}\n\n    .apple-pay-button {\n   \/* margin: 20px auto!important;*\/\n   width: 100% !important;\n}\n.div_brd_app {\n   width: 31% !important; \n   height:44px;\n}\n}\n\n.paypal-logo {\n    font-family: Verdana, Tahoma;\n    font-weight: bold;\n    font-size: 26px;\n}\n.paypal-logo i:first-child {\n      color: #253b80;\n    }\n\n.paypal-logo i:last-child {\n      color: #179bd7;\n    }\n  \n  \n.paypal-button {\n    padding: 9px 20px;\n    border-radius: 5px;\n    display: block;\n    background-color: #fff;\n    border: 1px solid #fa9602\n}    \n.paypal-title {\n      font-size: 14px;\n      color: #505050;\n      vertical-align: baseline;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n    }\n    \n.paypal-logo {\n      display: inline-block;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n      font-size: 16px;\n    }\n.similar-ecard {    \n    text-align: center;\n    \/* display: inline-block; *\/\n    display: table-cell;\n    \/* float: left; *\/\n    margin: 0 5px;\n    padding: 0 5px;\n    max-width: 150px;\n   \n}\n.similar-ecard img{\n    box-shadow: 0px 0px 8px grey;\n    border: 5px solid white;\n    border-radius: 5px;\n    transition: 500ms; \n    display: block;\n    margin: 3px 0;\n} \n.similar-ecard img:hover {\n    transform: scale(1.07);\n   }\n\n\n.part-account-row {\n    position:relative;\n    text-align:center;\n }\n\n.part-account-miniblock {\n\n    display:inline-table;\n    width: 28vw;\n    height: 15vw;\n    margin: 3vw;\n    background:white;\n    border-radius: 5px;\n    border-style: solid;\n    border-width: 1px;\n    text-align: center;\n    border-color: #fa9602;\n    box-shadow: 0px 0px 15px #fa9602;\n    padding: 20px;\n}\n.img-svg {\n    max-height: 8vw;\n    opacity: 0.2;\n}\n.img-png {\n    max-height: 10vw;\n}\n\n.show-button:hover {\n    color: #c0226d!important;\n    background-image: initial!important;\n    background-color: #f4f4f4!important;\n    \n}\n\n.show-button{\n    color: #ffffff!important;\n    font-size: 17px;\n    background-color: #fa9602; \n    padding: 15px 0px !important;\n    border-radius:6px;\n    margin: 0 25%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.show-cat{\n    padding: 10px ;\n}\n.show-title{\n    padding: 15px 0px;\n    overflow: hidden;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n}\n\n.show-container{\n    display: grid;\n    padding: 20px;\n    margin: 10px;\n    background: none;\n    box-sizing: border-box;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.filter-area{\n    padding: 30px 20px;\n    margin: 0 10px;\n    display: inline-block;\n    width: 100%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n\n\n.filter-search{\n    width:50%;\n    margin:20px 10px;\n}\n.filter-page{\n    width:20%;\n    margin:20px 10px;\n}\n\n.filter-submit{\n    \/* width:25%; *\/\n    margin:20px 10px;\n}\n.filter-search input {\n    border: 1px solid #c0226d;\n}\n\n.filter-cat{\n    text-align: center;\n    display: block !important;\n}\n.one-cat{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#c0226d;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    margin: 3px;\n    color: #fa9602;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.one-cat-sel{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    margin: 3px;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.filter-page select {\n    background-image: linear-gradient(45deg,transparent 50%,#c0226d 60%),linear-gradient(135deg,#c0226d 40%,transparent 50%) !important;\n    background-position: calc(100% - 30px) 17px,calc(100% - 20px) 17px,100% 0;\n    background-size: 10px 10px,10px 10px;\n    background-repeat: no-repeat;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    \n}\n.form-row {\n    display: flex;\n}\n.form-control{\n    border-radius: 22px;\n    background: #F8F8F8;\n    border: 1px solid #c0226d;\n    height: 45px;\n    display: block;\n    width: 100%;\n    padding: .375rem .75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #495057;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #c0226d;\n    border-radius: .25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-submit{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n#filter-submit-btn{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n}\n.show-img:hover{\n    transform: scale(1.02);\n    box-shadow: 8px 15px 10px #c5c5c5;\n}\n.show-img{\n    max-height: 100%;\n    transition: .3s ease-in-out;\n    border: 1px solid #b5b5b5;\n    border-radius:6px;\n}\n.show-paginated-links{\n    text-align: center;\n    padding: 30px;\n}\n.show-paginated-links a{\n\n    padding: 10px 15px;\n    color: #c0226d;\n    border: #fa9602 solid 1px;\n    border-radius: 6px;\n    font-size: 26px;\n\n}\n.show-paginated-links span{\n\npadding: 10px 15px;\ncolor: #fff;\nbackground-color: #c0226d;\nborder: #fa9602 solid 1px;\nborder-radius: 6px;\nfont-size: 26px;\n\n}\n\n@media screen and (max-width: 480px){\n    .filter-area{\n    padding: 0px;\n    margin: 0px;\n    }\n    #filter-submit-btn {\n        padding: 10px 3px;\n        width: 100%;\n    }\n    .filter-search, .filter-submit {\n        width:50%;\n    }\n\n    .form-row.filter-cat{\n        \/* display:grid; *\/\n        display: block;\n    }\n    .form-row.sel-page{\n        display: none;\n    }\n    .ecard_cont.show-all{\n        \/* width: 99% !important; *\/\n    }\n    .show-paginated-links a {\n\n        display: inline-block;\n        font-size: 18px;\n        padding: 0px 5px;\n    }\n    .show-paginated-links {\n    \n        padding: 30px 0px;\n          \/* font-size: 18px; *\/\n    }\n    .one-cat, .one-cat-sel{\n        padding: 5px 7px;\n    }\n    .show-paginated-links span{\n        padding: 0px 5px;\n        font-size: 18px;\n    }\n    \n    .container{\n        width:95%;\n    }\n    .show-container{\n        padding: 5px 0px;\n        margin: 0px;\n    }\n  \n\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px){\n    .ecard_cont.show-all{\n        width: 32% !important;\n    }\n    .filter-page {\n    width: 30%;\n    }\n}\n.desc{\n    line-height: 1.9 !important;\n}\n\n.account_main{\n    padding: 20px 10px;\n}\n\n.popup {\nposition: absolute;\ntop: 40%;\nleft: 0;\nright: 0;\nwidth:100%;\nmax-width: 490px;\nmargin: auto;\nbackground: #fff;\nborder-radius: 10px;\ntext-align: center;\n}\n#success-message {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.56);\n    z-index: 999!important;\n    background: rgba(40, 69, 113, 0.4);\n}\n#success-message {\n    display: none;\n}\n\n\n\n<\/style>\n<style>.container {max-width: none; !important;}<\/style><div class=\"show-container\"><div class=\"cardrow\"><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/so-much-gratitude-thank-you\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/So-much-gratitude-eCard.jpg\" alt=\"So Much Gratitude Thank You  eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">So Much Gratitude Thank You  eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/so-much-gratitude-thank-you\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-so-much-for-all-your-help\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/alll-your-help-eCard.png\" alt=\"Thank You So Much For All Your Help eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Thank You So Much For All Your Help eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-so-much-for-all-your-help\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-for-being-an-angel\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Thank-you-for-being-my-angel.jpg\" alt=\"Thank you for being my Angel eCard &#8211; Charity card for an Angel\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Thank you for being my Angel eCard &#8211; Charity card for an Angel<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-for-being-an-angel\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-for-sharing-your-home\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Thank-you-for-sharing-your-home.png\" alt=\"Thank You for Sharing Your Home eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Thank You for Sharing Your Home eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-for-sharing-your-home\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/animated-thank-you-for-your-time\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Thank-you-for-your-time-gif-eCard.gif\" alt=\"Animated Thank You For Your Time eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Animated Thank You For Your Time eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/animated-thank-you-for-your-time\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-from-the-team\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Thank-you-from-the-team.jpg\" alt=\"Thank You From The Team eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Thank You From The Team eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-from-the-team\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-to-the-best-coworker\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Thank-you-to-the-best-coworker-eCard.jpg\" alt=\"Thank You To The Best Coworker eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Thank You To The Best Coworker eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-to-the-best-coworker\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-made-my-day\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Thanks-you-made-my-day-eCard.jpg\" alt=\"Thank You Made My Day eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Thank You Made My Day eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/thank-you-made-my-day\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/grateful-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/11\/Grateful-a-person-like-you-exist-Thank-you-card-1.jpg\" alt=\"Grateful a person like you exist &#8211; Thank you card\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Grateful a person like you exist &#8211; Thank you card<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/grateful-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/illustrated-thank-you-ecard-owl-pussycat-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/11\/Illustrated-Thank-You-eCard-Owl-Pussycat-1.jpg\" alt=\"Illustrated Thank You eCard : Owl, Pussycat eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Illustrated Thank You eCard : Owl, Pussycat eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/illustrated-thank-you-ecard-owl-pussycat-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><\/div><\/div><\/div><\/div><script>\n\nfunction replaceAll(str, find, replace) {\n    return str.replace(new RegExp(find, 'g'), replace);\n};\n\njQuery(\".tax\").click(function(e){\n    str = jQuery('#terms').val();\n    if (str.indexOf(jQuery(this).attr(\"name\")) == -1){\n        jQuery(this).attr(\"class\", \"tax one-cat-sel\");\n        jQuery('#terms').val(jQuery('#terms').val()+\",\"+jQuery(this).attr(\"name\"));\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(1)==','){\n            str = str.slice(0,1)\n        };\n    }else{\n        jQuery(this).attr(\"class\", \"tax one-cat\");   \n        str = replaceAll(jQuery('#terms').val(),jQuery(this).attr(\"name\"),'');\n        \/\/ str = jQuery('#terms').val().replace(jQuery(this).attr(\"name\"),'');\n        str = replaceAll(str,',,',',');\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(0, 1)==','){\n            str = str.slice(1);\n        };\n        jQuery('#terms').val(str);\n    };\n\n    jQuery('#se').val('');\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#posts_pp').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#se').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\n\n\n<\/script> \n\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;http:\/\/ecards.hopespring.org.uk\/thank-you-ecards\/&#8221; button_text=&#8221;More Thank you eCards&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.4.0&#8243; custom_button=&#8221;on&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#e02b20&#8243; button_border_radius=&#8221;7px&#8221; button_font=&#8221;Arimo||||||||&#8221; button_use_icon=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#e06660&#8243; button_bg_enable_color__hover=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.0&#8243; width=&#8221;90%&#8221; max_width=&#8221;1525px&#8221; locked=&#8221;off&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text _builder_version=&#8221;4.4.0&#8243; custom_margin=&#8221;||-19px||false|false&#8221;]<\/p>\n<hr \/>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center; color: #6db71f;\"><strong>Baby Announcement eCards<\/strong><\/h2>\n<style>\n@font-face{\n\nfont-family: 'Arial Rounded MT Bold';\n\nsrc: url('\/wp-content\/plugins\/customecards\/templates\/8665.ttf');\n\n}\n\n.rtside.profile{\n    width:79%;\n}\n.cardscontainer{\n    font-family:'Arial Rounded MT Bold';\n}\n#wp-message-wrap{\n    \/* max-width: 500px; *\/\n}\n.paypal-button{\n    margin-bottom:20px;\n}\n#message_ifr{\n    height:100% !important;\n}\n.backbutton{\n    display:none;\n}\n.mob-recipients{\n    display:none;\n}\n.recipient input:nth-child(1){\n    margin-bottom: 1em;\n}\n.active-item{\n    background-color:#6db71f !important;\n}\n.recipients .cross{\n    color:#FF4C56;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 15px 0px 25px 0px;\n    display: inline-block;\n}\n.navigation{\n    display:none;\n}\n.mob-btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 70%;\n    margin: 0 auto;\n    text-align:center;\n}\n.mob-recip-btn, .mob-your-btn, .mob-message-btn, .mob-final-btn{\n    display:none;\n}\n.btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 180px;\n    margin: 0 auto;\n    text-align:center;\n    margin-left: calc(50% - 90px);\n}\n\n.mob-btn-wrap{\n    display:none;\n    \n}\n.tags-wrap{\n    display:flex;\n    justify-content: space-between;\n}\n.green{\n    color:#c0226d;\n}\n\t\n.onlyshare input{\n    display:none;\n}\n.onlyshare label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n\t\n.share-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n\t\n.sndcopy input{\n    display:none;\n}\n.sndcopy label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater select{\n    font-size:16px;\n    width: 89px;\n    top: -3px;\n    position: relative;\n}\n.fake-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n.btn-wrap{\n    text-align:center;\n}\n.donatebutton{\n    background-color:#c0226d;\n    border: 2px solid #fa9602;\n    color: #fff;\n    font-size: 18px;\n    padding: 12px 40px;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.fake-radio{\n    width: 20px;\n    height: 20px;\n    border: 1px solid grey;\n    display: inline-block;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right:5px;\n    cursor:pointer;\n}\n.fake-radio > div{\n    width:14px;\n    height:14px;\n    \n}\ninput[type=\"radio\"]:checked + .fake-radio > div{\n    background-color: #fa9602;\n}\n.sndnow input , .sndlater input{\n    display:none;\n}\n.sndnow label, .sndlater label {\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater label{\n    margin-right:10px;\n}\n.sndlater{\n    display: flex;\n}\n\n.clr{\nclear:both;\n}\n.disabled{\n    pointer-events:none;\n    opacity:.7;\n}\n.cardscontainer {\n    position: relative;\n    \/\/width: 80%;\n    margin: auto;\n    padding: 20px 80px;\n    margin: 10px;\n        background: url(http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2017\/08\/background.jpg);\n        box-sizing: border-box;\n}\n.cardscontainer h1,.cardscontainer h2{\n    line-height:1.2 !important;\n}\n#leftside{\n    float: left;\n    padding-right: 5.5%;\n    width: 79.125%;\n    padding-bottom: 23px;\n}\n.cardrow{\n    width: 100% !important;\n    padding: 10px 0px;\n    text-align:center;\n}\n.ecard_cont{\n    width: 24% !important;\n    margin-right: 1%;\n    float:left;\n    margin-bottom:20px!important;\n    position: relative;\n    background-color: rgba(0, 0, 0);\n    background: none; \n    border-radius: 7px;;\n}\n.ecard_cont:hover .ecard {\n  opacity: 0.5;\n}\n\n.ecard_cont:hover .ecard_middle {\n  opacity: 1;\n}\n\n.ecard_middle {\n  transition: .5s ease;\n  opacity: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  text-align: center;\n  width: 60%;\n\n}\n.ecard_text {\n\n  background-color: white;\n  color: #4CAF50;\n  font-size: 22px;\n  padding: 22px 2px;\n  font-weight: 600;\n  border-radius: 25px;\n  text-transform: uppercase;\n}\n\n.ecard{\n    \/* box-shadow: 0px 0px 15px grey;border:5px solid white;border-radius:5px; *\/\n    width: 100% !important;\n    border-radius: 7px;\n}\n\n.ecard_cat_cont,.ecard_cont{\n    text-align:center;\n}\n.ecard_cat_cont a,.ecard_cont a{\n        padding: 30px 0px !important;\n    vertical-align: bottom !important;\n    line-height: 0;\n}\n.webui-popover{\n    z-index: 2147483647 !important;\n}\n@media screen and (max-width: 480px){\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px;  *\/\n}\n}\n@media screen and (max-width: 640px) and (min-width: 480px) {\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px; *\/\n}\n\n}\n@media screen and (max-width: 768px) and (min-width: 640px) {\n    .ecard_cont{\n    width: 32% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 54px;  *\/\n}\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px) {\n    .ecard_cont{\n    width: 24% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 60px;  *\/\n}\n}\n\n\n\n\/******SIngle Card******\/\n.donateform h2{\n    margin: 15px 0px 20px 0px!important;\n    padding: 0px;\n}\n.sub-title{\n    color:#000;\n    font-size:16px;\n    margin-bottom:5px;\n    display: inline-block;\n}\n.tags{\n    margin-right:90px;\n}\n.addrecip{\n    border: 2px solid #fa9602;\n    width: 250px;\n    border-radius: 9px;\n    padding: 15px 0px;\n    text-align: center;\n    font-size:14px;\n    font-weight: 600;\n    padding-bottom: 15px !important;\n}\n}\n.donateform .donatebutton,.dsend{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 20px !important;\n    margin-bottom: 10px  !important;\n    cursor: pointer;\n    padding: 10px 15px;\n}\n\n.backbutton{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 15px !important;\n    margin-bottom: 20px  !important;\n    cursor: pointer;\n    padding: 8px 10px;\n}\n\n\n.donateform .donation label{\n    float:left !important;\n    \/\/margin-right:10px !important;\n    \/\/margin-left:10px !important;\n    margin-bottom:5px;\n}\n.donateform .donation label .donateradio{\n    margin-top: 0px;\n    margin-right: 5px;\n}\n.donateform p .lbl{\n    float:none !important;\n    display:block !important;\n    margin-bottom:5px;\n}\n.donateform .donation input{\n    width:auto !important;\n}\n.donateform p input,.donateform p textarea{\n    width:100% !important;\n    \/* max-width:500px !important; *\/\n}\n.donateform p input{\n    height: auto !important;\n}\n.donateform p .msg{\n    min-height: 120px !important;\n}\n.donateform p .custom_donation{\n    width: 100% !important;\n    max-width:120px !important;\n}\n.donateform .ecardimg{\n    box-shadow: 0px 0px 5px grey;border:5px solid white;border-radius:5px;\n    \/\/max-width:100% !important;\n    width:auto !important;\n    \/* max-height:300px; *\/\n    \/\/margin-top: 10px;\n    margin-bottom: 15px;\n}\n\n.donateform p input,.donateform p textarea,.sndlater input[type=text]{\n    padding: 16px;\n    border: none !important;\n    -webkit-border-radius: 0;\n    -moz-border-radius: 0;\n    border-radius: 0;\n    color: #999 !important;\n    background-color: #eee !important;\n    font-size: 14px !important;\n}\n.donateform p, .donateform p input, .donateform p textarea, .donateform label:not(.donateform .donation label), .donateform h1, .donateform h2 {\n    line-height: 1.2 !important;\n}\n\/*.donateform p.txtfields input{\n    width:30% !important;\n    margin-right:3% !important;\n}*\/\n.lftside{\n    float: left;\n    width:49%;\n    margin-right: 2%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n.lftside.profile{\n    width : 19%;\n}\n.rtside{\n    float: left;\n    width:49%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n#tinymce{\n    background-color: #eee !important;\n}\n\n}\n\n.rtside.profile{\n    width : 79%;\n}\n\n.sndnow{\n    width: 25%;\n    float: left;\n    margin-bottom: 20px;\n}\n.sndcopy{\n    margin-bottom:20px;\n}\n\/***Single Card Custom Settings***\/\n.donateform h1,.donateform p,.donateform input ,.donateform textarea,.donateform label,.lbl{font-family: 'Arial Rounded MT Bold';}\n.donateform p,.donateform p input,.donateform p textarea,.lbl{color:black !important}\n.donateform h1{font-size:35px !important}\n\/* .donateform h2{font-family:Arial!important}\n *\/\n.donateform h2{color:#c0226d!important}\n\/***Preview h2***\/\n\/****\/\n\/*********New css Donation***********\/\n.dform {\n    margin-top: 20px;\n}\n.donation{\n    \/\/float:left;\n    \/\/margin-right: 20px;\n    display: inline-block;\n    vertical-align: middle;\n    \/\/margin-bottom: 30px;\n        margin-left:15px;\n        width: 65%;\n        display: flex;\n        justify-content: space-between;\n}\n.donation label input{\n    display:none;\n}\n.donateform .donation label {\n    border-radius: 10px;\n    padding: 12px;\n    background: #fff;\n    color: #c0226d;\n    border:1px solid #fa9602;\n    font-weight: bold;\n    font-size: 20px !important;\n    cursor: pointer;\n    width: 31%;\n    \n    text-align: center;\n    vertical-align: middle;\n    \n    margin-right: 0px;\n}\n.donateform .donation label:nth-child(3){\n    margin-left:none !important;\n}\n\/***Donate Buttons Settings***\/\n\/***\/\n.selectborder{\n   background-color:#c0226d !important;\n   color: #fff !important;\n}\n\/***Selected Radio Settings***\/\n\/***\/\n.cstm, .currency{\n    \n    \n    \n    \/\/margin-right: 15px;\n    margin-bottom:30px;\n    \n}\n.cstmcont,.currencycont{\n    display: inline-block;\n    width:34%;\n}\n.cstm input,.currency select{    \n    width: 100%;\n    \/\/display: block;\n    margin: auto;\n    padding: 5px;\n    border: none;\n    background-color: #F7F7F7;\n    padding: 15px 7px;\n}\n\/***CSTM BG Settings***\/\n\/***\/\n.cstmcont label.lbl, .currencycont label.lbl{\n    display: block;\n    \n    font-weight: bold;\n    \/\/font-size: 15px !important;\n    margin-bottom: 15px;\n    \/\/margin-top: 25%;\n}\n\/**Label LbL Preview Page**\/\n.sbtncont p{\n    text-align:center;\n}\n.sbtncont p button{\n    display: block;\n    margin: 20px auto;\n    width: 100%;\n}\n\/*****\/\n.preview {\n        border-radius: 5px;\n    \/\/padding: 30px 0px;\n    \/\/max-width: 750px;\n    \/\/margin: auto;\n    background-size: 100% 100%;\n    background-repeat: no-repeat;    \n}\n.preview table{\n    \/\/margin: auto;\n    width:100%;\n    margin-bottom: 20px;\n    \/\/text-align:center;\n}\n.preview table td img{\n    \/\/max-width: 80%;\n    box-shadow: 0px 0px 5px;\n    border: 5px solid white;\n    border-radius: 5px;\n    \/\/width: 80%;\n    \/\/margin:auto;\n    display:block;\n}\n\/****New Mobile Settings****\/\n@media screen and (max-width: 768px) and (min-width: 640px){\n    .sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }\n    .preview table td img{\n        \/\/max-width: 550px;\n    }\n    .donation{\n        text-align:center;\n        margin-bottom: 20px;\n        margin-right:0;\n       \n    }\n    .donateform .donation label {\n        display:inline-block;\n        float:none !important;        \n        vertical-align: middle;\n        margin: 0px 20px !important;\n    }\n    .cstm,.sbtncont {\n        display:block;\n        margin: 20px auto;\n    }\n}\n\/***************************\/  \n.prepart h2 {\n    color: #c0226d !important;\n    margin: 15px 0px 10px 0px!important;\n    padding: 0px;\n}\n.upper,.lower,.lh,.rh{\n    \/\/border:1px solid;\n    padding:10px;\n}\n.upper,.lower,.lhup,.rhup,.lhdn,.rhdn,.donateform{\n    \/\/border:1px solid black;\n    \/\/box-shadow:0px 0px 1px black inset;\n}\n.lh {\n    width: 49%;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 20px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 49%;\n   \n    background:white;\n    padding: 10px 20px;\n}\n.rh p {\n   font-size: 18px;\n}\n@media screen and (max-width: 1320px){\n    .sndlater select{\n        width: 80px;\n    }\n}\n\/**V3 mobile changes**\/\n@media screen and (max-width: 768px){\n   .lh,.rh {\n       width:100%;\n       margin-bottom:20px;\n       float:none;\n   }\n   .cstmcont, .currencycont, .donation {\n        display: block;\n        margin:auto;\n    }\n    .donateform .donatebutton,.dsend {\n    display: block;\n    margin: 20px auto!important;\n}\n.donateform .donation label {\n    padding: 4px;\n    width: 60px;\n    margin: 0px 2px !important;\n    display:inline-block;\n        float:none !important;\n        font-size: 12px !important;\n}\n.selectborder {\n    border: 2px solid black;\n    box-shadow: 0px 0px 4px grey;\n    padding: 2px !important;\n}\n.donation{\n        text-align:center;\n        margin-bottom: 10px;\n        margin-right:0;\n        display:block;\n        margin-bottom: 20px;\n    }\n.cstm,.sbtncont {\n        display:block;\n        margin: 0px auto;\n    }    \n.lftside,.rtside,.sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }    \n.rh p {\n    font-size: 14px;\n}\nh2 {\n    font-size: 20px !important;\n}\nh1{\n    font-size: 24px !important;\n}\n.backbutton {\n    font-size: 12px !important;\n    padding: 4px 6px;\n}\n.sbtncont + label{\n    font-size: 12px !important;\n}\n\n.lftside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.rtside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.part-account-miniblock{\n    width : 89% !important;\n}\n.img-png {\n    max-height:25vw !important;\n}\n}\n@media screen and (max-width: 1024px) and (min-width: 768px){\n    .lh {\n    width: 35%;\n    float: left;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 10px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 63%;\n    float: left;\n    background:white;\n    padding: 10px 20px;\n}\n.donateform .donation label {\n    border-radius: 15px;\n    padding: 5px;\n    background: grey;\n    color: white !important;\n    font-weight: bold;\n    font-size: 15px !important;\n    cursor: pointer;\n    width: 60px;\n    text-align: center;\n    vertical-align: middle;\n}\n.selectborder {\n    border: 3px solid black;\n    box-shadow: 0px 0px 5px grey;\n    padding: 2px !important;\n}\n.cstm input, .currency select {\n    padding: 2px;\n    font-size: 12px;\n}\n.cstm, .currency {\n    padding: 5px 0px;\n}\n.cstmcont label.lbl, .currencycont label.lbl {\n    font-size: 12px;\n}\n.donateform .donatebutton,.dsend {\n    font-size: 15px !important;\n    padding: 8px 12px;\n}\n.part-account-row h2{\n    font-size: 18px;\n}\n}\n\/***Video***\/\nvideo{\n\twidth:100%;\n\theight:auto;\n}\nvideo::-internal-media-controls-download-button {\n    display:none;\n}\n\nvideo::-webkit-media-controls-enclosure {\n    overflow:hidden;\n}\n\nvideo::-webkit-media-controls-panel {\n    width: calc(100% + 30px); \/* Adjust as needed *\/\n}\n\/***More Recepients***\/\n\/*.recipients .input{\n\tdisplay: inline-block !important;\n    width: 45% !important;\n    margin-right: 1%;\n}*\/\n.recipients .input {\n    display: block !important;\n    width: 100% !important;\n    margin-right: 0;\n    margin-bottom: 10px;\n}\n.addrecip span{\n    font-weight: bold;\n    color: #86B752 !important;\n    font-size: 40px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n.addrecip{\n\tcursor: pointer;\n}\n.cross {\n\tcursor: pointer;\n}\n.cross img{\n\twidth:16px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n\/***Captcha***\/\n#captcha{\n\tmargin-bottom:20px;\n}\n\/*Button GooglePay*\/\n\n\n.gpay-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.gpay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.gpay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.gpay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:12px;\n  width: 117.91px;\n  border:1px solid #fa9602;\n  margin-left: 10px;\n  \n}\n\n.gpay-button.black.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg);\n}\n\n.gpay-button.white.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg);\n}\n\n.gpay-button.black.active {\n  background-color: #5f6368;\n}\n\n.gpay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.gpay-button.white.active {\n  background-color: #fff;\n}\n\n.gpay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.gpay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\n\n\t\/*secure Stripe pay*\/\n\n\n.securepay-button  {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.securepay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.securepay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.securepay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:2px;\n\tmargin-bottom:5px;\n\t\n  width: 160.91px;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.black.active {\n  background-color: #5f6368;\n}\n\n.securepay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.securepay-button.white.active {\n  background-color: #fff;\n}\n\n.securepay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.securepay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\t\n\/*Button Stripe pay*\/\n\n\n.stripe-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.stripe-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.stripe-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.stripe-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:-6px;\n\tmargin-bottom:5px;\n\t\n  width: 20%;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 160px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n\/*    background-size: 160px 40px; *\/\n}\n\n.stripe-button.black.active {\n  background-color: #5f6368;\n}\n\n.stripe-button.black.hover {\n  background-color: #3c4043;\n}\n\n.stripe-button.white.active {\n  background-color: #fff;\n}\n\n.stripe-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.stripe-button.white.hover {\n  background-color: #f8f8f8;\n}\n@media screen and (max-width: 768px){\n.last-step{\n    flex-direction:column;\n}\n.selectborder{\n    padding: 8px !important;\n}\n.donation-wrapper{\n    flex-direction: column;\n}\n\n.donation{\n    width:100%;\n\n}\n.mob-final-btn{\n    margin-top:30px;\n    display:block;\n}\n.donateform .donation label{\n    width:31% !important;\n    padding: 8px;\n    font-size: 16px !important;\n}\n.gpay-button.short{\n    width: 31% !important;\n    margin-top: 0px !important;\n\n}\n.stripe-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 130px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   \n}\n\n\t\n\t\n.securepay-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 130px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 120px 40px;\n}\n.rh p{\n    font-size: 18px !important;\n}\n.paypal-button{\n    width: 31% !important;\n}\n.cstmcont{\n    margin-bottom: 15px;\n}\n.cstmcont, .currencycont{\n    width:100%;\n}\n.rh{\n    display:none;\n}\n.prepart h1{\n    display:none;\n}\n    .gpay-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n\t\n\t  .stripe-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n.paypal-button {\n    display: block;\n    \n    margin-right:0px;\n    \n}\n}\n\/* ApplePay Button *\/\n\n\n@supports (-webkit-appearance: -apple-pay-button) { \n    .apple-pay-button {\n        display: inline-block;\n        -webkit-appearance: -apple-pay-button;\n    }\n    .apple-pay-button-black {\n        -apple-pay-button-style: black;\n    }\n    .apple-pay-button-white {\n        -apple-pay-button-style: white;\n    }\n    .apple-pay-button-white-with-line {\n        -apple-pay-button-style: white-outline;\n    }\n}\n\n@supports not (-webkit-appearance: -apple-pay-button) {\n    .apple-pay-button {\n        display: inline-block;\n        background-size: 100% 60%;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        border-radius: 5px;\n        padding: 0px;\n        box-sizing: border-box;\n        min-width: 200px;\n        min-height: 32px;\n        max-height: 64px;\n    }\n    .apple-pay-button-black {\n        background-image: -webkit-named-image(apple-pay-logo-white);\n        background-color: black;\n    }\n    .apple-pay-button-white {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n    }\n    .apple-pay-button-white-with-line {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n        border: .5px solid black;\n    } \n}\n@media screen and (max-width: 768px){\n    .plugin-wrapper{\n        flex-direction:column;\n    }\n    \n    .sndnow{\n        margin-top: 20px;\n    width: 49%;\n    \n    margin-bottom: 20px !important;\n    }\n    .preview > p{\n        word-break: break-word;\n    }\n    .sndlater{\n        width: 49%;\n    margin-top: 20px;\n    flex-direction: column;\n    \n  \n    display: flex;\n    margin-bottom: 20px !important;\n    }\n    .select-wrapper{\n        display:flex;\n        margin-top: 20px;\n    }\n    .donateform h1{\n        text-align:center;\n    }\n    .your-details, .ecard-message  , .option-wrap , .btn-wrap, .recipient{\n        display:none;\n    }\n    .lftside, .rtside, .sndnow, .sndlater{\n        margin-bottom:0px;\n    }\n    .cardscontainer{\n        margin:0px;\n        padding: 10px;\n    }\n    .lftside{\n        padding: 18px !important;\n    }\n    .x> h2{\n        margin: 5px 0px 20px 0px!important;\n    }\n    .tags-wrap{\n        display:block;\n    }\n    .tags{\n        margin-right:0px;\n        margin-bottom:15px;\n        margin-top:15px;\n    }\n    .mob-btn-wrap{\n        display:block;\n        margin-top: 30px;\n    }\n    p.dynadded{\n        padding-bottom: 0px !important;\n    }\n    .donateform h2:not(.main-title){\n        display:none;\n    }\n    .navigation{\n    \n    color:#6db71f;\n}\n.mob-your-btn{\n    margin-top:30px;\n}\n.navigation-back{\n    font-size:40px;\n}\n.navigation-title{\n    font-size: 20px;\n    display: inline-block;\n    width: calc(100% - 20px);\n    text-align: center;\n}\n.too-line{\n    display:flex;\n    justify-content:space-around;\n    margin:25px 0px 15px 0px;\n}\n.too-line div{\n    height:3px;\n    width:15%;\n    background-color:#C2E6AE;\n}\n.mob-recip-btn, .mob-your-btn , .mob-message-btn{\n    display:inline-block;\n}\n.mob-message-btn{\n    margin-top:30px;\n}\n.mce-toolbar .mce-ico{\n    width:6px !important;\n}\n.addrecip{\n    width: 220px;\n    padding: 15px 0px;\n    font-size: 12px;\n    margin-left: calc(50% - 110px);\n    margin-bottom: 30px;\n}\n#mceu_12 , #mceu_13{\n    display:none;\n}\n.rtside{\n    padding: 18px;\n}\n\n    .apple-pay-button {\n   \/* margin: 20px auto!important;*\/\n   width: 100% !important;\n}\n.div_brd_app {\n   width: 31% !important; \n   height:44px;\n}\n}\n\n.paypal-logo {\n    font-family: Verdana, Tahoma;\n    font-weight: bold;\n    font-size: 26px;\n}\n.paypal-logo i:first-child {\n      color: #253b80;\n    }\n\n.paypal-logo i:last-child {\n      color: #179bd7;\n    }\n  \n  \n.paypal-button {\n    padding: 9px 20px;\n    border-radius: 5px;\n    display: block;\n    background-color: #fff;\n    border: 1px solid #fa9602\n}    \n.paypal-title {\n      font-size: 14px;\n      color: #505050;\n      vertical-align: baseline;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n    }\n    \n.paypal-logo {\n      display: inline-block;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n      font-size: 16px;\n    }\n.similar-ecard {    \n    text-align: center;\n    \/* display: inline-block; *\/\n    display: table-cell;\n    \/* float: left; *\/\n    margin: 0 5px;\n    padding: 0 5px;\n    max-width: 150px;\n   \n}\n.similar-ecard img{\n    box-shadow: 0px 0px 8px grey;\n    border: 5px solid white;\n    border-radius: 5px;\n    transition: 500ms; \n    display: block;\n    margin: 3px 0;\n} \n.similar-ecard img:hover {\n    transform: scale(1.07);\n   }\n\n\n.part-account-row {\n    position:relative;\n    text-align:center;\n }\n\n.part-account-miniblock {\n\n    display:inline-table;\n    width: 28vw;\n    height: 15vw;\n    margin: 3vw;\n    background:white;\n    border-radius: 5px;\n    border-style: solid;\n    border-width: 1px;\n    text-align: center;\n    border-color: #fa9602;\n    box-shadow: 0px 0px 15px #fa9602;\n    padding: 20px;\n}\n.img-svg {\n    max-height: 8vw;\n    opacity: 0.2;\n}\n.img-png {\n    max-height: 10vw;\n}\n\n.show-button:hover {\n    color: #c0226d!important;\n    background-image: initial!important;\n    background-color: #f4f4f4!important;\n    \n}\n\n.show-button{\n    color: #ffffff!important;\n    font-size: 17px;\n    background-color: #fa9602; \n    padding: 15px 0px !important;\n    border-radius:6px;\n    margin: 0 25%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.show-cat{\n    padding: 10px ;\n}\n.show-title{\n    padding: 15px 0px;\n    overflow: hidden;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n}\n\n.show-container{\n    display: grid;\n    padding: 20px;\n    margin: 10px;\n    background: none;\n    box-sizing: border-box;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.filter-area{\n    padding: 30px 20px;\n    margin: 0 10px;\n    display: inline-block;\n    width: 100%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n\n\n.filter-search{\n    width:50%;\n    margin:20px 10px;\n}\n.filter-page{\n    width:20%;\n    margin:20px 10px;\n}\n\n.filter-submit{\n    \/* width:25%; *\/\n    margin:20px 10px;\n}\n.filter-search input {\n    border: 1px solid #c0226d;\n}\n\n.filter-cat{\n    text-align: center;\n    display: block !important;\n}\n.one-cat{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#c0226d;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    margin: 3px;\n    color: #fa9602;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.one-cat-sel{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    margin: 3px;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.filter-page select {\n    background-image: linear-gradient(45deg,transparent 50%,#c0226d 60%),linear-gradient(135deg,#c0226d 40%,transparent 50%) !important;\n    background-position: calc(100% - 30px) 17px,calc(100% - 20px) 17px,100% 0;\n    background-size: 10px 10px,10px 10px;\n    background-repeat: no-repeat;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    \n}\n.form-row {\n    display: flex;\n}\n.form-control{\n    border-radius: 22px;\n    background: #F8F8F8;\n    border: 1px solid #c0226d;\n    height: 45px;\n    display: block;\n    width: 100%;\n    padding: .375rem .75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #495057;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #c0226d;\n    border-radius: .25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-submit{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n#filter-submit-btn{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n}\n.show-img:hover{\n    transform: scale(1.02);\n    box-shadow: 8px 15px 10px #c5c5c5;\n}\n.show-img{\n    max-height: 100%;\n    transition: .3s ease-in-out;\n    border: 1px solid #b5b5b5;\n    border-radius:6px;\n}\n.show-paginated-links{\n    text-align: center;\n    padding: 30px;\n}\n.show-paginated-links a{\n\n    padding: 10px 15px;\n    color: #c0226d;\n    border: #fa9602 solid 1px;\n    border-radius: 6px;\n    font-size: 26px;\n\n}\n.show-paginated-links span{\n\npadding: 10px 15px;\ncolor: #fff;\nbackground-color: #c0226d;\nborder: #fa9602 solid 1px;\nborder-radius: 6px;\nfont-size: 26px;\n\n}\n\n@media screen and (max-width: 480px){\n    .filter-area{\n    padding: 0px;\n    margin: 0px;\n    }\n    #filter-submit-btn {\n        padding: 10px 3px;\n        width: 100%;\n    }\n    .filter-search, .filter-submit {\n        width:50%;\n    }\n\n    .form-row.filter-cat{\n        \/* display:grid; *\/\n        display: block;\n    }\n    .form-row.sel-page{\n        display: none;\n    }\n    .ecard_cont.show-all{\n        \/* width: 99% !important; *\/\n    }\n    .show-paginated-links a {\n\n        display: inline-block;\n        font-size: 18px;\n        padding: 0px 5px;\n    }\n    .show-paginated-links {\n    \n        padding: 30px 0px;\n          \/* font-size: 18px; *\/\n    }\n    .one-cat, .one-cat-sel{\n        padding: 5px 7px;\n    }\n    .show-paginated-links span{\n        padding: 0px 5px;\n        font-size: 18px;\n    }\n    \n    .container{\n        width:95%;\n    }\n    .show-container{\n        padding: 5px 0px;\n        margin: 0px;\n    }\n  \n\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px){\n    .ecard_cont.show-all{\n        width: 32% !important;\n    }\n    .filter-page {\n    width: 30%;\n    }\n}\n.desc{\n    line-height: 1.9 !important;\n}\n\n.account_main{\n    padding: 20px 10px;\n}\n\n.popup {\nposition: absolute;\ntop: 40%;\nleft: 0;\nright: 0;\nwidth:100%;\nmax-width: 490px;\nmargin: auto;\nbackground: #fff;\nborder-radius: 10px;\ntext-align: center;\n}\n#success-message {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.56);\n    z-index: 999!important;\n    background: rgba(40, 69, 113, 0.4);\n}\n#success-message {\n    display: none;\n}\n\n\n\n<\/style>\n<style>.container {max-width: none; !important;}<\/style><div class=\"show-container\"><div class=\"cardrow\"><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/baby-announcement-ecard-born-in-2024\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/baby-announcement-ecard-born-in-2024.jpg\" alt=\"Baby announcement eCard born in 2024\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Baby announcement eCard born in 2024<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/baby-announcement-ecard-born-in-2024\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/baby-announcement-ecard-congrats-on-having-another-little-one\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/baby-announcement-ecard-congrats-on-having-another-little-one.png\" alt=\"Baby announcement eCard congrats on having another little one\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Baby announcement eCard congrats on having another little one<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/baby-announcement-ecard-congrats-on-having-another-little-one\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/baby-announcement-ecard-congrats-on-making-a-baby\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/baby-announcement-ecard-congrats-on-making-a-baby.png\" alt=\"Baby announcement eCard congrats on making a baby\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Baby announcement eCard congrats on making a baby<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/baby-announcement-ecard-congrats-on-making-a-baby\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/baby-announcement-ecard-congratulation-baby-boy-rainbow\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/baby-announcement-ecard-congratulation-baby-boy-rainbow.png\" alt=\"Baby announcement eCard congratulation baby boy rainbow\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Baby announcement eCard congratulation baby boy rainbow<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/baby-announcement-ecard-congratulation-baby-boy-rainbow\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/baby-announcement-ecard-hello-baby-teddy\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/03\/baby-announcement-ecard-congratulation-baby-girl-rainbow.jpg\" alt=\"Baby announcement eCard hello baby teddy\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Baby announcement eCard hello baby teddy<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/baby-announcement-ecard-hello-baby-teddy\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><\/div><\/div><\/div><\/div><script>\n\nfunction replaceAll(str, find, replace) {\n    return str.replace(new RegExp(find, 'g'), replace);\n};\n\njQuery(\".tax\").click(function(e){\n    str = jQuery('#terms').val();\n    if (str.indexOf(jQuery(this).attr(\"name\")) == -1){\n        jQuery(this).attr(\"class\", \"tax one-cat-sel\");\n        jQuery('#terms').val(jQuery('#terms').val()+\",\"+jQuery(this).attr(\"name\"));\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(1)==','){\n            str = str.slice(0,1)\n        };\n    }else{\n        jQuery(this).attr(\"class\", \"tax one-cat\");   \n        str = replaceAll(jQuery('#terms').val(),jQuery(this).attr(\"name\"),'');\n        \/\/ str = jQuery('#terms').val().replace(jQuery(this).attr(\"name\"),'');\n        str = replaceAll(str,',,',',');\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(0, 1)==','){\n            str = str.slice(1);\n        };\n        jQuery('#terms').val(str);\n    };\n\n    jQuery('#se').val('');\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#posts_pp').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#se').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\n\n\n<\/script> \n\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;http:\/\/ecards.hopespring.org.uk\/baby-announcement-ecards\/&#8221; button_text=&#8221;More Baby Announcement&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.4.0&#8243; custom_button=&#8221;on&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#e02b20&#8243; button_border_radius=&#8221;7px&#8221; button_font=&#8221;Arimo||||||||&#8221; button_use_icon=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#e06660&#8243; button_bg_enable_color__hover=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.4.0&#8243; width=&#8221;90%&#8221; max_width=&#8221;1525px&#8221; locked=&#8221;off&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text _builder_version=&#8221;4.4.0&#8243; custom_margin=&#8221;||-19px||false|false&#8221;]<\/p>\n<hr \/>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center;\"><strong><\/strong><\/h2>\n<h2 style=\"text-align: center; color: #6db71f;\"><strong>Farewell eCards<\/strong><\/h2>\n<style>\n@font-face{\n\nfont-family: 'Arial Rounded MT Bold';\n\nsrc: url('\/wp-content\/plugins\/customecards\/templates\/8665.ttf');\n\n}\n\n.rtside.profile{\n    width:79%;\n}\n.cardscontainer{\n    font-family:'Arial Rounded MT Bold';\n}\n#wp-message-wrap{\n    \/* max-width: 500px; *\/\n}\n.paypal-button{\n    margin-bottom:20px;\n}\n#message_ifr{\n    height:100% !important;\n}\n.backbutton{\n    display:none;\n}\n.mob-recipients{\n    display:none;\n}\n.recipient input:nth-child(1){\n    margin-bottom: 1em;\n}\n.active-item{\n    background-color:#6db71f !important;\n}\n.recipients .cross{\n    color:#FF4C56;\n    font-size: 18px;\n    font-weight: 600;\n    margin: 15px 0px 25px 0px;\n    display: inline-block;\n}\n.navigation{\n    display:none;\n}\n.mob-btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 70%;\n    margin: 0 auto;\n    text-align:center;\n}\n.mob-recip-btn, .mob-your-btn, .mob-message-btn, .mob-final-btn{\n    display:none;\n}\n.btn{\n    font-weight:600;\n    background-color: #c0226d;\n    border: none;\n    color: #fff;\n    font-size: 18px;\n    padding: 15px 0px;\n    border-radius: 10px;\n    cursor: pointer;\n    width: 180px;\n    margin: 0 auto;\n    text-align:center;\n    margin-left: calc(50% - 90px);\n}\n\n.mob-btn-wrap{\n    display:none;\n    \n}\n.tags-wrap{\n    display:flex;\n    justify-content: space-between;\n}\n.green{\n    color:#c0226d;\n}\n\t\n.onlyshare input{\n    display:none;\n}\n.onlyshare label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n\t\n.share-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n\t\n.sndcopy input{\n    display:none;\n}\n.sndcopy label{\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater select{\n    font-size:16px;\n    width: 89px;\n    top: -3px;\n    position: relative;\n}\n.fake-chk{\n    border-width: 1px;\n    border-color:#666;\n    width:20px;\n    height:20px;\n    border-style: solid;\n    margin-right:5px;\n    text-align: center;\n    color: #6db71f;\n}\n.btn-wrap{\n    text-align:center;\n}\n.donatebutton{\n    background-color:#c0226d;\n    border: 2px solid #fa9602;\n    color: #fff;\n    font-size: 18px;\n    padding: 12px 40px;\n    border-radius: 10px;\n    cursor: pointer;\n}\n.fake-radio{\n    width: 20px;\n    height: 20px;\n    border: 1px solid grey;\n    display: inline-block;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right:5px;\n    cursor:pointer;\n}\n.fake-radio > div{\n    width:14px;\n    height:14px;\n    \n}\ninput[type=\"radio\"]:checked + .fake-radio > div{\n    background-color: #fa9602;\n}\n.sndnow input , .sndlater input{\n    display:none;\n}\n.sndnow label, .sndlater label {\n    display:flex;\n    font-size: 16px;\n    cursor:pointer;\n    font-weight:600;\n}\n.sndlater label{\n    margin-right:10px;\n}\n.sndlater{\n    display: flex;\n}\n\n.clr{\nclear:both;\n}\n.disabled{\n    pointer-events:none;\n    opacity:.7;\n}\n.cardscontainer {\n    position: relative;\n    \/\/width: 80%;\n    margin: auto;\n    padding: 20px 80px;\n    margin: 10px;\n        background: url(http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2017\/08\/background.jpg);\n        box-sizing: border-box;\n}\n.cardscontainer h1,.cardscontainer h2{\n    line-height:1.2 !important;\n}\n#leftside{\n    float: left;\n    padding-right: 5.5%;\n    width: 79.125%;\n    padding-bottom: 23px;\n}\n.cardrow{\n    width: 100% !important;\n    padding: 10px 0px;\n    text-align:center;\n}\n.ecard_cont{\n    width: 24% !important;\n    margin-right: 1%;\n    float:left;\n    margin-bottom:20px!important;\n    position: relative;\n    background-color: rgba(0, 0, 0);\n    background: none; \n    border-radius: 7px;;\n}\n.ecard_cont:hover .ecard {\n  opacity: 0.5;\n}\n\n.ecard_cont:hover .ecard_middle {\n  opacity: 1;\n}\n\n.ecard_middle {\n  transition: .5s ease;\n  opacity: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  text-align: center;\n  width: 60%;\n\n}\n.ecard_text {\n\n  background-color: white;\n  color: #4CAF50;\n  font-size: 22px;\n  padding: 22px 2px;\n  font-weight: 600;\n  border-radius: 25px;\n  text-transform: uppercase;\n}\n\n.ecard{\n    \/* box-shadow: 0px 0px 15px grey;border:5px solid white;border-radius:5px; *\/\n    width: 100% !important;\n    border-radius: 7px;\n}\n\n.ecard_cat_cont,.ecard_cont{\n    text-align:center;\n}\n.ecard_cat_cont a,.ecard_cont a{\n        padding: 30px 0px !important;\n    vertical-align: bottom !important;\n    line-height: 0;\n}\n.webui-popover{\n    z-index: 2147483647 !important;\n}\n@media screen and (max-width: 480px){\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px;  *\/\n}\n}\n@media screen and (max-width: 640px) and (min-width: 480px) {\n    .ecard_cont{\n    width: 49% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 56px; *\/\n}\n\n}\n@media screen and (max-width: 768px) and (min-width: 640px) {\n    .ecard_cont{\n    width: 32% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 54px;  *\/\n}\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px) {\n    .ecard_cont{\n    width: 24% !important;\n    margin-right: 1% !important;\n}\n.ecard_text {\n    \/* font-size: 60px;  *\/\n}\n}\n\n\n\n\/******SIngle Card******\/\n.donateform h2{\n    margin: 15px 0px 20px 0px!important;\n    padding: 0px;\n}\n.sub-title{\n    color:#000;\n    font-size:16px;\n    margin-bottom:5px;\n    display: inline-block;\n}\n.tags{\n    margin-right:90px;\n}\n.addrecip{\n    border: 2px solid #fa9602;\n    width: 250px;\n    border-radius: 9px;\n    padding: 15px 0px;\n    text-align: center;\n    font-size:14px;\n    font-weight: 600;\n    padding-bottom: 15px !important;\n}\n}\n.donateform .donatebutton,.dsend{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 20px !important;\n    margin-bottom: 10px  !important;\n    cursor: pointer;\n    padding: 10px 15px;\n}\n\n.backbutton{\n    color: #ffffff !important;\n    background: #86b752 !important;\n    border-color: #86b752 !important;\n    border-radius: 5px !important;\n    letter-spacing: 0px !important;\n    font-size: 15px !important;\n    margin-bottom: 20px  !important;\n    cursor: pointer;\n    padding: 8px 10px;\n}\n\n\n.donateform .donation label{\n    float:left !important;\n    \/\/margin-right:10px !important;\n    \/\/margin-left:10px !important;\n    margin-bottom:5px;\n}\n.donateform .donation label .donateradio{\n    margin-top: 0px;\n    margin-right: 5px;\n}\n.donateform p .lbl{\n    float:none !important;\n    display:block !important;\n    margin-bottom:5px;\n}\n.donateform .donation input{\n    width:auto !important;\n}\n.donateform p input,.donateform p textarea{\n    width:100% !important;\n    \/* max-width:500px !important; *\/\n}\n.donateform p input{\n    height: auto !important;\n}\n.donateform p .msg{\n    min-height: 120px !important;\n}\n.donateform p .custom_donation{\n    width: 100% !important;\n    max-width:120px !important;\n}\n.donateform .ecardimg{\n    box-shadow: 0px 0px 5px grey;border:5px solid white;border-radius:5px;\n    \/\/max-width:100% !important;\n    width:auto !important;\n    \/* max-height:300px; *\/\n    \/\/margin-top: 10px;\n    margin-bottom: 15px;\n}\n\n.donateform p input,.donateform p textarea,.sndlater input[type=text]{\n    padding: 16px;\n    border: none !important;\n    -webkit-border-radius: 0;\n    -moz-border-radius: 0;\n    border-radius: 0;\n    color: #999 !important;\n    background-color: #eee !important;\n    font-size: 14px !important;\n}\n.donateform p, .donateform p input, .donateform p textarea, .donateform label:not(.donateform .donation label), .donateform h1, .donateform h2 {\n    line-height: 1.2 !important;\n}\n\/*.donateform p.txtfields input{\n    width:30% !important;\n    margin-right:3% !important;\n}*\/\n.lftside{\n    float: left;\n    width:49%;\n    margin-right: 2%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n.lftside.profile{\n    width : 19%;\n}\n.rtside{\n    float: left;\n    width:49%;\n    background: white;\n    padding: 5px 30px 30px 30px;\n    \n}\n#tinymce{\n    background-color: #eee !important;\n}\n\n}\n\n.rtside.profile{\n    width : 79%;\n}\n\n.sndnow{\n    width: 25%;\n    float: left;\n    margin-bottom: 20px;\n}\n.sndcopy{\n    margin-bottom:20px;\n}\n\/***Single Card Custom Settings***\/\n.donateform h1,.donateform p,.donateform input ,.donateform textarea,.donateform label,.lbl{font-family: 'Arial Rounded MT Bold';}\n.donateform p,.donateform p input,.donateform p textarea,.lbl{color:black !important}\n.donateform h1{font-size:35px !important}\n\/* .donateform h2{font-family:Arial!important}\n *\/\n.donateform h2{color:#c0226d!important}\n\/***Preview h2***\/\n\/****\/\n\/*********New css Donation***********\/\n.dform {\n    margin-top: 20px;\n}\n.donation{\n    \/\/float:left;\n    \/\/margin-right: 20px;\n    display: inline-block;\n    vertical-align: middle;\n    \/\/margin-bottom: 30px;\n        margin-left:15px;\n        width: 65%;\n        display: flex;\n        justify-content: space-between;\n}\n.donation label input{\n    display:none;\n}\n.donateform .donation label {\n    border-radius: 10px;\n    padding: 12px;\n    background: #fff;\n    color: #c0226d;\n    border:1px solid #fa9602;\n    font-weight: bold;\n    font-size: 20px !important;\n    cursor: pointer;\n    width: 31%;\n    \n    text-align: center;\n    vertical-align: middle;\n    \n    margin-right: 0px;\n}\n.donateform .donation label:nth-child(3){\n    margin-left:none !important;\n}\n\/***Donate Buttons Settings***\/\n\/***\/\n.selectborder{\n   background-color:#c0226d !important;\n   color: #fff !important;\n}\n\/***Selected Radio Settings***\/\n\/***\/\n.cstm, .currency{\n    \n    \n    \n    \/\/margin-right: 15px;\n    margin-bottom:30px;\n    \n}\n.cstmcont,.currencycont{\n    display: inline-block;\n    width:34%;\n}\n.cstm input,.currency select{    \n    width: 100%;\n    \/\/display: block;\n    margin: auto;\n    padding: 5px;\n    border: none;\n    background-color: #F7F7F7;\n    padding: 15px 7px;\n}\n\/***CSTM BG Settings***\/\n\/***\/\n.cstmcont label.lbl, .currencycont label.lbl{\n    display: block;\n    \n    font-weight: bold;\n    \/\/font-size: 15px !important;\n    margin-bottom: 15px;\n    \/\/margin-top: 25%;\n}\n\/**Label LbL Preview Page**\/\n.sbtncont p{\n    text-align:center;\n}\n.sbtncont p button{\n    display: block;\n    margin: 20px auto;\n    width: 100%;\n}\n\/*****\/\n.preview {\n        border-radius: 5px;\n    \/\/padding: 30px 0px;\n    \/\/max-width: 750px;\n    \/\/margin: auto;\n    background-size: 100% 100%;\n    background-repeat: no-repeat;    \n}\n.preview table{\n    \/\/margin: auto;\n    width:100%;\n    margin-bottom: 20px;\n    \/\/text-align:center;\n}\n.preview table td img{\n    \/\/max-width: 80%;\n    box-shadow: 0px 0px 5px;\n    border: 5px solid white;\n    border-radius: 5px;\n    \/\/width: 80%;\n    \/\/margin:auto;\n    display:block;\n}\n\/****New Mobile Settings****\/\n@media screen and (max-width: 768px) and (min-width: 640px){\n    .sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }\n    .preview table td img{\n        \/\/max-width: 550px;\n    }\n    .donation{\n        text-align:center;\n        margin-bottom: 20px;\n        margin-right:0;\n       \n    }\n    .donateform .donation label {\n        display:inline-block;\n        float:none !important;        \n        vertical-align: middle;\n        margin: 0px 20px !important;\n    }\n    .cstm,.sbtncont {\n        display:block;\n        margin: 20px auto;\n    }\n}\n\/***************************\/  \n.prepart h2 {\n    color: #c0226d !important;\n    margin: 15px 0px 10px 0px!important;\n    padding: 0px;\n}\n.upper,.lower,.lh,.rh{\n    \/\/border:1px solid;\n    padding:10px;\n}\n.upper,.lower,.lhup,.rhup,.lhdn,.rhdn,.donateform{\n    \/\/border:1px solid black;\n    \/\/box-shadow:0px 0px 1px black inset;\n}\n.lh {\n    width: 49%;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 20px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 49%;\n   \n    background:white;\n    padding: 10px 20px;\n}\n.rh p {\n   font-size: 18px;\n}\n@media screen and (max-width: 1320px){\n    .sndlater select{\n        width: 80px;\n    }\n}\n\/**V3 mobile changes**\/\n@media screen and (max-width: 768px){\n   .lh,.rh {\n       width:100%;\n       margin-bottom:20px;\n       float:none;\n   }\n   .cstmcont, .currencycont, .donation {\n        display: block;\n        margin:auto;\n    }\n    .donateform .donatebutton,.dsend {\n    display: block;\n    margin: 20px auto!important;\n}\n.donateform .donation label {\n    padding: 4px;\n    width: 60px;\n    margin: 0px 2px !important;\n    display:inline-block;\n        float:none !important;\n        font-size: 12px !important;\n}\n.selectborder {\n    border: 2px solid black;\n    box-shadow: 0px 0px 4px grey;\n    padding: 2px !important;\n}\n.donation{\n        text-align:center;\n        margin-bottom: 10px;\n        margin-right:0;\n        display:block;\n        margin-bottom: 20px;\n    }\n.cstm,.sbtncont {\n        display:block;\n        margin: 0px auto;\n    }    \n.lftside,.rtside,.sndnow,.sndlater{\n        float: none;\n        width:100%;\n        margin-right: 0;\n        margin-bottom:20px;\n    }    \n.rh p {\n    font-size: 14px;\n}\nh2 {\n    font-size: 20px !important;\n}\nh1{\n    font-size: 24px !important;\n}\n.backbutton {\n    font-size: 12px !important;\n    padding: 4px 6px;\n}\n.sbtncont + label{\n    font-size: 12px !important;\n}\n\n.lftside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.rtside.profile{\n    width : 99%;\n    font-size: 12px;\n}\n.part-account-miniblock{\n    width : 89% !important;\n}\n.img-png {\n    max-height:25vw !important;\n}\n}\n@media screen and (max-width: 1024px) and (min-width: 768px){\n    .lh {\n    width: 35%;\n    float: left;\n    margin-right: 2%;\n    text-align:left;\n    background:white;\n    padding: 10px 20px;\n}\n.rh {\n    \/\/padding-top:25px;\n    width: 63%;\n    float: left;\n    background:white;\n    padding: 10px 20px;\n}\n.donateform .donation label {\n    border-radius: 15px;\n    padding: 5px;\n    background: grey;\n    color: white !important;\n    font-weight: bold;\n    font-size: 15px !important;\n    cursor: pointer;\n    width: 60px;\n    text-align: center;\n    vertical-align: middle;\n}\n.selectborder {\n    border: 3px solid black;\n    box-shadow: 0px 0px 5px grey;\n    padding: 2px !important;\n}\n.cstm input, .currency select {\n    padding: 2px;\n    font-size: 12px;\n}\n.cstm, .currency {\n    padding: 5px 0px;\n}\n.cstmcont label.lbl, .currencycont label.lbl {\n    font-size: 12px;\n}\n.donateform .donatebutton,.dsend {\n    font-size: 15px !important;\n    padding: 8px 12px;\n}\n.part-account-row h2{\n    font-size: 18px;\n}\n}\n\/***Video***\/\nvideo{\n\twidth:100%;\n\theight:auto;\n}\nvideo::-internal-media-controls-download-button {\n    display:none;\n}\n\nvideo::-webkit-media-controls-enclosure {\n    overflow:hidden;\n}\n\nvideo::-webkit-media-controls-panel {\n    width: calc(100% + 30px); \/* Adjust as needed *\/\n}\n\/***More Recepients***\/\n\/*.recipients .input{\n\tdisplay: inline-block !important;\n    width: 45% !important;\n    margin-right: 1%;\n}*\/\n.recipients .input {\n    display: block !important;\n    width: 100% !important;\n    margin-right: 0;\n    margin-bottom: 10px;\n}\n.addrecip span{\n    font-weight: bold;\n    color: #86B752 !important;\n    font-size: 40px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n.addrecip{\n\tcursor: pointer;\n}\n.cross {\n\tcursor: pointer;\n}\n.cross img{\n\twidth:16px;\n    vertical-align: middle;\n\tcursor: pointer;\n}\n\/***Captcha***\/\n#captcha{\n\tmargin-bottom:20px;\n}\n\/*Button GooglePay*\/\n\n\n.gpay-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.gpay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.gpay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.gpay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:12px;\n  width: 117.91px;\n  border:1px solid #fa9602;\n  margin-left: 10px;\n  \n}\n\n.gpay-button.black.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/dark_gpay.svg);\n}\n\n.gpay-button.white.short {\n  background-image: url(https:\/\/www.gstatic.com\/instantbuy\/svg\/light_gpay.svg);\n}\n\n.gpay-button.black.active {\n  background-color: #5f6368;\n}\n\n.gpay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.gpay-button.white.active {\n  background-color: #fff;\n}\n\n.gpay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.gpay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\n\n\t\/*secure Stripe pay*\/\n\n\n.securepay-button  {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.securepay-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.securepay-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.securepay-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:2px;\n\tmargin-bottom:5px;\n\t\n  width: 160.91px;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 160px 40px;\n}\n\n.securepay-button.black.active {\n  background-color: #5f6368;\n}\n\n.securepay-button.black.hover {\n  background-color: #3c4043;\n}\n\n.securepay-button.white.active {\n  background-color: #fff;\n}\n\n.securepay-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.securepay-button.white.hover {\n  background-color: #f8f8f8;\n}\n\t\n\/*Button Stripe pay*\/\n\n\n.stripe-button {\n  background-origin: content-box;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  border: 0px;\n  border-radius: 4px;\n  \n  cursor: pointer;\n  height: 40px;\n  min-height: 40px;\n  padding: 8px 6px;\n}\n\n.stripe-button.black {\n  background-color: #000;\n  box-shadow: none;\n  padding: 12px 24px 10px;\n  margin: 8px;\n}\n\n.stripe-button.white {\n  background-color: #fff;\n  border-style: solid;\n  border-width: 2px;\n}\n\n.stripe-button.short {\n    padding: 9px 0px;\n    height: 44px;\n  float:left;\n  margin-right:-6px;\n\tmargin-bottom:5px;\n\t\n  width: 20%;\n  border:1px solid #fa9602;\n  \n  \n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 160px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n\/*    background-size: 160px 40px; *\/\n}\n\n.stripe-button.black.active {\n  background-color: #5f6368;\n}\n\n.stripe-button.black.hover {\n  background-color: #3c4043;\n}\n\n.stripe-button.white.active {\n  background-color: #fff;\n}\n\n.stripe-button.white.focus {\n  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;\n}\n\n.stripe-button.white.hover {\n  background-color: #f8f8f8;\n}\n@media screen and (max-width: 768px){\n.last-step{\n    flex-direction:column;\n}\n.selectborder{\n    padding: 8px !important;\n}\n.donation-wrapper{\n    flex-direction: column;\n}\n\n.donation{\n    width:100%;\n\n}\n.mob-final-btn{\n    margin-top:30px;\n    display:block;\n}\n.donateform .donation label{\n    width:31% !important;\n    padding: 8px;\n    font-size: 16px !important;\n}\n.gpay-button.short{\n    width: 31% !important;\n    margin-top: 0px !important;\n\n}\n.stripe-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.stripe-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   background-size: 130px 40px;\n}\n\n.stripe-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2024\/06\/Stripe-logo.png);\n   \n}\n\n\t\n\t\n.securepay-button.short{\n    width: 40% !important;\n    margin-top: 0px !important;\t\n    margin-left: 0px !important;\n\tmargin-right: 10px !important;\n\t\n\n\n}\n\n.securepay-button.black.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 130px 40px;\n}\n\n.securepay-button.white.short {\n  background-image: url(https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/01\/secure-card-1.png);\n   background-size: 120px 40px;\n}\n.rh p{\n    font-size: 18px !important;\n}\n.paypal-button{\n    width: 31% !important;\n}\n.cstmcont{\n    margin-bottom: 15px;\n}\n.cstmcont, .currencycont{\n    width:100%;\n}\n.rh{\n    display:none;\n}\n.prepart h1{\n    display:none;\n}\n    .gpay-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n\t\n\t  .stripe-button {\n    display: block;\n    margin: 20px auto!important;\n    width: 100% !important;\n    margin-right:0px;\n}\n.paypal-button {\n    display: block;\n    \n    margin-right:0px;\n    \n}\n}\n\/* ApplePay Button *\/\n\n\n@supports (-webkit-appearance: -apple-pay-button) { \n    .apple-pay-button {\n        display: inline-block;\n        -webkit-appearance: -apple-pay-button;\n    }\n    .apple-pay-button-black {\n        -apple-pay-button-style: black;\n    }\n    .apple-pay-button-white {\n        -apple-pay-button-style: white;\n    }\n    .apple-pay-button-white-with-line {\n        -apple-pay-button-style: white-outline;\n    }\n}\n\n@supports not (-webkit-appearance: -apple-pay-button) {\n    .apple-pay-button {\n        display: inline-block;\n        background-size: 100% 60%;\n        background-repeat: no-repeat;\n        background-position: 50% 50%;\n        border-radius: 5px;\n        padding: 0px;\n        box-sizing: border-box;\n        min-width: 200px;\n        min-height: 32px;\n        max-height: 64px;\n    }\n    .apple-pay-button-black {\n        background-image: -webkit-named-image(apple-pay-logo-white);\n        background-color: black;\n    }\n    .apple-pay-button-white {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n    }\n    .apple-pay-button-white-with-line {\n        background-image: -webkit-named-image(apple-pay-logo-black);\n        background-color: white;\n        border: .5px solid black;\n    } \n}\n@media screen and (max-width: 768px){\n    .plugin-wrapper{\n        flex-direction:column;\n    }\n    \n    .sndnow{\n        margin-top: 20px;\n    width: 49%;\n    \n    margin-bottom: 20px !important;\n    }\n    .preview > p{\n        word-break: break-word;\n    }\n    .sndlater{\n        width: 49%;\n    margin-top: 20px;\n    flex-direction: column;\n    \n  \n    display: flex;\n    margin-bottom: 20px !important;\n    }\n    .select-wrapper{\n        display:flex;\n        margin-top: 20px;\n    }\n    .donateform h1{\n        text-align:center;\n    }\n    .your-details, .ecard-message  , .option-wrap , .btn-wrap, .recipient{\n        display:none;\n    }\n    .lftside, .rtside, .sndnow, .sndlater{\n        margin-bottom:0px;\n    }\n    .cardscontainer{\n        margin:0px;\n        padding: 10px;\n    }\n    .lftside{\n        padding: 18px !important;\n    }\n    .x> h2{\n        margin: 5px 0px 20px 0px!important;\n    }\n    .tags-wrap{\n        display:block;\n    }\n    .tags{\n        margin-right:0px;\n        margin-bottom:15px;\n        margin-top:15px;\n    }\n    .mob-btn-wrap{\n        display:block;\n        margin-top: 30px;\n    }\n    p.dynadded{\n        padding-bottom: 0px !important;\n    }\n    .donateform h2:not(.main-title){\n        display:none;\n    }\n    .navigation{\n    \n    color:#6db71f;\n}\n.mob-your-btn{\n    margin-top:30px;\n}\n.navigation-back{\n    font-size:40px;\n}\n.navigation-title{\n    font-size: 20px;\n    display: inline-block;\n    width: calc(100% - 20px);\n    text-align: center;\n}\n.too-line{\n    display:flex;\n    justify-content:space-around;\n    margin:25px 0px 15px 0px;\n}\n.too-line div{\n    height:3px;\n    width:15%;\n    background-color:#C2E6AE;\n}\n.mob-recip-btn, .mob-your-btn , .mob-message-btn{\n    display:inline-block;\n}\n.mob-message-btn{\n    margin-top:30px;\n}\n.mce-toolbar .mce-ico{\n    width:6px !important;\n}\n.addrecip{\n    width: 220px;\n    padding: 15px 0px;\n    font-size: 12px;\n    margin-left: calc(50% - 110px);\n    margin-bottom: 30px;\n}\n#mceu_12 , #mceu_13{\n    display:none;\n}\n.rtside{\n    padding: 18px;\n}\n\n    .apple-pay-button {\n   \/* margin: 20px auto!important;*\/\n   width: 100% !important;\n}\n.div_brd_app {\n   width: 31% !important; \n   height:44px;\n}\n}\n\n.paypal-logo {\n    font-family: Verdana, Tahoma;\n    font-weight: bold;\n    font-size: 26px;\n}\n.paypal-logo i:first-child {\n      color: #253b80;\n    }\n\n.paypal-logo i:last-child {\n      color: #179bd7;\n    }\n  \n  \n.paypal-button {\n    padding: 9px 20px;\n    border-radius: 5px;\n    display: block;\n    background-color: #fff;\n    border: 1px solid #fa9602\n}    \n.paypal-title {\n      font-size: 14px;\n      color: #505050;\n      vertical-align: baseline;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n    }\n    \n.paypal-logo {\n      display: inline-block;\n      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);\n      font-size: 16px;\n    }\n.similar-ecard {    \n    text-align: center;\n    \/* display: inline-block; *\/\n    display: table-cell;\n    \/* float: left; *\/\n    margin: 0 5px;\n    padding: 0 5px;\n    max-width: 150px;\n   \n}\n.similar-ecard img{\n    box-shadow: 0px 0px 8px grey;\n    border: 5px solid white;\n    border-radius: 5px;\n    transition: 500ms; \n    display: block;\n    margin: 3px 0;\n} \n.similar-ecard img:hover {\n    transform: scale(1.07);\n   }\n\n\n.part-account-row {\n    position:relative;\n    text-align:center;\n }\n\n.part-account-miniblock {\n\n    display:inline-table;\n    width: 28vw;\n    height: 15vw;\n    margin: 3vw;\n    background:white;\n    border-radius: 5px;\n    border-style: solid;\n    border-width: 1px;\n    text-align: center;\n    border-color: #fa9602;\n    box-shadow: 0px 0px 15px #fa9602;\n    padding: 20px;\n}\n.img-svg {\n    max-height: 8vw;\n    opacity: 0.2;\n}\n.img-png {\n    max-height: 10vw;\n}\n\n.show-button:hover {\n    color: #c0226d!important;\n    background-image: initial!important;\n    background-color: #f4f4f4!important;\n    \n}\n\n.show-button{\n    color: #ffffff!important;\n    font-size: 17px;\n    background-color: #fa9602; \n    padding: 15px 0px !important;\n    border-radius:6px;\n    margin: 0 25%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.show-cat{\n    padding: 10px ;\n}\n.show-title{\n    padding: 15px 0px;\n    overflow: hidden;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n}\n\n.show-container{\n    display: grid;\n    padding: 20px;\n    margin: 10px;\n    background: none;\n    box-sizing: border-box;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n.filter-area{\n    padding: 30px 20px;\n    margin: 0 10px;\n    display: inline-block;\n    width: 100%;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n\n\n.filter-search{\n    width:50%;\n    margin:20px 10px;\n}\n.filter-page{\n    width:20%;\n    margin:20px 10px;\n}\n\n.filter-submit{\n    \/* width:25%; *\/\n    margin:20px 10px;\n}\n.filter-search input {\n    border: 1px solid #c0226d;\n}\n\n.filter-cat{\n    text-align: center;\n    display: block !important;\n}\n.one-cat{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#c0226d;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    margin: 3px;\n    color: #fa9602;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.one-cat-sel{\n    float:left;\n    display:block;\n    padding:10px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    margin: 3px;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n    flex-basis: 100%;\n}\n.filter-page select {\n    background-image: linear-gradient(45deg,transparent 50%,#c0226d 60%),linear-gradient(135deg,#c0226d 40%,transparent 50%) !important;\n    background-position: calc(100% - 30px) 17px,calc(100% - 20px) 17px,100% 0;\n    background-size: 10px 10px,10px 10px;\n    background-repeat: no-repeat;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    \n}\n.form-row {\n    display: flex;\n}\n.form-control{\n    border-radius: 22px;\n    background: #F8F8F8;\n    border: 1px solid #c0226d;\n    height: 45px;\n    display: block;\n    width: 100%;\n    padding: .375rem .75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #495057;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #c0226d;\n    border-radius: .25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n.btn-submit{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;\n}\n#filter-submit-btn{\n    float:right;\n    display:block;\n    padding:10px 30px;\n    border-color:#fa9602;\n    border-width:1px;\n    border-radius:6px;\n    border-style:solid;\n    background-color:#c0226d;\n    color: #fff;\n    font-weight: 600;\n    font-size: 20px;\n    cursor: pointer;\n}\n.show-img:hover{\n    transform: scale(1.02);\n    box-shadow: 8px 15px 10px #c5c5c5;\n}\n.show-img{\n    max-height: 100%;\n    transition: .3s ease-in-out;\n    border: 1px solid #b5b5b5;\n    border-radius:6px;\n}\n.show-paginated-links{\n    text-align: center;\n    padding: 30px;\n}\n.show-paginated-links a{\n\n    padding: 10px 15px;\n    color: #c0226d;\n    border: #fa9602 solid 1px;\n    border-radius: 6px;\n    font-size: 26px;\n\n}\n.show-paginated-links span{\n\npadding: 10px 15px;\ncolor: #fff;\nbackground-color: #c0226d;\nborder: #fa9602 solid 1px;\nborder-radius: 6px;\nfont-size: 26px;\n\n}\n\n@media screen and (max-width: 480px){\n    .filter-area{\n    padding: 0px;\n    margin: 0px;\n    }\n    #filter-submit-btn {\n        padding: 10px 3px;\n        width: 100%;\n    }\n    .filter-search, .filter-submit {\n        width:50%;\n    }\n\n    .form-row.filter-cat{\n        \/* display:grid; *\/\n        display: block;\n    }\n    .form-row.sel-page{\n        display: none;\n    }\n    .ecard_cont.show-all{\n        \/* width: 99% !important; *\/\n    }\n    .show-paginated-links a {\n\n        display: inline-block;\n        font-size: 18px;\n        padding: 0px 5px;\n    }\n    .show-paginated-links {\n    \n        padding: 30px 0px;\n          \/* font-size: 18px; *\/\n    }\n    .one-cat, .one-cat-sel{\n        padding: 5px 7px;\n    }\n    .show-paginated-links span{\n        padding: 0px 5px;\n        font-size: 18px;\n    }\n    \n    .container{\n        width:95%;\n    }\n    .show-container{\n        padding: 5px 0px;\n        margin: 0px;\n    }\n  \n\n}\n\n@media screen and (max-width: 992px) and (min-width: 768px){\n    .ecard_cont.show-all{\n        width: 32% !important;\n    }\n    .filter-page {\n    width: 30%;\n    }\n}\n.desc{\n    line-height: 1.9 !important;\n}\n\n.account_main{\n    padding: 20px 10px;\n}\n\n.popup {\nposition: absolute;\ntop: 40%;\nleft: 0;\nright: 0;\nwidth:100%;\nmax-width: 490px;\nmargin: auto;\nbackground: #fff;\nborder-radius: 10px;\ntext-align: center;\n}\n#success-message {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: rgba(0, 0, 0, 0.56);\n    z-index: 999!important;\n    background: rgba(40, 69, 113, 0.4);\n}\n#success-message {\n    display: none;\n}\n\n\n\n<\/style>\n<style>.container {max-width: none; !important;}<\/style><div class=\"show-container\"><div class=\"cardrow\"><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/we-will-miss-you-farewell-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2021\/07\/we-will-miss-you.jpg\" alt=\"We will Miss You Farewell eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">We will Miss You Farewell eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/we-will-miss-you-farewell-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/colleagues-farewell-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2021\/07\/farewell-letters.jpg\" alt=\"Colleagues Farewell eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Colleagues Farewell eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/colleagues-farewell-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/best-wishes-farewell-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2021\/07\/best-wishes.jpg\" alt=\"Best Wishes Farewell eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Best Wishes Farewell eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/best-wishes-farewell-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><div class=\"ecard_cont show-all\"><a href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/good-bye-farewell-ecard\/\"><img decoding=\"async\" class=\"show-img ecard\" src=\"https:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2021\/07\/good-bye.jpg\" alt=\"Good Bye Farewell eCard\" height=\"\" style=\"  width: 205.196px; height: 205.196px;object-fit: cover;\"><\/a><div class=\"show-title\">Good Bye Farewell eCard<\/div><a class=\"show-button\" style=\"padding: 15px 0px !important; display:contents;\" href=\"https:\/\/ecards.hopespring.org.uk\/ecards\/good-bye-farewell-ecard\/\"><div class=\"show-button\">Send<\/div><\/a><\/div><\/div><\/div><\/div><\/div><script>\n\nfunction replaceAll(str, find, replace) {\n    return str.replace(new RegExp(find, 'g'), replace);\n};\n\njQuery(\".tax\").click(function(e){\n    str = jQuery('#terms').val();\n    if (str.indexOf(jQuery(this).attr(\"name\")) == -1){\n        jQuery(this).attr(\"class\", \"tax one-cat-sel\");\n        jQuery('#terms').val(jQuery('#terms').val()+\",\"+jQuery(this).attr(\"name\"));\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(1)==','){\n            str = str.slice(0,1)\n        };\n    }else{\n        jQuery(this).attr(\"class\", \"tax one-cat\");   \n        str = replaceAll(jQuery('#terms').val(),jQuery(this).attr(\"name\"),'');\n        \/\/ str = jQuery('#terms').val().replace(jQuery(this).attr(\"name\"),'');\n        str = replaceAll(str,',,',',');\n        if (str.substr(-1)==','){\n            str = str.slice(0,-1)\n        };\n        if (str.substr(0, 1)==','){\n            str = str.slice(1);\n        };\n        jQuery('#terms').val(str);\n    };\n\n    jQuery('#se').val('');\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#posts_pp').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\njQuery('#se').change(function(e){\n    jQuery('#filter-submit-btn').click();\n});\n\n\n\n<\/script> \n\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;http:\/\/ecards.hopespring.org.uk\/farewell-ecards\/&#8221; button_text=&#8221;More Farewell eCards&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.4.0&#8243; custom_button=&#8221;on&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#e02b20&#8243; button_border_radius=&#8221;7px&#8221; button_font=&#8221;Arimo||||||||&#8221; button_use_icon=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#e06660&#8243; button_bg_enable_color__hover=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.4.0&#8243; background_color=&#8221;#161616&#8243;][et_pb_row _builder_version=&#8221;4.4.0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_text _builder_version=&#8221;4.4.0&#8243; header_font=&#8221;|700|||||||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#ffffff&#8221; header_font_size=&#8221;62px&#8221;] Free Charity eCards App : Download our eCard app free [\/et_pb_text][et_pb_text _builder_version=&#8221;4.4.0&#8243; text_text_color=&#8221;#ffffff&#8221; text_font_size=&#8221;22px&#8221; hover_enabled=&#8221;0&#8243;] Click on App Store or Google Play icon below to download it to iOS or Android platform. [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.4.0&#8243;][et_pb_image src=&#8221;http:\/\/ecards.hopespring.org.uk\/wp-content\/uploads\/2023\/08\/Appstore-button.png&#8221; url=&#8221;https:\/\/apps.apple.com\/no\/app\/hope-spring-ecards\/id6463947450&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.4.0&#8243; width=&#8221;53%&#8221; width_tablet=&#8221;&#8221; [&hellip;]<\/p>\n","protected":false},"author":2936,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<h1><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.HopeSpringeCards.app\">Free Charity eCards App : Download our app for your mobile free<\/a><\/h1>","_et_gb_content_width":"","footnotes":""},"class_list":["post-232812","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/pages\/232812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/users\/2936"}],"replies":[{"embeddable":true,"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/comments?post=232812"}],"version-history":[{"count":49,"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/pages\/232812\/revisions"}],"predecessor-version":[{"id":238069,"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/pages\/232812\/revisions\/238069"}],"wp:attachment":[{"href":"https:\/\/ecards.hopespring.org.uk\/wp-json\/wp\/v2\/media?parent=232812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}