@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body{font-family: "Montserrat", sans-serif; background:url(../images/background.jpg) no-repeat 50% fixed; background-size:cover}

img{max-width:100%;}
 p{text-align:justify}
.text-left p{ text-align:left}
.text-center p{text-align:center}

#header{background:#0b4341; font-size:90%; color:#fff; font-weight:500}
#header h4{font-size:22px; font-weight:700}
#header a{color:#fff;}

hr{border-top:2px dashed #c5d9d8;opacity: 1;}

.help-needy h1{ font-size:80px; font-weight:800}
.help-needy h1 strong{color:#066463}
.help-needy h3{font-size:30px; color:#171919;font-weight:600}

.card-custom {border-radius: 20px;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,0.1);transition: 0.3s;border: none;}
.card-custom:hover {transform: translateY(-5px);}
.card-img-top {height: 200px;object-fit: cover;}
.card-body {display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;}
.card-body h6{ font-weight:700; font-size:20px;}
.heart-icon {width: 40px;height: 40px;background-color: #d80729;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 3px 8px rgba(0,0,0,0.2);color: #fff;font-size: 18px;cursor: pointer;}

.bank-detail{ font-size:22px; font-weight:600}
.bank-detail h4{font-size:34px;font-weight:600}
.bank-detail table td{vertical-align:top; padding:7px 5px}



/* Countdown circle */
.countdown h3{font-weight:700}
.countdown .circle-box {width: 120px;height: 120px;position: relative;}
.countdown .circle-box svg {transform: rotate(-90deg);}
.countdown .circle-box circle {fill: none;stroke-width: 12;stroke-linecap: round;}
.countdown .bg-circle {stroke: #e6e6e6;}
.countdown .progress-circle {stroke: #00a59f;stroke-dasharray: 314;stroke-dashoffset: 314;transition: 1s linear;}
.countdown .number {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 24px;font-weight: 800;}
.countdown .label {text-align: center;margin-top: 10px;font-weight:600}



#footer{background:#01bfbd; font-weight:700; font-size:30px; color:#fff }
#footer a{color:#fff }

/* MEDIA QUERY */
@media(max-width:1300px){

}
@media(max-width:1199px){

}

@media(max-width:991px){

}
@media(max-width:767px){
	.text-xs-center{text-align:center}
body,.bank-detail,#footer{font-size:14px}
.card-body h6,.countdown h3{font-size:16px}
.help-needy h1{font-size:25px}
.help-needy h3{font-size:20px}

#footer img{display:block; margin:5px auto}
}
@media(max-width:640px){

}
@media(max-width:480px){

}
@media(max-width:420px){

}