/* Section background */
.sn-help-contents-wrap{
 background:#f3f0ec;
 border-radius: 20px;
}

/* Outer shell */
.sn-help-contents-shell{
  max-width:760px;
  margin:0 auto;
}

/* Large heading / wordmark */
.sn-help-brand{
  font-size: 20px;
  line-height:.95;
  font-weight:400;
  letter-spacing:-0.05em;
  color:#1E3B55;
}

/* Circular icon buttons */
.sn-help-circle-btn{
  width:50px;
  height:50px;
  border-radius:50%;
  border:2px solid #1E3B55;
  background:#f8f8f6;
  color:#1E3B55;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease;
}

.sn-help-circle-btn:hover,
.sn-help-circle-btn:focus{
  transform:translateY(-1px);
}

.sn-help-circle-btn.is-accent{
  background:#42e0d6;
}

/* Chevron animation */
.sn-help-toggle-icon{
  transition:transform .24s ease;
}

/* When collapsed, point down */
.sn-help-circle-btn.collapsed .sn-help-toggle-icon{
  transform:rotate(180deg);
}

/* Collapse wrapper */
.sn-help-contents-collapse{
  overflow:hidden;
}

.sn-help-contents-collapse.collapsing{
  transition:height .35s ease;
}

/* Main rounded panel */
.sn-help-contents-panel{
  position:relative;
  background:#f8f8f6;
  border-radius:0 0 2.8rem 2.8rem;
  padding:2.25rem 2.25rem 2.5rem;
  box-shadow:inset 0 0 0 1px rgba(30,59,85,.06);
}

/* Subtle inner left rail */
.sn-help-contents-panel::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:2rem;
  width:1px;
  background:rgba(30,59,85,.10);
  pointer-events:none;
  border-radius:999px;
}

/* Heading */
.sn-help-contents-heading{
  line-height:1.05;
  font-weight:500;
  color:#1E3B55;
  margin:0 0 1.5rem 1rem;
}

/* List */
.sn-help-contents-list{
  list-style:none;
  margin:0;
  padding:0 0 0 1rem;
}

.sn-help-contents-list li{
  margin:0;
}

.sn-help-contents-list a{
  display:inline-block;
  text-decoration:none;
  color:#213b55;
  line-height:1.25;
  font-weight:400;
  padding:.45rem 0;
  transition:
    color .18s ease,
    opacity .18s ease,
    text-decoration-color .18s ease;
}

.sn-help-contents-list a:hover,
.sn-help-contents-list a:focus{
  text-decoration:underline;
  text-underline-offset:4px;
  color:#1E3B55;
   color: #61c3eb;
    opacity: 0.75;
}


.sn-help-contents-list:hover::after {
  transform: scaleX(1);
}

/* Search panel */
.sn-help-search-panel{
  background:#f8f8f6;
  border-radius:1.25rem;
  padding:1rem;
  box-shadow:inset 0 0 0 1px rgba(30,59,85,.10);
}

.sn-help-search-panel .form-control{
  border-radius:999px;
  min-height:52px;
  border:1px solid rgba(30,59,85,.18);
  box-shadow:none;
  font-size:1rem;
  color:#213b55;
}

.sn-help-search-panel .form-control:focus{
  border-color:#1E3B55;
  box-shadow:0 0 0 .2rem rgba(30,59,85,.08);
}

/* Mobile */
@media (max-width: 767.98px){
  .sn-help-circle-btn{
    width:64px;
    height:64px;
  }

  .sn-help-circle-btn svg{
    transform:scale(.88);
  }

  .sn-help-contents-panel{
    padding:1.75rem 1.25rem 2rem;
    border-radius:0 0 2.2rem 2.2rem;
  }

  .sn-help-contents-panel::before{
    left:1rem;
  }

  .sn-help-contents-heading{
    margin-left:.5rem;
  }

  .sn-help-contents-list{
    padding-left:.5rem;
  }

  .sn-help-contents-list a{
    padding:.5rem 0;
  }
}