.st-Assessment {
    display: grid;
    position: relative;
    visibility: visible;
    z-index: 1
}

.st-Contents .st-Assessment {
    overflow: hidden;
    padding-inline: calc(30em / var(--em));
    padding-bottom: calc(37em / var(--em));
    margin-top: 3%;
    margin-bottom: 5%;
}

.st-Contents .st-Assessment.Alt {
    padding-top: calc(23.5em / var(--em))
}

.st-Contents .st-Assessment:last-child {
    margin-top: calc(100em / var(--em))
}

.st-Situation+.st-Contents .st-Assessment:last-child {
    margin-top: 0
}

.cat-Column+.st-Assessment,
.st-Results+.st-Assessment,
.cat-TrendList+.st-Assessment,
.rsin-Other+.st-Assessment {
    margin-top: calc(100em / var(--em))
}

.st-Assessment_Bubble {
    display: grid;
    justify-self: center;
    margin-bottom: calc(-1.7em / var(--em));
    position: relative;
    width: calc(517em / var(--em));
    z-index: 1;
	justify-content: center;
}

.st-Assessment_Bubble img {
    filter: drop-shadow(calc(2.12em / var(--em)) calc(2.12em / var(--em)) calc(10em / var(--em)) rgba(4, 0, 0, .15));
    grid-area: 1/1
}

.st-Assessment_Bubble span {
    --em: 20;
    --let: .1em;
    --lh: 29;
    color: #fff;
    grid-area: 1/1;
    justify-self: center;
    margin-top: calc(10.9em / var(--em));
    z-index: 1
}

.st-Assessment_Bubble strong {
    color: #fff600;
    font-weight: inherit;
    position: relative
}

.st-Assessment_Bubble strong:before {
    background-image: radial-gradient(circle farthest-side, #FFF600, #FFF600 calc(1.5em / var(--em)), transparent calc(1.5em / var(--em)), transparent);
    background-repeat: repeat-x;
    background-size: 1.07em 100%;
    content: "";
    height: calc(3em / var(--em));
    position: absolute;
    top: calc(-1.5em / var(--em));
    right: .5em;
    left: 0
}

.st-Assessment_Bg {
    position: absolute;
    top: calc(26.2em / var(--em));
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1
}

.Alt .st-Assessment_Bg {
    top: 0
}

.st-Assessment_Bg img {
    width: 100%
}

.st-Assessment_Circle {
    --em: 15;
    --let: 0;
    --lh: 21;
    background-color: #fff;
    border-radius: 50%;
    color: #E43433;
    font-weight: 700;
    height: calc(130em / var(--em));
    padding-top: calc(30em / var(--em));
    position: absolute;
    right: calc(-2.7em / var(--em));
    top: calc(4.9em / var(--em));
    text-align: center;
    width: calc(130em / var(--em));
    font-size: 15px;
}

.st-Assessment_Circle strong {
    --em: 26;
    --lh: 36;
    color: #000000;
    display: inline-block;
    position: relative;
    transform: skew(-10.26deg);
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    padding: 0 2px;
}

.st-Assessment_Circle span {
    --em: 22;
    --lh: 16
}

.st-Assessment_Title {
    --em: 49;
    --let: .1em;
    --lh: 71;
    color: #000000;
    display: grid;
    font-weight: 700;
    grid-auto-flow: column;
    justify-self: center;
    padding-top: calc(2.5em / var(--em));
    transform: skew(-15.03deg)
}

.st-Assessment_Title img {
    grid-area: 1/1;
    margin-top: calc(-2.5em / var(--em));
    margin-left: calc(39.7em / var(--em));
    transform: skew(15.03deg);
    width: calc(40em / var(--em))
}

.st-Assessment_Title strong {
    color: #E43433;
    position: relative
}

.st-Assessment_Title strong:after {
    background-color: #FE7C2B;
    content: "";
    height: calc(5em / var(--em));
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    transform: skew(15.03deg)
}

.st-Assessment_Title span {
    align-self: end;
    grid-area: 1/1;
    color: #000000;
}

.st-Assessment_Text {
    --em: 19;
    --let: 0;
    --lh: 27;
    font-weight: 500;
    justify-self: center;
    margin-top: calc(12.7em / var(--em))
}

.st-Assessment_Btns {
    display: grid;
    grid-template-columns: calc(372em / var(--em)) calc(305em / var(--em));
    justify-content: space-between;
    margin-top: calc(26.9em / var(--em))
}

.st-Assessment_Freedial {
    color: #e43433;
    display: grid;
    gap: 0 calc(.6em / var(--em));
    grid-template-columns: calc(50em / var(--em)) 1fr;
    grid-template-rows: calc(45.7em / var(--em)) calc(21em / var(--em))
}

.st-Assessment_Freedial svg {
    max-height: calc(28.6em / var(--em));
    margin-top: calc(13.1em / var(--em));
    width: 100%
}

.st-Assessment_Freedial .font-Heebo {
    --em: 40;
    --let: -.03em;
    --lh: 59;
    font-weight: 700
}

.st-Assessment_Freedial .Text {
    --em: 15;
    --let: .02em;
    --lh: 21;
    color: #444;
    grid-column: span 2
}

.st-Assessment_Mail {
    --em: 20;
    --let: 0;
    align-items: center;
    border-radius: 10em;
    color: #fff;
    display: grid;
    font-weight: 500;
    gap: calc(4em / var(--em));
    grid-template-columns: calc(25em / var(--em)) auto;
    height: calc(100em / var(--em));
    justify-content: center;
    position: relative;
    z-index: 1
}

.st-Assessment_Mail:before,
.st-Assessment_Mail:after {
    border-radius: 10em;
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1
}

.st-Assessment_Mail:before {
    background-image: linear-gradient(to right, #E43433, #FF7F2A);
}

.st-Assessment_Mail:after {
    background-color: #c9002f;
    right: calc(-5em / var(--em));
    left: calc(5em / var(--em));
    top: calc(5em / var(--em));
    bottom: calc(-5em / var(--em));
    z-index: -2
}

.st-Assessment_Mail svg {
    width: 100%
}

@media not screen and (min-width: 48em) {
    .st-Contents .st-Assessment:last-child {
        margin-bottom: calc(-150em / var(--em))
    }

    .cat-Column+.st-Assessment,
    .st-Results+.st-Assessment,
    .cat-TrendList+.st-Assessment,
    .rsin-Other+.st-Assessment {
        margin-top: calc(140em / var(--em))
    }

    .st-Assessment_Freedial {
        border-radius: 10em;
        height: calc(103em / var(--em));
        padding-top: calc(12.1em / var(--em));
        padding-left: calc(39em / var(--em));
        position: relative;
        z-index: 1
    }

    .st-Assessment_Freedial:not(:has(.Text)) {
        padding-top: calc(24em / var(--em));
        padding-left: calc(20em / var(--em))
    }

    .st-Assessment_Freedial:before,
    .st-Assessment_Freedial:after {
        background-color: #fff;
        border-radius: 10em;
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1
    }

    .st-Assessment_Freedial:before {
        background-color: #e43433;
        top: calc(5em / var(--em));
        right: calc(-2em / var(--em));
        bottom: calc(-2em / var(--em));
        left: calc(2em / var(--em));
        z-index: -2
    }

    .st-Assessment_Freedial:after {
        box-shadow: 0 0 0 calc(3em / var(--em)) #e43433 inset
    }
}

@media (min-width: 48em) {
    .st-Contents .st-Assessment {
        padding-inline: 0;
        padding-bottom: calc(35em / var(--em))
    }

    body:not(.home) .st-Contents .st-Assessment {
        grid-template-rows: repeat(3, auto) 1fr;
        padding-right: calc(340em / var(--em))
    }

    body:not(.home) .st-Contents .st-Assessment.Alt {
        padding-top: calc(30em / var(--em));
        padding-bottom: calc(32em / var(--em))
    }

    body:not(.home) .st-Contents .st-Assessment.Alt.Wide {
        padding-right: 0
    }

    .st-Contents .st-Assessment:last-child {
        margin-top: calc(100em / var(--em))
    }

    .st-Assessment_Bubble {
        margin-bottom: calc(9em / var(--em));
        width: calc(470em / var(--em))
    }

    .st-Assessment_Bubble img {
        filter: drop-shadow(0 calc(3em / var(--em)) calc(10em / var(--em)) rgba(4, 0, 0, .15))
    }

    .st-Assessment_Bubble span {
        --em: 17;
        --let: .13em;
        --lh: 25;
        margin-top: calc(11.7em / var(--em))
    }

    .st-Assessment_Bubble strong {
        color: #fff600;
        font-weight: inherit;
        position: relative
    }

    .st-Assessment_Bubble strong:before {
        background-size: 1.09em auto
    }

    body:not(.home) .st-Assessment_Bubble {
        margin-bottom: calc(10.4em / var(--em))
    }

    .st-Assessment_Bg {
        top: calc(25em / var(--em))
    }

    .st-Assessment_Bg img {
        height: calc(310em / var(--em));
        object-fit: cover;
        width: 100%
    }

    body:not(.home) .Alt .st-Assessment_Bg {
        padding-right: calc(var(--pd) + 340em / var(--em));
        padding-left: var(--pd);
        top: 0
    }

    body:not(.home) .Alt .st-Assessment_Bg img {
        height: calc(280em / var(--em))
    }

    body:not(.home) .Alt.Wide .st-Assessment_Bg {
        padding-right: var(--pd)
    }

    .st-Assessment_Circle {
        right: auto;
        left: calc(50% + 296.7em / var(--em));
        top: calc(44.7em / var(--em))
    }

    body:not(.home) .st-Assessment_Circle {
        left: calc(50% + 126.73em / var(--em))
    }

    .st-Assessment_Title {
        --em: 40;
        --let: .15em;
        --lh: 58;
        padding-top: calc(1.3em / var(--em));
        padding-left: calc(72.8em / var(--em))
    }

    .st-Assessment_Title img {
        margin-top: calc(-1.3em / var(--em));
        margin-left: calc(29.2em / var(--em));
        width: calc(30em / var(--em))
    }

    .st-Assessment_Title span {}

    body:not(.home) .Alt .st-Assessment_Title {
        --em: 36;
        --lh: 52;
        padding-left: calc(6.2em / var(--em))
    }

    body:not(.home) .Alt .st-Assessment_Title img {
        margin-left: calc(20.9em / var(--em))
    }

    body:not(.home) .Alt .st-Assessment_Title span {
        --em: 22;
        --lh: calc(42 / 27 * 22)
    }

    .st-Assessment_Text {
        --em: 15;
        --lh: 21;
        margin-top: calc(12.8em / var(--em));
        padding-left: calc(76.6em / var(--em))
    }

    body:not(.home) .Alt .st-Assessment_Text {
        --em: 16;
        --lh: 24;
        margin-top: calc(13.8em / var(--em));
        padding-left: calc(2.4em / var(--em))
    }

    .st-Assessment_Img {
        position: absolute;
        right: calc(50% + 227em / var(--em));
        top: calc(7em / var(--em));
        width: calc(226em / var(--em))
    }

    body:not(.home) .st-Assessment_Img {
        right: calc(50% + 397.3em / var(--em))
    }

    .st-Assessment_Btns {
        grid-template-columns: calc(433em / var(--em)) calc(305em / var(--em));
        justify-content: center;
        margin-top: calc(14.9em / var(--em))
    }

    body:not(.home) .st-Assessment_Btns {
        grid-template-columns: calc(433em / var(--em)) calc(300em / var(--em))
    }

    body:not(.home) .st-Assessment_Btns:not(:has(.Text)) {
        gap: 1em;
        grid-template-columns: auto calc(285em / var(--em))
    }

    body:not(.home) .Alt .st-Assessment_Btns {
        grid-template-columns: calc(433em / var(--em)) calc(285em / var(--em));
        margin-top: calc(2.9em / var(--em))
    }

    body:not(.home) .Alt .st-Assessment_Btns:not(:has(.Text)) {
        gap: 1em;
        grid-template-columns: auto calc(285em / var(--em))
    }

    .st-Assessment_Freedial {
        gap: 0 calc(2.3em / var(--em));
        grid-template-columns: calc(69.5em / var(--em)) 1fr;
        grid-template-rows: calc(68.9em / var(--em)) calc(25em / var(--em))
    }

    .st-Assessment_Freedial:not(:has(.Text)) {
        padding-top: calc(18em / var(--em))
    }

    .st-Assessment_Freedial svg {
        max-height: calc(40.05em / var(--em));
        margin-top: calc(18.9em / var(--em))
    }

    .st-Assessment_Freedial .font-Heebo {
        --em: 55;
        --lh: 81
    }

    .st-Assessment_Freedial .Text {
        --em: 14;
        --let: .05em;
        --lh: 25;
        background-color: #fff;
        text-align: center;
        width: calc(410em / var(--em))
    }

    body:not(.home) .st-Assessment_Freedial {
        gap: 0 calc(1.6em / var(--em));
        grid-template-columns: calc(70em / var(--em)) 1fr;
        grid-template-rows: calc(68.9em / var(--em)) calc(20em / var(--em))
    }

    body:not(.home) .st-Assessment_Freedial .Text {
        --lh: 20;
        width: calc(403em / var(--em))
    }

    .st-Assessment_Mail {
        --em: 17;
        --let: .05em;
        gap: calc(16.8em / var(--em));
        height: calc(80em / var(--em));
        margin-top: calc(14em / var(--em))
    }

    body:not(.home) .st-Assessment_Mail {
        margin-top: calc(13.9em / var(--em))
    }

    body:not(.home) .Alt .st-Assessment_Mail {
        gap: calc(12.8em / var(--em));
        height: calc(70em / var(--em));
        margin-top: calc(18.9em / var(--em))
    }
}

.st-Items {
    visibility: visible
}

.cat-Column+.st-Items,
.st-MainBrand+.st-Items {
    padding-top: calc(88.7em / var(--em))
}

.st-Items_List {
    --em: 25;
    --let: 0;
    --lh: 36;
    display: flex;
    flex-wrap: wrap;
    gap: calc(16em / var(--em));
    margin-top: calc(44.1em / var(--em));
    margin-inline: calc(-20em / var(--em));
    margin-bottom: 10%;
}

body:not(.home) .st-Items_List {
    margin-top: calc(33.3em / var(--em))
}

.st-Items_List a {
    background-color: #fff;
    display: grid;
    position: relative;
    text-align: center
}

.st-Items_List a:after {
    box-shadow: 0 0 0 1px #ccc inset;
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 1
}

.st-Items_List img {
    grid-area: 1/1;
    width: 100%
}

.st-Items_List span {
    align-self: end;
    grid-area: 1/1;
    margin-bottom: calc(24.3em / var(--em))
}

@media not screen and (min-width: 48em) {
    body.home .st-Items_List>li {
        width: calc(337em / var(--em))
    }

    body.home .st-Items_List>li:nth-child(n+9) {
        --em: 22;
        --lh: 32;
        width: calc(220em / var(--em))
    }

    body.home .st-Items_List>li:nth-child(3n+10) {
        margin-inline: calc(-1em / var(--em))
    }

    body:not(.home) .st-Items_List>li {
        --em: 22;
        --lh: 32;
        width: calc(220em / var(--em))
    }

    body:not(.home) .st-Items_List>li:nth-child(-n+8) a {
        background-color: #fff;
        height: calc(160em / var(--em))
    }

    body:not(.home) .st-Items_List>li:nth-child(-n+8) img {
        height: calc(120em / var(--em));
        object-position: center 10%;
        object-fit: cover
    }

    body:not(.home) .st-Items_List>li:nth-child(3n+2) {
        margin-inline: calc(-1em / var(--em))
    }
}

@media (min-width: 48em) {

    .cat-Column+.st-Items,
    .st-MainBrand+.st-Items {
        padding-top: calc(92.7em / var(--em))
    }

    .st-Items_List {
        --em: 18;
        --lh: 26;
        justify-content: center;
        margin-top: calc(46.4em / var(--em))
    }

    body:not(.home) .st-Items_List {
        display: grid;
        gap: calc(15em / var(--em));
        grid-template-columns: repeat(5, 1fr);
        margin-top: calc(35.3em / var(--em));
        justify-content: revert;
        margin-inline: 0
    }

    body.home .st-Items_List>li {
        width: calc(288em / var(--em))
    }

    body.home .st-Items_List>li:nth-child(n+9) {
        --em: 16;
        --lh: 24;
        width: calc(186em / var(--em))
    }

    body.home .st-Items_List>li:nth-child(n+9) a {
        height: calc(160em / var(--em))
    }

    body.home .st-Items_List>li:nth-child(n+9) img {
        margin-top: calc(12em / var(--em))
    }

    body.home .st-Items_List>li:nth-child(n+11) {
        margin-left: calc(1em / var(--em))
    }

    body:not(.home) .st-Items_List>li {
        --em: 16;
        --lh: 24;
        width: calc(160em / var(--em))
    }

    body:not(.home) .st-Items_List>li:nth-child(-n+8) img {
        height: calc(140em / var(--em));
        margin-top: 0;
        object-fit: cover
    }

    body:not(.home) .st-Items_List>li a {
        height: calc(160em / var(--em))
    }

    body:not(.home) .st-Items_List>li img {
        margin-top: calc(12em / var(--em))
    }

    .st-Items_List a {
        background-color: #fff;
        height: calc(230em / var(--em))
    }

    .st-Items_List img {
        margin-top: calc(16em / var(--em))
    }

    .st-Items_List span {
        margin-bottom: calc(26.3em / var(--em))
    }
}

.home-Reason {
    padding: 5% 0;
    background-color: #f8f8f8;
}

.st-Reason {
    visibility: visible
}

.st-Reason_No1 {
    display: grid;
    justify-items: center;
    margin-top: calc(30em / var(--em))
}

.st-Reason_No1 img {
    width: calc(556em / var(--em))
}

.st-Reason_No1 span {
    --em: 15;
    --let: 0;
    --lh: 21;
    margin-top: calc(-1.6em / var(--em))
}

.st-Reason_Link {
    border-top: 1px solid #ccc;
    margin-top: calc(48.6em / var(--em));
    margin-inline: calc(30em / var(--em))
}

.st-Reason_Link: first-child {
    margin-top: calc(30em / var(--em))
}

.st-ReasonLink {
    border-bottom: 1px solid #ccc;
    display: grid;
    justify-items: center;
    padding-top: calc(32.6em / var(--em));
    padding-bottom: calc(40em / var(--em))
}

.st-ReasonLink_Title {
    --let: 0;
    --lh: 36;
    color: #444444;
    filter: drop-shadow(calc(1.5em / var(--em)) calc(1.5em / var(--em)) 1px #fff) drop-shadow(calc(1.5em / var(--em)) calc(-1.5em / var(--em)) 1px #fff) drop-shadow(calc(-1.5em / var(--em)) calc(-1.5em / var(--em)) 1px #fff) drop-shadow(calc(-1.5em / var(--em)) calc(1.5em / var(--em)) 1px #fff);
    font-weight: 700;
    margin-bottom: 8%;
}

.st-ReasonLink_Img [src$="store.svg"] {
    margin-top: calc(16.4em / var(--em));
    margin-bottom: calc(-1.4em / var(--em));
    width: calc(122em / var(--em))
}

.st-ReasonLink_Img [src$="results.svg"] {
    margin-top: calc(16.4em / var(--em));
    margin-bottom: calc(-13.4em / var(--em));
    width: calc(230em / var(--em))
}

.st-ReasonLink_Img [src$="assessment.svg"] {
    margin-top: calc(15.4em / var(--em));
    margin-bottom: calc(7.6em / var(--em));
    width: calc(122em / var(--em))
}

.st-ReasonLink_Text {
    --em: 40;
    --let: 0;
    --lh: 58;
    font-weight: 700
}

.st-ReasonLink_Text:not(:has(.font-Heebo)) {
    margin-bottom: calc(17em / var(--em))
}

.st-ReasonLink_Text .font-Heebo {
    --em: 70;
    --let: -.04em;
    --lh: 102;
    color: #e43433
}

.st-ReasonLink_Text .More {
    --em: 25
}

.st-ReasonLink_Text .Results {
    --em: 30;
    --lh: 27;
    display: inline-block;
    white-space: nowrap;
    width: 2em
}

.st-ReasonLink_Btn {
    --em: 25;
    grid-template-columns: 1fr calc(23.01em / var(--em));
    height: calc(70em / var(--em));
    margin-top: calc(4.4em / var(--em));
    padding-right: calc(25em / var(--em));
    padding-left: calc(29.7em / var(--em));
    min-width: calc(400em / var(--em))
}

.st-ReasonLink_Btn.Assessment {
    background-image: linear-gradient(to right, #eb046a, #f14fae)
}

@media (min-width: 48em) {
    .st-Reason_No1 img {
        width: calc(776em / var(--em))
    }

    body:not(.home) .st-Reason_No1 img {
        width: calc(623.35em / var(--em))
    }

    .st-Reason_No1 span {
        --em: 12;
        --let: .05em;
        --lh: 21;
        margin-top: calc(-5.6em / var(--em));
        padding-right: calc(40em / var(--em));
        text-align: right;
        width: calc(776em / var(--em))
    }

    body:not(.home) .st-Reason_No1 span {
        margin-top: calc(-6.2em / var(--em));
        padding-right: calc(5em / var(--em));
        width: calc(623.35em / var(--em))
    }

    .st-Reason_Link {
        background-color: #ccc;
        border-top: none;
        display: grid;
        gap: 1px;
        grid-template-columns: repeat(3, 1fr);
        margin-top: calc(49.6em / var(--em));
        margin-inline: auto
    }

    .st-ReasonLink {
        background-color: #f8f8f8;
        border-bottom: none;
        padding-top: calc(21.6em / var(--em));
        padding-bottom: calc(33em / var(--em))
    }

    body:not(.home) .st-ReasonLink {
        padding-top: calc(24.6em / var(--em));
        padding-bottom: calc(30em / var(--em))
    }

    .st-ReasonLink_Title {
        --em: 18;
        --lh: 26
    }

    body:not(.home) .st-ReasonLink_Title {
        --em: 16;
        --lh: 24
    }

    .st-ReasonLink_Img [src$="store.svg"] {
        margin-top: calc(34.4em / var(--em));
        margin-bottom: calc(9.6em / var(--em));
        width: calc(84em / var(--em))
    }

    body:not(.home) .st-ReasonLink_Img [src$="store.svg"] {
        margin-top: calc(21.4em / var(--em));
        margin-bottom: calc(7.6em / var(--em))
    }

    .st-ReasonLink_Img [src$="results.svg"] {
        margin-top: calc(22.4em / var(--em));
        margin-bottom: calc(2.6em / var(--em));
        width: calc(182em / var(--em))
    }

    body:not(.home) .st-ReasonLink_Img [src$="results.svg"] {
        margin-top: calc(14.4em / var(--em));
        margin-bottom: calc(-4.4em / var(--em))
    }

    .st-ReasonLink_Img [src$="assessment.svg"] {
        margin-top: calc(25.4em / var(--em));
        margin-bottom: calc(6.6em / var(--em));
        width: calc(100em / var(--em))
    }

    body:not(.home) .st-ReasonLink_Img [src$="assessment.svg"] {
        margin-top: calc(12.4em / var(--em));
        margin-bottom: calc(7.6em / var(--em));
        width: calc(93em / var(--em))
    }

    .st-ReasonLink_Text {
        --em: 25;
        --let: 0;
        --lh: 40
    }

    .st-ReasonLink_Text:not(:has(.font-Heebo)) {
        margin-bottom: calc(16em / var(--em))
    }

    .st-ReasonLink_Text .font-Heebo {
        --em: 50;
        --lh: 73
    }

    .st-ReasonLink_Text .More {
        --em: 16
    }

    .st-ReasonLink_Text .Results {
        --em: 20;
        --lh: 20
    }

    body:not(.home) .st-ReasonLink_Text {
        --em: 20;
        --lh: 29
    }

    body:not(.home) .st-ReasonLink_Text:not(:has(.font-Heebo)) {
        --em: 25;
        --lh: 26;
        margin-bottom: calc(10em / var(--em))
    }

    body:not(.home) .st-ReasonLink_Text .font-Heebo {
        --em: 40;
        --lh: 59
    }

    body:not(.home) .st-ReasonLink_Text .More {
        --em: 14
    }

    body:not(.home) .st-ReasonLink_Text .Results {
        --em: 17;
        --lh: 16
    }

    .st-ReasonLink_Btn {
        --em: 16;
        grid-template-columns: 1fr calc(19.26em / var(--em));
        height: calc(50em / var(--em));
        margin-top: calc(11.4em / var(--em));
        padding-right: calc(14.9em / var(--em));
        padding-left: calc(24.7em / var(--em));
        min-width: calc(250em / var(--em))
    }

    body:not(.home) .st-ReasonLink_Btn {
        --em: 15;
        grid-template-columns: 1fr calc(19.01em / var(--em));
        margin-top: calc(5.4em / var(--em));
        width: calc(230em / var(--em))
    }
}


.cat-Column {
    margin-top: calc(-31.3em / var(--em));
    padding-top: calc(120em / var(--em));
    pointer-events: none;
    visibility: visible;
    background: #f8f8f8;
}

.cat-Column>* {
    pointer-events: auto
}

.cat-Column_Container:is(.cat-Column_Container) {
    margin-top: calc(33.3em / var(--em));
    margin-inline: calc(var(--pd) * -1);
    padding-bottom: calc(37em / var(--em));
    padding-left: calc(10em / var(--em))
}

.cat-Column_Btn {
    width: calc(520em / var(--em))
}

@media not screen and (min-width: 48em) {
    .cat-Column_Container .swiper-wrapper:is(.cat-Column_Container .swiper-wrapper) {
        display: grid;
        grid-auto-flow: column
    }

    .cat-Column_Container .swiper-slide {
        margin-left: calc(20em / var(--em));
    }

    .cat-Column_Container .swiper-pagination {
        display: flex;
        gap: calc(10em / var(--em));
        justify-content: center;
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0 !important;
         !i;
         !;
    }

    .cat-Column_Container .swiper-pagination-bullet {
        background-color: #4b4b4b;
        border-radius: 10em;
        height: calc(7em / var(--em));
        transition-property: background-color;
        width: calc(20em / var(--em))
    }

    .cat-Column_Container .swiper-pagination-bullet-active {
        background-color: #e43433;
    }
}

@media (min-width: 48em) {
    .cat-Column {
        margin-top: calc(-48.3em / var(--em));
        padding-top: calc(40em / var(--em));
    }

    .cat-Column_Container:is(.cat-Column_Container) {
        display: grid;
        gap: calc(25em / var(--em));
        grid-template-columns: repeat(3, 1fr);
        margin-top: calc(35.3em / var(--em));
        margin-inline: 0;
        padding-bottom: calc(50em / var(--em));
        padding-left: 0
    }

    .cat-Column_Container .swiper-wrapper {
        display: contents;
        transform: none !important
    }

    .cat-Column_Container .swiper-slide {
        gap: 0
    }

    .cat-Column_Container .swiper-pagination {
        display: none
    }

    .cat-Column_Btn {
        margin-top: 0;
        width: calc(350em / var(--em))
    }
}

.st-ColumnCard {
    grid-row: span 4;
    grid-template-rows: subgrid;
    padding-bottom: calc(19em / var(--em));
    position: relative;
    visibility: visible;
    z-index: 1
}

.st-ColumnCard:is(.st-ColumnCard) {
    display: grid;
    width: calc(335em / var(--em))
}

.st-ColumnCard:before {
    background-color: #fff;
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1
}

.st-ColumnCard:after {
    box-shadow: calc(9.19em / var(--em)) calc(9.19em / var(--em)) calc(20em / var(--em)) #040000;
    content: "";
    opacity: .1;
    position: absolute;
    inset: 0;
    z-index: -2
}

.st-ColumnCard_Category {
    --em: 18;
    --let: 0;
    --lh: 26;
    align-items: center;
    background-color: #E43433;
    color: #fff;
    display: grid;
    grid-area: 1/1;
    height: calc(40em / var(--em));
    justify-items: center;
    justify-self: start;
    padding-inline: calc(10em / var(--em));
    min-width: calc(200em / var(--em));
    z-index: 1
}

.st-ColumnCard_Img {
    grid-area: 1/1
}

.st-ColumnCard_Img img {
    height: calc(220em / var(--em));
    object-fit: cover;
    width: 100%
}

.st-ColumnCard_Date {
    --em: 22;
    --let: -.02em;
    --lh: 32;
    font-weight: 700;
    margin-top: calc(13.1em / var(--em));
    padding-inline: calc(20em / var(--em))
}

.st-ColumnCard_Title {
    --em: 22;
    --lh: 30;
    margin-top: calc(-1.5em / var(--em));
    padding-inline: calc(20em / var(--em))
}

.st-ColumnCard_Title a: after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1
}

.st-ColumnCard_Tag {
    --em: 17;
    --let: 0;
    --lh: 25;
    display: grid;
    gap: calc(10em / var(--em));
    justify-content: start;
    margin-top: calc(25.5em / var(--em));
    padding-inline: calc(20em / var(--em))
}

.st-ColumnCard_Tag li {
    align-items: center;
    border-radius: calc(5em / var(--em));
    box-shadow: 0 0 0 1px #ccc inset;
    display: grid;
    grid-auto-flow: column;
    height: calc(40em / var(--em));
    padding-inline: calc(10.8em / var(--em));
}

.st-ColumnCard_Tag li: before {
    content: "#"
}

@media (min-width: 48em) {
    .st-ColumnCard {
        padding-bottom: calc(20em / var(--em))
    }

    .st-ColumnCard:is(.st-ColumnCard) {
        width: calc(270em / var(--em))
    }

    .st-ColumnCard:after {
        transition-property: filter
    }

    .st-ColumnCard_Category {
        --em: 13;
        height: calc(30em / var(--em));
        min-width: calc(140em / var(--em))
    }

    .st-ColumnCard_Img img {
        height: calc(180em / var(--em))
    }

    .st-ColumnCard_Date {
        --em: 16;
        --lh: 24;
        margin-top: calc(14.1em / var(--em))
    }

    .st-ColumnCard_Title {
        --em: 16;
        --lh: 22;
        margin-top: calc(7.7em / var(--em))
    }

    .st-ColumnCard_Tag {
        --em: 13;
        --lh: 19;
        gap: calc(5em / var(--em));
        margin-top: calc(28.2em / var(--em))
    }

    .st-ColumnCard_Tag li {
        height: calc(30em / var(--em))
    }

}

.index-news {
    padding-bottom: 6%;
}