a.navbar-brand{white-space:normal;text-align:center;word-break:break-all}
label{position:relative}
input,select,textarea{font-family:'sahel',sans-serif;font-size:20px;resize:none}
input::selection{color:#fff!important;background-color:#0bbcd6!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0}
::placeholder{color:#9a9a9a;font-size:18px}
@media (max-width: 660px) {
    ::placeholder{font-size:16px}
}
@media (max-width: 330px) {
    ::placeholder{font-size:14px}
}
@media (max-width: 653px) {
    #logo-2{
        width: 90px;
        height: 50px;
    }
    #pey-img{
        width: auto!important;
    }
    .donation-form form {
        width: 60vw!important;
    }
    .toman2{
        display: none;
    }
    #btn{
        width: 173px!important;
    }
}
input:focus,textarea:focus,select:focus{outline-offset:0!important;outline:none!important}
input[type=submit]{display:block;text-decoration:none;border:none;color:#fff;background-color:#0bbcd6;text-align:center;transition:all .2s;height:50px;font-size:24px;margin-top:10px;width:60%;font-size:22px;padding:10px;margin-left:auto;margin-right:auto;cursor:pointer;-webkit-appearance:none}
input[type=submit]:hover{background-color:#00778f}
@media (max-width: 960px) {
    input[type="submit"]{font-size:18px}
}
.button-red{background-color:#991f3d!important}
.button-red:hover,.button-red:active{background-color:#bb1f3d!important}
html{position:relative;color:#515154}
h1{text-align:center;margin:0;padding-top:10px;padding-bottom:10px}
.h1-logo{padding:0!important;text-align:right!important;font-size:20px!important}
@media (max-width: 660px) {
    .h1-logo{font-size:16px!important}
}
h2{font-size:26px;text-align:center;color:#0bbcd6;color:#fff;margin:0;padding-top:10px}
@media (max-width: 660px) {
    h2{font-size:22px}
}
h3{font-size:18px;text-align:center;color:#a1a1a}
.besm-container{margin:auto;text-align:center}
.besm{margin-right:20px;margin-top:10px;width:48px;float:right}
.menus{border-top:1px solid #0bbcd6;padding-top:5px}
.menu{display:inline-block;margin-right:30px;margin-left:10px}
.menu a{color:#fff!important}
@media (max-width: 960px) {
    .footer,menus{width:100vw}
    .menus{height:20px;font-size:16px}
    .menu{display:inline-block;margin-right:20px;margin-left:10px}
}
@media (max-width: 660px) {
    .footer,menus{width:100vw}
    .menus{height:20px;font-size:16px}
    .menu{display:inline-block;margin-right:10px;margin-left:10px}
}
.logo{margin-left:auto;margin-right:auto;margin-bottom:0;display:block;text-decoration:none;width:200px;text-align:center;font-weight:700}
.logo img{width:110px}
.logo div{padding-bottom:7px}
.bg-camp-eftaar{background-color:#283fdd!important}
.content{width:700px;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:200px}
.donation-boxes{display:flex;flex-wrap:wrap;justify-content:space-around;align-content:center;margin:auto}
.donation-box{text-decoration:none;margin:20px}
.donation-box div{box-shadow:0 3px 6px rgba(0,0,0,0.12),0 3px 6px rgba(0,0,0,0.24);border-radius:20px;position:relative;width:300px;height:300px;margin-left:auto;margin-right:auto}
.donation-box div:hover,.donation-box div:active{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);cursor:pointer}
.donation-box.ghadir div{background-image:url(../images/1.jpg);background-repeat:no-repeat;background-size:100% auto;width:450px;height:450px}
.donation-box.ghorbani div{background-image:url(../images/2.jpg);background-repeat:no-repeat;background-size:100% auto}
.donation-box.aghighe div{background-image:url(../images/3.jpg);background-repeat:no-repeat;background-size:100% auto}
.donation-box.hamdeli div{background-image:url(../images/4.jpg);background-repeat:no-repeat;background-size:100% auto}
.donation-box.ghadir-small div{background-image:url(../images/1.jpg);background-repeat:no-repeat;background-size:100% auto}
.donation-box.eftaar-small div{background-image:url(../images/6.jpg);background-repeat:no-repeat;background-size:100% auto}
.donation-page{color:#d9d9d9;padding:20px;padding-bottom:200px;touch-action:manipulation;margin-bottom:40px}
.donation-page form{text-align:center;width:700px;margin:auto}
.fields{text-align:right;width:100%;margin:15px auto 30px}
.button-container{margin-top:0}
.field{position:relative;margin-top:24px;margin-bottom:24px;width:100%}
.field input:not([type=checkbox]):not([type=radio]){background-color:#f7f7f7;font-size:24px;width:100%;height:60px;text-align:center;border:none;border-radius:10px}
.field textarea{background-color:#f7f7f7;border:none;border-radius:10px;font-size:22px;width:100%;height:120px;text-align:center}
.field input:not([type=checkbox]):not([type=radio]){font-size:20px;height:40px}
.field textarea{font-size:18px;height:80px}
@media (max-width: 660px) {
    .field{margin-top:20px;margin-bottom:20px}
    .field input:not([type=checkbox]):not([type=radio]){font-size:20px;height:40px;width: 100%}
    .field textarea{font-size:16px;height:60px;width: 100%}
}
.field.agree{text-align:right;padding-right:100px;font-size:20px}
.field.agree span{margin-right:20px;position:absolute;top:0}
.field input[type=checkbox]{text-align:right;height:24px;width:24px}
@media (max-width: 960px) {
    .field.agree{padding-right:40px;font-size:18px}
}
@media (max-width: 660px) {
    .field.agree{padding-right:20px;font-size:16px}
}
.field input:focus{border:1px solid #0bbcd6!important;box-shadow:0 0 3px #0bbcd6!important}
.field input[type="number"],.field input[type="email"]{direction:ltr}
.amount-container{position:relative}
@media (max-width: 660px) {
    .navbar-brand{
        width: 100px;
    }
    .navbar-brand img{
        width: 100px;
        height: 50px;
    }
    .amount-container{margin-top:10px}
}
#amountText{font-size:36px;padding-right:20px}
.toman{font-size:15px;margin-right:10px}
.toman2{color:#b3b3b3;font-size:15px;position:absolute;left:60px;top:20px}
@media (max-width: 660px) {
    #amountText{font-size:24px;padding-right:10px}
    .toman{position:absolute;font-size:14px;left:-15px;top:-20px}
    .toman2{top:20px;font-size:18px;padding-right: 20px}
}
.porsno-container{text-align:right;display:flex;width:100%;align-items:stretch;justify-content:flex-start;text-align:right;margin-left:auto;margin-right:auto;user-select:none}
.porsno{cursor:pointer;position:relative}
.porsno input{padding:0;margin-top:5px;border:solid 1px #0bbcd6;border-radius:0;border-radius:10px;color:#0bbcd6;padding-top:1px;font-size:34px!important;width:120px!important;direction:ltr;height:50px!important}
@media (max-width: 960px) {
    .porsno input{margin-top:8px;width:110px!important;height:50px!important}
}
@media (max-width: 660px) {
    .porsno input{margin-top:5px;font-size:28px!important;width:70px!important;height:40px!important}
}
.porsbutton{min-width:40px;cursor:pointer;padding-left:3px;padding-right:3px;outline:none}
.pors-plus,.pors-minus{border-radius:5px;margin:0;margin-top:10px;padding:5px;font-size:0}
@media (max-width: 660px) {
    .porsbutton{height:auto;min-width:32px;padding-bottom:4px}
}
.pors{background-color:#0bbcd6}
@media (max-width: 660px) {
    .pors{display:none}
}
.pors img{width:60px;height:60px}
.unit{top:-15px;left:10px;color:#0bbcd6;position:absolute;font-size:12px;font-weight:700;text-align:center}
@media (max-width: 960px) {
    .unit{top:-10px}
}
@media (max-width: 660px) {
    .unit{top:-10px;font-size:11px}
}
#AghigheName{width:90%!important}
#AghighePedar{width:90%!important}
.error{background-color:#991f3d;background-color:#e11;color:#fff;font-size:18px;font-weight:700;line-height:24px;width:60%;text-align:center;padding-top:10px;padding-bottom:10px;margin:10px auto}
@media (max-width: 960px) {
    .error{width:100vw}
}
@media (max-width: 660px) {
    .error{font-size:16px;width:100vw}
}
.error ul{list-style-type:none;padding-inline-start:0;margin-block-start:0}
.error li{margin-top:20px;margin-right:0}
.form-header{padding-bottom:20px}
.progress{width:300px;margin:auto;font-size:18px;position:relative}
.progress sub{font-size:14px}
@media (max-width: 960px) {
    .progress{font-size:18px}
    .progress sub{font-size:14px}
}
@media (max-width: 660px) {
    .progress{font-size:16px}
    .progress sub{font-size:12px}
}
.progress-container{background-color:#f1f1f5;background-color:#0bbcd6;background-color:#00677f;position:relative;border-radius:10px;width:300px;height:30px;margin-left:auto;margin-right:auto}
.progress-bar{border-radius:10px 10px 10px 10px;position:absolute;right:0;background-color:#0bbcd6;height:30px;width:0;animation:width 4s linear;margin-left:auto;margin-right:auto;animation:campaign-anim 2s ease forwards}
#progress-val{position:absolute;top:0;right:10px;font-size:20px;color:#fff;text-align:center}
#progress-total{font-size:20px;position:absolute;top:0;left:5px;color:#fff}
.stg2{color:#fff;position:absolute;right:30px;top:2px}
.cholo{margin-top:3px;font-size:16px;color:#0bbcd6}
.cholo:after{content:">>";margin-right:3px;font-family:monospace}
.cholo-price{margin-top:3px;font-size:16px;color:#0bbcd6;text-align:center}
@media (max-width: 660px) {
    .cholo,.cholo-price{font-size:14px}
}
.payment-result{width:80%;margin:auto;padding:20px}
.ok{background-color:#0bbcd6;color:#fff;border-radius:10px;padding:20px}
.left-text{text-align:left!important;margin-left:40px}
.back{margin-top:90px;text-align:left;font-size:20px;margin-left:40px}
@media (max-width: 660px) {
    .back{margin-top:50px;font-size:16px;margin-left:20px}
}
.hide{display:none}
.infoText-Container{text-align:center;width:700px;margin:auto;font-size:22px}
@media (max-width: 960px) {
    .infoText-Container{width:90vw}
}
.infoText{font-size:20px;line-height:40px;width:70%;margin-left:auto;margin-right:auto;text-align:justify}
.infoText .band{font-weight:700}
@media (max-width: 960px) {
    .infoText{width:90%}
}
@media (max-width: 660px) {
    .infoText{font-size:18px}
}
.infoText2{font-size:20px;line-height:40px;width:100%;margin-left:auto;margin-right:auto;text-align:justify}
.infoText2 .band{font-weight:700}
@media (max-width: 660px) {
    .infoText2{font-size:18px}
}
.donation-info{position:absolute;font-size:14px;margin-right:30px;font-weight:400}
.imp{color:#0bbcd6;font-weight:700}
.aghigheinfo{display:flex;flex:0 100% 0;align-content:center;justify-content:center;width:100%}
.aghigheinfo input{font-size:22px;height:auto!important;padding-top:7px;padding-bottom:7px}
@media (max-width: 960px) {
    .aghigheinfo{display:flex;flex:0 auto 1;width:100%}
    .aghigheinfo input{font-size:20px!important}
}
@media (max-width: 660px) {
    .aghigheinfo input{font-size:18px!important}
}
@media (max-width: 330px) {
    .aghigheinfo input{font-size:16px!important}
}
.aghigheAmount{text-align:center}
.aghigheAmountText{font-size:16px;color:#9a9a9a}
@media (max-width: 660px) {
    .aghigheAmountText{font-size:14px}
}
.aghighetoman{font-size:18px;margin-right:10px}
@media (max-width: 660px) {
    .aghigheAmountText,.aghighetoman{font-size:14px}
}
.radioArea{padding:10px;margin-top:-10px;margin-right:-20px;padding:0;border-radius:10px}
.radioArea label{position:relative;margin:0;right:0;top:0}
.aghighe-rel{align-self:center;padding-right:0;padding-left:10px}
@media (max-width: 660px) {
    .aghighe-rel{font-size:18px}
}
@media (max-width: 330px) {
    .aghighe-rel{font-size:16px}
}
.radio-sel label{color:#515154!important}
.jens-sel{color:#515154!important;background-color:#fff;border-radius:18px;margin-right:10px;cursor:pointer;padding:2px;padding-right:10px;padding-left:15px}
.jens-sel label{color:#515154!important;background-color:transparent}
@media (max-width: 660px) {
    .jens-sel{margin-right:10px;padding-right:5px;padding-left:5px;font-size:15px}
}
.hadithha{position:relative}
.hadith{padding-top:20px;padding-bottom:20px;display:none;position:absolute;top:0}
.hadith.sel{position:relative;animation:slideIn 2s forwards;display:block;opacity:1}
.hadith.out{animation:slideout 2s forwards;position:absolute}
.hadith:before{content:"";display:block;margin:0 auto;width:30px;padding-bottom:30px;float:right;border-right:3px solid #0bbcd6;border-top:3px solid #0bbcd6;transform:rotate(45deg);position:absolute;top:50%;right:-40px}
.hadith:after{content:"";display:block;margin:0 auto;width:30px;padding-top:30px;float:left;border-left:3px solid #0bbcd6;border-bottom:3px solid #0bbcd6;transform:rotate(45deg);position:absolute;top:50%;left:-40px}
.hadith-prev{opacity:.3;position:absolute;top:0;height:100%;right:-60px;width:100px;z-index:100;color:rebeccapurple;display:block}
.hadith-next{opacity:.3;position:absolute;top:0;height:100%;left:-60px;width:100px;z-index:100;color:rebeccapurple;display:block}
@media (max-width: 660px) {
    .hadith:before{width:20px;padding-bottom:20px;right:0}
    .hadith:after{width:20px;padding-top:20px;left:-20px}
    .hadith-prev{right:0}
    .hadith-next{left:0}
}
@media (max-width: 330px) {
    .hadith:before{display:none}
    .hadith:after{display:none}
}
.hadith-item1{margin-right:40px}
.hadith-item2{font-weight:700;color:#cc1f3d;margin-right:80px}
.hadith-item3{font-weight:700;color:#00778f;margin-right:120px}
.book-ref{font-size:16px;padding:7px;border-radius:30px;text-align:left;background-color:#0bbcd6;color:#fff}
@media (max-width: 660px) {
    .book-ref{font-size:14px}
}
.thavab{color:#fff;background-color:#0bbcd6;border-radius:30px;padding:10px;font-size:18px;opacity:0;animation:showup 2s 0 forwards;animation-timing-function:ease-out;animation-delay:.7s}
@media (max-width: 660px) {
    .thavab{font-size:16px;padding:5px}
}
@keyframes showup {
    0%{opacity:0;-webkit-opacity:0}
    30%{opacity:.4;-webkit-opacity:.4;font-size:20px;-webkit-font-size:20px}
    100%{opacity:1;-webkit-opacity:1}
}
.options{padding-top:70px;display:flex;color:rebeccapurple;width:200px;margin:auto}
.options div{margin-right:20px;background-color:#a9a9a9;border:1px solid #9a9a9a;width:15px;height:15px;border-radius:20px;cursor:pointer}
.options div:hover{background-color:#00a7bf}
.op-sel{background-color:#0bbcd6!important;border:1px solid #00a7bf!important}
@keyframes slideIn {
    0%{transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;-webkit-opacity:0}
    100%{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;-webkit-opacity:1}
}
@keyframes slideout {
    0%{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1!important;-webkit-opacity:1!important}
    100%{transform:translateX(200px);-webkit-transform:translateX(200px);opacity:0!important;-webkit-opacity:0!important;display:none;-webkit-display:none}
}
@keyframes slideIn {
    0%{opacity:0;-webkit-opacity:0}
    100%{opacity:1;-webkit-opacity:1}
}
@keyframes slideout {
    0%{opacity:1!important;-webkit-opacity:1!important}
    100%{opacity:0!important;-webkit-opacity:0!important;display:none}
}
.share{font-size:18px;background-color:#0bbcd6;padding:10px;padding-top:5px;padding-bottom:5px;border:30px;border-radius:30px;width:160px;float:right;position:relative;margin-right:40px;margin-top:80px}
.share-homepage{margin-top:60px!important}
.share img{width:28px!important;padding-top:4px;position:absolute;right:17px;top:0}
.share span{color:#fff!important;margin-right:30px}
@media (max-width: 660px) {
    .share{font-size:16px;width:140px;margin-top:40px}
    .share-homepage{margin-top:40px!important}
    .share img{width:24px!important}
    .share span{margin-right:20px}
}
.share-home img{width:36px!important;float:right;margin-top:-60px;margin-right:40px}
.resid{padding:20px;border-radius:20px;color:#fff;background-color:#0bbcd6!important}
@media (max-width: 660px) {
    .resid{padding:10px}
}
.social-icons{padding:10px;background-color:#c9c9c9;width:300px;margin-right:auto;margin-left:auto;position:fixed;bottom:0;display:flex}
.social-icon{margin-right:20px}
.social-icon img{width:36px}
@media (max-width: 660px) {
    .social-icons{margin-right:0}
    .social-icon img{width:24px}
}
.version{font-family:Consolas,monospace;font-size:14px;margin-top:20px;margin-right:7px;color:#0bbcd6;text-align:center}
@media (max-width: 660px) {
    .version{font-size:12px}
}
ul{padding:0;margin:0}
.infoText li{margin:0;padding:0 40px 0 0;list-style:none;background-image:url(../images/d2.png);background-repeat:no-repeat;background-position:right 15px;background-size:16px}
.diamond li{margin:0;padding:0 40px 0 0;list-style:none;background-image:url(../images/d1.png);background-repeat:no-repeat;background-position:right 12px;background-size:16px}
.radioArea-label{font-size:18px;color:#c9c9c9;margin-top:-20px;margin-bottom:15px;margin-left:20px}
@media (max-width: 660px) {
    .radioArea-label{font-size:14px}
}
address{font-style:normal}
.account{font-size:18px;font-weight:400;color:#0bbcd6;float:left;margin-top:-30px;margin-left:20px}
.center{text-align:center!important;align-self:center;align-items:center}
.toozih-dar{width:400px;margin:auto}
@media (max-width: 660px) {
    .toozih-dar{width:100%}
}
.toozih{color:#9a9a9a;color:#d1d1d1;text-align:center;font-size:18px}
@media (max-width: 660px) {
    .toozih{font-size:16px}
}
.toozih-mini{color:#0bbcd6;text-align:right;font-size:16px;padding-top:8px}
@media (max-width: 660px) {
    .toozih-mini{font-size:14px}
}
.username{padding:3px;border-radius:5px}
.username:hover,.username:active{background-color:#00778f;color:#fff}
@media (max-width: 660px) {
    .username{font-size:16px}
}
#loadingover{background:#000;z-index:99;width:100%;height:100%;position:fixed;top:0;left:0;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
.rpt-item{margin-bottom:40px;position:relative}
.rpt-item-sum{padding:20px;margin-bottom:20px}
.rpt-item-sum strong{font-size:24px;color:#333}
.sep{margin-top:20px;padding-bottom:20px;border-top:3px dashed #9a9a9a}
.rpt-no{color:#a9a9a9;font-weight:700;position:absolute;font-size:60px;left:0;margin-top:-50px;border-radius:30px;padding:12px;background-color:#fcfcfc}
@media (max-width: 660px) {
    .rpt-no{font-size:48px;left:0;top:25px}
}
.rpt{margin-top:40px;background-color:#fff}
.mazaad{font-size:20px;font-weight:700;color:#00778f;text-align:center}
@media (max-width: 660px) {
    .mazaad{font-size:18px}
}
.stg2-desc{width:70%;margin:auto;text-align:right}
@media (max-width: 660px) {
    .stg2-desc{width:90%}
}
.status{text-align:center;border-radius:20px;width:140px;padding-left:7px;padding-right:7px}
.status-waiting{border-radius:20px;background-color:#dba536;color:#fff}
.status-no{border-radius:20px;background-color:#990f3d;color:#fff}
.status-ok{border-radius:20px;background-color:#00778f;color:#fff}
.toman-tavajoh{color:red;text-align:center;font-weight:700;font-size:18px}
@media (max-width: 660px) {
    .toman-tavajoh{font-size:16px}
}
.table-container{overflow-x:auto;max-height:700px}
@media (max-width: 960px) {
    .table-container{max-height:70vh}
}
@media (max-width: 660px) {
    .table-container{max-height:70vh}
}
.table{border-spacing:0;font-size:18px}
@media (max-width: 660px) {
    .table{font-size:16px}
}
.table > tbody > tr:nth-of-type(odd){background-color:#f9f9f9}
.table td{min-width:100px;padding:8px;line-height:1.4;vertical-align:central;border-top:1px solid #ddd}
.table th{min-width:100px;padding:8px;line-height:1.4;vertical-align:top;border-top:1px solid #ddd;color:#00778f;font-size:16px}
@media (max-width: 660px) {
    .table th{font-size:14px}
}
.table .sm{min-width:30px!important}
.table .md{min-width:200px!important}
.table .big{min-width:400px!important}
@media (max-width: 660px) {
    .table .md{min-width:150px!important}
    .table .big{min-width:300px!important}
}
.action{margin-top:40px}
.moharam{width:300px;transform:rotate(30deg);text-align:right;color:#fff;background-color:#1a1a1a;transform:rotate(0deg);margin:0;padding:0;text-align:center;width:700px;margin-left:auto;margin-right:auto;font-size:18px}
@media (max-width: 660px) {
    .moharam{font-size:16px;width:100vw}
}
.flag1{color:#fff;background-color:#239f40;margin:0;padding:0;text-align:center;width:700px;margin-left:auto;margin-right:auto;font-size:6px}
@media (max-width: 660px) {
    .flag1{font-size:4px;width:100vw}
}
.flag2{color:#da0000;background-color:#fff;margin:0;padding:0;text-align:center;width:700px;margin-left:auto;margin-right:auto;font-size:6px}
@media (max-width: 660px) {
    .flag2{font-size:4px;width:100vw}
}
.flag3{color:#fff;background-color:#da0000;margin:0;padding:0;text-align:center;width:700px;margin-left:auto;margin-right:auto;font-size:6px}
@media (max-width: 660px) {
    .flag3{font-size:4px;width:100vw}
}
.aid{color:#fff;background-color:#0abad4;margin:0;padding:0;text-align:center;width:700px;margin-left:auto;margin-right:auto;font-size:18px}
@media (max-width: 660px) {
    .aid{font-size:16px;width:100vw}
}
.black{color:#fff;background-color:#2a2a2a;margin:0;padding:0;text-align:center;width:700px;margin-left:auto;margin-right:auto;font-size:18px}
@media (max-width: 660px) {
    .black{font-size:16px;width:100vw}
}
.alert{color:#fff;background-color:#cc0f3d;margin:0;padding:0;text-align:center;width:700px;margin-left:auto;margin-right:auto;font-size:18px}
@media (max-width: 660px) {
    .alert{font-size:16px;width:100vw}
}
.red{color:red}
.report-form{width:inherit!important}
.moharam-header{background-color:#1a1a1a!important;color:#f3f3f3}
.maah-header{background-color:#e5f7fd!important}
.maah-header span,.maah-header div{color:#00778f!important;margin-bottom:4px}
.moharam-header .panel-item{margin-top:10px;margin-bottom:10px}
.chart{width:600px;height:300px;margin-left:auto;margin-right:auto}
@media (max-width: 660px) {
    .chart{width:100vw;height:200px}
}
.home-h1{font-size:22px;text-align:center;color:#00778f}
.breadcrumbs-container{margin-right:5px;padding-top:5px}
.breadcrumbs{list-style-type:none;display:flex!important;font-size:20px}
.breadcrumbs li{margin-right:5px;color:#d9d9d9}
.bc-sep{font-family:Consolas,Arial;padding-left:5px;padding-top:2px}
@media (max-width: 660px) {
    .breadcrumbs{font-size:16px}
}
.donation-form-container{min-height:800px;padding-bottom:50px}
@media (max-width: 660px) {
    .donation-form-container{min-height:60vh}
}
.donation-form-container h2{color:#fff}
.donation-form{background-color:#fff;border-radius:20px;padding:20px;max-width:500px;margin-left:auto;margin-right:auto;font-size:22px;margin-bottom:20px}
@media (max-width: 660px) {
    .donation-form{margin-left:20px;margin-right:20px;font-size:18px}
}
.donation-form form{text-align:center;margin:auto;padding:0}
@media (max-width: 960px) {
    .donation-form form{width:400px}
}
@media (max-width: 660px) {
    .donation-form form{width:70vw!important}
}
@media (max-width: 360px) {
    .donation-form form{width:65vw!important}

}
.donation-page2{background-color:#fff;color:#515154;padding:20px;padding-bottom:200px;touch-action:manipulation}
@media (max-width: 960px) {
    .donation-page2{padding:20px;padding-bottom:100px}
}
@media (max-width: 660px) {
    .donation-page2{padding:0;padding-bottom:60px}
}
.donation-form label{font-size:20px}
@media (max-width: 660px) {
    .donation-form label{font-size:16px}
}
.labelcolor{color:#c9c9c9}
.infoText3{background-color:#fff;border-radius:20px;padding:20px;width:70%;margin-left:auto;margin-right:auto;font-size:20px;line-height:40px;margin-bottom:20px;text-align:justify}
@media (max-width: 960px) {
    .infoText3{width:80vw}
}
@media (max-width: 660px) {
    .infoText3{font-size:18px}
}
.blur-form{visibility:collapse}
.filter select,.filter a{font-size:18px!important}
.filter{padding:20px;border:1px solid #e9e9e9;border-radius:10px;margin-bottom:30px}
.video-container video{width:480px;height:290px}
@media (max-width: 660px) {
    .video-container video{width:320px;height:180px}
}
@media (max-width: 330px) {
    .video-container video{width:272px;height:153px}
}
input[type="radio"]{-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}
input[type="radio"]::selection,input[type="radio"]:focus{border:none!important;box-shadow:none!important}
.titr{text-align:right;margin:0!important}
.ipg{position:absolute;width:100px;left:-20px;top:-4px}
@media (max-width: 660px) {
    .ipg{width:70px;top:0}
}
@media (max-width: 330px) {
    .ipg{display:none}
}