@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Inter:wght@400;500;600&display=swap');

:root {
    /* Main Branding Palette */
    --main-color: #00828A;       /* Primary Corporate Teal (Zenith Brand, Headers, Primary CTA) */
    --optional-color: #4A773C;   /* Secondary Services Green (Housing, Supporting Accents) */

    /* Typography & Neutrals */
    --body-color: #4A554A;       /* Softened Muted Grey-Green for highly readable body text */
    --heading-color: #1A2E1A;    /* Dark Charcoal Neutral for prominent, authoritative headers */
    --white-color: #ffffff;      /* Clean background white */
    --black-color: #111111;      /* Deep soft black instead of harsh #000000 */

    /* Layout & Mechanics */
    --font-size: 15px;
    --transition: all ease .5s;
    --border-radius: 4px;
    --box-shadow: 0 0 20px 3px rgba(26, 46, 26, 0.05); /* Tinted with your dark neutral for cleaner blending */
    --heading-font-family: 'Merriweather', Georgia, serif;
    --body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Container layout using CSS Grid */
.services-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;

}

/* Individual Feature/Service Cards */
.icon-section-box {
    /*background-color: #000000; !* Soft, warm off-white tint *!*/
    border: 2px solid var(--main-color);  /* Deep forest green border */
    border-radius: 12px;       /* Smooth rounded corners */
    padding: 20px 20px;
   /* margin: 3px;*/
    /*border-color: var(--main-color);*/
    text-align: center;
    /*display: flex;*/
    flex-direction: column;
    display: flex;
   /*!* Keeps internal contents vertical *!*/
    align-items: center;
    box-sizing: border-box;

    /*transition: transform 0.2s ease, box-shadow 0.2s ease;*/
      background-color: #f9fafb;
}

.icon-section-box i {
    font-size: 3.8rem;         /* Scales up the vector icon crisply */
    color: #3b5d43;            /* Matches the deep forest green theme borders */
    line-height: 1;
}

/* Optional hover enhancement for premium UI feel */
.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(59, 93, 67, 0.1);
}

/* Icon Wrap Style */
.icon-section-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-section-icon img,
.icon-card-icon svg {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Headings */
.service-title {
    font-family: 'Inter', 'Helvetica Neue', sans-serif;
    color: #1e6b7b;            /* Muted Deep Teal */
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0 0 12px 0;
}

/* Description Text */
.service-text {
    font-family: 'Inter', sans-serif;
    color: #4a4a4a;            /* Neutral off-black for easy reading */
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0 0 20px 0;
    flex-grow: 1;              /* Ensures "Learn More" links align perfectly at bottom */
}

/* Call to action text links */
.service-link {
    font-family: 'Inter', sans-serif;
    color: #1e6b7b;            /* Matching Teal color */
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;     /* Removes standard underline */
    display: inline-block;
    transition: color 0.2s ease;
}

.service-link:hover {
    color: #12434e;            /* Darkens slightly on focus/hover */
    text-decoration: underline;
}

.pt-10 {
    padding-top: 10px;
}


.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.bg-colo-f4f9ef {
  background-color: #f4f9ef;
  padding: 100px 50px;
}

.bottom-bar {
  background-color: #f4f9ef;
  padding: 10px 50px;
}

.footer-spacing {
  background-color: #f4f9ef;
  padding: 60px 50px;
}

.our-causes-area {
  background: #ffffff;
}

/**/
page-form label {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

.page-form :is(textarea, input, select) {
    width: 100%;
    max-width: 500px;
    min-height: 40px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.page-form .helptext {
    font-style: italic;
}


.single-contact-info p {
  /*color: var(--black-color);*/
}

.call-us {
  /*color: var(--black-color) !important;*/
}

.contact-info-bg{
    background-color: #00828A !important;
}

.contact-info-bg {
  /*background-image: url(../../assets/images/contact-info-bg.jpg);*/
    background-image: none;
    background-color: #00828A !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 100px;
    padding-bottom: 100px;
  padding-bottom: 70px;
}


.contact-info-bgx {
  /*background-image: url(../../assets/images/contact-info-bg.jpg);*/
    background-image: none;
    background-color: #00828A !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 100px;
    padding-bottom: 100px;
  padding-bottom: 70px;
}

.contact-info-bg2 {
	/*background-image: url(../../assets/images/contact-info-bg.jpg);*/
    background-image: none;
    background-color: #00828A !important;
	/*background-position: center center;*/
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	height: 100%;
	position: relative;
	z-index: 1;
	padding: 100px;
	padding-bottom: 70px;

}



/*.icon-box-section*/
/*{*/
/*    width: 64px;*/
/*    height: 64px;*/
/*    margin-bottom: 16px;*/
/*    display: flex;*/
/*    !* justify-content: center; *!*/
/*    align-items: center;*/
/*}*/

.icon-box-section-box i
{
    font-size: 3.8rem;
    /*color: #3b5d43;*/
    line-height: 1;
    margin-bottom: 16px;
}


.icon-section-icon_2 {
    font-size: 2.5rem;
    color: #008080; /* Your brand color */
    margin-bottom: 1rem;
    display: inline-block;
}