html{font-size:10px;font-family:Arial,Helvetica,sans-serif}body{background:#eaedf7;font-size:16px}h1{font-size:2.4rem;text-align:center}
.accordion{background:#fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1);box-sizing:border-box;max-width:500px;margin:20px auto;padding:50px}.accordion__item{border-bottom:1px solid #eee}.accordion__item:last-child{border-bottom:none}.accordion__item-title{cursor:pointer}.accordion__item-title:hover{color:#a20}.accordion__item-title:before{background:#000;border-radius:50%;color:#fff;content:"+";display:inline-block;height:20px;line-height:20px;width:20px;margin-right:20px;text-align:center}.accordion__item-details{display:none;margin-left:40px}.accordion--active .accordion__item-details,.accordion__item--active .accordion__item-details{display:block}.accordion--active .accordion__item-title:before,.accordion__item--active .accordion__item-title:before{content:"-"}.accordion__item-details p{font-size:1.4rem;line-height:1.5}
.card-gallery{background:#fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.1);box-sizing:border-box;max-width:500px;margin:20px auto;overflow:hidden;position:relative}.card-gallery__items{overflow:hidden;display:flex;flex-wrap:nowrap;position:relative;width:1500px;transition:all .3s ease-in}.card-gallery__item{box-sizing:border-box;flex-basis:500px}.card-gallery__item--pic{position:relative}.card-gallery__item-image{max-width:100%}.card-gallery__item-caption{background:rgba(255,255,255,.5);backdrop-filter:blur(13px);box-sizing:border-box;font-size:small;position:absolute;bottom:0;width:100%;padding:15px}.card-gallery__desc{padding:20px}.card-gallery__nav{box-sizing:border-box;display:flex;justify-content:space-between;position:absolute;padding:10px;width:100%;top:30%}.card-gallery__nav--prev,.card-gallery__nav--next{opacity:.7;position:relative;z-index:1;transition:all .1s ease-in}.card-gallery__nav--prev:before,.card-gallery__nav--next:before{content:"➤";display:block;background:#fff;height:32px;width:32px;line-height:32px;text-align:center;box-sizing:border-box;border-radius:50%;cursor:pointer}.card-gallery__nav--prev:hover,.card-gallery__nav--next:hover{opacity:.9}.card-gallery__nav--prev{transform:scaleX(-1)}.card-gallery__nav--disabled{opacity:.2}.card-gallery__nav--disabled:before{background:#000;color:#fff;cursor:default}.card-gallery__nav--disabled:hover{opacity:.2}.card-gallery__item--custom{align-items:center;padding:50px}.card-gallery__item--custom input{box-sizing:border-box;display:block;margin:20px 0;padding:10px;width:100%}