.HeaderLogo {
}

.HeaderLogo img {
    display: block;
    margin: 0 0;
    width: auto;
    height: 47px;
}


.navbar-header {
    padding: 0 0;
    display: flex;
    justify-content: start;
    align-items: center;
    width: auto;
    height: 100%;
    margin: 6px 0;
}

.MainFeatureIcon {
    display: block;
    margin: 15px auto;
    width: auto;
    height: 60px;
}

.hero_btn i {
    margin: 0 5px;
}

.FeatureIcon {
    display: block;
    margin: 15px auto;
    width: auto;
    height: 60px;
    filter: invert(1);
}

.AboutPage {
}

.AboutPageInner {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 20px;
}

.AboutPageCover {
    display: flex;
    margin: 0 auto;
    width: 100%;
    min-height: 50vh;
    position: relative;
    overflow: hidden;
    background: #f47720;
    z-index: 2;
    justify-content: center;
    align-items: center;
}

.AboutPageCover img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    filter: grayscale(1);
    mix-blend-mode: hard-light;
    opacity: 0.4;
}

.AboutPageCover h1 {
}

.FormSubmit {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.FormSubmit button {
    display: block;
    margin: 25px auto 0;
    width: fit-content;
    font-size: 17px;
    padding: 8px 30px;
    transition: 350ms;
}

.FormNote {
    display: block;
    margin: 28px auto;
    width: 100%;
    background: #ccf2d5;
    color: #1b7f33;
    padding: 18px 10px;
    position: relative;
    border-radius: 10px;
    padding-right: 100px;
    min-height: 60px;
}
.FormNote i {
    position: absolute;
    right: 0;
    top: 0;
    width: fit-content;
    font-size: 30px;
    margin: 13px;
}
.FormNote p {
    display: block;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
}

.FormNoteValidation {
    background: #c59797;
    color: #772f2f;
}