.flower-image{
    width: calc(var(--dimension-ratio) * 307px);
    height: calc(var(--dimension-ratio) * 511px);
}
.about-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.about-sub{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(var(--dimension-ratio)* 1125px);
}

.about-cards{
    width: 100%;
    display: flex;
    gap: calc(var(--dimension-ratio)* 20px);
    align-items: center;
    justify-content: center;
    margin-top:  calc(var(--dimension-ratio)* 40px);
    flex-wrap: wrap;
}

.about-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.about-bottom-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    width: calc(var(--dimension-ratio) * 978px);
}

.about-bottom-content button{
    border: 0;
    border-radius: calc(var(--dimension-ratio) * 12px);
    width: calc(var(--dimension-ratio) * 273px);
    height: calc(var(--dimension-ratio) * 72px);
    background-color: var(--main-color);
    color: var(--button-text-color);
    font-size: var(--font-size-28);
    font-weight: 500;
    line-height: var(--font-size-40);
    letter-spacing: 0.17249999940395355px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.about-bottom-image{
    width:calc(var(--dimension-ratio) * 455px);
    width:calc(var(--dimension-ratio) * 271px);
}

ul{
    margin-inline-start: 50px;
    text-align: start;
    width: 35%;
}