/* Title */
.title p{
    color: #146048;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 98.95%;

    margin: 50px 0 73px 0;
    padding: 0;
}

/* Benefits */
.benefits{
    margin-bottom: 142px;
}

.benefits-inner{
    display: flex;
    justify-content: center;
    gap: 10px;

    text-align: center;

}

.benefit-block{
    border-radius: 10px;
    background: rgba(206, 241, 123, 0.25);

    width: 382px;
    height: 518px;

    padding: 33px 20px;
}

.benefit-block h3{
    color: #093628;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 92%;
}

.benefit-block p{
    color: #146048;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 98.95%;
}

.benefit-block ul{
    display: flex;
    flex-direction: column;
    gap: 7px;

    padding: 0;
    margin: 0;
}

.benefit-block li{
    display: flex;
    align-items: center;
    gap: 25px;

    border-radius: 6px;
    background: #FAFFF1;
    box-shadow: 0 4px 4px 0 rgba(0, 19, 17, 0.10);

    width: 326px;
    height: 54px;

    padding: 30px 27px;
}

.benefit-block li p{
    color: #093628;
    font-weight: 700;
    line-height: 92%;

    text-align: left;
}

.benefit-block img{
    align-self: center;
}

.benefits button{
    margin: 10px auto;
    border: none;

    display: block;

    width: 854px;
    height: 63px;

    border-radius: 10px;
    background: #CEF17B;


    color: #093628;
    text-align: center;
    font-family: "Chakra Petch", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 92%;
}

#logo::before {
  background-image: url('../static/images/logo_dark.svg');
  opacity: 1;
}

#logo::after {
  background-image: url('../static/images/logo_normal.svg');
  opacity: 0;
}

@media (max-width: 960px) {
    .benefits-inner{
        flex-direction: column;
    }

    .benefit-block{
        width: calc(100vw - 90px);
    }

    .benefit-block li{
        width: inherit;
    }

    .benefits button{
        width: calc(100vw - 50px);
    }
}