
.principle-container {
    padding: 0 20px;
}

.principle-header-title {
    color: var(--Label-Primary, #000);
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    /* 141.667% */
    letter-spacing: -0.6px;
}

.principle-header-content {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
    letter-spacing: -0.45px;
}

.principle-content-1 img,
.principle-content-2 img,
.principle-content-3 img {
    width: 100%;
    border-radius: 50px;
}

.principle-content-text {
    align-self: stretch;
    color: var(--Label-Primary, #000);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    letter-spacing: -0.4px;
}

.principle-content-text-2 {
    color: var(--Label-Primary, #000);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.35px;
}

.principle-content-source {
    color: var(--Label-Tertiary, #989BA2);
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    /* 145.455% */
    letter-spacing: -0.275px;
}