.minimum-requirements-banner {
background: linear-gradient(135deg, #0d8b8e 0%, #0a6d6f 100%);
padding: 40px 0;
position: relative;
overflow: hidden;
}
.minimum-requirements-banner::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 500px;
height: 500px;
background: rgba(255, 255, 255, 0.05);
border-radius: 50%;
pointer-events: none;
}
.minimum-requirements-banner .container {
position: relative;
z-index: 2;
}
.minimum-requirements-banner .min-req-content {
display: flex;
align-items: center;
gap: 30px;
background: rgba(255, 255, 255, 0.95);
border-radius: 24px;
padding: 35px 40px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
border: 3px solid #d3ff92;
}
.minimum-requirements-banner .min-req-icon {
flex-shrink: 0;
width: 80px;
height: 80px;
background: linear-gradient(135deg, #d3ff92 0%, #b8e870 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
border: 3px solid #1f1f1e;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.minimum-requirements-banner .min-req-icon i {
font-size: 38px;
color: #1f1f1e;
}
.minimum-requirements-banner .min-req-text {
flex: 1;
}
.minimum-requirements-banner .min-req-text h3 {
font-size: 26px;
margin: 0 0 10px 0;
color: #1f1f1e;
font-weight: 700;
line-height: 1.2;
}
.minimum-requirements-banner .min-req-text p {
font-size: 16px;
line-height: 1.6;
color: #535353;
margin: 0;
}
.minimum-requirements-banner .min-req-badge {
flex-shrink: 0;
}
.minimum-requirements-banner .badge-circle {
width: 110px;
height: 110px;
background: linear-gradient(135deg, #0d8b8e 0%, #0a7577 100%);
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 4px solid #1f1f1e;
box-shadow: 0 10px 30px rgba(13, 139, 142, 0.3);
position: relative;
}
.minimum-requirements-banner .badge-number {
font-size: 32px;
font-weight: 700;
color: #ffffff;
font-family: 'Gotham', sans-serif;
line-height: 1;
display: block;
}
.minimum-requirements-banner .badge-label {
font-size: 14px;
color: #d3ff92;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-top: 2px;
display: block;
} .impact-wrapper .impact-box.highlight-minimum {
position: relative;
background: linear-gradient(135deg, rgba(211, 255, 146, 0.15), rgba(211, 255, 146, 0.05));
border: 2px solid #d3ff92 !important;
box-shadow: 0 8px 25px rgba(211, 255, 146, 0.2);
transform: scale(1.05);
}
.impact-wrapper .impact-box .minimum-badge-overlay {
position: absolute;
top: 15px;
right: 15px;
background: linear-gradient(135deg, #0d8b8e, #0a7577);
color: #ffffff;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 6px 12px;
border-radius: 20px;
display: flex;
align-items: center;
gap: 5px;
box-shadow: 0 3px 10px rgba(13, 139, 142, 0.3);
}
.impact-wrapper .impact-box .minimum-badge-overlay i {
font-size: 10px;
} .requirements-checklist-wrapper {
background: #ffffff;
padding: 70px 0;
position: relative;
}
.requirements-checklist-wrapper .top-text-center {
margin-bottom: 50px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.requirements-checklist-wrapper .top-text-center h2 {
font-size: 36px;
margin-bottom: 15px;
}
.requirements-checklist-wrapper .top-text-center p {
font-size: 17px;
color: #666666;
margin-top: 10px;
}
.requirements-checklist-wrapper .checklist-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin-top: 0;
}
.requirements-checklist-wrapper .checklist-card {
background: #ffffff;
border-radius: 24px;
padding: 35px 28px;
text-align: center;
border: 2px solid #e8e8e8;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
position: relative;
}
.requirements-checklist-wrapper .checklist-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
border-color: #d3ff92;
}
.requirements-checklist-wrapper .checklist-card.primary {
border: 3px solid #d3ff92;
background: linear-gradient(135deg, rgba(211, 255, 146, 0.1), rgba(211, 255, 146, 0.05));
box-shadow: 0 12px 35px rgba(211, 255, 146, 0.25);
}
.requirements-checklist-wrapper .checklist-card.primary:hover {
transform: translateY(-10px);
box-shadow: 0 20px 50px rgba(211, 255, 146, 0.35);
}
.requirements-checklist-wrapper .check-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, #f8f6f2, #ffffff);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
border: 3px solid #e8e8e8;
transition: all 0.3s ease;
}
.requirements-checklist-wrapper .checklist-card.primary .check-icon {
background: linear-gradient(135deg, #d3ff92, #b8e870);
border-color: #1f1f1e;
box-shadow: 0 6px 20px rgba(211, 255, 146, 0.4);
}
.requirements-checklist-wrapper .checklist-card:hover .check-icon {
transform: scale(1.1);
border-color: #d3ff92;
}
.requirements-checklist-wrapper .check-icon i {
font-size: 30px;
color: #0d8b8e;
}
.requirements-checklist-wrapper .checklist-card.primary .check-icon i {
color: #1f1f1e;
}
.requirements-checklist-wrapper .checklist-card h3 {
font-size: 20px;
margin: 0 0 12px 0;
color: #1f1f1e;
font-weight: 700;
line-height: 1.3;
}
.requirements-checklist-wrapper .checklist-card p {
font-size: 14px;
line-height: 1.6;
color: #666666;
margin: 0 0 20px 0;
}
.requirements-checklist-wrapper .requirement-status {
display: inline-block;
background: #f8f6f2;
color: #666666;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 8px 16px;
border-radius: 20px;
border: 2px solid #e8e8e8;
}
.requirements-checklist-wrapper .checklist-card.primary .requirement-status {
background: linear-gradient(135deg, #0d8b8e, #0a7577);
color: #ffffff;
border-color: #1f1f1e;
box-shadow: 0 4px 12px rgba(13, 139, 142, 0.25);
}
.book-donation-highlight {
background: linear-gradient(135deg, rgba(13, 139, 142, 0.1), rgba(211, 255, 146, 0.2));
border-radius: 18px;
padding: 22px 24px;
margin-top: 20px;
}
.book-donation-highlight h3 {
margin-bottom: 8px;
font-size: 22px;
}
.book-donation-highlight p {
margin-bottom: 0;
}
.book-donation-pillars {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-top: 30px;
}
.book-donation-pillar {
background: #ffffff;
border-radius: 20px;
padding: 25px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}
.book-donation-pillar h4 {
margin-bottom: 10px;
font-size: 20px;
}
.book-donation-pillar p {
margin-bottom: 0;
color: #535353;
}
@media (max-width: 991px) {
.book-donation-pillars {
grid-template-columns: 1fr;
}
} .benefits-box .icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.benefits-box .icon .fa-solid {
font-size: 22px;
color: #1f1f1e;
font-style: normal;
line-height: 1;
}
.benefits-box.w-full .icon .fa-solid {
font-size: 34px;
}
.benefits-wrapper .benefits-box.w-full {
width: 100%;
max-width: 760px;
margin: 10px auto 0;
text-align: center;
}
.benefits-wrapper .benefits-box.w-full .icon {
margin: 0 auto 15px;
} .comparison-wrapper {
background-color: #f8f6f2;
padding: 60px 0;
}
.comparison-wrapper .top-text-center {
margin-bottom: 40px;
}
.comparison-wrapper .table-responsive {
margin: 40px 0 0;
border: none;
overflow-x: auto;
}
.comparison-wrapper .comparison-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #ffffff;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.comparison-wrapper .comparison-table thead tr th {
background-color: #1f1f1e;
color: #ffffff;
font-family: 'Gotham';
font-size: 16px;
padding: 20px 25px;
text-align: left;
font-weight: 700;
border: none;
}
.comparison-wrapper .comparison-table thead tr th:first-child {
border-radius: 24px 0 0 0;
}
.comparison-wrapper .comparison-table thead tr th:last-child {
border-radius: 0 24px 0 0;
}
.comparison-wrapper .comparison-table thead tr th.highlight {
background-color: #0d8b8e;
}
.comparison-wrapper .comparison-table tbody tr td {
padding: 18px 25px;
font-size: 15px;
line-height: 1.5;
border-bottom: 1px solid #f0f0f0;
border-left: none;
border-right: none;
border-top: none;
vertical-align: middle;
}
.comparison-wrapper .comparison-table tbody tr:last-child td {
border-bottom: none;
}
.comparison-wrapper .comparison-table tbody tr td:first-child {
font-weight: 600;
background-color: #fafafa;
}
.comparison-wrapper .comparison-table tbody tr:hover td {
background-color: #f8f8f8;
}
.comparison-wrapper .comparison-table tbody tr:hover td:first-child {
background-color: #f2f2f2;
} .works-wrapper {
padding: 60px 0;
background-color: #ffffff;
}
.works-wrapper .top-text-center {
margin-bottom: 40px;
}
.works-wrapper .works-row {
display: flex;
flex-wrap: wrap;
gap: 25px;
justify-content: center;
margin-top: 0;
}
.works-wrapper .works-box {
position: relative;
width: calc(25% - 25px);
min-width: 250px;
max-width: 280px;
height: auto;
min-height: 280px;
border: 2px solid #d3ff92;
border-radius: 24px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
z-index: 1;
}
.works-wrapper .works-box:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.works-wrapper .works-box:nth-child(2) {
border-color: #e1c5ff;
}
.works-wrapper .works-box:nth-child(3) {
border-color: #ffdbc0;
}
.works-wrapper .works-box:nth-child(4) {
border-color: #f8d868;
}
.works-wrapper .works-box .box {
position: relative;
background: #ffffff;
border-radius: 22px;
padding: 35px 30px;
font-size: 14px;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.works-wrapper .works-box .step-number {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #d3ff92;
border-radius: 50%;
border: 2px solid #1f1f1e;
font-family: 'Gotham';
font-size: 22px;
font-weight: 700;
color: #1f1f1e;
margin-bottom: 15px;
}
.works-wrapper .works-box:nth-child(2) .step-number {
background-color: #e1c5ff;
}
.works-wrapper .works-box:nth-child(3) .step-number {
background-color: #ffdbc0;
}
.works-wrapper .works-box:nth-child(4) .step-number {
background-color: #f8d868;
}
.works-wrapper .works-box h3 {
font-size: 20px;
margin: 0 0 10px 0;
color: #1f1f1e;
}
.works-wrapper .works-box p {
font-size: 14px;
line-height: 1.5;
color: #666666;
margin: 0;
}
.works-wrapper .works-box::before {
display: none;
} .banner-wrapper.layout-2 .banner-img {
width: 55%;
}
.banner-wrapper.layout-2 .banner-text {
width: 45%;
}
.banner-wrapper.layout-2 .banner-img .banner-img-icon img {
width: 100%;
max-width: 720px;
} .book-donation-longform {
padding: 70px 0;
}
.book-donation-longform .top-text-center {
max-width: 860px;
margin: 0 auto 40px;
}
.book-donation-longform-grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(2, 1fr);
}
.book-donation-longform-card {
background: #ffffff;
border-radius: 20px;
padding: 30px;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
}
.book-donation-longform-card h3 {
font-size: 22px;
margin-bottom: 12px;
}
.book-donation-longform-card p {
margin-bottom: 12px;
}
.book-donation-longform-card p:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
.works-wrapper .works-box {
width: calc(50% - 20px);
max-width: none;
}
}
@media only screen and (max-width: 991px) {
.comparison-wrapper .comparison-table thead tr th,
.comparison-wrapper .comparison-table tbody tr td {
padding: 15px;
}
} .resources-wrapper {
background-color: #f8f6f2;
padding: 60px 0;
}
.resources-wrapper .top-text-center {
margin-bottom: 40px;
}
.resources-wrapper .resources-row {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
margin-top: 0;
}
.resources-wrapper .resource-box {
flex: 1;
min-width: 280px;
max-width: 380px;
background: #ffffff;
border-radius: 24px;
padding: 40px 30px;
text-decoration: none;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.resources-wrapper .resource-box:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.resources-wrapper .resource-box .icon-wrap {
width: 70px;
height: 70px;
background: linear-gradient(135deg, #0d8b8e 0%, #0a7577 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}
.resources-wrapper .resource-box .icon-wrap i {
font-size: 28px;
color: #ffffff;
}
.resources-wrapper .resource-box h3 {
font-size: 22px;
margin: 0 0 12px 0;
color: #1f1f1e;
}
.resources-wrapper .resource-box p {
font-size: 15px;
line-height: 1.5;
color: #666666;
margin: 0 0 20px 0;
}
@media only screen and (max-width: 991px) {
.resources-wrapper .resource-box {
min-width: 100%;
}
}
@media only screen and (max-width: 991px) {
.book-donation-longform-grid {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 1199px) {
.requirements-checklist-wrapper .checklist-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.minimum-requirements-banner .min-req-text h3 {
font-size: 22px;
}
}
@media only screen and (max-width: 991px) {
.minimum-requirements-banner .min-req-content {
flex-direction: column;
text-align: center;
padding: 30px;
}
.minimum-requirements-banner .min-req-text h3 {
font-size: 20px;
}
.minimum-requirements-banner .min-req-text p {
font-size: 15px;
}
.requirements-checklist-wrapper {
padding: 50px 0;
}
.requirements-checklist-wrapper .top-text-center h2 {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.benefits-wrapper .benefits-box.w-full {
max-width: 100%;
text-align: left;
}
.book-donation-longform {
padding: 50px 0;
}
.book-donation-longform-card {
padding: 24px;
}
.comparison-wrapper .table-responsive {
margin: 20px -15px 0;
padding: 0 15px;
}
.comparison-wrapper .comparison-table {
min-width: 600px;
}
.works-wrapper .works-box {
width: 100%;
min-height: auto;
} .banner-wrapper.layout-2 .container {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: row-reverse;
}
.banner-wrapper.layout-2 .banner-img,
.banner-wrapper.layout-2 .banner-text {
width: 100%;
}
.banner-wrapper.layout-2 .banner-text {
width: 100%;
text-align: center;
padding: 40px 0 0;
}
.banner-wrapper.layout-2 .banner-img {
width: 100%;
}
.banner-wrapper.layout-2 .banner-img img {
margin: 0 auto;
max-width: 100%;
} .minimum-requirements-banner {
padding: 30px 0;
}
.minimum-requirements-banner .min-req-content {
gap: 20px;
padding: 25px 20px;
}
.minimum-requirements-banner .min-req-icon {
width: 60px;
height: 60px;
}
.minimum-requirements-banner .min-req-icon i {
font-size: 28px;
}
.minimum-requirements-banner .min-req-text h3 {
font-size: 18px;
}
.minimum-requirements-banner .min-req-text p {
font-size: 14px;
}
.minimum-requirements-banner .badge-circle {
width: 90px;
height: 90px;
}
.minimum-requirements-banner .badge-number {
font-size: 26px;
}
.minimum-requirements-banner .badge-label {
font-size: 12px;
} .requirements-checklist-wrapper .checklist-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.requirements-checklist-wrapper .checklist-card {
padding: 28px 24px;
}
.requirements-checklist-wrapper .top-text-center h2 {
font-size: 24px;
}
.requirements-checklist-wrapper .top-text-center p {
font-size: 15px;
} .impact-wrapper .impact-box.highlight-minimum {
transform: scale(1);
}
}