:root{--clr-primary-1:hsl(43, 86%, 17%);--clr-primary-2:hsl(43, 77%, 27%);--clr-primary-3:hsl(43, 72%, 37%);--clr-primary-4:hsl(42, 63%, 48%);--clr-primary-5:hsl(42, 78%, 60%);--clr-primary-6:hsl(43, 89%, 70%);--clr-primary-7:hsl(43, 90%, 76%);--clr-primary-8:hsl(45, 86%, 81%);--clr-primary-9:hsl(45, 90%, 88%);--clr-primary-10:hsl(45, 100%, 96%);--clr-primary-11:#ddc4b2;--clr-grey-1:hsl(209, 61%, 16%);--clr-grey-2:hsl(211, 39%, 23%);--clr-grey-3:hsl(209, 34%, 30%);--clr-grey-4:hsl(209, 28%, 39%);--clr-grey-5:hsl(210, 22%, 49%);--clr-grey-6:hsl(209, 23%, 60%);--clr-grey-7:hsl(211, 27%, 70%);--clr-grey-8:hsl(210, 31%, 80%);--clr-grey-9:hsl(212, 33%, 89%);--clr-grey-10:hsl(210, 36%, 96%);--clr-new:#e861ae;--clr-white:#fff;--ff-primary:"Roboto", sans-serif;--ff-secondary:"Open Sans", sans-serif;--transition:all 0.3s linear;--spacing:0;--radius:0.5rem;--light-shadow:0 5px 15px rgba(0, 0, 0, 0.1);--dark-shadow:0 5px 15px rgba(0, 0, 0, 0.2);--max-width:1170px}.section-title{padding:3rem;padding-bottom:0}.section-center{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2rem;margin-bottom:2rem}.single-device{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #b8b8b8;border-radius:1rem;height:500px;transition:var(--transition);position:relative}.control-heigh{height:auto}.single-device img{width:auto;height:150px;margin-bottom:1rem}.single-device h3{margin-bottom:1rem}.problem-header{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:1.5rem;padding:0}.problem-header p{color:#000;font-weight:700}.problems{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-height:80px;transition:max-height 0.1s linear;overflow:hidden;margin-bottom:4rem;margin-top:-2.5rem}.show-problems{max-height:3000px;margin-top:-1rem;transition:max-height 1s ease-in}.single-problem{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;border-top:1px solid #b8b8b8}.single-problem a{margin-right:.5rem;color:#222}.single-problem a:hover{color:var(--clr-primary-5)}.single-problem p{color:#222;margin-top:1.6rem;font-weight:700}.circle{background-color:var(--clr-new);padding:.8rem;width:40px;height:40px;border-radius:50%;cursor:pointer;position:absolute;right:1rem;bottom:1rem;display:flex;justify-content:center;align-items:center}.circle i{color:#fff;font-size:1.5rem}@media screen and (max-width:1024px){.section-center{justify-items:center}}@media screen and (max-width:876px){.section-center{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:570px){.section-center{grid-template-columns:repeat(1,1fr)}.single-device{width:70%}}@media screen and (max-width:422px){.single-device{width:80%}}@media screen and (max-width:318px){.single-device{width:90%}}.settings{position:absolute;top:1rem;left:1rem}.settings i{color:#000;font-size:1.5rem}.deletebtn{background-color:red}