/* Start Header */
body {
    background-color: #f6fbfb;
}
.nav.sticky {
    background-color: #fff;
}
/* End Header */
/* Start Main */
.content {
    padding-top: 50px;
}
/* Start donate now */
.donate-now-2 .title {
    width: 57%;
}
.donate-now-2 .title h1 {
    color: var(--second-color);
}
@media (max-width: 767px) {
    .donate-now-2 .title {
        width: 100%;
    }
    .donate-now-2 .title h1 {
        font-size: 18px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .donate-now-2 .title h1 {
        font-size: 22px;
    }
}
.donate-now-2 .donate-now-button {
    left: 50%;
    top: -25px;
    transform: translateX(-50%);
    background-color: #ff9800;
    border-radius: 10px;
    width: 130px;
    height: 50px;
    line-height: 42px;
    padding: 0;
}
@media (max-width: 567px) {
    .donate-now-2 .title h2 {
        font-size: 12px !important;
    }
    .donate-now-2 .title span {
        font-size: 10px;
    }
}
/* End donate now */
/* Start We Started */
.we-started .content {
    background-image: url(../images/stats-image.png);
    background-size: auto calc(100% - 150px);
    background-repeat: no-repeat;
    background-color: #f2f2ee;
    border-radius: 30px;
    background-position-x: 85%;
    background-position-y: bottom;
}
.we-started .title h2 span {
    color: var(--thired-color);
}
.we-started .content img {
    width: 80px;
}
@media (max-width: 768px) {
    .we-started .content {
        background-image: none;
    }
    .we-started .title h2 {
        font-size: 23px !important;
    }
    .we-started .title h2 span {
        font-size: 20px !important;
    }
}
/* End We Started */
/* Start What They Say */
.what-they-say .content {
    background-color: #fbfbfb;
}
.what-they-say .details .name a {
    color: var(--second-color);
}
.what-they-say .details a img {
    width: 70px !important;
}
@media (max-width: 999px) {
    .what-they-say .details a img {
        width: 85px !important;
        height: 85px !important;
    }
}
.what-they-say .details .name span {
    font-size: 12px;
    color: #999;
}
.what-they-say .details i {
    color: #5e00d0;
    font-size: 50px;
}
.what-they-say p {
    font-size: 17px;
    color: #798194;
}
@media (max-width: 1199px) {
    .what-they-say p {
        font-size: 13px;
    }
}
.latest-news {
    background-color: #fbfbfb;
    padding: 20px 0;
}
/* End What They Say */
/* End Main */

/* Start zakat charity */
.cont-zakat-charity {
    border-radius: 30px;
}
.choose-type-donation .zakat {
    color: var(--second-color);
    height: 60px;
    font-size: 20px;
    border-radius: 10px;
}
.choose-type-donation button {
    font-size: 17px;
}
/* End zakat charity */

/* genral */
.choose-donation-amount label span,
.choose-donation-amount input,
.choose-type-donation input {
    border: 1px solid #ced4da;
    border-radius: 12px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
}
.choose-donation-amount button,
.choose-type-donation button {
    border-radius: 12px;
    height: 55px;
    font-size: 18px;
}

.choose-donation-amount .donate-now button,
.choose-type-donation .donate-now button {
    background-color: #ff9800;
    border: 0;
    line-height: 0;
    font-size: 16px;
}
.choose-donation-amount .add-cart button,
.choose-type-donation .add-cart button {
    background-color: #ff7468;
}
.choose-donation-amount .add-cart button i,
.choose-type-donation .add-cart button i {
    transform: translateY(-9px);
    left: 20px;
    top: 50%;
}

.choose-donation-amount label span,
.choose-donation-amount input,
.choose-donation-amount button,
.choose-type-donation button {
    font-size: 15px;
}
.choose-donation-amount .donate-now button,
.choose-donation-amount .add-cart button,
.choose-type-donation .donate-now button,
.choose-type-donation .add-cart button {
    font-size: 16px;
}