div.accordion {
    div.item {
        border: solid var(--colourBorder) 1px;
        border-bottom: none;
        overflow: hidden;

        &:first-child {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        &:last-child {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            border-bottom: solid var(--colourBorder) 1px;
        }

        div.title {
            padding: 18px;
            cursor: pointer;
            background-color: var(--colourBrandSecondary);
            font-family: 'Inter Black';
            border-bottom: solid var(--colourBorder) 1px;

            background-image: url("../media/images/caret-down-TFkA_JY.svg");
            background-repeat: no-repeat;
            background-position: calc(100% - 18px) center;
            background-size: auto 24px;

            padding-right: 40px;
        }

        div.content {
            display: none;
            padding: 18px;

            p:not(:first-child) {
                margin-top: 18px;
            }
        }

        &.active {
            div.title {
                background-image: url("../media/images/caret-up-PPUPw-L.svg");
            }

            div.content {
                display: block;
            }
        }
    }
}