/* ------------------Header */

.title {
    position: relative;
    /* padding: 1vw 0 1vw 1vw; */
    font-family: Arial, Arial, serif;
    font-size: 3vw;
    font-weight: 600;
    /* padding-left: 2vw; */
    /* width: 60vw; */
    color: var(--logo-color);
    width: max-content;
    display: inline-block;
}

.title_logo {
    width: 30vw;
    position: relative;
    top: 2em;
    left: 5vw;
    z-index: 5;
}

header {
    position: relative;
    top: 0;
    /* margin-left: 4vw; */
    /* background: var(--logo-color); */
    z-index: 2;
}

.since {
    position: absolute;
    font-size: 1vw;
    color: var(--black);
    font-weight: 100;
    right: 0;
    bottom: 0;
}

.donate {
    font-size: 1vw;
    font-family: "Simonetta-Regular";
    border: none;
    background: linear-gradient(45deg, var(--blue), var(--light-blue));
    color: var(--white);
    border-radius: 2vw;
    padding: 0.5vw 2vw;
    text-transform: uppercase;
    cursor: pointer;
    /* display: block; */
    margin-top: 1vw;
}


/*----------------- Content*/

.content {
    width: auto;
    text-align: left;
    min-height: 100vh;
    margin-top: 0vw;
    /* margin-bottom: 30vh; */
    /* overflow: scroll; */
}

.tagline-container {
    margin-left: 4vw;
    background: linear-gradient( to right, var(--white) 0%, var(--white) 55%, transparent 66%);
    padding: 2vh 1vw;
    height: 55vh;
    position: relative;
    z-index: 2;
}

.tagline-content {
    /* overflow: hidden; */
    /* height: 30vw; */
    width: 100%;
}

.tagline {
    /* display: inline-block; */
    /* height: 100%; */
    /* padding-top: 4vh; */
    /* padding-left: 2vw; */
    font-size: 1vw;
    width: 100%;
    font-weight: 600;
    /* position: absolute; */
    /* left: 0.5vw; */
    color: var(--black);
}

.tagline-img-wrapper {
    height: 50%;
    /* overflow: hidden; */
    position: absolute;
    right: 22vw;
    top: 0;
    /* text-align: right; */
    z-index: 0;
}

.tagline-img {
    height: 100%;
    width: auto;
    position: relative;
    transform: translate(25%, -10%);
}

.tagline-content {
    margin: 1vh 0vw;
}

.notice {
    font-size: 0.9vw;
    width: 47vw;
    display: block;
    /* border-left: 0.5vw solid var(--light-blue);
    border-right: 0.5vw solid var(--light-blue); */
    border-radius: 50vw;
    padding: 0.5vh 0.5vw;
    /* font-weight: 900; */
    text-decoration: none;
    text-align: center;
}

.notice-highlight {
    color: var(--blue);
    /* font-size: 1.2em; */
}

.home_activities {
    columns: 2;
    display: inline-block;
    padding: 1vh 0vw;
    ;
    text-align: left;
}

.home_activities li {
    list-style: none;
    padding: 1vh 0vw;
    font-size: 1.25vw;
}


/* --------------Our Impact */

.stats-container {
    width: max-content;
    padding: 1vw;
    padding-left: 4vw;
    height: 32vh;
    background: var(--white);
    text-align: center;
    position: absolute;
    bottom: 10vh;
    border-radius: 0 50vw 50vw 0;
    color: var(--logo-color);
    margin-top: 0vw;
}

.stats-title {
    font-size: 1.5vw;
    padding: 0.5vw;
    padding-left: 3vw;
    text-align: left;
}

.stats-content {
    padding: 3vh 2.25vw 1vh 2.25vw;
}

.impact-wrap {
    position: relative;
    padding: 0px 0vw;
    display: inline-block;
    width: 12vw;
    text-align: center;
}

.impact-icon {
    font-size: inherit;
}

.stats-num {
    font-weight: 900;
    font-size: 4vw;
}

.homepage_images {
    width: 5vw;
    max-height: 10vh;
}

.stats-desc {
    font-size: 1vw;
    font-weight: 600;
    color: var(--blue);
    /* padding: 0.5vh; */
}

.know-more-wrapper {
    font-size: 1vw;
}

.know-more-icon {
    font-size: 1vw;
    vertical-align: middle;
}