/* ITEM */
.policy-item{
    padding:0 0 0.1rem;
    margin-bottom:0.1rem;
}

/* HEADER */
.policy-head{
    width:100%;
    border:none;
    background:none;
    display:grid;
    grid-template-columns:54px 1fr 30px;
    gap:22px;
    align-items:center;
    padding:0;
    cursor:pointer;
    text-align:left;
}

/* NUMBER */
.policy-num{
    width:54px;
    height:54px;
    border:1px solid rgba(19,35,61,.16);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    flex-shrink:0;
}

/* TITLE */
.policy-title{
    font-weight:800;
    color:#0d1e3b;
}
@media print, (min-width: 768px) {
    .policy-num,.policy-title{
        font-size:0.25rem;
    }
}
/* ICON */
.policy-icon{
    width:26px;
    height:26px;
    position:relative;
    justify-self:end;
}

.policy-icon:before,
.policy-icon:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    background:#0d1e3b;
    transform:translate(-50%,-50%);
    transition:.45s cubic-bezier(.22,1,.36,1);
    border-radius:20px;
}

.policy-icon:before{
    width:24px;
    height:2px;
}

.policy-icon:after{
    width:2px;
    height:24px;
}

.policy-item.active .policy-icon:after{
    opacity:0;
    transform:translate(-50%,-50%) rotate(90deg);
}

/* BODY */
.policy-body{
    height:0;
    overflow:hidden;
    opacity:0;
    transition:
        height .6s cubic-bezier(.22,1,.36,1),
        opacity .35s ease;
    will-change:height, opacity;
}

.policy-item.active .policy-body{
    opacity:1;
}

/* CONTENT */
.policy-content strong{font-weight: 700;}
.policy-content{
    padding:24px 0 0 76px;
}

.policy-content ul{
    margin:0;
    padding:0;
    list-style:none;
}

.policy-content li{
    position:relative;
    padding-left:28px;
    margin-bottom:28px;
}

.policy-content li:last-child{
    margin-bottom:0;
}

.policy-content li:before{
    content:"";
    position:absolute;
    left:0;
    top:0.05rem;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#b99b4d;
}

.policy-content strong{
    display:block;
    line-height:1.4;
}

.policy-content p{
    margin:0;
    line-height:1.9;
}

/* HOVER */
.policy-head:hover .policy-title{
    opacity:.8;
}

/* MOBILE */
@media(max-width:768px){


    .policy-item{
        padding-bottom:16px;
        margin-bottom:18px;
    }

    .policy-head{
        grid-template-columns:42px 1fr 24px;
        gap:14px;
    }

    .policy-num{
        width:42px;
        height:42px;
        font-size:16px;
    }

    .policy-title{font-size:0.3rem;    }

    .policy-content{
        padding:18px 0 0 0.3rem;
    }

    
    .policy-content p{
        line-height:1.6;
    }

}
@media(max-width:560px){
    .policy-num,.policy-title{font-size: 0.19rem; line-height: 0.22rem; }
}