.help-section {
    background-color: #f8f9fc
}

.help-section .h-center,
.help-section .h-footer {
    margin: 2rem 0 3rem
}

.help-section .h-center h6,
.help-section .h-footer h6 {
    font-size: 1.4rem;
    color: #f26166
}

.help-section .h-header form {
    margin: 0 auto;
    width: 50%;
    overflow: hidden
}

@media (max-width:991px) {
    .help-section .h-header form {
        width: 80%
    }
}

.help-section .h-header form h5 {
    color: #f26166
}

.help-section .h-header form .input-search {
    border-color: #f26166;
    border-radius: 3px;
    box-shadow: 0 5px 20px rgba(242, 97, 102, .2);
    margin-bottom: 0
}

.help-section .h-header form .input-search:focus {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.help-section .h-header form .search-button {
    top: 50%;
    transform: translateY(-50%);
    padding-right: 10px;
    color: #f26166
}

.help-section .h-header form .input-search:focus~.search-button {
    color: #333
}

.help-section .h-center .contents-pop .content-box {
    margin: 1rem 1rem 1rem 0;
    overflow: hidden;
    padding: 2rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    border-radius: 10px;
    position: relative;
    width: 250px;
    border: 1px solid rgba(51, 51, 51, .15)
}

@media (max-width:991px) {
    .help-section .h-center .contents-pop .content-box {
        width: 100%;
        margin: 1rem 0
    }
}

.help-section .h-center .contents-pop .content-box>div,
.help-section .h-center .contents-pop .content-box>span {
    color: #f26166
}

.help-section .h-center .contents-pop .content-box .icon-round-medium {
    background-color: rgba(242, 97, 102, .1);
    z-index: 1;
    opacity: 1
}

.help-section .h-center .contents-pop .content-box .icon-round-medium>i {
    color: #f26166
}

.help-section .h-center .contents-pop .content-box>div {
    position: relative;
    padding-top: 10px;
    font-size: .95rem;
    font-weight: 700;
    text-transform: capitalize;
    z-index: 1
}

.help-section .h-center .contents-pop .content-box:before {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(242, 97, 102, .1);
    opacity: 0;
    transition: all .25s ease-in-out;
    z-index: 0
}

.help-section .h-center .contents-pop .content-box:hover {
    box-shadow: 0 0 10px rgba(242, 97, 102, .2);
    transform: scale(1.1);
    border-color: #f26166
}

@media (max-width:991px) {
    .help-section .h-center .contents-pop .content-box:hover {
        transform: scale(.9)
    }
}

.help-section .h-center .contents-pop .content-box:hover .icon-round-medium {
    transform: rotate(1turn);
    background-color: transparent
}

.help-section .h-center .contents-pop .content-box:hover:before {
    opacity: 1;
    width: 150%;
    height: 150%
}

.help-section .h-footer ul li a {
    color: #333;
    text-decoration: none;
    background-image: linear-gradient(#333, #333);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    transition: background-size .25s cubic-bezier(0, .5, 0, 1);
    padding-bottom: 2px;
    font-weight: 500
}

/* .help-section .h-footer ul li a:focus,
.help-section .h-footer ul li a:hover {
    background-size: 100% 2px
} */

.help-categories,
.help-section {
    background-color: #f8f9fc
}

@media (max-width:767px) {

    .help-categories,
    .help-section {
        padding: 90px 15px 50px
    }
}

@media (max-width:767px) {

    .help-categories .categories-tree,
    .help-section .categories-tree {
        display: none
    }
}

.help-categories .categories-tree ul:not(:first-child),
.help-section .categories-tree ul:not(:first-child) {
    margin-left: 20px
}

.help-categories .categories-tree ul li,
.help-section .categories-tree ul li {
    position: relative
}

.help-categories .categories-tree ul li a,
.help-section .categories-tree ul li a {
    color: #333;
    font-size: 1.1rem;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 5px;
    opacity: .8
}

.help-categories .categories-tree ul li a:hover,
.help-section .categories-tree ul li a:hover {
    opacity: 1;
    transform: translateX(2px)
}

.help-categories .categories-tree ul li.active a,
.help-section .categories-tree ul li.active a {
    color: #f26166
}

.help-categories .categories-tree ul li.open,
.help-section .categories-tree ul li.open {
    margin-bottom: 10px
}

.help-categories .categories-tree ul li.open>a,
.help-section .categories-tree ul li.open>a {
    font-size: 1.2rem;
    color: #f26166;
    font-weight: 500;
    opacity: 1
}

.help-categories .categories-tree ul li.open>a:hover,
.help-section .categories-tree ul li.open>a:hover {
    transform: translateX(0)
}

.help-categories .categories-tree ul li.open:before,
.help-section .categories-tree ul li.open:before {
    content: "";
    position: absolute;
    top: 25px;
    left: 7px;
    height: calc(100% - 25px);
    width: 1px;
    background-color: #ddd
}

.help-categories .categories-tree>ul,
.help-section .categories-tree>ul {
    margin-left: 0 !important
}

.help-categories h3,
.help-section h3 {
    color: #333;
    font-size: 2.5rem;
    font-weight: 600;
    text-transform: capitalize
}

.help-categories .category-sections ul li a,
.help-section .category-sections ul li a {
    background-color: #fff;
    font-size: 1.1rem;
    padding: 10px 20px;
    color: #f26166;
    border: 1px solid rgba(242, 97, 102, .25);
    border-radius: 50px;
    margin-left: 0 !important
}

.help-categories .category-sections ul li a:hover,
.help-section .category-sections ul li a:hover {
    transform: translateY(-5px);
    background-color: rgba(242, 97, 102, .05);
    box-shadow: 0 5px 20px rgba(51, 51, 51, .1)
}

.help-categories .sctions .sction>a,
.help-section .sctions .sction>a {
    color: #f26166;
    font-size: 1.2rem;
    font-weight: 600
}

.help-categories .sctions .sction ul li a,
.help-section .sctions .sction ul li a {
    color: #333;
    opacity: 1
}

.help-categories .sctions .sction ul li a:hover,
.help-section .sctions .sction ul li a:hover {
    opacity: .7;
    padding-left: 5px
}

.help-categories .con-cat,
.help-section .con-cat {
    font-size: .8rem;
    color: rgba(51, 51, 51, .7)
}

.help-categories .con-cat a,
.help-section .con-cat a {
    color: #f26166
}

.breadcrumb {
    padding: 0
}

.breadcrumb .d-inline-block {
    padding: 2px 5px;
    color: #333
}

.breadcrumb .d-inline-block:first-child {
    padding-left: 0
}

.breadcrumb span.d-inline-block:last-child {
    opacity: .5
}

.breadcrumb a:hover {
    color: #f26166
}

.article-read {
    width: 70%;
    padding: 60px;
    margin: 0 auto
}

@media (max-width:767px) {
    .article-read {
        width: 100%;
        padding: 80px 40px 40px
    }
}

.article-read .article-body h2 {
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 0;
    margin-top: 10px
}

.article-read .article-body p {
    margin-top: 5px
}

.article-read .helpful-article {
    border: 1px solid #ddd;
    background-color: #f8f9fc;
    border-radius: 5px;
    color: rgba(0, 0, 0, .5)
}

.article-read .helpful-article .helpful-article-fb,
.article-read .helpful-article .helpful-article-thx {
    display: none
}

.article-read .helpful-article .helpful-article-fb h6 {
    font-size: 1rem
}

.article-read .helpful-article .helpful-article-fb textarea {
    border-radius: 3px
}

.article-read .img-article {
    overflow: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    background-color: #f1f1f1;
    border-radius: 10px
}

@media (max-width:767px) {
    .help-search .col-md-3 {
        display: none
    }
}

@media (max-width:767px) {
    .help-search .col-md-9 {
        padding: 60px 30px 0
    }
}

.help-search .categories-list h6 {
    font-weight: 300;
    text-transform: capitalize;
    color: #333;
    margin-bottom: 10px
}

.help-search .categories-list ul:not(:first-child) {
    margin-left: 20px
}

.help-search .categories-list ul li {
    position: relative
}

.help-search .categories-list ul li a {
    color: #333;
    font-size: 1.1rem;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 5px;
    opacity: .8
}

.help-search .categories-list ul li a:hover {
    opacity: 1;
    transform: translateX(2px)
}

.help-search .categories-list ul li.active a {
    color: #f26166;
    opacity: 1
}

.help-search .categories-list>ul {
    margin-left: 0 !important
}

.help-search .search-form form {
    width: 80%;
    overflow: hidden
}

@media (max-width:991px) {
    .help-search .search-form form {
        width: 100%
    }
}

.help-search .search-form form h5 {
    color: #f26166
}

.help-search .search-form form .input-search {
    border-color: #f26166;
    border-radius: 3px;
    box-shadow: 0 5px 20px rgba(242, 97, 102, .2);
    margin-bottom: 0
}

.help-search .search-form form .input-search:focus {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.help-search .search-form form .search-button {
    top: 50%;
    transform: translateY(-50%);
    padding-right: 10px;
    color: #f26166
}

.help-search .search-form form .input-search:focus~.search-button {
    color: #333
}

.help-search .result-count {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 2px
}

.help-search .result-count span {
    font-weight: 600;
    color: #f26166
}

.help-search .search-results ul li a {
    font-size: 1.2rem;
    color: #f26166;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid transparent
}

.help-search .search-results ul li a:hover {
    background-color: #f7f7f7;
    border-color: #ddd
}

.help-search .search-results ul li a p {
    font-size: 1.1rem;
    color: #333;
    margin-top: 3px;
    font-weight: 400;
    margin-bottom: 0
}

.mauticform-row {
    margin-top: 10px;
    margin-bottom: 10px
}

.mauticform-row input,
.mauticform-row select,
.mauticform-row textarea {
    background-color: transparent !important;
    border-radius: 4px !important;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 20px;
    margin-bottom: 0
}

.not-found h1 {
    font-size: 10rem;
    letter-spacing: 15px
}

.not-found h3 {
    margin-top: 25px;
    font-size: 2rem
}

.not-found .bckhome {
    display: inline-block;
    border: 1px solid #f26166;
    color: #f26166;
    padding: 10px 35px;
    border-radius: 25px;
    font-size: 1.2rem;
    text-transform: uppercase
}

.not-found .bckhome:hover {
    border-color: #f7f7f7;
    color: #f7f7f7
}