.bdd-test-without-limit{align-items:center;background-color:#000;display:flex;flex-direction:column;gap:32px;margin:-110px auto 0;padding-top:150px;position:relative;width:100%;.container-fluid{max-width:1250px;width:100%;.header{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%;.section-description,.section-title{color:#fff;text-align:center}}.content{align-items:flex-start;display:flex;justify-content:space-between;margin-top:50px;width:100%;.illustration{background-color:#f9f9fe;max-width:590px;min-height:372px;width:50%}.sections{align-items:flex-start;display:flex;flex-direction:column;gap:16px;min-height:450px;width:45%;.section{align-items:flex-start;border:1px solid #fff;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:65px;overflow:hidden;padding:20px 30px;position:relative;transition:all .5s ease-in-out;width:100%;&.active{background-color:#fff;border:none;height:122px;max-height:100%;.description{max-height:100%}&:after{transform:rotate(270deg) scaleY(1.8)}.title{color:#000}}&.yellow{background:#fed730;&:after,.description,.title{color:#000}}&.pink{background:#bf3dc2}&.purple{background:#5959eb}&.blue{background:#43509b}.title{color:#fff;font-weight:600}.description{color:#000;max-height:0}&:after{color:#fff;content:">";font-family:Inter;font-size:16px;font-weight:400;line-height:30px;position:absolute;right:28px;transform:rotate(90deg) scaleY(1.8)}}}}}}@media screen and (min-width:1024px) and (max-width:1440px){.bdd-test-without-limit{.container-fluid{width:95%;.content .sections .section.active{height:165px}}}}@media screen and (max-width:1023.8px){.bdd-test-without-limit{margin-top:0;padding:50px 20px;.container-fluid{max-width:600px;.content{align-items:center;flex-direction:column-reverse;.illustration{margin-top:0;min-height:0;width:100%}.sections{margin-bottom:50px;min-height:0;width:100%;.section{height:fit-content;padding:12px 20px 0;&:after{right:15px}&.active{height:fit-content;padding-bottom:12px}}}}}}}@media screen and (max-width:600px){.bdd-test-without-limit{margin-top:0;padding:50px 20px;.container-fluid{.content{flex-direction:column-reverse;.illustration{margin-top:0;min-height:0;width:100%}.sections{width:100%;.section{height:fit-content;padding:12px 20px 0;&:after{right:15px}&.active{height:fit-content;padding-bottom:12px}}}}}}}