body {
    background: var(--gray-light);
}

* {
    position: relative;
}

.market-years {
    background: none;
}

.card-number {
    background: var(--gray-medium);
}

.text-banner {
    position: absolute;
    color: var(--white);
    top: 208px;
    max-width: 854px;
}

.text-banner h1 {
    font-family: 'Poppins Bold';
    font-style: normal;
    font-size: 56px;
    line-height: 67px;
}

.text-banner p {
    font-family: 'Nunito Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 36px;
    color: var(--white);
    margin-top: 8px;
}

.banner img {
    z-index: -1;
}

.objective-mobile {
    display: none;
}

.objective {
    padding: 70px 0;
    background: var(--gray-medium);
    text-align: center;
}

.objective h2 {
    margin-bottom: 50px;
}

.objective-card {
    width: 20%;
}

.objective-card-text {
    max-width: 255px;
    text-align: center;
}

.objective-card img {
    padding: 0 8px 0;
    margin: 0 8px 0;
    z-index: 1;
    width: 50%;
}

.objective-card .num1 {
    max-width: 30%;
    max-height: 110px;
}

.num-text {
    color: transparent;
    -webkit-text-stroke: 4px var(--orange);
    text-stroke: 1px #FFF;
    font-size: 140px;
    font-family: 'Poppins Bold';
}

.objective-card-text h3 {
    font-family: 'Poppins Bold';
    font-style: normal;
    font-size: 22px;
    line-height: 33px;
}

.objective-contianer {
    width: 95%;
    margin: 0 auto;
}

.objective .flex-container.objective-images img {
    width: 20%;
}

.principles {
    padding: 70px 0 90px;
    text-align: center;
}

.principles .btn {
    top: 98px;
    z-index: 1;
}

.principles h2 {
    margin-bottom: 34px;
}

.principles .flex-container {
    flex-wrap: wrap;
    justify-content: center;
}

.principles-card {
    width: 20%;
    padding: 30px 8px;
    margin-bottom: 10px;
    background: var(--gray-medium);
    border-radius: 8px;
    margin-right: 8px;
    -moz-transition: 300ms linear;
    -ms-transition: 300ms linear;
    -o-transition: 300ms linear;
    transition: 300ms linear;
}

.principles-card:hover {
    box-shadow: 3px 3px 6px rgb(0 0 0 / 10%);
}

.principles-card h3 {
    font-family: 'Poppins Regular';
    font-style: normal;
    font-size: 15px;
    color: #F37021;
    margin-bottom: 20px;
    
}




.feedback {
    background: var(--gray-medium) !important;
}

.feedback-card {
    background: var(--gray-light) !important;
}

.stories {
    padding: 70px 0 110px;
}

.stories-container-card {
    background: var(--white) !important;
}

.card-number:hover {
    background: var(--gray-medium) !important;
}