@media (max-width: 991px){.container{width:auto !important}.display{display:none !important}}.donate-number{width:fit-content;position:absolute;right:23px;top:330px;color:white;font-size:16px;font-weight:bold}@media (max-width: 768px){.donate-number{position:relative;color:black;right:0;text-align:center;top:0;font-size:16px;width:auto}}@media (max-width: 480px){.donate-number{font-size:15px}}@media (max-width: 385px){.donate-number{font-size:13px}}@media (max-width: 321px){.donate-number{font-size:11px}}.orange-background{background-color:#fce3ca;border:1px solid #ffffff;text-align:center;padding:2% 0% 2% 0%;color:BLACK;font-size:32px;border-top-left-radius:15px;border-top-right-radius:15px;margin-bottom:3px;box-shadow:1px 1px 4px rgba(50,50,50,0.24)}.gray-background{background-color:#f3f3f3;box-shadow:1px 1px 4px rgba(50,50,50,0.24);border:1px solid #ffffff;padding:15px}.gray-background h3{letter-spacing:2px;line-height:28px}.RedText{color:#df4545;float:left;font-size:36px;margin:0px 8px;font-weight:normal}.RedCircle{cursor:pointer;padding:2px;border-radius:99px;background-color:#df4545}.GrayCircle{cursor:no-drop;padding:2px;border-radius:99px;background-color:#aaaaaa;border:4px solid #fff}.RedCircle:hover,.icon:hover{opacity:0.8}#year,#month{margin-left:4px;height:35px;font-size:24px;background-color:#f39941;color:white;border:1px solid #f39941;cursor:pointer}#year:hover,#month:hover{opacity:0.8}#roof-title{font-size:18px;padding:12px;font-weight:600;color:#666}#roof-content{text-align:justify}@media (min-width: 768px){.roof-p-custom{padding-top:120px !important}}.modal-header{border-bottom:none}.modal-footer{padding:inherit}.modal-body{font-size:16px;font-weight:400;line-height:28px;color:#6b6767;text-align:center}.donate-modal-fullbtn{text-align:center;height:50px;position:relative;transition:all 0.3s;background-color:#38c038;color:white;overflow:auto}.donate-modal-btnframe{width:50%;display:inline-block;float:left;text-align:center;height:50px;position:relative;transition:all 0.3s}.donate-modal-btnframe:hover,.donate-modal-fullbtn:hover{opacity:0.8}.donate-modal-btnframe p,.donate-modal-fullbtn p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:16px;letter-spacing:1px;font-weight:900;line-height:20px}.donate-modal-btnleft{background-color:#f39941;color:white}.donate-modal-btnright{background-color:#38c038;color:white}.DonateIcon{margin-top:2%}.DonateIcon div{margin-top:3px}.DonateIcon img{width:50%}.DonateIcon .DonateTitle{margin-top:3px;font-size:1.2vw;font-weight:bold}@media (max-width: 550px){.DonateIcon .DonateTitle{font-size:5.2vw}}.DonateIcon .DonateContent{font-size:0.8vw;font-weight:bold}.arrow{font-size:45px}@media (max-width: 385px){.arrow{font-size:35px}}#donate-area{display:flex;justify-content:center;align-items:center;width:70%}@media (max-width: 550px){#donate-area{display:inline-block}}#donate-area .donate-icon{text-align:center}@media (max-width: 550px){#donate-area .donate-icon{margin:3% 0;padding:0}}#donate-area .donate-icon>img{margin:1% auto}#donate-area .donate-icon .donate-content-area{min-height:6em}#donate-area .donate-icon .donate-content-area .donate-title{font-weight:bolder;font-size:20PX}@media (max-width: 550px){#donate-area .donate-icon .donate-content-area .donate-title{font-size:20px}}#donate-area .donate-icon .donate-content-area .donate-content{font-size:14PX;font-weight:bold}@media (max-width: 550px){#donate-area .donate-icon .donate-content-area .donate-content{font-size:10px}}#donate-area .donate-arrow{padding-bottom:12%}@media (max-width: 550px){#donate-area .donate-arrow{padding:0;margin:16% auto;margin-left:4%;margin-right:4%}}
