.accordion-item{background-color: #F3F8FE; border-radius: 10px; padding: 18px 48px; margin-bottom: 20px;  transition: ease-in-out .2s all; position: relative;}
.accordion-content{max-height: 0; visibility: hidden; overflow: hidden; transition: ease-in-out .4s all;}


.accordion-item h3{margin: 0; padding: 0; position: relative; padding-right: 20px; cursor: pointer;}
.accordion-item h3::after{content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: ease-in-out .2s all; }
.accordion-item.accordion-opened{background-color:#E7F1FE ;}
.accordion-item.accordion-opened .accordion-content{height: auto; visibility: visible; max-height: 500px;}

.accordion-item.accordion-opened h3::after{content: '-';}

.accordion-item h3::before{position: absolute; z-index: 4; width: calc(100% + 96px); height: calc(100% + 36px); left: -48px; top: -18px; content: '';}

@media (max-width:767px) {
    .accordion-item{padding: 10px 20px;}
    .accordion-item h3{font-size: 20px !important;}
}