/* global */
:root {
    --color-blue: #4858e7;
    --color-cyan: #7f9af9;
    --color-green: #87e22b;
    --color-white: #ffffff;
    --color-black: #000000;
}
/* END global */

/* section__policy */
.policy__title {
    text-transform: none;
}
.policy__items {
    margin-top: 35rem;
}
.policy__item {
    padding-bottom: 10rem;
    border-bottom: 1rem solid var(--color-green);
}
.policy__item:not(:last-child) {
    margin-bottom: 30rem;
}
.policy__item-title {
    position: relative;
    padding-right: 42rem;
    color: #2f2f2f;
    cursor: pointer;
}
.policy__item-toggle {
    position: absolute;
    top: 0;
    right: 10rem;
    width: 32rem;
    height: 32rem;
    background: var(--color-blue);
    -webkit-mask-image: url(../media/policy/toggle.svg);
    mask-image: url(../media/policy/toggle.svg);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.policy__item.active .policy__item-toggle {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.policy__item-desc {
    padding-right: 42rem;
    height: 0;
    overflow: hidden;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.policy__item.active .policy__item-desc {
    padding-top: 20rem;
    height: auto;
}
@media (min-width: 900px) {
    .policy__title {
        max-width: 460rem;
    }
    .policy__items {
        margin-top: 60rem;
    }
    .policy__item-title {
        padding-right: 50rem;
        padding-bottom: 12rem;
    }
    .policy__item-toggle {
        width: 40rem;
        height: 40rem;
    }
    .policy__item-desc {
        padding-right: 50rem;
    }
    .policy__item.active .policy__item-desc {
        padding-top: 8rem;
    }
}
@media (min-width: 1200px) {
    .policy__title {
        max-width: 560rem;
    }
    /* .policy__item-title {
        padding-right: 560rem;
    }
    .policy__item-desc {
        padding-right: 560rem;
    } */
}
/* END section__policy */