/* Global Css Start */
*{margin: 0;padding: 0;box-sizing: border-box;}
ol, ul, li { list-style: none; margin: 0; padding: 0; }
.g2g-screens .container-fluid{width: 100%;max-width: 1850px;padding: 0 25px;margin: 0 auto;display: block;}
body {font-family: 'Josefin Sans', sans-serif;}
a{ text-decoration:none; }
/* Global Css End */

/* Main Category Home Page Start */
.charities-wrap .g2g-screen-caption .content-caption{width: 100%;max-width:800px;margin: 0 auto;}
.charities-wrap{min-height: 100vh;display: flex;align-items: center;justify-content: center;}
.charities-wrap .g2g-screen-caption .logo-wrap{text-align: center;margin-bottom: 40px;}
.charities-wrap .g2g-screen-caption .logo-wrap img{width: 100%;max-width: 330px;}
.charities-wrap .content-caption h4 {color: #000;font-size: 26px;font-weight: 400;margin: 0 0 10px 0;}
.charities-wrap .charities-dropdown { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start;position: relative;}
.charities-wrap .charities-dropdown .dropdown-input { width:100%; position: relative; }
.charities-wrap .charities-dropdown .dropdown-input .chat-input {border: 1px solid #000;background: #fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);width: 100%;display: block;color: #000;font-size: 32px;font-style: italic;font-weight: 400;line-height: normal;text-align: left;padding: 10px 15px 10px 15px;}
.charities-wrap ul.dropdown-menu {border-radius: 0px 0px 4px 4px;background: #00000005;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);padding: 40px 15px;width: 100%;margin: 7px 0 0 0;overflow: hidden;}
.charities-wrap ul.dropdown-menu li { display: block; padding: 0 0 30px 0; }
.charities-wrap ul.dropdown-menu li:last-child { padding: 0; }
.charities-wrap ul.dropdown-menu li a { text-decoration: none; color: #000; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; }
.charities-wrap .charities-dropdown .arrowselect {border-left: 1px solid #000;color: #fff;width: 61px;height: 54px;display: flex;align-items: center;justify-content: center;min-width: 61px;cursor: pointer;position: absolute;right: 0;}
.charities-wrap .charities-dropdown .arrowselect img {width: 100%;max-width: 35px;}
.charities-wrap .charities-dropdown .dropdown-input .custom-g2g-dropdown{height: 285px;overflow: auto;}
.charities-wrap .charities-dropdown .dropdown-input .custom-g2g-dropdown::-webkit-scrollbar-track {background-color: #f1f1f1;border-radius: 10px;border: 1px solid #707070;}
.charities-wrap .charities-dropdown .dropdown-input .custom-g2g-dropdown::-webkit-scrollbar-thumb {border-radius: 50px;background-color:#d9d9d9;;border: 1px solid #707070;}
.charities-wrap .charities-dropdown .dropdown-input .custom-g2g-dropdown::-webkit-scrollbar {width: 10px;}
.charities-wrap .charities-dropdown .dropdown-input .custom-g2g-dropdown::-webkit-scrollbar-track {background-color: #f1f1f1;border-radius: 10px;border: 1px solid #707070;}
.charities-wrap .charities-dropdown .dropdown-input .custom-g2g-dropdown::-webkit-scrollbar-thumb {border-radius: 50px;background-color:#d9d9d9;;border: 1px solid #707070;}
/* Main Category Home Page End */

/* Choose A Greeting Start */
.g2g-screens .g2g-com-flex{display: flex;padding: 50px 0 50px 0;gap: 0 30px;}
.g2g-screens .g2g-com-flex .logo-wrap{width: 10%;text-align: center;}
.g2g-screens .g2g-com-flex .content-caption{width: 90%;text-align: center}
.g2g-screens .g2g-com-flex .logo-wrap .main-logo{width: 100%;max-width: 160px;margin-bottom: 40px;}
.g2g-screens .g2g-com-flex .content-caption .choose-blog-title{margin-bottom: 50px;padding-top: 130px;}
.g2g-screens .g2g-com-flex .content-caption .choose-blog-title h4{color: #000;font-size: 53px;text-transform: uppercase;font-weight: 500;padding-top: 20px;display: inline-block;}
.g2g-screens .g2g-com-flex .content-caption .choose-blog-title img{width: 100%;max-width: 50px;margin-left: 20px;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar ul{grid-gap: 40px 60px;list-style-type: none;width: 100%;max-width: 95%;margin: 0 auto;display: grid;grid-template-columns: repeat(4, 1fr);}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar ul li{border: 1px solid #707070;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;transition: all 0.3s;height: 200px;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar ul li:hover{border: 2px solid #707070;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar ul li img{max-width: 100%;height: 100%;object-fit: cover;width: 100%;object-position: center;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar{max-height: 700px;overscroll-behavior: contain;overflow-y: scroll;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar::-webkit-scrollbar {width: 35px;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar::-webkit-scrollbar-track {background-color: #f1f1f1;border-radius: 10px;border: 1px solid #707070;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar::-webkit-scrollbar-thumb {border-radius: 50px;background-color:#d9d9d9;;border: 1px solid #707070;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .all_tempalte_ul_category{display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 50px;flex-wrap: wrap;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .all_tempalte_ul_category li a{border: 1px solid #777777;text-decoration: none;background-color: #777777;color: #fff;padding: 10px;display: inline-block;border-radius: 5px;transition: all 0.4s;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .all_tempalte_ul_category li a:hover{color: #777777;background-color: #ffffff;}
.g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .all_tempalte_ul_category li.active a{color: #777777;background-color: #ffffff;}
/* Choose A Greeting End */

/* Blog Post Start */
.blog-posts .content-caption .items-slider-container .slider-for{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 0px;background-color: #ffffff;border: 1px solid black;}
.blog-posts .vertical-logo-menu{display: flex;flex-direction: column;gap: 25px 0;}
.blog-posts .vertical-logo-menu img{width: 100%;max-width: 40px;margin-bottom: 7px;}
.blog-posts .vertical-logo-menu li{opacity: 0.3;transition: all 0.3s;}
.blog-posts .vertical-logo-menu li:hover, .blog-posts .vertical-logo-menu li.active{opacity: 1;}
.blog-posts .vertical-logo-menu li a{text-decoration: none;}
.blog-posts .vertical-logo-menu li a h6{color: #000;font-size: 18px;font-weight: 400;}
.blog-posts .content-caption{display: flex;}
.blog-posts .content-caption .blog-post-container{width: 35%;padding-left: 40px;text-align: left;}
.blog-posts .content-caption .items-slider-container{width: 65%;}
.blog-posts .content-caption{padding-top: 190px;}
.blog-posts .content-caption .slider-nav-title{padding: 30px 0 50px 0;}
.blog-posts .content-caption .slider-nav-title h6{text-align: left;font-weight: 400;font-size: 40px;}
.blog-posts .content-caption .blog-post-container .blog-post-details h2{color: #000;font-weight: 400;font-size: 40px;}
.blog-posts .content-caption .blog-post-container .blog-post-details .stating-price{color: #000;font-size: 18px;line-height: 22px;margin: 10px 0 10px 0;padding: 10px 0 10px 0;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;opacity: 0.8;}
.blog-posts .content-caption .blog-post-container .blog-post-details h6{color: #000;font-size: 18px;line-height: 22px;font-weight: 400;margin-bottom: 10px;opacity: 0.8;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-post-discr{color: #000;font-size: 18px;line-height: 22px;font-weight: 400;opacity: 0.8;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-prev-btn{text-align: right;margin: 20px 0 40px 0;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-prev-btn button{background-color: #d9d9d9;border: 1px solid #707070;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-prev-btn button a{text-decoration: none;font-size: 18px;color: #000;padding: 5px 25px;display: inline-block;text-transform: uppercase;letter-spacing: 2px;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-function-list .document-list{display: flex;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-function-list .document-list:not(:last-child){margin-bottom: 20px;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-function-list .document-list img{width: 100%;max-width: 25px;margin-right: 15px;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-function-list .document-list h6{margin-bottom: 0;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-function-list .document-list h6 a{text-decoration: none;color: #000;font-size: 18px;line-height: 22px;font-weight: 400;opacity: 0.8;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-cus-btn{margin: 30px 0 30px 0;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-cus-btn button{background-color: #d9d9d9;border: 1px solid #707070;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-cus-btn button a{text-decoration: none;font-size: 18px;color: #000;padding: 8px 25px;display: inline-block;text-transform: uppercase;letter-spacing: 2px;transition: all 0.4s}
.blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-cus-btn button a:hover{background-color: #fff;box-shadow: unset;}
.blog-posts
/* Blog Slider Css */
.blog-posts .content-caption .items-slider-container .slider-nav .slick-slide {position: relative;padding: 0;}
.blog-posts .content-caption .items-slider-container .slider-for img {max-width: 100%;width: 100%;height: auto;object-fit: contain;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;}
.blog-posts .content-caption .items-slider-container .slick-prev{left: 0;}
.blog-posts .content-caption .items-slider-container .slick-next{right: 0;}
.blog-posts .content-caption .items-slider-container .slider-nav .slick-slide img {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);max-width: 100%;margin: 0 auto;}
.blog-posts .content-caption .items-slider-container .slider-nav .slick-slide:hover {cursor: pointer;}
.blog-posts .content-caption .items-slider-container .slider-nav .slick-slide.current-slide {background-color: #fff;}
.blog-posts .content-caption .items-slider-container .slider-nav .slick-slide.current-slide img {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;}
.blog-posts .content-caption .items-slider-container .slick-track:before, .blog-posts .content-caption .items-slider-container .slick-track:after{content: unset;}
.blog-posts .content-caption .slider-nav .slick-slide{width: 213px;height: 140px}
.blog-posts .content-caption .slider-nav .slick-slide img{object-fit: cover;height: 100%;width: 100%;}
.blog-posts .content-caption .slider-nav .slick-list{margin: 0 -10px 0 -10px;}
.blog-posts .content-caption .slider-nav .slick-list .slick-slide{margin: 0 10px;border: 1px solid #707070;}
.blog-posts .content-caption .items-slider-container .slider .slick-prev {left: -30px;background: url("/public/frontend/images/left-slider-arrows.png") no-repeat;position: absolute;top: 50%;margin: -10px 0px 0px 0px;z-index: 10;font-size: 0;width: 30px;height: 30px;background-size: 15px;border: none;cursor: pointer;}
.blog-posts .content-caption .items-slider-container .slider .slick-next {right: -45px;background: url("/public/frontend/images/right-slider-arrows.png") no-repeat;position: absolute;top: 50%;margin: -10px 0px 0px 0px;z-index: 10;font-size: 0;width: 30px;height: 30px;background-size: 15px;border: none;cursor: pointer;}
/* Blog Post End */s

/* Blog Post Mes Start */
.blog-posts-mes .content-caption-mes{display: flex;width: 100%;}
.blog-posts-mes .content-caption-mes{display: flex;width: 100%;}
.blog-posts-mes .content-caption-mes .main-item-post-single-post{width: 55%;}
.blog-posts-mes .content-caption-mes .blog-post-container{width: 45%;padding-left: 50px;text-align: left;}
.blog-posts-mes .content-caption-mes .main-item-post-single-post{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 0px;background-color: #ffffff;border: 1px solid black;}
.blog-posts-mes .content-caption-mes .main-item-post-single-post img{max-width: 100%;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 8px;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details p{color: #000;font-size: 16px;line-height: 22px;font-weight: 400;opacity: 1;padding-bottom: 25px;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details textarea{padding: 15px 30px;width: 100%;min-height: 150px;resize: unset;height: 100%;font-family: 'Josefin Sans', sans-serif;font-size: 16px;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .blog-text-area-box textarea:focus-visible{outline: none;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .blog-p-prev-btn{margin: 10px 0 30px 0;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .blog-p-prev-btn button{text-decoration: none;font-size: 18px;color: #000;padding: 8px 25px;display: inline-block;text-transform: uppercase;letter-spacing: 2px;cursor: pointer;transition: all 0.4s;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .blog-p-prev-btn button:hover{background-color: #fff;box-shadow: unset;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .fa{background-color: #d9d9d9;border: 1px solid #707070;color: #000;padding: 10px;height: 40px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .blog-text-area-box textarea::-webkit-scrollbar {width: 30px;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .blog-text-area-box textarea::-webkit-scrollbar-track {background-color: #f1f1f1;border-radius: 500px;border: 1px solid #707070;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .blog-text-area-box textarea::-webkit-scrollbar-thumb {border-radius: 500px;background-color:#d9d9d9;;border: 1px solid #707070;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div{margin-top: 100px;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div .preview{max-width: 245px;width: 100%;border: 1px solid #707070;height: 170px;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div .preview img{object-fit: cover;height: 100%;width: 100%;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div button{text-decoration: none;font-size: 18px;color: #000;padding: 8px 25px;display: inline-block;text-transform: uppercase;letter-spacing: 2px;cursor: pointer;transition: all 0.4s;background-color: #d9d9d9;border: 1px solid #707070;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;width: fit-content;margin-top: 20px;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div button:hover{background-color: #fff;box-shadow: unset;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div{display: flex;}
.blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div .input-with-button{padding-left: 20px;display: flex;flex-direction: column;justify-content: end;}
/* Blog Post Mes End */

/* Please add recipients Page Satrt */
.recipients-form .select-templates-wrap .recipients-form-main .recipients-form-parent img{max-width: 100%;width: 100%;height: auto;object-fit: contain;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;}
.recipients-form .content-caption form{display: flex;width: 100%;column-gap: 160px;}
.recipients-form .content-caption .select-templates-wrap .recipients-form-main{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 95px 95px;background-color: #ffffff;border: 1px solid black;}
.recipients-form .content-caption .select-templates-wrap{width: 45%;}
.recipients-form .content-caption .main-detail-side{width: 55%;}
.recipients-form .content-caption .main-detail-side .blog-post-container{width: unset;padding-left: 0;}
.recipients-form .content-caption .select-templates-wrap .recipients-form-main{padding: 0px;}
.recipients-form .content-caption .select-templates-wrap .form-control{text-align: left;padding-top: 60px;}
.recipients-form .content-caption .select-templates-wrap .form-control .personalized-title{color: #000;font-size: 16px;line-height: 22px;font-weight: 400;opacity: 1;padding-bottom: 15px;}
.recipients-form .content-caption .select-templates-wrap .form-control textarea::-webkit-scrollbar{display: none;}
.recipients-form .content-caption .select-templates-wrap .form-control textarea{width: 100%;min-height: 200px;padding: 15px 30px;resize: unset;height: 100%;font-family: 'Josefin Sans', sans-serif;font-size: 16px;position: relative;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details h2{color: #000;font-weight: 400;font-size: 40px;padding-bottom: 40px;}
.recipients-form .content-caption .select-templates-wrap .form-control .details-for-email-content{position: relative;}
.recipients-form .content-caption .select-templates-wrap .form-control .details-for-email-content .icon-for-edit-del{position: absolute;bottom: 15px;right: 15px;z-index: 1;}
.recipients-form .content-caption .select-templates-wrap .form-control .details-for-email-content .icon-for-edit-del i{cursor: pointer;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr{display: flex;flex-wrap: wrap;gap: 0 0;justify-content: space-between;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td input{width: 100%;width: 100%;font-size: 16px;padding: 0 10px;height: 45px;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;outline: none;border: 1px solid;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td input:focus-visible{outline: none;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td:nth-child(1){width: 48%;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td:nth-child(2){width: 48%;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td:nth-child(3){width: 100%;margin: 25px 0 10px 0;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td:nth-child(4){width: 100%;text-align: end;box-shadow: unset;}

.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .or h2{text-align: center;font-weight: 800;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td .fa{color: #707070;font-size: 18px;padding-left: 5px;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td button{border: none;padding: 0;outline: none;background-color: transparent;text-transform: uppercase;font-size: 18px;margin-bottom: 10px;cursor: pointer;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .upload-file{position: relative;width: fit-content;margin: 0 auto;cursor: pointer;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .upload-file span{text-decoration: none;font-size: 18px;color: #000;padding: 15px 25px;display: inline-block;text-transform: uppercase;letter-spacing: 2px;transition: all 0.4s;background-color: #d9d9d9;border: 1px solid #707070;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;position: relative;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .upload-file input{font-size: 0;position: absolute;left: 0;right: 0;height: 100%;width: 100%;cursor: pointer;opacity: 0;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .ctm-btn-wrap{display: flex;justify-content: end;margin-top: 50px;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .ctm-btn-wrap button{cursor: pointer;display: flex;align-items: center;text-decoration: none;font-size: 18px;color: #000;padding: 8px 25px;display: inline-block;text-transform: uppercase;letter-spacing: 2px;transition: all 0.4s;background-color: #d9d9d9;border: 1px solid #707070;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .ctm-btn-wrap button:hover{background-color: #fff;box-shadow: unset;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .ctm-btn-wrap button .fa{font-size: 18px;padding-left: 10px;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table{width: 100%;}
.recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .add_more{border: none;padding: 0;outline: none;background-color: transparent;text-transform: uppercase;font-size: 18px;margin: 15px 0;cursor: pointer;width: 100%;display: block;text-align: right;}
/* Please add recipients Page End */

/* Payment Authorization Page Design Satrt */
.payment-authorize .choose-blog-title{padding-top: 0 !important;}
.payment-authorize .content-caption {padding-top: 0 !important;align-items: center;justify-content: center;}
.payment-authorize .content-caption .choose-blog-title{margin-bottom: 0 !important;}
.payment-authorize .espiritu-font{color: #000;font-size: 53px;text-transform: capitalize;font-weight: 500;display: inline-block;margin-bottom: 50px;}
.payment-authorize .content-caption .payment-data-class{text-align: left;}
.payment-authorize .content-caption .content-for-payment{width: 100%;}
.payment-data-class{border: 1px solid;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 50px 100px;max-width: 1000px;width: 100%;display: block;margin: 0 auto;}
.payment-authorize .content-caption .payment-data-class .payment-form-item label{display: block;color: #000;font-size: 22px;line-height: 22px;font-weight: 400;opacity: 1;padding-bottom: 15px;}
.payment-authorize .content-caption .payment-data-class .payment-form-item input{border-bottom: 1px solid #000 !important;outline: none;border: none;width: 100%;font-size: 24px;}
.payment-authorize .content-caption .content-for-payment .btn-wrap button{text-decoration: none;font-size: 18px;color: #000;padding: 12px 25px;display: inline-block;text-transform: uppercase;letter-spacing: 2px;transition: all 0.4s;background-color: #fff;border: 1px solid #707070;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;cursor: pointer;display: flex;align-items: center;}
.payment-authorize .content-caption .content-for-payment .btn-wrap button .fa{font-size: 35px;padding-left: 20px;}
.payment-authorize .content-caption .content-for-payment .btn-wrap{display: flex;justify-content: end;margin-top: 80px}
.payment-authorize .content-caption .payment-data-class .payment-form-item{margin-bottom: 45px;}
.payment-authorize .content-caption .payment-data-class .expire-date{width: 50%;}
.payment-authorize .content-caption .payment-data-class .cvv-payment{width: 50%;}
.payment-authorize .content-caption .payment-data-class .items-for-exp-cvv{display: flex;gap: 0 40px;}
.payment-authorize .content-caption .payment-data-class .cvv-payment input[type=number]::-webkit-inner-spin-button, 
.payment-authorize .content-caption .payment-data-class .cvv-payment input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0; }
.payment-authorize .content-caption .payment-data-class .payment-form-item .error{color: red !important;font-size: 18px;padding-top: 5px;}
.payment-authorize .content-caption .content-for-payment .alert{color: red;font-size: 22px;padding-bottom: 30px;}
/* Payment Authorization Page Design End */

/* Order and Donation Confirmation page Start */
.Confirmation-page .content-caption .docs-upload-inner{width: 100%;}
.Confirmation-page .content-caption .docs-upload-inner .main-title{padding-bottom: 40px;}
.Confirmation-page .content-caption .docs-upload-inner .main-title h2{color: #000;font-size: 40px;text-transform: capitalize;font-weight: 500;padding-top: 20px;display: inline-block;}
.Confirmation-page .content-caption .docs-upload-inner .main-title img{width: 100%;max-width: 50px;margin-left: 20px;}
.Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap{width: 100%;max-width: 845px;margin: 0 auto;}
.Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap {flex-direction: column;display: flex;align-items: center;justify-content: center;border: 1px solid #707070;padding: 60px 40px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div .productImage{display: flex;align-items: center;width: auto;}
.Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div .productImage .small-image {padding-right: 30px;}
.Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div .productImage .small-image img{width: 100%;max-width: 45px;height: auto;}
.Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div .image-inner{height: 125px;width: 200px;padding-right: 60px;}
.Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div .image-inner img{object-fit: cover;height: 100%;width: 100%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div .template-rcontent{width: 60%}
.Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div{display: flex;align-items: center;width: 100%;}
.Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div:not(:last-child){border-bottom: 1px solid #d7cfcf;padding-bottom: 30px;margin-bottom: 30px;}
.Confirmation-page .templates-detail-price-description h3,
.Confirmation-page .templates-detail-price-description p,
.Confirmation-page .templates-detail-price-description label{font-size:16px;font-weight:400;display:inline-block;}
.Confirmation-page .templates-detail-price-description{padding: 10px 0;}
.Confirmation-page .template-rcontent .templates-detail{text-align:left;}
.Confirmation-page .content-caption {padding-top: 50px;}
/* Order and Donation Confirmation page End */

/* Review Order Page Satrt */
.preview_form_name_email_main_div .content-caption-mes{column-gap: 160px;}
.preview_form_name_email_main_div .content-caption-mes .main-class-first-side{width: 45%;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container{width: 55%;padding-left: 0;}
.preview_form_name_email_main_div .content-caption-mes .main-class-first-side h2{color: #000;font-weight: 400;font-size: 34px;padding-bottom: 25px;text-align: left;}

.preview_form_name_email_main_div .content-caption-mes .main-class-first-side .main-item-post-single-post{width: unset;padding: 0px;}
@media only screen and (max-width: 767px) {
	.preview_form_name_email_main_div .content-caption-mes .main-class-first-side .main-item-post-single-post{width: unset;padding: 0px;}
}

.preview_form_name_email_main_div .content-caption-mes .main-class-first-side .main-item-post-single-post .item-post-single-post .sticky-blog-post img{height: 100%;width: 100%;object-fit: cover;}
.preview_form_name_email_main_div .content-caption-mes .main-class-first-side .main-item-post-single-post .item-post-single-post .sticky-blog-post{/*height: 335px;*/}
.preview_form_name_email_main_div .content-caption-mes .main-class-first-side .email_content_data{text-align: left;padding-top: 60px;}
.preview_form_name_email_main_div .content-caption-mes .main-class-first-side .email_content_data .personalized-title{color: #000;font-size: 16px;line-height: 22px;font-weight: 400;opacity: 1;padding-bottom: 15px;}
.preview_form_name_email_main_div .content-caption-mes .main-class-first-side .email_content_data .details-for-email-content{position: relative;}
.preview_form_name_email_main_div .content-caption-mes .main-class-first-side .email_content_data .details-for-email-content textarea{width: 100%;min-height: 200px;padding: 15px 30px;resize: unset;height: 100%;font-family: 'Josefin Sans', sans-serif;font-size: 16px;position: relative;}
.preview_form_name_email_main_div .content-caption-mes .main-class-first-side .email_content_data .details-for-email-content .icon-for-edit-del{position: absolute;bottom: 15px;right: 15px;z-index: 1;}
.preview_form_name_email_main_div .content-caption-mes .main-class-first-side .email_content_data .details-for-email-content .icon-for-edit-del i{cursor: pointer;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .recipient_list_heading{line-height: normal;color: #000;font-weight: 400;font-size: 35px;padding-bottom: 25px;text-align: left;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data{border: 1px solid #707070;padding: 15px 15px;width: 100%;max-width: 100%;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data .inner-text-input label{font-size: 22px;display: flex;gap: 0 10px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data .inner-text-input label .hidden_name{text-transform: capitalize;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data .inner-text-input label p{font-size: 22px;padding-bottom: 0 !important;line-height: normal;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data .inner-text-input .name_email_div{margin: 5px 0 15px 0;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data .inner-text-input .name_email_div input{border: none !important;border-bottom: 2px solid !important;font-size: 18px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data .inner-text-input input.email{border: none !important;border-bottom: 2px solid !important;font-size: 18px;font-size: 18px;margin: 5px 0 0 0;width: 100%;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data .inner-text-input input:focus-visible{outline: none;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data label{font-weight: 700;font-size: 22px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display{display: flex;flex-direction: column;row-gap: 20px;margin-bottom: 50px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .icon-section{padding-left: 15px;width: min-content;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .icon-section .fa{background-color: transparent;border: none;padding: 0;justify-content: start;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .total_recipients p span{border: 1px solid #707070;display: inline-block;padding: 2px 30px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount input{width: 100%;font-size: 16px;padding: 0 10px;height: 45px;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;outline: none;border: 1px solid;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount{display: flex;column-gap: 20px;flex-wrap: wrap;align-items: center;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount .total-amout-g2g{width: 100%;text-align: right;padding-top: 90px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount #minimum_donation{width: auto;margin-left: 10px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount p{padding-bottom: 0 !important;font-size: 18px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount .donation-amount-g2g{padding-right: 30px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .blog-p-prev-btn{display: flex;justify-content: end;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .blog-p-prev-btn button .fa{background-color: transparent;border: none;padding: 0;width: auto;height: auto;padding-left: 10px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .blog-p-prev-btn{margin: 45px 0 30px 0;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .main_div_for_recipient_data{display: flex;align-items: center;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .total_card_amount_display{font-weight: 800;font-size: 18px;}
.preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .main_div_for_recipient_data .recipient_data .cross_button .fa{border: none;background-color: transparent;display: inline-block;text-align: right;width: 100%;height: 0;padding: 15px 0 0 0;}
/* Review Order Page End */

/* Media Quary */
@media only screen and (max-width: 1366px) {  
  /* Blog Post Start */
  .blog-posts .vertical-logo-menu li a h6{font-size: 18px;}
  .blog-posts .vertical-logo-menu img{max-width: 40px;}
  .blog-posts .content-caption {padding-top: 165px;}
  .blog-posts .content-caption .items-slider-container .slider-for{padding: 70px 70px}
  /* Blog Post End */
  /* Choose A Greeting Start */
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar ul{grid-gap: 25px 25px;}
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar ul li{height: 170px;}
  /* Choose A Greeting End */
  /* Blog Post Mes Start */
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div .input-with-button{width: 40%;}
  /* Blog Post Mes End */
  /* Please add recipients Page Start */
  .recipients-form .content-caption form{column-gap: 50px;}
  .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td:nth-child(1){width: 47%;}
  /* Please add recipients Page End */
  /* Review Order Page Start */
  .preview_form_name_email_main_div .content-caption-mes{column-gap: 50px}
  /* Review Order Page End */
}
@media only screen and (max-width: 1280px) {
  /* Blog Post Start */
  .blog-posts .content-caption .items-slider-container .slider-for {padding: 20px;}
  .blog-posts .content-caption .blog-post-container .blog-post-details h2{font-size: 34px;}
  .blog-posts .content-caption .blog-post-container .blog-post-details .stating-price, .blog-posts .content-caption .blog-post-container .blog-post-details h6, .blog-posts .content-caption .blog-post-container .blog-post-details .blog-post-discr{font-size: 16px;}
  .blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-prev-btn button a, .blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-cus-btn button a{font-size: 16px;letter-spacing: 1px;}
  .blog-posts .content-caption .blog-post-container .blog-post-details .blog-function-list .document-list h6 a{font-size: 16px;}
   /* Please add recipients Page Start */
   .recipients-form .content-caption form{column-gap: 50px;} 
   .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td:nth-child(2){width: 47%;}
   /* Please add recipients Page End */
  /* Blog Post End */
}
@media only screen and (max-width: 1024px) {
  /* Blog Post Start */
  .blog-posts .content-caption {padding-top: 120px;}
  .blog-posts .content-caption{flex-wrap: wrap;}
  .g2g-screens .g2g-com-flex .content-caption{width: 90%;}
  .blog-posts .content-caption .items-slider-container{width: 100%;}
  .blog-posts .content-caption .blog-post-container{width: 100%;padding-left: 0;}
  /* Blog Post End */
  /* Choose A Greeting Start */
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar ul{grid-gap: 20px 20px;grid-template-columns: repeat(3, 1fr);}
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar ul li{height: 170px;}
  /* Choose A Greeting End */
  /* Blog Post Mes Start */
  .blog-posts-mes .content-caption-mes{flex-direction: column;}
  .blog-posts-mes .content-caption-mes .main-item-post-single-post{width: 100%;}
  .blog-posts-mes .content-caption-mes .blog-post-container{width: 100%;padding-left: 0;padding-top: 50px;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div{margin-top: 45px;}
  /* Blog Post Mes End */
  /* Please add recipients Page Start */
  .recipients-form .content-caption form{flex-wrap: wrap;}
  .recipients-form .content-caption .select-templates-wrap, .recipients-form .content-caption .main-detail-side{width: 100%;}
  .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details h2{padding-top: 30px;}
  .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td:nth-child(1), .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td:nth-child(2){width: 100%;margin: 0 0 15px 0;}
  .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table tbody tr td:nth-child(3){margin: 0 0 10px 0;}
  .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details h2, .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details h2{padding-top: 25px;}
  .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details table{width: 100%;}
  /* Please add recipients Page End */
  /* Payment Authorization Page Design Satrt */
  .payment-data-class{padding: 40px 40px;}
  /* Payment Authorization Page Design End */
  /* Review Order Page Start */
  .preview_form_name_email_main_div .content-caption-mes .main-class-first-side{width: 100%;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details p{font-size: 25px;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .total_recipients p span{padding: 2px 15px;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .blog-p-prev-btn{margin: 45px 0 0 0;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details p{text-align: left;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display{justify-content: center;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount{flex-wrap: wrap;row-gap: 10px;justify-content: start;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details p{padding-bottom: 25px !important;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .main_div_for_recipient_data{justify-content: center;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data label, .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data .inner-text-input input{font-size: 16px;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount input{height: 35px;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount .total-amout-g2g{text-align: right;padding-top: 25px;}
  /* Review Order Page End */
}
@media only screen and (max-width: 767px) {
  /* Main Category Home Page Start */
  .charities-wrap .content-caption h4{font-size: 22px;text-align: center;}
  .charities-wrap .charities-dropdown .dropdown-input .chat-input, .charities-wrap ul.dropdown-menu li a{font-size: 20px;}
  .charities-wrap ul.dropdown-menu{padding: 30px 15px;}
  .charities-wrap ul.dropdown-menu li{padding: 0 0 15px 0;}
  .charities-wrap .charities-dropdown .arrowselect img{max-width: 22px;}
  .charities-wrap .charities-dropdown .arrowselect{height: 42px;}
  .charities-wrap .g2g-screen-caption .logo-wrap img{max-width: 190px;}
  .charities-wrap .g2g-screen-caption .logo-wrap{margin-bottom: 25px;}
  /* Main Category Home Page End */
  /* Blog Post Start */
  .g2g-screens .g2g-com-flex{flex-wrap: wrap;}
  .g2g-screens .g2g-com-flex .logo-wrap{width: 100%;}
  .blog-posts .vertical-logo-menu{justify-content: center;flex-direction: row;flex-wrap: wrap;}
  .blog-posts .vertical-logo-menu img {max-width: 20px;}
  .blog-posts .vertical-logo-menu li a h6{font-size: 14px;}
  .blog-posts .content-caption .items-slider-container {max-width: 100%;}
  .g2g-screens .g2g-com-flex .content-caption {width: 100%;}
  .blog-posts .content-caption .slider-nav-title {padding: 30px 0 10px 0;}
  .blog-posts .content-caption .slider-nav-title h6{font-size: 30px;}
  .blog-posts .content-caption .blog-post-container{padding-left: 0;}
  .blog-posts .vertical-logo-menu{gap: 25px 30px;}
  .blog-posts .content-caption {padding-top: 50px;}
  .blog-posts .content-caption .blog-post-container .blog-post-details h2 {font-size: 25px;}
  .blog-posts .content-caption .items-slider-container .slider-nav{margin-bottom: 60px;}
  .blog-posts .vertical-logo-menu li{width: 120px;border-radius: 5px;padding: 10px;border: 1px solid #707070;}
  .blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-prev-btn button a, .blog-posts .content-caption .blog-post-container .blog-post-details .blog-p-cus-btn button a{font-size: 14px;padding: 8px 15px;}
  /* Blog Post End */
  /* Choose A Greeting Start */
  .g2g-screens .g2g-com-flex .content-caption .choose-blog-title{padding-top: 30px;margin-bottom: 30px;}
  .g2g-screens .g2g-com-flex .content-caption .choose-blog-title h4{font-size: 24px;padding-top: 10px;}
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar ul{grid-gap: 20px 20px;grid-template-columns: repeat(2, 1fr);}
  .g2g-screens .g2g-com-flex .content-caption .choose-blog-title img{max-width: 30px;}
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .all_tempalte_ul_category{flex-wrap: wrap;}
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .all_tempalte_ul_category li a{border-radius: 2px;font-size: 14px;padding: 8px 15px;}
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar::-webkit-scrollbar {width: 20px;}
  /* Choose A Greeting End */
  /* Blog Post Mes Start */
  .blog-posts-mes .content-caption-mes .main-item-post-single-post{padding: 20px;}
  .blog-posts-mes .content-caption-mes .blog-post-container{padding-top: 40px;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .blog-p-prev-btn button{font-size: 14px;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div button{font-size: 14px;padding: 8px 15px;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .fa{height: 30px;font-size: 14px;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .blog-text-area-box textarea::-webkit-scrollbar {width: 10px;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details p{padding-bottom: 10px;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details p, .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details p{text-align: center;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .main-display .recipient_data{width: 100%;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details textarea{font-size: 14px;padding: 15px 15px;}
  /* Blog Post Mes End */
  /* Please add recipients Page Start */
  .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details h2{font-size: 25px;padding-bottom: 20px;padding-top: 20px;}
  .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .upload-file span{font-size: 14px;}
  .recipients-form .content-caption .main-detail-side .blog-post-container .blog-post-details .ctm-btn-wrap button{font-size: 14px;padding: 8px 15px;}
  /* Please add recipients Page End */
  /* Order and Donation Confirmation page Start */
  .Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div{flex-wrap: wrap;flex-direction: column;}
  .Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div .productImage .small-image{padding-right: 0;padding-bottom: 30px;}
  .Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div .productImage{flex-wrap: wrap;align-items: center;justify-content: center;}
  .Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div .template-rcontent {padding-left: 0;padding-top: 0;}
  .Confirmation-page .content-caption .docs-upload-inner .confirm-select-wrap .select-templates-wrap .confirmation_mian_div .image-inner{width: 100%;height: 100%;padding-right: 0;padding-bottom: 30px;}
  .Confirmation-page .template-rcontent .templates-detail {text-align: center;}
  .Confirmation-page .content-caption .docs-upload-inner .main-title h2{font-size: 24px;padding-top: 10px;}
  .Confirmation-page .content-caption .docs-upload-inner .main-title img{max-width: 30px;}
  /* Order and Donation Confirmation page End */
  /* Payment Authorization Page Design Satrt */
  .payment-data-class{padding: 30px 30px;}
  .payment-authorize .content-caption .payment-data-class .btn-wrap{margin-bottom: 0;}
  .payment-authorize .espiritu-font{font-size: 25px;margin-bottom: 25px;}
  .payment-authorize .content-caption .payment-data-class .payment-form-item label, .payment-authorize .content-caption .payment-data-class .payment-form-item input{font-size: 18px;}
  .payment-authorize .content-caption .payment-data-class .btn-wrap button{padding: 10px 15px;font-size: 14px;}
  .payment-authorize .content-caption .content-for-payment .btn-wrap button{font-size: 14px;padding: 12px 15px;}
  .payment-authorize .content-caption .content-for-payment .btn-wrap button .fa{font-size: 22px;padding-left: 10px;}
  .payment-authorize .content-caption .content-for-payment .btn-wrap{margin-top: 35px;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount{column-gap: 0;row-gap: 5px;justify-content: center;}
  .preview_form_name_email_main_div .content-caption-mes .blog-post-container .blog-post-details .donation_amount .total-amout-g2g{text-align: center;}
  /* Payment Authorization Page Design End */
}
@media only screen and (max-width: 425px) {
  /* Choose A Greeting Start */
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .all_tempalte_ul_category li, .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .all_tempalte_ul_category li a{width: 100%;}
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar ul li{height: 110px;}
  .g2g-screens .g2g-com-flex .content-caption .g2g-layout-cell .g2g-layout-scrollbar::-webkit-scrollbar {width: 10px;}
  /* Choose A Greeting End */
  /* Blog Post Mes Start */
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div{flex-wrap: wrap;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div .preview{max-width: 100%;}
  .blog-posts-mes .content-caption-mes .blog-post-container .blog-post-details .templates-rcontent-bottom-div .input-with-button{width: 100%;padding-left: 0;padding-top: 20px;}
  /* Blog Post Mes End */
}

.error {
    color: red;
}

/*payment page*/
.payment_amount {
    float: inline-end;
    font-size: 24px;
}
/*end*/

img#largeImage {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}
h2.custom-wwt-title {
    border-bottom: 1px solid #d9d9d9;
    margin: 10px 0 10px 0;
}

.document-list {
  position: relative;
}

.image-box:hover {
    text-decoration: underline;
}

.image-box input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.image-box input[type=file], /* FF, IE7+, chrome (except button) */
.image-box input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}

.text-color-black{
  color: #090a09;
}


.errorOrCounter {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.counterSpanReqSet {
  opacity: 0.7;
}
.counterOrError{
  padding-bottom: 10px;
}




/* Loader */
.position-relative{
  position: relative;
}

#section-loader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.3);
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #000;
  -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #000;
  -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #000;
  -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
  0%   {
      -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);  /* IE 9 */
      transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  }
  100% {
      -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
      transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  }
}
@keyframes spin {
  0%   {
      -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);  /* IE 9 */
      transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  }
  100% {
      -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);  /* IE 9 */
      transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  }
}