.bg-black {
    background-color: #333
}

.bg-black-light {
    background-color: #555
}

.bg-black-dark {
    background-color: #101010
}

.bg-white {
    background-color: #fff
}

.bg-white-dark {
    background-color: #f6f6f6
}

.bg-white-off {
    background-color: #fafafa
}

.bg-grey {
    background-color: #C4C4C4
}

.bg-grey-neg1 {
    background-color: #ACACAC
}

.bg-grey-neg2 {
    background-color: #979797
}

.bg-grey-neg3 {
    background-color: #848484
}

.bg-grey-pos1 {
    background-color: #d3d3d3
}

.bg-grey-pos2 {
    background-color: #dcdcdc
}

.bg-grey-pos3 {
    background-color: #E6E6E6
}

.bg-dark {
    background-color: #183B5C
}

.bg-dark-neg1 {
    background-color: #143350
}

.bg-dark-neg2 {
    background-color: #112D46
}

.bg-dark-neg3 {
    background-color: #0E273D
}

.bg-dark-pos1 {
    background-color: #5A738A
}

.bg-dark-pos2 {
    background-color: #89a
}

.bg-dark-pos3 {
    background-color: #ABB7C3
}

.bg-blue {
    background-color: #25A7D9
}

.bg-blue-tint {
    background-color: #E7F4F9
}

.bg-blue-neg1 {
    background-color: #2092BE
}

.bg-blue-neg2 {
    background-color: #1B7FA6
}

.bg-blue-neg3 {
    background-color: #176F91
}

.bg-blue-pos1 {
    background-color: #63BEE0
}

.bg-blue-pos2 {
    background-color: #8FCEE6
}

.bg-blue-pos3 {
    background-color: #B0DCED
}

.bg-teal {
    background-color: #23C3B3
}

.bg-teal-neg1 {
    background-color: #1EAB9D
}

.bg-teal-neg2 {
    background-color: #1A958A
}

.bg-teal-neg3 {
    background-color: #168279
}

.bg-teal-pos1 {
    background-color: #62D1C6
}

.bg-teal-pos2 {
    background-color: #8EDCD4
}

.bg-teal-pos3 {
    background-color: #B0E6E0
}

.bg-green {
    background-color: #59D146
}

.bg-green-neg1 {
    background-color: #4DB73D
}

.bg-green-neg2 {
    background-color: #44A035
}

.bg-green-neg3 {
    background-color: #3B8C2E
}

.bg-green-neg4 {
    background-color: #36832A
}

.bg-green-pos1 {
    background-color: #87DC7A
}

.bg-green-pos2 {
    background-color: #A8E29E
}

.bg-green-pos3 {
    background-color: #C2EABB
}

.bg-yellow {
    background-color: #F0E44E
}

.bg-yellow-neg1 {
    background-color: #DED449
}

.bg-yellow-neg2 {
    background-color: #CEC443
}

.bg-yellow-neg3 {
    background-color: #B4AC3A
}

.bg-yellow-neg4 {
    background-color: #7B7628
}

.bg-yellow-pos1 {
    background-color: #F1E97F
}

.bg-yellow-pos2 {
    background-color: #F2ECA2
}

.bg-yellow-pos3 {
    background-color: #F5F1BE
}

.bg-orange {
    background-color: #F0944E
}

.bg-orange-neg1 {
    background-color: #D28245
}

.bg-orange-neg2 {
    background-color: #B8723C
}

.bg-orange-neg3 {
    background-color: #A16434
}

.bg-orange-pos1 {
    background-color: #F1B07F
}

.bg-orange-pos2 {
    background-color: #F2C4A2
}

.bg-orange-pos3 {
    background-color: #F5D5BE
}

.bg-red {
    background-color: #F0505C
}

.bg-red-neg1 {
    background-color: #D24650
}

.bg-red-neg2 {
    background-color: #B83D46
}

.bg-red-neg3 {
    background-color: #A1353D
}

.bg-red-pos1 {
    background-color: #F1818A
}

.bg-red-pos2 {
    background-color: #F2A4AA
}

.bg-red-pos3 {
    background-color: #F5BFC3
}

.bg-pink {
    background-color: #E95EAC
}

.bg-pink-neg1 {
    background-color: #CC5297
}

.bg-pink-neg2 {
    background-color: #B34884
}

.bg-pink-neg3 {
    background-color: #9D3F73
}

.bg-pink-pos1 {
    background-color: #EC8AC2
}

.bg-pink-pos2 {
    background-color: #EEAAD0
}

.bg-pink-pos3 {
    background-color: #F3C3DE
}

.bg-purple {
    background-color: #9B60E9
}

.bg-purple-neg1 {
    background-color: #8853CC
}

.bg-purple-neg2 {
    background-color: #7749B3
}

.bg-purple-neg3 {
    background-color: #68409D
}

.bg-purple-pos1 {
    background-color: #B58CEC
}

.bg-purple-pos2 {
    background-color: #C7ABEE
}

.bg-purple-pos3 {
    background-color: #D7C4F3
}

.bg-grad-black-white {
    background-image: linear-gradient(135deg, #333, #fff)
}

.bg-grad-black-grey {
    background-image: linear-gradient(135deg, #333, #C4C4C4)
}

.bg-grad-black-dark {
    background-image: linear-gradient(135deg, #333, #183B5C)
}

.bg-grad-black-blue {
    background-image: linear-gradient(135deg, #333, #25A7D9)
}

.bg-grad-black-teal {
    background-image: linear-gradient(135deg, #333, #23C3B3)
}

.bg-grad-black-green {
    background-image: linear-gradient(135deg, #333, #59D146)
}

.bg-grad-black-yellow {
    background-image: linear-gradient(135deg, #333, #F0E44E)
}

.bg-grad-black-orange {
    background-image: linear-gradient(135deg, #333, #F0944E)
}

.bg-grad-black-red {
    background-image: linear-gradient(135deg, #333, #F0505C)
}

.bg-grad-black-pink {
    background-image: linear-gradient(135deg, #333, #E95EAC)
}

.bg-grad-black-purple {
    background-image: linear-gradient(135deg, #333, #9B60E9)
}

.bg-grad-white-black {
    background-image: linear-gradient(135deg, #fff, #333)
}

.bg-grad-white-grey {
    background-image: linear-gradient(135deg, #fff, #C4C4C4)
}

.bg-grad-white-dark {
    background-image: linear-gradient(135deg, #fff, #183B5C)
}

.bg-grad-white-blue {
    background-image: linear-gradient(135deg, #fff, #25A7D9)
}

.bg-grad-white-teal {
    background-image: linear-gradient(135deg, #fff, #23C3B3)
}

.bg-grad-white-green {
    background-image: linear-gradient(135deg, #fff, #59D146)
}

.bg-grad-white-yellow {
    background-image: linear-gradient(135deg, #fff, #F0E44E)
}

.bg-grad-white-orange {
    background-image: linear-gradient(135deg, #fff, #F0944E)
}

.bg-grad-white-red {
    background-image: linear-gradient(135deg, #fff, #F0505C)
}

.bg-grad-white-pink {
    background-image: linear-gradient(135deg, #fff, #E95EAC)
}

.bg-grad-white-purple {
    background-image: linear-gradient(135deg, #fff, #9B60E9)
}

.bg-grad-grey-black {
    background-image: linear-gradient(135deg, #C4C4C4, #333)
}

.bg-grad-grey-white {
    background-image: linear-gradient(135deg, #C4C4C4, #fff)
}

.bg-grad-grey-dark {
    background-image: linear-gradient(135deg, #C4C4C4, #183B5C)
}

.bg-grad-grey-blue {
    background-image: linear-gradient(135deg, #C4C4C4, #25A7D9)
}

.bg-grad-grey-teal {
    background-image: linear-gradient(135deg, #C4C4C4, #23C3B3)
}

.bg-grad-grey-green {
    background-image: linear-gradient(135deg, #C4C4C4, #59D146)
}

.bg-grad-grey-yellow {
    background-image: linear-gradient(135deg, #C4C4C4, #F0E44E)
}

.bg-grad-grey-orange {
    background-image: linear-gradient(135deg, #C4C4C4, #F0944E)
}

.bg-grad-grey-red {
    background-image: linear-gradient(135deg, #C4C4C4, #F0505C)
}

.bg-grad-grey-pink {
    background-image: linear-gradient(135deg, #C4C4C4, #E95EAC)
}

.bg-grad-grey-purple {
    background-image: linear-gradient(135deg, #C4C4C4, #9B60E9)
}

.bg-grad-dark-black {
    background-image: linear-gradient(135deg, #183B5C, #333)
}

.bg-grad-dark-white {
    background-image: linear-gradient(135deg, #183B5C, #fff)
}

.bg-grad-dark-grey {
    background-image: linear-gradient(135deg, #183B5C, #C4C4C4)
}

.bg-grad-dark-blue {
    background-image: linear-gradient(135deg, #183B5C, #25A7D9)
}

.bg-grad-dark-teal {
    background-image: linear-gradient(135deg, #183B5C, #23C3B3)
}

.bg-grad-dark-green {
    background-image: linear-gradient(135deg, #183B5C, #59D146)
}

.bg-grad-dark-yellow {
    background-image: linear-gradient(135deg, #183B5C, #F0E44E)
}

.bg-grad-dark-orange {
    background-image: linear-gradient(135deg, #183B5C, #F0944E)
}

.bg-grad-dark-red {
    background-image: linear-gradient(135deg, #183B5C, #F0505C)
}

.bg-grad-dark-pink {
    background-image: linear-gradient(135deg, #183B5C, #E95EAC)
}

.bg-grad-dark-purple {
    background-image: linear-gradient(135deg, #183B5C, #9B60E9)
}

.bg-grad-blue-black {
    background-image: linear-gradient(135deg, #25A7D9, #333)
}

.bg-grad-blue-white {
    background-image: linear-gradient(135deg, #25A7D9, #fff)
}

.bg-grad-blue-grey {
    background-image: linear-gradient(135deg, #25A7D9, #C4C4C4)
}

.bg-grad-blue-dark {
    background-image: linear-gradient(135deg, #25A7D9, #183B5C)
}

.bg-grad-blue-teal {
    background-image: linear-gradient(135deg, #25A7D9, #23C3B3)
}

.bg-grad-blue-green {
    background-image: linear-gradient(135deg, #25A7D9, #59D146)
}

.bg-grad-blue-yellow {
    background-image: linear-gradient(135deg, #25A7D9, #F0E44E)
}

.bg-grad-blue-orange {
    background-image: linear-gradient(135deg, #25A7D9, #F0944E)
}

.bg-grad-blue-red {
    background-image: linear-gradient(135deg, #25A7D9, #F0505C)
}

.bg-grad-blue-pink {
    background-image: linear-gradient(135deg, #25A7D9, #E95EAC)
}

.bg-grad-blue-purple {
    background-image: linear-gradient(135deg, #25A7D9, #9B60E9)
}

.bg-grad-teal-black {
    background-image: linear-gradient(135deg, #23C3B3, #333)
}

.bg-grad-teal-white {
    background-image: linear-gradient(135deg, #23C3B3, #fff)
}

.bg-grad-teal-grey {
    background-image: linear-gradient(135deg, #23C3B3, #C4C4C4)
}

.bg-grad-teal-dark {
    background-image: linear-gradient(135deg, #23C3B3, #183B5C)
}

.bg-grad-teal-blue {
    background-image: linear-gradient(135deg, #23C3B3, #25A7D9)
}

.bg-grad-teal-green {
    background-image: linear-gradient(135deg, #23C3B3, #59D146)
}

.bg-grad-teal-yellow {
    background-image: linear-gradient(135deg, #23C3B3, #F0E44E)
}

.bg-grad-teal-orange {
    background-image: linear-gradient(135deg, #23C3B3, #F0944E)
}

.bg-grad-teal-red {
    background-image: linear-gradient(135deg, #23C3B3, #F0505C)
}

.bg-grad-teal-pink {
    background-image: linear-gradient(135deg, #23C3B3, #E95EAC)
}

.bg-grad-teal-purple {
    background-image: linear-gradient(135deg, #23C3B3, #9B60E9)
}

.bg-grad-green-black {
    background-image: linear-gradient(135deg, #59D146, #333)
}

.bg-grad-green-white {
    background-image: linear-gradient(135deg, #59D146, #fff)
}

.bg-grad-green-grey {
    background-image: linear-gradient(135deg, #59D146, #C4C4C4)
}

.bg-grad-green-dark {
    background-image: linear-gradient(135deg, #59D146, #183B5C)
}

.bg-grad-green-blue {
    background-image: linear-gradient(135deg, #59D146, #25A7D9)
}

.bg-grad-green-teal {
    background-image: linear-gradient(135deg, #59D146, #23C3B3)
}

.bg-grad-green-yellow {
    background-image: linear-gradient(135deg, #59D146, #F0E44E)
}

.bg-grad-green-orange {
    background-image: linear-gradient(135deg, #59D146, #F0944E)
}

.bg-grad-green-red {
    background-image: linear-gradient(135deg, #59D146, #F0505C)
}

.bg-grad-green-pink {
    background-image: linear-gradient(135deg, #59D146, #E95EAC)
}

.bg-grad-green-purple {
    background-image: linear-gradient(135deg, #59D146, #9B60E9)
}

.bg-grad-yellow-black {
    background-image: linear-gradient(135deg, #F0E44E, #333)
}

.bg-grad-yellow-white {
    background-image: linear-gradient(135deg, #F0E44E, #fff)
}

.bg-grad-yellow-grey {
    background-image: linear-gradient(135deg, #F0E44E, #C4C4C4)
}

.bg-grad-yellow-dark {
    background-image: linear-gradient(135deg, #F0E44E, #183B5C)
}

.bg-grad-yellow-blue {
    background-image: linear-gradient(135deg, #F0E44E, #25A7D9)
}

.bg-grad-yellow-teal {
    background-image: linear-gradient(135deg, #F0E44E, #23C3B3)
}

.bg-grad-yellow-green {
    background-image: linear-gradient(135deg, #F0E44E, #59D146)
}

.bg-grad-yellow-orange {
    background-image: linear-gradient(135deg, #F0E44E, #F0944E)
}

.bg-grad-yellow-red {
    background-image: linear-gradient(135deg, #F0E44E, #F0505C)
}

.bg-grad-yellow-pink {
    background-image: linear-gradient(135deg, #F0E44E, #E95EAC)
}

.bg-grad-yellow-purple {
    background-image: linear-gradient(135deg, #F0E44E, #9B60E9)
}

.bg-grad-orange-black {
    background-image: linear-gradient(135deg, #F0944E, #333)
}

.bg-grad-orange-white {
    background-image: linear-gradient(135deg, #F0944E, #fff)
}

.bg-grad-orange-grey {
    background-image: linear-gradient(135deg, #F0944E, #C4C4C4)
}

.bg-grad-orange-dark {
    background-image: linear-gradient(135deg, #F0944E, #183B5C)
}

.bg-grad-orange-blue {
    background-image: linear-gradient(135deg, #F0944E, #25A7D9)
}

.bg-grad-orange-teal {
    background-image: linear-gradient(135deg, #F0944E, #23C3B3)
}

.bg-grad-orange-green {
    background-image: linear-gradient(135deg, #F0944E, #59D146)
}

.bg-grad-orange-yellow {
    background-image: linear-gradient(135deg, #F0944E, #F0E44E)
}

.bg-grad-orange-red {
    background-image: linear-gradient(135deg, #F0944E, #F0505C)
}

.bg-grad-orange-pink {
    background-image: linear-gradient(135deg, #F0944E, #E95EAC)
}

.bg-grad-orange-purple {
    background-image: linear-gradient(135deg, #F0944E, #9B60E9)
}

.bg-grad-red-black {
    background-image: linear-gradient(135deg, #F0505C, #333)
}

.bg-grad-red-white {
    background-image: linear-gradient(135deg, #F0505C, #fff)
}

.bg-grad-red-grey {
    background-image: linear-gradient(135deg, #F0505C, #C4C4C4)
}

.bg-grad-red-dark {
    background-image: linear-gradient(135deg, #F0505C, #183B5C)
}

.bg-grad-red-blue {
    background-image: linear-gradient(135deg, #F0505C, #25A7D9)
}

.bg-grad-red-teal {
    background-image: linear-gradient(135deg, #F0505C, #23C3B3)
}

.bg-grad-red-green {
    background-image: linear-gradient(135deg, #F0505C, #59D146)
}

.bg-grad-red-yellow {
    background-image: linear-gradient(135deg, #F0505C, #F0E44E)
}

.bg-grad-red-orange {
    background-image: linear-gradient(135deg, #F0505C, #F0944E)
}

.bg-grad-red-pink {
    background-image: linear-gradient(135deg, #F0505C, #E95EAC)
}

.bg-grad-red-purple {
    background-image: linear-gradient(135deg, #F0505C, #9B60E9)
}

.bg-grad-pink-black {
    background-image: linear-gradient(135deg, #E95EAC, #333)
}

.bg-grad-pink-white {
    background-image: linear-gradient(135deg, #E95EAC, #fff)
}

.bg-grad-pink-grey {
    background-image: linear-gradient(135deg, #E95EAC, #C4C4C4)
}

.bg-grad-pink-dark {
    background-image: linear-gradient(135deg, #E95EAC, #183B5C)
}

.bg-grad-pink-blue {
    background-image: linear-gradient(135deg, #E95EAC, #25A7D9)
}

.bg-grad-pink-teal {
    background-image: linear-gradient(135deg, #E95EAC, #23C3B3)
}

.bg-grad-pink-green {
    background-image: linear-gradient(135deg, #E95EAC, #59D146)
}

.bg-grad-pink-yellow {
    background-image: linear-gradient(135deg, #E95EAC, #F0E44E)
}

.bg-grad-pink-orange {
    background-image: linear-gradient(135deg, #E95EAC, #F0944E)
}

.bg-grad-pink-red {
    background-image: linear-gradient(135deg, #E95EAC, #F0505C)
}

.bg-grad-pink-purple {
    background-image: linear-gradient(135deg, #E95EAC, #9B60E9)
}

.bg-grad-purple-black {
    background-image: linear-gradient(135deg, #9B60E9, #333)
}

.bg-grad-purple-white {
    background-image: linear-gradient(135deg, #9B60E9, #fff)
}

.bg-grad-purple-grey {
    background-image: linear-gradient(135deg, #9B60E9, #C4C4C4)
}

.bg-grad-purple-dark {
    background-image: linear-gradient(135deg, #9B60E9, #183B5C)
}

.bg-grad-purple-blue {
    background-image: linear-gradient(135deg, #9B60E9, #25A7D9)
}

.bg-grad-purple-teal {
    background-image: linear-gradient(135deg, #9B60E9, #23C3B3)
}

.bg-grad-purple-green {
    background-image: linear-gradient(135deg, #9B60E9, #59D146)
}

.bg-grad-purple-yellow {
    background-image: linear-gradient(135deg, #9B60E9, #F0E44E)
}

.bg-grad-purple-orange {
    background-image: linear-gradient(135deg, #9B60E9, #F0944E)
}

.bg-grad-purple-red {
    background-image: linear-gradient(135deg, #9B60E9, #F0505C)
}

.bg-grad-purple-pink {
    background-image: linear-gradient(135deg, #9B60E9, #E95EAC)
}

.bg-img--cover {
    background-size: cover
}

.bg-img--notile {
    background-repeat: no-repeat
}

.bg-img--left-top {
    background-position: left top
}

.bg-img--center-top {
    background-position: center top
}

.bg-img--right-top {
    background-position: right top
}

.bg-img--left-center {
    background-position: left center
}

.bg-img--center-center {
    background-position: center center
}

.bg-img--right-center {
    background-position: right center
}

.bg-img--left-bottom {
    background-position: left bottom
}

.bg-img--center-bottom {
    background-position: center bottom
}

.bg-img--right-bottom {
    background-position: right bottom
}

.content-dark {
    color: #183B5C;
    border-color: #555
}

.content-light {
    color: #fff;
    border-color: #fff
}

.color-black {
    color: #333
}

.color-white {
    color: #fff
}

.color-grey {
    color: #C4C4C4
}

.color-dark {
    color: #183B5C
}

.color-blue {
    color: #1B7FA6
}

.color-teal {
    color: #168279
}

.color-green {
    color: #36832A
}

.color-yellow {
    color: #7B7628
}

.color-orange {
    color: #A16434
}

.color-red {
    color: #B83D46
}

.color-pink {
    color: #B34884
}

.color-purple {
    color: #8853CC
}

i.color-black {
    color: #333
}

i.color-white {
    color: #fff
}

i.color-grey {
    color: #C4C4C4
}

i.color-dark {
    color: #183B5C
}

i.color-blue {
    color: #25A7D9
}

i.color-teal {
    color: #23C3B3
}

i.color-green {
    color: #59D146
}

i.color-yellow {
    color: #F0E44E
}

i.color-orange {
    color: #F0944E
}

i.color-red {
    color: #F0505C
}

i.color-pink {
    color: #E95EAC
}

i.color-purple {
    color: #9B60E9
}

.flex {
    display: flex
}

html body .page-container div.no-padding,
html body .page-container section.no-padding {
    padding: 0
}

html body .page-container div.no-padding--top,
html body .page-container section.no-padding--top {
    padding-top: 0
}

html body .page-container div.no-padding--bottom,
html body .page-container section.no-padding--bottom {
    padding-bottom: 0
}

html body .page-container div.no-padding--left,
html body .page-container section.no-padding--left {
    padding-left: 0
}

html body .page-container div.no-padding--right,
html body .page-container section.no-padding--right {
    padding-right: 0
}

html.no-scroll {
    overflow: hidden
}

:root {
    --scrollbar-width: 18px
}

.border-black {
    border-color: #333
}

.border-white {
    border-color: #fff
}

.border-grey {
    border-color: #C4C4C4
}

.border-dark {
    border-color: #183B5C
}

.border-blue {
    border-color: #25A7D9
}

.border-teal {
    border-color: #23C3B3
}

.border-green {
    border-color: #59D146
}

.border-yellow {
    border-color: #F0E44E
}

.border-orange {
    border-color: #F0944E
}

.border-red {
    border-color: #F0505C
}

.border-pink {
    border-color: #E95EAC
}

.border-purple {
    border-color: #9B60E9
}

.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

body {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px;
    font-weight: 400;
    color: #1e293b; 
}

p {
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    p {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    p {
        margin-bottom: 24px
    }
}

.smaller p {
    margin-bottom: 8px
}

.smaller p:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller p:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller p:last-child {
        margin-bottom: 24px
    }
}

small {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.2px;
    font-weight: 400
}

h1,
.h1 {
    font-family: "Quicksand", serif;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0.2px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 576px) {

    h1,
    .h1 {
        font-size: 32px;
        line-height: 46px;
        letter-spacing: 0.3px
    }
}

@media (min-width: 1056px) {

    h1,
    .h1 {
        font-size: 40px;
        line-height: 58px;
        letter-spacing: 0.8px
    }
}

@media (min-width: 768px) {

    h1,
    .h1 {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    h1,
    .h1 {
        margin-bottom: 24px
    }
}

.smaller h1,
.smaller .h1 {
    margin-bottom: 8px
}

.smaller h1:last-child,
.smaller .h1:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {

    .smaller h1:last-child,
    .smaller .h1:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    .smaller h1:last-child,
    .smaller .h1:last-child {
        margin-bottom: 24px
    }
}

h2,
.h2 {
    font-family: "Quicksand", serif;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: 600;
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 576px) {

    h2,
    .h2 {
        font-size: 29px;
        line-height: 39px;
        letter-spacing: 0.1px
    }
}

@media (min-width: 1056px) {

    h2,
    .h2 {
        font-size: 32px;
        line-height: 46px;
        letter-spacing: 0.1px
    }
}

@media (min-width: 768px) {

    h2,
    .h2 {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    h2,
    .h2 {
        margin-bottom: 24px
    }
}

.smaller h2,
.smaller .h2 {
    margin-bottom: 8px
}

.smaller h2:last-child,
.smaller .h2:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {

    .smaller h2:last-child,
    .smaller .h2:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    .smaller h2:last-child,
    .smaller .h2:last-child {
        margin-bottom: 24px
    }
}

h3,
.h3 {
    font-family: "Quicksand", serif;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.1px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 576px) {

    h3,
    .h3 {
        font-size: 22px;
        line-height: 34px;
        letter-spacing: 0.2px
    }
}

@media (min-width: 1056px) {

    h3,
    .h3 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0.2px
    }
}

@media (min-width: 768px) {

    h3,
    .h3 {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    h3,
    .h3 {
        margin-bottom: 24px
    }
}

.smaller h3,
.smaller .h3 {
    margin-bottom: 8px
}

.smaller h3:last-child,
.smaller .h3:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {

    .smaller h3:last-child,
    .smaller .h3:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    .smaller h3:last-child,
    .smaller .h3:last-child {
        margin-bottom: 24px
    }
}

h4,
.h4 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0;
    font-weight: 600;
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {

    h4,
    .h4 {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    h4,
    .h4 {
        margin-bottom: 24px
    }
}

.smaller h4,
.smaller .h4 {
    margin-bottom: 8px
}

.smaller h4:last-child,
.smaller .h4:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {

    .smaller h4:last-child,
    .smaller .h4:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    .smaller h4:last-child,
    .smaller .h4:last-child {
        margin-bottom: 24px
    }
}

.content h2 {
    margin-top: 64px
}

.content h2:first-child {
    margin-top: 0
}

.contentWrapper h1 {
    font-weight: 600;
}

.collection-category h2 {
    font-weight: 600;
    a {
        color: #1e293b;
    }
}
.category-list h3 {
    font-weight: 600;
    color: #1e293b;
}

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
textarea {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px;
    font-weight: 400;
    border: 1px solid #E6E6E6;
    padding: 7px 15px;
    border-radius: 8px;
    display: block;
    width: 100%;
    transition: box-shadow 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s, border-color 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s
}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);
    outline: none;
    border-color: #25A7D9
}

.content-light input[type=text]:focus,
.content-light input[type=email]:focus,
.content-light input[type=number]:focus,
.content-light input[type=password]:focus,
.content-light textarea:focus {
    border: 1px solid #E6E6E6
}

.inline-form {
    display: flex;
    position: relative
}

.inline-form>div {
    flex-grow: 1
}

.inline-form input {
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .inline-form input {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .inline-form input {
        margin-bottom: 24px
    }
}

.smaller .inline-form input {
    margin-bottom: 8px
}

.smaller .inline-form input:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller .inline-form input:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller .inline-form input:last-child {
        margin-bottom: 24px
    }
}

.inline-form .btn {
    flex-shrink: 0
}

.inline-form .btn,
.inline-form input {
    border-radius: 0
}

.inline-form .btn:first-child,
.inline-form input:first-child {
    border-radius: 8px 0 0 8px
}

.inline-form .btn.btn--cta,
.inline-form .btn:last-child,
.inline-form input.btn--cta,
.inline-form input:last-child {
    border-radius: 0 8px 8px 0
}

.container-fluid,
.navbar .navbar-inner .container-fluid {
    margin: auto;
    position: relative;
    padding: 0 16px;
    width: 100%;
    max-width: 592px;
    box-sizing: border-box
}

@media (min-width: 768px) {

    .container-fluid,
    .navbar .navbar-inner .container-fluid {
        padding: 0 16px
    }
}

@media (min-width: 1056px) {

    .container-fluid,
    .navbar .navbar-inner .container-fluid {
        padding: 0 24px
    }
}

@media (min-width: 768px) {

    .container-fluid,
    .navbar .navbar-inner .container-fluid {
        max-width: 1056px
    }
}

@media (min-width: 1248px) {

    .container-fluid,
    .navbar .navbar-inner .container-fluid {
        max-width: 1248px
    }
}

.icon-list .list-icon--article:before,
.icon-list .list-icon--article a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d9c2652faff0016aed65e/listicon-article.svg")
}

.icon-list .list-icon--article-star:before,
.icon-list .list-icon--article-star a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d9c2ccff47e001a58beae/listicon-article-star.svg")
}

.icon-list .list-icon--external:before,
.icon-list .list-icon--external a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d9c324cedfd0017dcf345/listicon-external.svg")
}

.icon-list .list-icon--tip:before,
.icon-list .list-icon--tip a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7c864c46e0fb001798a184/listicon-tips.svg")
}

.icon-list .list-icon--video:before,
.icon-list .list-icon--video a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7c865446e0fb001798a185/listicon-video.svg")
}

.squircle-icon--account-settings:before,
.squircle-icon--account-settings a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d8163c9e77c0016215311/sqicon-account-settings.svg")
}

.squircle-icon--api:before,
.squircle-icon--api a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d8169c9e77c0016215312/sqicon-api.svg")
}

.squircle-icon--atlassian:before,
.squircle-icon--atlassian a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d816fc9e77c0016215313/sqicon-atlassian.svg")
}

.squircle-icon--auth:before,
.squircle-icon--auth a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d81744cedfd0017dcf259/sqicon-auth.svg")
}

.squircle-icon--best-practice:before,
.squircle-icon--best-practice a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/61488ede12c07c18afdd5938/best-practice-squircle.svg")
}

.squircle-icon--billing:before,
.squircle-icon--billing a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f8ee51346e0fb001798eaf2/sqicon-billing.svg")
}

.squircle-icon--collaboration:before,
.squircle-icon--collaboration a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d817a46e0fb001798a6b0/sqicon-collaboration.svg")
}

.squircle-icon--content-management:before,
.squircle-icon--content-management a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d817fc9e77c0016215314/sqicon-content-management.svg")
}

.squircle-icon--deployment:before,
.squircle-icon--deployment a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d818446e0fb001798a6b1/sqicon-deployment.svg")
}

.squircle-icon--designs:before,
.squircle-icon--designs a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d82884cedfd0017dcf269/sqicon-designs.svg")
}

.squircle-icon--design-tools:before,
.squircle-icon--design-tools a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d818b46e0fb001798a6b2/sqicon-design-tools.svg")
}

.squircle-icon--faq:before,
.squircle-icon--faq a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d81904cedfd0017dcf25b/sqicon-faq.svg")
}

.squircle-icon--faq-general:before,
.squircle-icon--faq-general a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d81c346e0fb001798a6b6/sqicon-faq-general.svg")
}

.squircle-icon--feedback:before,
.squircle-icon--feedback a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d81ca52faff0016aed597/sqicon-feedback.svg")
}

.squircle-icon--feedback-tools:before,
.squircle-icon--feedback-tools a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d81cf4cedfd0017dcf25c/sqicon-feedback-tools.svg")
}

.squircle-icon--getting-started:before,
.squircle-icon--getting-started a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d81d4c9e77c0016215318/sqicon-getting-started.svg")
}

.squircle-icon--ideas:before,
.squircle-icon--ideas a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d81dacff47e001a58bdc6/sqicon-ideas.svg")
}

.squircle-icon--integrations:before,
.squircle-icon--integrations a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d81dfcff47e001a58bdc7/sqicon-integrations.svg")
}

.squircle-icon--notifications:before,
.squircle-icon--notifications a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d8204cff47e001a58bdc9/sqicon-notifications.svg")
}

.squircle-icon--personas:before,
.squircle-icon--personas a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d8209cff47e001a58bdca/sqicon-personas.svg")
}

.squircle-icon--pm-tools:before,
.squircle-icon--pm-tools a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d820fcff47e001a58bdcc/sqicon-pm-tools.svg")
}

.squircle-icon--prodpad:before,
.squircle-icon--prodpad a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d8215cff47e001a58bdcd/sqicon-prodpad.svg")
}

.squircle-icon--productivity:before,
.squircle-icon--productivity a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d821b46e0fb001798a6b9/sqicon-productivity.svg")
}

.squircle-icon--products:before,
.squircle-icon--products a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d8220c9e77c001621531a/sqicon-products.svg")
}

.squircle-icon--profile:before,
.squircle-icon--profile a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d8229cff47e001a58bdce/sqicon-profile.svg")
}

.squircle-icon--release-notes:before,
.squircle-icon--release-notes a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d822f46e0fb001798a6bb/sqicon-release-notes.svg")
}

.squircle-icon--roadmaps:before,
.squircle-icon--roadmaps a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d8235c9e77c001621531c/sqicon-roadmaps.svg")
}

.squircle-icon--rolling-out:before,
.squircle-icon--rolling-out a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d823a46e0fb001798a6bc/sqicon-rolling-out.svg")
}

.squircle-icon--security:before,
.squircle-icon--security a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d823f4cedfd0017dcf266/sqicon-security.svg")
}

.squircle-icon--setup:before,
.squircle-icon--setup a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d824746e0fb001798a6be/sqicon-setup.svg")
}

.squircle-icon--team:before,
.squircle-icon--team a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d824c46e0fb001798a6bf/sqicon-team.svg")
}

.squircle-icon--using-prodpad:before,
.squircle-icon--using-prodpad a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d825146e0fb001798a6c0/sqicon-using-prodpad.svg")
}

.squircle-icon--zapier:before,
.squircle-icon--zapier a:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d8258cff47e001a58bdd1/sqicon-zapier.svg")
}

body.home:before {
    position: absolute;
    content: '';
    height: 4px;
    background-image: linear-gradient(to right, #25A7D9 0%, #F0E44E 25%, #F0944E 50%, #E95EAC 75%, #9B60E9 100%);
    left: 0;
    right: 0;
    top: 0
}

.navbar .navbar-inner {
    background: transparent;
    color: #183B5C;
    padding-top: 8px;
    box-shadow: none
}

.navbar .container-fluid {
    min-height: 68px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.navbar .brand {
    padding: 0;
    max-width: none;
    width: 100%;
    padding: 18px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar .brand img {
    display: none
}

.navbar .brand:before {
    content: '';
    display: block;
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7494374cedfd00173bd09d/logo-full.svg");
    height: 32px;
    width: 160px;
    background-size: contain;
    background-repeat: no-repeat
}

.navbar .brand:after {
    content: 'Help';
    text-transform: uppercase;
    color: #25A7D9;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px;
    display: block;
    margin-left: 8px;
    height: 32px;
    line-height: 32px;
    border: 2px solid #25A7D9;
    border-left: 0;
    border-right: 0
}

@media (min-width: 768px) {
    .navbar .brand {
        width: auto
    }
}

.navbar .btn-navbar {
    display: none;
    visibility: hidden
}

.navbar .nav-collapse {
    height: auto;
    flex-grow: 1;
    text-align: center
}

@media (min-width: 768px) {
    .navbar .nav-collapse {
        text-align: right
    }
}

.navbar .nav {
    position: relative;
    float: none;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: -8px
}

.navbar .nav li {
    display: block
}

.navbar .nav #home a,
.navbar .nav #contact a,
.navbar .nav #ppLogin a,
.navbar .nav #contactMobile a {
    margin: 8px;
    -webkit-appearance: none;
    border: 0;
    font-family: "Figtree", Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s, border-color 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s, color 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s, box-shadow 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s;
    white-space: nowrap
}

.navbar .nav #home a {
    font-size: 0;
    color: #183B5C;
    padding: 0
}

.navbar .nav #home a .caret {
    display: none
}

.navbar .nav #home a:before {
    content: 'Dashboard';
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px;
    vertical-align: middle
}

@media (min-width: 768px) {
    .navbar .nav #home a {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.2px
    }

    .navbar .nav #home a:before {
        display: none
    }
}

.navbar .nav #ppLogin a {
    color: ##1e293b;
    padding: 7px 15px;
    border: 1px solid #1e293b;
}

.navbar .nav #contact a,
.navbar .nav #contactMobile a {
    background: #1e293b;
    color: #fff;
}

.navbar .nav #contact a:hover,
.navbar .nav #contact a:focus,
.navbar .nav #contactMobile a:hover,
.navbar .nav #contactMobile a:focus {
    background: #0f172a;
    box-shadow: 0px 8px 17px 2px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036), 0px 5px 5px -3px rgba(0, 0, 0, 0.06);
    outline: none
}

.navbar .nav #contact a:active,
.navbar .nav #contactMobile a:active {
    background: #0f172a;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

.navbar .nav #contact a {
    font-size: 0;
    line-height: 0
}

.navbar .nav #contact a:before {
    content: 'Submit a help request';
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px
}

#fullArticle .nav-panels {
    list-style: none;
    margin: 0
}

#fullArticle .nav-panels>li {
    padding-top: 16px;
    margin-bottom: 0;
    border-top: 1px solid #E6E6E6
}

@media (min-width: 768px) {
    #fullArticle .nav-panels>li {
        padding-top: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .nav-panels>li {
        padding-top: 24px
    }
}

#fullArticle .nav-panels>li:first-child {
    padding-top: 0;
    border-top: 0
}

#fullArticle .nav-panels>li>h2 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0;
    display: flex;
    align-items: center
}

#fullArticle .nav-panels>li>h2:before {
    content: '';
    width: 48px;
    height: 48px;
    margin-right: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.nav-panels h2:not([class*="squircle-icon--"]):before {
    background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d8215cff47e001a58bdcd/sqicon-prodpad.svg)
}

section#docsSearch {
    padding-top: 88px;
    padding-bottom: 72px;
    margin-bottom: 0;
    background: transparent;
    border: 0;
    background: url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5fa96811cff47e00160b7fc4/Help-Center-Home-Squircles.svg);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media (min-width: 1056px) {
    section#docsSearch {
        padding-top: 96px
    }
}

section#docsSearch h1 {
    font-family: "Quicksand", serif;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0.2px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 576px) {
    section#docsSearch h1 {
        font-size: 32px;
        line-height: 46px;
        letter-spacing: 0.3px
    }
}

@media (min-width: 1056px) {
    section#docsSearch h1 {
        font-size: 40px;
        line-height: 58px;
        letter-spacing: 0.8px
    }
}

@media (min-width: 768px) {
    section#docsSearch h1 {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    section#docsSearch h1 {
        margin-bottom: 24px
    }
}

.smaller section#docsSearch h1 {
    margin-bottom: 8px
}

.smaller section#docsSearch h1:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller section#docsSearch h1:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller section#docsSearch h1:last-child {
        margin-bottom: 24px
    }
}

section#docsSearch+section#contentArea {
    padding-top: 0;
    position: relative
}

@media (min-width: 1056px) {
    section#docsSearch+section#contentArea:before {
        content: '';
        background: #f0f;
        position: absolute;
        width: 160px;
        height: 160px;
        bottom: 100%;
        margin-bottom: -16px;
        right: 64px;
        background: url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5fa965f046e0fb0017fca0c1/Help-Center-Home-Dot.svg);
        background-size: contain;
        background-position: 50% 100%;
        background-repeat: no-repeat
    }
}

@media (min-width: 1056px) and (min-width: 768px) {
    section#docsSearch+section#contentArea:before {
        margin-bottom: -16px
    }
}

@media (min-width: 1056px) and (min-width: 1056px) {
    section#docsSearch+section#contentArea:before {
        margin-bottom: -24px
    }
}

@media (min-width: 1056px) and (min-width: 768px) {
    section#docsSearch+section#contentArea:before {
        right: 64px
    }
}

@media (min-width: 1056px) and (min-width: 1056px) {
    section#docsSearch+section#contentArea:before {
        right: 80px
    }
}

@media (min-width: 1248px) {
    section#docsSearch+section#contentArea:before {
        width: 208px;
        height: 208px
    }
}

#searchBar,
#searchBar.sm {
    padding: 0;
    margin: 0;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {

    #searchBar,
    #searchBar.sm {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    #searchBar,
    #searchBar.sm {
        margin-bottom: 24px
    }
}

.smaller #searchBar,
.smaller #searchBar.sm {
    margin-bottom: 8px
}

.smaller #searchBar:last-child,
.smaller #searchBar.sm:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {

    .smaller #searchBar:last-child,
    .smaller #searchBar.sm:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    .smaller #searchBar:last-child,
    .smaller #searchBar.sm:last-child {
        margin-bottom: 24px
    }
}

#searchBar input.search-query,
#searchBar.sm input.search-query {
    border-radius: 8px;
    font-family: "Figtree", Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px;
    font-weight: 400;
    height: 56px;
    box-shadow: none;
    padding-right: 55px
}

#searchBar input.search-query:focus+button,
#searchBar.sm input.search-query:focus+button {
    opacity: 1
}

#searchBar button,
#searchBar.sm button {
    top: 0;
    right: 0;
    height: 56px;
    width: 56px;
    border: 0;
    background: transparent;
    font-size: 0;
    opacity: .5;
    transition: opacity 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s
}

#searchBar button:focus,
#searchBar button:hover,
#searchBar.sm button:focus,
#searchBar.sm button:hover {
    outline: 0;
    opacity: 1;
    background: transparent
}

#searchBar button:before,
#searchBar.sm button:before {
    content: '\f002';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    text-shadow: none;
    color: #183B5C;
    line-height: 56px
}

#searchBar button .icon-search,
#searchBar.sm button .icon-search {
    display: none !important
}

#searchBar.sm input.search-query,
#searchBar.sm.sm input.search-query {
    padding-right: 39px
}

#searchBar.sm button,
#searchBar.sm.sm button {
    width: 40px
}

section#contentArea {
    padding-top: 64px
}

@media (min-width: 768px) {
    section#contentArea {
        padding-top: 64px
    }
}

@media (min-width: 1248px) {
    section#contentArea {
        padding-top: 56px
    }
}

section.category-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -16px
}

@media (min-width: 768px) {
    section.category-list {
        margin: 0 -16px
    }
}

@media (min-width: 1056px) {
    section.category-list {
        margin: 0 -24px
    }
}

section.category-list .category {
    width: 28%;
    flex-grow: 1;
    flex-shrink: 1;
    box-sizing: border-box;
    margin: 0 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 0 32px;
    padding-top: 32px;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 0;
    border-radius: 8px;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);
    transition: box-shadow 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) {
    section.category-list .category {
        margin: 0 16px
    }
}

@media (min-width: 1056px) {
    section.category-list .category {
        margin: 0 24px
    }
}

@media (min-width: 768px) {
    section.category-list .category {
        margin-top: 16px
    }
}

@media (min-width: 1056px) {
    section.category-list .category {
        margin-top: 24px
    }
}

@media (min-width: 768px) {
    section.category-list .category {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    section.category-list .category {
        margin-bottom: 24px
    }
}

@media (min-width: 768px) {
    section.category-list .category {
        padding: 0 32px
    }
}

@media (min-width: 1056px) {
    section.category-list .category {
        padding: 0 48px
    }
}

@media (min-width: 768px) {
    section.category-list .category {
        padding-top: 32px
    }
}

@media (min-width: 1056px) {
    section.category-list .category {
        padding-top: 48px
    }
}

@media (min-width: 768px) {
    section.category-list .category {
        padding-bottom: 16px
    }
}

@media (min-width: 1056px) {
    section.category-list .category {
        padding-bottom: 24px
    }
}

section.category-list .category p {
    display: none
}

section.category-list .category h3 {
    position: relative;
    z-index: 2
}

section.category-list .category:before {
    content: '';
    width: 80px;
    height: 80px;
    margin: 0;
    margin-bottom: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f34bc9e77c00162138ac/using-prodpad.svg")
}

@media (min-width: 768px) {
    section.category-list .category:before {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    section.category-list .category:before {
        margin-bottom: 24px
    }
}

.smaller section.category-list .category:before {
    margin-bottom: 8px
}

.smaller section.category-list .category:before:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller section.category-list .category:before:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller section.category-list .category:before:last-child {
        margin-bottom: 24px
    }
}

@media (min-width: 1056px) {
    section.category-list .category:before {
        width: 96px;
        height: 96px
    }
}

section.category-list .category:after {
    content: '';
    width: 240px;
    height: 240px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    transition: transform 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s
}

section.category-list .category:hover {
    background: #fff;
    box-shadow: 0px 8px 17px 2px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036), 0px 5px 5px -3px rgba(0, 0, 0, 0.06)
}

section.category-list .category[href*="getting-started"]:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f33dcff47e001a58a304/getting-started.svg")
}

section.category-list .category[href*="getting-started"]:after {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f6dc46e0fb0017988d08/squircle-blue-teal.svg");
    transform: translate(-88px, -80px) rotate(25deg);
    left: -136px;
    top: -136px
}

section.category-list .category[href*="getting-started"]:hover:after {
    transform: rotate(45deg)
}

section.category-list .category[href*="using-prodpad"]:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f34bc9e77c00162138ac/using-prodpad.svg")
}

section.category-list .category[href*="using-prodpad"]:after {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f6f4c9e77c00162138c5/squircle-teal-green.svg");
    transform: translate(88px, -80px) rotate(54deg);
    right: -96px;
    top: -168px
}

section.category-list .category[href*="using-prodpad"]:hover:after {
    transform: rotate(34deg)
}

section.category-list .category[href*="faq"]:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f35152faff0016aebb4c/faq.svg")
}

section.category-list .category[href*="faq"]:after {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f6fb46e0fb0017988d09/squircle-yellow-orange.svg");
    transform: translate(88px, 80px) rotate(42deg);
    right: -48px;
    bottom: -192px
}

section.category-list .category[href*="faq"]:hover:after {
    transform: rotate(62deg)
}

section.category-list .category[href*="account"]:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f35fcff47e001a58a307/account-settings.svg")
}

section.category-list .category[href*="account"]:after {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f6e252faff0016aebb57/squircle-orange-red.svg");
    transform: translate(-88px, -80px) rotate(103deg);
    left: -64px;
    top: -184px
}

section.category-list .category[href*="account"]:hover:after {
    transform: rotate(83deg)
}

section.category-list .category[href*="integrations"]:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f37ecff47e001a58a309/integrations.svg")
}

section.category-list .category[href*="integrations"]:after {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f6ee52faff0016aebb58/squircle-red-pink.svg");
    transform: translate(-88px, 80px) rotate(63deg);
    left: 40px;
    bottom: -208px
}

section.category-list .category[href*="integrations"]:hover:after {
    transform: rotate(83deg)
}

section.category-list .category[href*="release-notes"]:before {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f385c9e77c00162138ae/release-notes.svg")
}

section.category-list .category[href*="release-notes"]:after {
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f75f6e84cedfd0017dcd818/squircle-purple-blue.svg");
    transform: translate(88px, -80px) rotate(100deg);
    right: -184px;
    top: -48px
}

section.category-list .category[href*="release-notes"]:hover:after {
    transform: rotate(80deg)
}

.row-fluid {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -16px;
    width: auto
}

@media (min-width: 768px) {
    .row-fluid {
        margin: 0 -16px
    }
}

@media (min-width: 1056px) {
    .row-fluid {
        margin: 0 -24px
    }
}

.row-fluid:before {
    display: none
}

.row-fluid #main-content,
.row-fluid #sidebar {
    padding: 0 16px;
    margin: 0;
    margin-top: 16px;
    width: 100%
}

@media (min-width: 768px) {

    .row-fluid #main-content,
    .row-fluid #sidebar {
        padding: 0 16px
    }
}

@media (min-width: 1056px) {

    .row-fluid #main-content,
    .row-fluid #sidebar {
        padding: 0 24px
    }
}

@media (min-width: 768px) {

    .row-fluid #main-content,
    .row-fluid #sidebar {
        margin-top: 16px
    }
}

@media (min-width: 1056px) {

    .row-fluid #main-content,
    .row-fluid #sidebar {
        margin-top: 24px
    }
}

@media (min-width: 1056px) {
    .row-fluid #sidebar {
        width: 25%
    }

    .row-fluid #main-content {
        order: 2;
        width: 75%
    }
}

#main-content {
    background: none
}

#sidebar h3 {
    display: none
}

#sidebar ul.nav-list {
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    #sidebar ul.nav-list {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #sidebar ul.nav-list {
        margin-bottom: 24px
    }
}

.smaller #sidebar ul.nav-list {
    margin-bottom: 8px
}

.smaller #sidebar ul.nav-list:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller #sidebar ul.nav-list:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller #sidebar ul.nav-list:last-child {
        margin-bottom: 24px
    }
}

#sidebar ul.nav-list li {
    margin: 0;
    margin-bottom: 16px
}

#sidebar ul.nav-list li:last-child {
    margin-bottom: 0
}

#sidebar ul.nav-list li a {
    color: #183B5C;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px;
    padding: 0;
    position: relative
}

#sidebar ul.nav-list li a .icon-arrow {
    display: none
}

#sidebar ul.nav-list li.active a {
    padding-left: 12px
}

#sidebar ul.nav-list li.active a .icon-arrow {
    display: none
}

#sidebar ul.nav-list li.active a:before {
    content: '';
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 99px;
    background: #25A7D9
}

#sidebar ul.nav-list li.active a:hover .icon-arrow {
    display: none
}

.contentWrapper {
    border: 0;
    padding: 0;
    color: #183B5C
}

.contentWrapper.withRelated {
    padding-bottom: 0
}

#fullArticle p,
#fullArticle h1,
#fullArticle h2,
#fullArticle h3,
#fullArticle h4,
#fullArticle h5 {
    color: #183B5C;
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {

    #fullArticle p,
    #fullArticle h1,
    #fullArticle h2,
    #fullArticle h3,
    #fullArticle h4,
    #fullArticle h5 {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    #fullArticle p,
    #fullArticle h1,
    #fullArticle h2,
    #fullArticle h3,
    #fullArticle h4,
    #fullArticle h5 {
        margin-bottom: 24px
    }
}

.smaller #fullArticle p,
.smaller #fullArticle h1,
.smaller #fullArticle h2,
.smaller #fullArticle h3,
.smaller #fullArticle h4,
.smaller #fullArticle h5 {
    margin-bottom: 8px
}

.smaller #fullArticle p:last-child,
.smaller #fullArticle h1:last-child,
.smaller #fullArticle h2:last-child,
.smaller #fullArticle h3:last-child,
.smaller #fullArticle h4:last-child,
.smaller #fullArticle h5:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {

    .smaller #fullArticle p:last-child,
    .smaller #fullArticle h1:last-child,
    .smaller #fullArticle h2:last-child,
    .smaller #fullArticle h3:last-child,
    .smaller #fullArticle h4:last-child,
    .smaller #fullArticle h5:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    .smaller #fullArticle p:last-child,
    .smaller #fullArticle h1:last-child,
    .smaller #fullArticle h2:last-child,
    .smaller #fullArticle h3:last-child,
    .smaller #fullArticle h4:last-child,
    .smaller #fullArticle h5:last-child {
        margin-bottom: 24px
    }
}

#fullArticle p,
#fullArticle li {
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px
}

#fullArticle h1.title {
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    #fullArticle h1.title {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle h1.title {
        margin-bottom: 24px
    }
}

.smaller #fullArticle h1.title {
    margin-bottom: 8px
}

.smaller #fullArticle h1.title:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller #fullArticle h1.title:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller #fullArticle h1.title:last-child {
        margin-bottom: 24px
    }
}

#fullArticle a.printArticle {
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px
}

.articleFoot {
    margin-top: 0;
    padding-top: 16px;
    border-top: 1px solid #E6E6E6;
    display: flex;
    justify-content: space-between
}

@media (min-width: 768px) {
    .articleFoot {
        padding-top: 16px
    }
}

@media (min-width: 1056px) {
    .articleFoot {
        padding-top: 24px
    }
}

.articleFoot i {
    display: none
}

.articleFoot p,
.articleFoot time.lu {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.2px;
    font-style: normal;
    margin-top: 0;
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {

    .articleFoot p,
    .articleFoot time.lu {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    .articleFoot p,
    .articleFoot time.lu {
        margin-bottom: 24px
    }
}

.smaller .articleFoot p,
.smaller .articleFoot time.lu {
    margin-bottom: 8px
}

.smaller .articleFoot p:last-child,
.smaller .articleFoot time.lu:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {

    .smaller .articleFoot p:last-child,
    .smaller .articleFoot time.lu:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    .smaller .articleFoot p:last-child,
    .smaller .articleFoot time.lu:last-child {
        margin-bottom: 24px
    }
}

footer {
    border-top: 1px solid #E6E6E6;
    padding-top: 16px;
    margin-top: 64px
}

@media (min-width: 768px) {
    footer {
        padding-top: 16px
    }
}

@media (min-width: 1056px) {
    footer {
        padding-top: 24px
    }
}

@media (min-width: 768px) {
    footer {
        margin-top: 64px
    }
}

@media (min-width: 1248px) {
    footer {
        margin-top: 56px
    }
}

footer p {
    margin: 0;
    margin-bottom: 16px;
    text-align: left;
    font-family: "Figtree", Arial, sans-serif;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.2px
}

@media (min-width: 768px) {
    footer p {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    footer p {
        margin-bottom: 24px
    }
}

.smaller footer p {
    margin-bottom: 8px
}

.smaller footer p:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller footer p:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller footer p:last-child {
        margin-bottom: 24px
    }
}

footer span {
    display: none
}

section.related {
    padding: 0 16px;
    padding-top: 16px;
    border-radius: 8px;
    border: 0;
    background: #f6f6f6
}

@media (min-width: 768px) {
    section.related {
        padding: 0 16px
    }
}

@media (min-width: 1056px) {
    section.related {
        padding: 0 24px
    }
}

@media (min-width: 768px) {
    section.related {
        padding-top: 16px
    }
}

@media (min-width: 1056px) {
    section.related {
        padding-top: 24px
    }
}

section.related:after {
    content: '';
    display: table;
    clear: both
}

section.related h3 {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 8px;
    color: #183B5C;
    text-transform: none
}

section.related h3:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    section.related h3:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    section.related h3:last-child {
        margin-bottom: 24px
    }
}

section.related ul {
    list-style: none;
    margin: 0;
    margin-bottom: 16px;
    margin-top: 16px;
    column-gap: 32px
}

@media (min-width: 768px) {
    section.related ul {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    section.related ul {
        margin-bottom: 24px
    }
}

.smaller section.related ul {
    margin-bottom: 8px
}

.smaller section.related ul:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller section.related ul:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller section.related ul:last-child {
        margin-bottom: 24px
    }
}

@media (min-width: 768px) {
    section.related ul {
        column-gap: 32px
    }
}

@media (min-width: 1056px) {
    section.related ul {
        column-gap: 48px
    }
}

@media (min-width: 768px) {
    section.related ul {
        column-count: 2
    }
}

section.related ul li {
    margin-bottom: 16px !important;
    padding: 0
}

section.related ul li a {
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 0;
    color: #183B5C;
    font-family: "Figtree", Arial, sans-serif;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px;
    text-decoration: underline;
    margin: 0;
    transition: text-shadow 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s
}

section.related ul li a:hover {
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.126)
}

section.related ul li a:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-top: 2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    flex-shrink: 0;
    flex-grow: 0;
    background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d9c2652faff0016aed65e/listicon-article.svg")
}

section.related ul li a i {
    display: none
}

#serp .articlesFound {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.2px;
    color: #183B5C
}

#serp-dd {
    z-index: 100
}

#contactModal {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 3px 1px -2px rgba(0, 0, 0, 0.036), 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
    border: 0
}

#contactModal h2 {
    color: #183B5C;
    border-bottom: 1px solid #E6E6E6
}

#contactModal .modal-body {
    padding: 0 16px;
    padding-top: 16px
}

@media (min-width: 768px) {
    #contactModal .modal-body {
        padding: 0 16px
    }
}

@media (min-width: 1056px) {
    #contactModal .modal-body {
        padding: 0 24px
    }
}

@media (min-width: 768px) {
    #contactModal .modal-body {
        padding-top: 16px
    }
}

@media (min-width: 1056px) {
    #contactModal .modal-body {
        padding-top: 24px
    }
}

#contactModal .modal-body form {
    margin: 0
}

#contactModal .modal-body form input,
#contactModal .modal-body form textarea {
    height: auto;
    width: auto !important;
    flex-grow: 1
}

#contactModal .modal-body form input[type=file] {
    flex-grow: 0;
    padding-top: 12px;
    min-height: 40px
}

#contactModal .modal-body form .control-group {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

#contactModal .modal-body form .control-group label {
    flex-grow: 0;
    width: 90px;
    margin-bottom: 8px;
    font-family: "Figtree", Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px;
    font-weight: 600;
    color: #183B5C;
    padding: 0;
    padding-right: 16px;
    line-height: 40px
}

#contactModal .modal-body form .control-group .controls {
    margin: 0;
    margin-bottom: 8px;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap
}

#contactModal .modal-body form .form-actions {
    margin: 0;
    margin-bottom: 16px;
    padding-left: 106px
}

@media (min-width: 768px) {
    #contactModal .modal-body form .form-actions {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #contactModal .modal-body form .form-actions {
        margin-bottom: 24px
    }
}

.smaller #contactModal .modal-body form .form-actions {
    margin-bottom: 8px
}

.smaller #contactModal .modal-body form .form-actions:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller #contactModal .modal-body form .form-actions:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller #contactModal .modal-body form .form-actions:last-child {
        margin-bottom: 24px
    }
}

#contactModal .modal-body form .form-actions input[type=submit].btn {
    -webkit-appearance: none;
    border: 0;
    font-family: "Figtree", Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px;
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s, border-color 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s, color 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s, box-shadow 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s;
    background: #183B5C;
    color: #fff
}

#contactModal .modal-body form .form-actions input[type=submit].btn:hover,
#contactModal .modal-body form .form-actions input[type=submit].btn:focus {
    background: #143350;
    box-shadow: 0px 8px 17px 2px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036), 0px 5px 5px -3px rgba(0, 0, 0, 0.06);
    outline: none
}

#contactModal .modal-body form .form-actions input[type=submit].btn:active {
    background: #112D46;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
}

#contactModal .modal-body form .parsley-errors-list {
    width: 100%
}

#fullArticle a[href] {
    color: #183B5C;
    text-decoration: underline;
    font-weight: bold;
    transition: text-shadow 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s
}

#fullArticle a[href]:hover {
    font-weight: bold;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.126)
}

#fullArticle ul {
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px
}

#fullArticle ul li {
    margin: 0;
    margin-bottom: 8px;
    color: #183B5C
}

#fullArticle ul li:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    #fullArticle ul li:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle ul li:last-child {
        margin-bottom: 24px
    }
}

#fullArticle ul li ul {
    margin-top: 8px;
    margin-bottom: 0
}

#fullArticle ul li ul li:last-child {
    margin-bottom: 8px
}

.light {
    color: #89a
}

#fullArticle strong {
    color: #183B5C
}

#fullArticle iframe {
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    #fullArticle iframe {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle iframe {
        margin-bottom: 24px
    }
}

.smaller #fullArticle iframe {
    margin-bottom: 8px
}

.smaller #fullArticle iframe:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller #fullArticle iframe:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller #fullArticle iframe:last-child {
        margin-bottom: 24px
    }
}

#fullArticle .callout {
    margin: 0;
    margin-bottom: 16px;
    padding: 0 16px;
    padding-top: 16px;
    border-radius: 8px;
    border: 0
}

@media (min-width: 768px) {
    #fullArticle .callout {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .callout {
        margin-bottom: 24px
    }
}

.smaller #fullArticle .callout {
    margin-bottom: 8px
}

.smaller #fullArticle .callout:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller #fullArticle .callout:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller #fullArticle .callout:last-child {
        margin-bottom: 24px
    }
}

@media (min-width: 768px) {
    #fullArticle .callout {
        padding: 0 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .callout {
        padding: 0 24px
    }
}

@media (min-width: 768px) {
    #fullArticle .callout {
        padding-top: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .callout {
        padding-top: 24px
    }
}

#fullArticle .callout:after {
    content: '';
    display: table;
    clear: both
}

#fullArticle .callout h2 {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 8px
}

#fullArticle .callout h2:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    #fullArticle .callout h2:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .callout h2:last-child {
        margin-bottom: 24px
    }
}

#fullArticle .callout p {
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px
}

#fullArticle .callout>*:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    #fullArticle .callout>*:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .callout>*:last-child {
        margin-bottom: 24px
    }
}

#fullArticle .callout.callout--further,
#fullArticle .callout.callout--tips,
#fullArticle .callout.callout--important {
    padding-left: 80px;
    position: relative
}

@media (min-width: 768px) {

    #fullArticle .callout.callout--further,
    #fullArticle .callout.callout--tips,
    #fullArticle .callout.callout--important {
        padding-left: 80px
    }
}

@media (min-width: 1056px) {

    #fullArticle .callout.callout--further,
    #fullArticle .callout.callout--tips,
    #fullArticle .callout.callout--important {
        padding-left: 88px
    }
}

#fullArticle .callout.callout--further:before,
#fullArticle .callout.callout--tips:before,
#fullArticle .callout.callout--important:before {
    content: '';
    left: 16px;
    position: absolute;
    width: 48px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media (min-width: 768px) {

    #fullArticle .callout.callout--further:before,
    #fullArticle .callout.callout--tips:before,
    #fullArticle .callout.callout--important:before {
        left: 16px
    }
}

@media (min-width: 1056px) {

    #fullArticle .callout.callout--further:before,
    #fullArticle .callout.callout--tips:before,
    #fullArticle .callout.callout--important:before {
        left: 24px
    }
}

#fullArticle .callout.callout--further {
    border: 1px solid #59D146;
    background: linear-gradient(135deg, #B0E6E0, #C2EABB)
}

#fullArticle .callout.callout--further:before {
    background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d9f6952faff0016aed672/callout-further.svg)
}

#fullArticle .callout.callout--tips {
    border: 1px solid #25A7D9;
    background: linear-gradient(135deg, #B0DCED, #B0E6E0)
}

#fullArticle .callout.callout--tips:before {
    background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d9f75cff47e001a58becf/callout-tip.svg)
}

#fullArticle .callout.callout--important {
    border: 1px solid #F0944E;
    background: linear-gradient(135deg, #F5D5BE, #F5BFC3);
}

#fullArticle .callout.callout--important:before {
    background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d9f6f46e0fb001798a7a0/callout-important.svg)
}

#fullArticle .callout.callout--key h2 {
    font-family: "Quicksand", serif;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.1px;
    font-weight: 600;
}

@media (min-width: 576px) {
    #fullArticle .callout.callout--key h2 {
        font-size: 22px;
        line-height: 34px;
        letter-spacing: 0.2px;
    }
}

@media (min-width: 1056px) {
    #fullArticle .callout.callout--key h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0.2px;
    }
}

#fullArticle ul.icon-list {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px;
    list-style: none;
    margin: 0;
    margin-bottom: 16px;
    margin-top: 16px;
    column-gap: 32px
}

@media (min-width: 768px) {
    #fullArticle ul.icon-list {
        column-count: 2;
    }
}

@media (min-width: 768px) {
    #fullArticle ul.icon-list {
        margin-bottom: 16px;
    }
}

@media (min-width: 1056px) {
    #fullArticle ul.icon-list {
        margin-bottom: 24px;
    }
}

.smaller #fullArticle ul.icon-list {
    margin-bottom: 8px;
}

.smaller #fullArticle ul.icon-list:last-child {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .smaller #fullArticle ul.icon-list:last-child {
        margin-bottom: 16px;
    }
}

@media (min-width: 1056px) {
    .smaller #fullArticle ul.icon-list:last-child {
        margin-bottom: 24px;
    }
}

@media (min-width: 768px) {
    #fullArticle ul.icon-list {
        column-gap: 32px;
    }
}

@media (min-width: 1056px) {
    #fullArticle ul.icon-list {
        column-gap: 48px;
    }
}

#fullArticle ul.icon-list li {
    margin-bottom: 16px !important;
}

#fullArticle ul.icon-list li a {
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 0;
    font-weight: normal;
    color: #183B5C;
}

#fullArticle ul.icon-list li a:hover {
    font-weight: normal;
}

#fullArticle ul.icon-list li a:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-top: 2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    flex-shrink: 0;
    flex-grow: 0;
}

#fullArticle ul.icon-list.icon-list--single-col {
    column-count: 1;
}

.icon-list a:before {
    background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d9c2652faff0016aed65e/listicon-article.svg);
}

#fullArticle ul.req {
    list-style: none;
    border-bottom: 1px solid #E6E6E6;
    margin: 0;
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    #fullArticle ul.req {
        margin-bottom: 16px;
    }
}

@media (min-width: 1056px) {
    #fullArticle ul.req {
        margin-bottom: 24px;
    }
}

.smaller #fullArticle ul.req {
    margin-bottom: 8px;
}

.smaller #fullArticle ul.req:last-child {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .smaller #fullArticle ul.req:last-child {
        margin-bottom: 16px;
    }
}

@media (min-width: 1056px) {
    .smaller #fullArticle ul.req:last-child {
        margin-bottom: 24px;
    }
}

#fullArticle ul.req>li {
    margin: 0;
    margin-bottom: 16px;
    padding-left: 64px;
}

@media (min-width: 768px) {
    #fullArticle ul.req>li {
        margin-bottom: 16px;
    }
}

@media (min-width: 1056px) {
    #fullArticle ul.req>li {
        margin-bottom: 24px
    }
}

.smaller #fullArticle ul.req>li {
    margin-bottom: 8px
}

.smaller #fullArticle ul.req>li:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller #fullArticle ul.req>li:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller #fullArticle ul.req>li:last-child {
        margin-bottom: 24px
    }
}

#fullArticle ul.req>li .heading {
    font-family: "Quicksand", serif;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px;
    font-weight: 600;
    color: #183B5C;
    margin: 0
}

#fullArticle ul.req>li:before {
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    left: 0
}

#fullArticle ul.req>li ul:not(.req__tier) {
    margin: 0;
    list-style: none
}

#fullArticle ul.req>li ul:not(.req__tier) li {
    color: #183B5C;
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px
}

#fullArticle ul.req>li ul:not(.req__tier) li .title {
    font-weight: bold;
    margin: 0
}

@media (min-width: 1056px) {
    #fullArticle ul.req>li ul:not(.req__tier) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-left: -8px;
        margin-right: -8px;
        position: relative
    }

    #fullArticle ul.req>li ul:not(.req__tier):before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #fff;
        z-index: 2
    }

    #fullArticle ul.req>li ul:not(.req__tier) li {
        padding: 0 8px;
        position: relative
    }

    #fullArticle ul.req>li ul:not(.req__tier) li:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 16px;
        background: #183B5C;
        margin-top: -8px
    }

    #fullArticle ul.req>li ul:not(.req__tier) li:first-child:before {
        display: none
    }
}

#fullArticle ul.req>li.req__avail:before {
    background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7dca6c52faff0016aed79b/req-avail.svg)
}

#fullArticle ul.req>li.req__perm:before {
    background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7dca71cff47e001a58c008/req-perm.svg)
}

#fullArticle ul.req .req__tier {
    list-style: none;
    margin-left: 0;
}

#fullArticle ul.req .req__tier .heading {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px;
    font-weight: 600;
}

#fullArticle .table-wrapper {
    margin: 0;
    margin-bottom: 16px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    overflow: hidden;
    overflow-x: auto;
}

@media (min-width: 768px) {
    #fullArticle .table-wrapper {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .table-wrapper {
        margin-bottom: 24px
    }
}

.smaller #fullArticle .table-wrapper {
    margin-bottom: 8px
}

.smaller #fullArticle .table-wrapper:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller #fullArticle .table-wrapper:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller #fullArticle .table-wrapper:last-child {
        margin-bottom: 24px
    }
}

#fullArticle .table-wrapper table {
    border: 0;
    min-width: 100%;
    margin: 0
}

#fullArticle .table-wrapper table thead tr td,
#fullArticle .table-wrapper table thead tr th {
    font-weight: bold;
    border-bottom: 1px solid #E6E6E6
}

#fullArticle .table-wrapper table tr {
    border: 0
}

#fullArticle .table-wrapper table tr td,
#fullArticle .table-wrapper table tr th {
    border: 0;
    padding: 8px;
    color: #183B5C;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.2px
}

@media (min-width: 768px) {

    #fullArticle .table-wrapper table tr td,
    #fullArticle .table-wrapper table tr th {
        padding: 16px
    }
}

#fullArticle .table-wrapper table tr:nth-child(2n) td,
#fullArticle .table-wrapper table tr:nth-child(2n) th {
    background: #f6f6f6
}

#beacon-container .BeaconContainer {
    bottom: 112px
}

#beacon-container .BeaconFabButtonFrame {
    z-index: 3000 !important
}

#beacon-container .chat-dot {
    position: fixed;
    width: 128px;
    height: 128px;
    z-index: 4000;
    pointer-events: none;
    bottom: 0;
    right: 0;
    margin-right: 0;
    transition: margin-right 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s;
    margin-right: 0 !important;
    box-sizing: content-box
}

@media (min-width: 1598px) {
    html.chat-open #beacon-container .chat-dot {
        margin-right: 350px
    }
}

html.no-scroll #beacon-container .chat-dot {
    padding-right: 18px;
    padding-right: var(--scrollbar-width)
}

#beacon-container .chat-dot button {
    pointer-events: all;
    opacity: 0;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 32px;
    left: 32px;
    -webkit-appearance: none;
    border: 0;
    cursor: pointer
}

ul.articleList,
#serp ul.articleList {
    margin: 0;
    padding: 0;
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {

    ul.articleList,
    #serp ul.articleList {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    ul.articleList,
    #serp ul.articleList {
        margin-bottom: 24px
    }
}

.smaller ul.articleList,
.smaller #serp ul.articleList {
    margin-bottom: 8px
}

.smaller ul.articleList:last-child,
.smaller #serp ul.articleList:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {

    .smaller ul.articleList:last-child,
    .smaller #serp ul.articleList:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    .smaller ul.articleList:last-child,
    .smaller #serp ul.articleList:last-child {
        margin-bottom: 24px
    }
}

ul.articleList>li,
#serp ul.articleList>li {
    margin: 0;
    margin-bottom: 8px;
    padding: 0
}

ul.articleList>li:last-child,
#serp ul.articleList>li:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {

    ul.articleList>li:last-child,
    #serp ul.articleList>li:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {

    ul.articleList>li:last-child,
    #serp ul.articleList>li:last-child {
        margin-bottom: 24px
    }
}

ul.articleList>li a,
#serp ul.articleList>li a {
    margin: 0;
    margin-bottom: 8px;
    display: inline-flex;
    align-items: flex-start;
    color: #183B5C;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px
}

ul.articleList>li a i,
#serp ul.articleList>li a i {
    display: none
}

ul.articleList>li a:before,
#serp ul.articleList>li a:before {
    content: '';
    background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/5ea009d904286364bc98c5b1/attachments/5f7d9c2652faff0016aed65e/listicon-article.svg);
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-top: 2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    flex-shrink: 0;
    flex-grow: 0
}

ul.articleList>li p,
#serp ul.articleList>li p {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.2px;
    color: #183B5C;
    margin-left: 32px
}

.pagination {
    margin: 0;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width: 768px) {
    .pagination {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .pagination {
        margin-bottom: 24px
    }
}

.smaller .pagination {
    margin-bottom: 8px
}

.smaller .pagination:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller .pagination:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller .pagination:last-child {
        margin-bottom: 24px
    }
}

.pagination ul {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0 8px;
    list-style: none;
    display: inline-flex;
    border-radius: 999px;
    background: #f6f6f6
}

.pagination ul li {
    margin: 0 -4px
}

.pagination ul li:first-child {
    margin-left: 0
}

.pagination ul li:last-child {
    margin-right: 0
}

.pagination ul li a,
.pagination ul li span {
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.3px;
    font-weight: 600;
    line-height: 40px;
    width: 40px;
    padding: 0;
    display: block;
    text-align: center;
    position: relative;
    transition: background-color 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s, color 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s, box-shadow 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s;
    border-radius: 99px !important;
    background-color: transparent;
    border: 0;
    color: #183B5C
}

.pagination ul li a.active,
.pagination ul li a:hover,
.pagination ul li span.active,
.pagination ul li span:hover {
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);
    background-color: #183B5C;
    color: #fff
}

.pagination ul li a:hover,
.pagination ul li span:hover {
    z-index: 2
}

.pagination ul li.active a,
.pagination ul li.active span {
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);
    background-color: #183B5C;
    color: #fff
}

.pagination ul:hover li.active a {
    background-color: transparent;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    color: #183B5C
}

.pagination ul:hover li a:hover {
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036), 0px 2px 4px -1px rgba(0, 0, 0, 0.09);
    background-color: #183B5C;
    color: #fff
}

#fullArticle .article-back-link {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E6E6E6
}

#fullArticle .article-back-link a:after {
    content: "Back";
    content: attr(back-text)
}

#fullArticle .article-back-link a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #183B5C;
    border-left: 2px solid #183B5C;
    transform: rotate(-45deg);
    margin-right: 4px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

@media (min-width: 768px) {
    #fullArticle .article-back-link {
        padding-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .article-back-link {
        padding-bottom: 24px
    }
}

@media (min-width: 768px) {
    #fullArticle .article-back-link {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .article-back-link {
        margin-bottom: 24px
    }
}

.sort {
    display: none
}

#fullArticle .panel-group {
    margin: 0;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    #fullArticle .panel-group {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .panel-group {
        margin-bottom: 24px
    }
}

.smaller #fullArticle .panel-group {
    margin-bottom: 8px
}

.smaller #fullArticle .panel-group:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller #fullArticle .panel-group:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller #fullArticle .panel-group:last-child {
        margin-bottom: 24px
    }
}

#fullArticle .panel-group .panel {
    border-bottom: 1px solid #E6E6E6;
    padding-top: 16px;
    margin: 0
}

@media (min-width: 768px) {
    #fullArticle .panel-group .panel {
        padding-top: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .panel-group .panel {
        padding-top: 24px
    }
}

#fullArticle .panel-group .panel:last-child {
    border-bottom: 0
}

#fullArticle .panel-group .panel .panel-heading {
    margin: 0
}

#fullArticle .panel-group .panel .panel-heading h1,
#fullArticle .panel-group .panel .panel-heading h2,
#fullArticle .panel-group .panel .panel-heading h3,
#fullArticle .panel-group .panel .panel-heading h4 {
    margin: 0
}

#fullArticle .panel-group .panel .panel-heading a {
    display: block;
    margin: 0;
    margin-bottom: 16px;
    padding-right: 24px;
    position: relative
}

@media (min-width: 768px) {
    #fullArticle .panel-group .panel .panel-heading a {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    #fullArticle .panel-group .panel .panel-heading a {
        margin-bottom: 24px
    }
}

.smaller #fullArticle .panel-group .panel .panel-heading a {
    margin-bottom: 8px
}

.smaller #fullArticle .panel-group .panel .panel-heading a:last-child {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .smaller #fullArticle .panel-group .panel .panel-heading a:last-child {
        margin-bottom: 16px
    }
}

@media (min-width: 1056px) {
    .smaller #fullArticle .panel-group .panel .panel-heading a:last-child {
        margin-bottom: 24px
    }
}

#fullArticle .panel-group .panel .panel-heading a:before,
#fullArticle .panel-group .panel .panel-heading a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1px;
    width: 16px;
    height: 2px;
    background: #183B5C;
    border-radius: 8px;
    transition: background 0.3s cubic-bezier(0.5, 0, 0.335, 1) 0s
}

#fullArticle .panel-group .panel .panel-heading a:after {
    transform: rotate(90deg)
}

#fullArticle .panel-group .panel .panel-heading a:hover:before,
#fullArticle .panel-group .panel .panel-heading a:hover:after {
    background: #25A7D9
}

#fullArticle .panel-group .panel .panel-collapse,
#fullArticle .panel-group .panel .panel.body {
    padding: 0;
    margin: 0
}