/* Panel */
.panel {
    background: var(--dark);
    position: relative;
    z-index: 1;
    overflow: hidden;
    clear: both;
}
.panel:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url('../images/panel-bg.svg') no-repeat;
    background-size: cover;
    z-index: -1;
}
.panel .laptop {
    position:relative;
    margin:auto;
    width:100%!important
  }
  .panel .laptop .laptop__screen {
    position:relative;
    z-index:1;
    padding:3%;
    border-radius:2rem;
    background:var(--gray);
    background-image:linear-gradient(to bottom,var(--background),var(--background));
    box-shadow:0 .1rem 0 var(--light);
    border:2px solid var(--light-dark)
  }
  .panel .laptop .laptop__screen img {
    display:block;
    max-width:100%;
    height:auto;
    aspect-ratio:attr(width)/attr(height);
    background:var(--light)
  }
  .panel .laptop .laptop__bottom {
    position:relative;
    z-index:1;
    margin-right:-4%;
    margin-left:-4%;
    height:.7rem;
    background:#e9eff5;
    background-image:linear-gradient(to right,#d2dde9 0,#f9fcff 15%,#e5ebf2 40%,#e5ebf2 60%,#f9fcff 85%,#d2dde9 100%)
  }
  .panel .laptop .laptop__bottom::before {
    display:block;
    margin:0 auto;
    width:20%;
    height:.7rem;
    border-radius:0 0 .2rem .2rem;
    background:#f6f9fc;
    background-image:linear-gradient(to right,#c3cfdb 0,#f6f9fc 10%,#f6f9fc 90%,#c3cfdb 100%);
    content:" "
  }
  .panel .laptop .laptop__under {
    position:absolute;
    top:100%;
    left:25%;
    display:block;
    width:50%;
    height:1.5rem;
    background:#e2e8f0;
    background-image:linear-gradient(to bottom,#e2e8f0,#bec7d1)
  }
  .panel .laptop .laptop__under::after,
  .panel .laptop .laptop__under::before {
    position:absolute;
    top:0;
    right:100%;
    bottom:0;
    display:block;
    width:50%;
    border-bottom-left-radius:100%;
    background:inherit;
    content:" "
  }
  .panel .laptop .laptop__under::after {
    right:auto;
    left:100%;
    border-bottom-right-radius:100%;
    border-bottom-left-radius:0
  }
.panel .panel_content h2 {
    color: var(--white);
    font-weight: 600;
}
.panel .panel_content ul {
    list-style: none;
    padding: 0;
}
.panel .panel_content ul li {
    line-height: 36px;
    font-size: 17px;
}
.panel .panel_content ul li svg {
    fill: var(--blue);
}
@media (max-width: 992px) {
    .panel:before {
        height: 280px;
    }
}