*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;transition:all .3s ease 0s;outline:0!important;text-decoration:none!important}
body{font-family: 'Open Sans', sans-serif !important;background:var(--white)}
a:focus,input:focus{outline:none;outline:0!important;text-decoration:none!important}
ul,ol{font-family:inherit;margin:0;padding-left:0}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif !important;}

::placeholder{color:#50535A;opacity:1}
:-ms-input-placeholder{color:#50535A}
::-ms-input-placeholder{color:#50535A}
::-moz-selection{color:#fff;background:#A7D24A}
::selection{color:#fff;background:#A7D24A}

.donation-main {display: grid;grid-template-columns: 50% 50%;justify-content: space-between;height: 100vh;}
.donation-main .donation-bg {background:url("../images/sponsor-a-child-USA.jpg") no-repeat center center / cover}
.donation-main .donation-col {}
.donation-main .donation-col .donation-header {padding: 8px 20px;display: flex;align-items: center;justify-content: space-between;background: rgba(255,255,255,0.8);}
.donation-main .donation-col .donation-header .logo {}
.donation-main .donation-col .donation-header .logo a {}
    
.donation-main .donation-col .donation-header .logo a img {height: 66px;}
.donation-main .donation-col .donation-header .back-btn {}
.donation-main .donation-col .donation-header .back-btn a {border: #6E8227 1px solid;background: #6E8227;color: #ffffff;padding: 10px 24px;border-radius: 50px;font-size: 14px;font-weight: 600;}
.donation-main .donation-col .donation-header .back-btn a:hover {background: #000000 !important;color:#ffffff !important;border: #000000 1px solid;}
.donation-main .donation-form {padding: 30px;overflow: auto;}
.donation-main .donation-form h2 {font-size: 26px;}
.donation-main .donation-form .give_errors {}
.donation-main .donation-form .give_errors p {font-size: 14px;padding: 0 20px;}
.donation-main .donation-form .give_errors {}
.donation-main .donation-form .give-currency-switcher-msg {font-size: 15px;}
.donation-main .donation-form fieldset {}
.donation-main .donation-form fieldset legend {font-size: 18px;}
.donation-main .donation-form .form-row {}
.donation-main .donation-form .form-row label {font-size: 15px;}
.donation-main .donation-form .form-row label span {color:#a00}
.donation-main .donation-form .form-row input[type="text"], .donation-main .donation-form .form-row input[type="email"], .donation-main .donation-form .form-row select, .donation-main .donation-form .form-row textarea, .InputElement {font-size: 15px;}
.donation-main .donation-form .give-donation-submit input[type="submit"] {border: #6E8227 1px solid;background: #6E8227;color: #ffffff;padding: 12px 34px;border-radius: 50px;font-size: 16px;font-weight: 600;}
.donation-main .donation-form .give-donation-submit input[type="submit"]:hover {background: #000000 !important;border-color:#000000}
.addthis-smartlayers, #kiwi-big-iframe-wrapper {display:none}
.donation-main .donation-form .give-btn {background: #6E8227;border: 1px solid #6E8227;color:#ffffff}
.donation-main .donation-form p {font-size: 15px;line-height: 22px;margin-bottom: 15px;}
.donation-main .donation-form p em {}
.donation-main .donation-form ul {margin: 20px 15px;}
.donation-main .donation-form ul li {font-size: 15px;line-height: 22px;margin-bottom: 5px;}

.donform {margin-top: 15px;}
.donform .form-row {display: grid;}
.donform .form-row div {margin-bottom: 15px;}
.donform .form-row label {font-weight: 600;padding-bottom: 10px;display: inline-block;}
.donform .form-row input[type="text"], .donform .form-row input[type="email"], .donform .form-row textarea, .donform .form-row select {display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;border-radius: 0;outline: none;color: #333;background-color: #fdfdfd;border: 1px solid #ccc;margin: 0;padding: .5em;}
.donform .form-row input[type="submit"] {border: #6E8227 1px solid;background: #6E8227;color: #ffffff;padding: 12px 34px;border-radius: 50px;font-size: 16px;font-weight: 700;font-family: 'Open Sans', sans-serif !important;cursor: pointer}
.donform .form-row-full {grid-template-columns: 100%;}
.donform .form-row-half {grid-template-columns: 49% 49%;justify-content: space-between}
.donform .form-row-half-notequal {grid-template-columns: 20% 77.5%;justify-content: space-between;}
.donform .form-row-qtr {grid-template-columns: 15% 40% 40%;justify-content: space-between;}

.amt-box {display: flex;align-items: center;width: 200px;align-content: center;border: 1px solid #ccc;background: #f2f2f2;}
.amt-box .currency-symbol {margin: 0 !important;padding: 0 10px;background: #f2f2f2;}
.amt-box .currency-symbol .material-symbols-outlined {font-size: 20px;position: relative;top: 2px;}
.amt-box input {border: 0 !important;border-left: 1px solid #ccc !important;font-size: 18px !important;font-weight: 600;}

.amt-opts {display: flex;margin-bottom: 0 !important;flex-wrap: wrap;}
.amt-opts .opts {background: #6E8227;margin-right: 5px;padding: 6px 16px;font-weight: 700;color: #fff;font-size: 16px;cursor: pointer;}
.cur_dollar span {position:relative;padding-left: 12px;}
.cur_dollar span::before {content:"$";position: absolute;left: 0;}

.cur_rupee span {position:relative;padding-left: 12px;}
.cur_rupee span::before {content:"₹" !important;position: absolute;left: 0;}

.no_cur .cur_dollar span {padding-left: 0;}
.no_cur .cur_dollar span::before {display:none}
.form-heading {border-bottom: #ece9e9 1px solid;padding-bottom: 8px;margin-bottom: 15px;margin-top: 10px;}

.reoccuring {display: flex;align-items: center;}
.reoccuring input {margin-right: 10px;}
.reoccuring select {width: 180px !important;margin-left: 10px !important;}

.donate-info {font-weight: 600;font-style: italic;}
.errorAmount, .form-row .error {display:inline-block;width:100%}
.error{color:red;}

.wpfront-notification-bar {background: #000;padding: 8px;}
.wpfront-notification-bar p {color: #fff;font-size: 13px;text-align: center;font-weight: 700;line-height: 14px;}
    
@media(max-width:1024px){
.donation-main {grid-template-columns: 100%;height: auto;}
.donation-main .donation-col .donation-header {min-height: 120px;}
}
@media(max-width:767px){
.donation-main .donation-form h2 {font-size: 24px;}
.donation-main .donation-form .give_errors p {padding: 10px 20px;line-height: 20px;}
.donation-main .donation-form {padding: 20px;}
.wpfront-notification-bar p {font-size: 11px;line-height: 12px;}
.reoccuring {flex-wrap: wrap;font-size: 13px;}
.donform .form-row-half-notequal {grid-template-columns: 36% 62%;}
}