.sguides-content { padding-bottom: 24px }
@media (min-width:992px) { .sguides-content { padding-bottom: 100px } }
.sguides-content__container { display: flex; flex-direction: column }
@media (min-width:992px) { .sguides-content__container { flex-direction: row } }
.sguides-content__left { margin-bottom: 30px }
@media (min-width:992px) { .sguides-content__left { margin-right: 100px; width: 25% } }
.sguides-content__right { flex: 1 }
.sguides-content__details { display: none }
.sguides-content__details.active { display: block }
.sguides-content__title { color: #232426; font-size: 24px; font-weight: 700; line-height: 29px; margin-bottom: 24px }
@media (min-width:576px) { .sguides-content__title { font-size: 30px; line-height: 36px; margin-bottom: 40px } }
.sguides-content__para { margin-bottom: 16px }
@media (min-width:576px) { .sguides-content__para { margin-bottom: 56px } }
.sguides-content__subTitle { color: #26282b; font-size: 18px; line-height: 22px; font-weight: 700; margin-bottom: 8px }
@media (min-width:576px) { .sguides-content__subTitle { font-size: 24px; line-height: 29px } }
.sguides-content__desc { color: #454c53; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 20px }
@media (min-width:576px) { .sguides-content__desc { font-size: 18px; line-height: 28px; margin-bottom: 40px } }
.sguides-content__img { margin-bottom: 20px }
@media (min-width:576px) { .sguides-content__img { margin-bottom: 40px } }
.sguides-content__desc ul { list-style: disc; padding-left: 20px; }

.sidebar-accordion { background-color: #f7f5f1; padding: 24px 16px }
.sidebar-accordion__title { border-bottom: 1px solid #e8ebed; color: #26282b; font-size: 24px; font-weight: 700; line-height: 29px; padding-bottom: 24px }
.sidebar-accordion__9menu { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.sidebar-accordion__nav { border-bottom: 1px solid #e8ebed; color: #454c53; display: flex; flex-direction: column; font-size: 16px; font-weight: 400; line-height: 20px; padding: 14px 0 }
.sidebar-accordion__nav-inner { display: flex; flex-direction: row; justify-content: space-between; cursor: pointer; }
.sidebar-accordion__nav-inner [class^=icon-]::before { color: #232426 }
.sidebar-accordion__navItems { padding: 4px 0 }
.sidebar-accordion__navItems.collapse { display: none }
.sidebar-accordion__navItem { padding: 0 20px; cursor: pointer; }
.sidebar-accordion__navItem-inner { padding: 14px 0 }
.sidebar-accordion__navItem:not(:last-child) .sidebar-accordion__navItem-inner { border-bottom: 1px solid #e8ebed }
.sidebar-accordion__navItem.active { box-shadow: inset 5px 0 0 0 #232426; color: #232426; font-weight: 700 }