details{border-bottom:1px solid #000;*{font-size:16px}&:nth-child(1){border-top:1px solid #000}summary{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;font-size:16px;font-weight:400;position:relative;padding:40px 40px 40px 0;&::-webkit-details-marker{opacity:0}&:before{content:'';display:block;width:40px;height:1px;position:absolute;background-color:#000;right:0}&:after{content:'';display:block;width:1px;height:40px;right:20px;position:absolute;background-color:#000}}p{margin:0;padding-bottom:2rem;padding-right:70px;font-size:15px}}details[open]{summary{&:after{display:none}}}@media (max-width:768px){details{summary{padding:20px 40px 20px 0;&:before{width:30px;right:5px}&:after{height:30px}}}details.panel{min-height:245px}}.slider-item{position:relative;height:100%;.dot{display:block;width:30px;height:30px;border:1px solid #000;background-color:#fff;border-radius:50%;position:absolute;bottom:-15px;right:50%;transform:translate(50%);display:flex;justify-content:center;align-items:center;cursor:pointer;&:before{content:'';display:block;width:10px;height:1px;position:absolute;background-color:#000;right:50%;transform:translate(50%)}&:after{content:'';display:block;width:1px;height:10px;right:50%;transform:translate(50%);position:absolute;background-color:#000}}}details.panel[open]+.dot:after{display:none}details.panel{border-bottom:1px solid #000;position:relative;margin-top:-50px;*{font-size:16px}&:nth-child(1){border-top:1px solid #000}summary{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;font-size:16px;position:relative;padding:30px 0;min-height:180px;&::-webkit-details-marker{opacity:0}&:before,&:after{display:none}}p{margin:0;padding-bottom:2rem;padding-right:0;font-size:15px}}