.practices__content1 {
    position: relative;
    counter-increment: practices__content;
    overflow: hidden;
    border-radius: 6px;
    padding-left: 0px;
    padding-right: 20px;
}

.practices__content1::after {
    content: " ";
    display: block;
    position: relative;
    height: 46px;
    background: linear-gradient(180deg, hsla(var(--color-base-background)/0) 0%, hsla(var(--color-base-background)/.67) 100%);
    border-radius: 8px;
    z-index: 0
}

.practices__content1>.practices__summary1 {
    grid-row-start: 2;
    grid-row-end: 4;
    display: grid;
    grid-gap: var(--font-size-l);
    grid-template-rows: 30px calc(var(--font-size)*2) var(--font-size);
    height: 70px;
    background-color: var(--color-background)
}


.practices__content1 .practices__toggler1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    position: absolute;
    margin-top: 66px;
    justify-self: start;
    font-size: 20px;
    font-family: montserrat-medium, sans-serif;
    padding: 4px 15px;
    box-shadow: 0 0 10px 5px rgb(0 0 0/.1);
    border: 0;
    border-radius: 5px;
    background-color: #FFD800;
    z-index: 1;
    cursor: pointer;
    color: #333;
}

.practices__content1--open {
    overflow: unset
}

.practices__content1--open::after {
    display: none
}

.practices__content1--open>.practices__summary1 {
    height: auto;
    grid-template-rows: unset;
    overflow: unset
}

.practices__content1--open .practices__toggler1 {
    position: sticky;
    grid-row-start: unset;
    bottom: 1em;
    margin-top: unset
}

.practices__content1--short>.practices__summary1 {
    height: auto
}

.practices__content1--short::after {
    height: unset
}

.content1>:first-child {
    margin-top: 0;
}

/*-----------------------------------------------------------*/

.practices__content2 {
    position: relative;
    counter-increment: practices__content;
    overflow: hidden;
    border-radius: 6px;
    padding-left: 0px;
    padding-right: 20px;
}

.practices__content2::after {
    content: " ";
    display: block;
    position: relative;
    height: 46px;
    background: linear-gradient(180deg, hsla(var(--color-base-background)/0) 0%, hsla(var(--color-base-background)/.67) 100%);
    border-radius: 8px;
    z-index: 0
}

.practices__content2>.practices__summary2 {
    grid-row-start: 2;
    grid-row-end: 4;
    display: grid;
    grid-gap: var(--font-size-l);
    grid-template-rows: 30px calc(var(--font-size)*2) var(--font-size);
    height: 400px;
    background-color: var(--color-background)
}


.practices__content2 .practices__toggler2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    position: absolute;
    margin-top: 370px;
    justify-self: start;
    font-size: 20px;
    font-family: montserrat-medium, sans-serif;
    padding: 7px 15px;
    box-shadow: 0 0 10px 5px rgb(0 0 0/.1);
    border: 0;
    border-radius: 30px;
    background-color: var(--color-button2);
    z-index: 1;
    cursor: pointer;
    color: white;
    box-shadow: 0px 10px 14px -7px var(--color-button-news);
}


.practices__toggler2:hover {
    background-color: var(--color-button-hover);
    box-shadow: 0px 10px 14px -7px var(--color-button-hover-shadow);
}

.practices__content2--open {
    overflow: unset
}

.practices__content2--open::after {
    display: none
}

.practices__content2--open>.practices__summary2 {
    height: auto;
    grid-template-rows: unset;
    overflow: unset
}

.practices__content2--open .practices__toggler2 {
    position: sticky;
    grid-row-start: unset;
    bottom: 1em;
    margin-top: unset
}

.practices__content2--short>.practices__summary2 {
    height: auto
}

.practices__content2--short::after {
    height: unset
}

.content2>:first-child {
    margin-top: 0;
}