@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nunito+Sans:opsz,wght@6..12,200;6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900&display=swap");


.hc-container {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 1.5rem;
}

.mb-25 {
    margin-bottom: 25px !important;
}

main.help-center>* {
    font-family: "Nunito Sans";
    font-size: 24px;
    font-weight: 400;
}

main.help-center li {
    font-family: "Nunito Sans";
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 129%;
    font-weight: 400;
}

main.help-center h1,
main.help-center h2,
main.help-center h3,
main.help-center h4,
main.help-center h5,
main.help-center h6 {
    margin: 0;
}

main.help-center section {
    padding: 42px 0 54px 0;
}

main.help-center section:nth-child(1) {
    padding: 64px 0 31px 0;
}

main.help-center section.s-gray {
    background: #F4F4F4;
    padding: 58px 0 33px 0;
}

main.help-center section.s-green {
    background: #76BC21;
    padding: 38px 0 32px 0;
}

main.help-center section.s-green .s-title {
    color: #FFF;
    text-align: center;
    font-size: 42px;
    line-height: 120%;
}

main.help-center section.s-green p {
    color: #000;
    text-align: center;
    font-weight: 700;
    line-height: 150%;
}

main.help-center section .s-title {
    color: #000;
    font-variant-numeric: ordinal;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Bebas Neue";
    font-size: 40px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 400;
}

main.help-center section .title-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 25px;
}

main.help-center .video-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 3px 18px 3px 3px;
    border-radius: 17.143px;
    background: #036FB5;
    box-shadow: 0px 3.429px 3.429px 0px rgba(0, 0, 0, 0.25), 0px 3.429px 3.429px 0px rgba(0, 0, 0, 0.25);
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 17px;
    font-weight: 700;
    line-height: 75%;
}

main.help-center .video-btn .play {
    width: 29.551px;
    height: 29.867px;
    border-radius: 50%;
    background-color: #77BC1F;
    background-image: url(../help-center/images/help-center-icon-play.svg);
    background-position: center;
    background-size: 9px;
    background-repeat: no-repeat;
}

main.help-center .video-btn .play.blue {
    background-color: #57C1E8;
}

main.help-center .header .header-bg {
    background: linear-gradient(180deg, #78B72A, #57C1E8);
    height: 234px;
}

main.help-center .header .search-wrapper {
    margin-top: -140px;
    position: relative;
    z-index: 2;
}

main.help-center .header .hc-container {
    display: flex;
    justify-content: center;
}

main.help-center .header .search-area {
    padding: 29px 34px 13px 34px;
    background: rgba(40, 57, 127, 0.90);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 874px;
}

main.help-center .header .search-area .title {
    color: #FFF;
    text-align: center;
    font-size: 33px;
    font-weight: 800;
    line-height: 145.455%;
    text-transform: uppercase;
    margin-bottom: 12px;
}

main.help-center .header .search-area .hint {
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 17px;
    font-weight: 800;
    line-height: 176%;
}

main.help-center .header .search-input {
    position: relative;
    display: flex;
    align-items: center;
}

main.help-center .header .search-input input {
    width: 100%;
    border: none;
    outline: none;
    padding: 14px 40px 14px 20px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
    border-radius: 5px;
    margin-bottom: 6px;
}

main.help-center .header .search-input i.search {
    width: 16px;
    height: 20.7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M17.7539 15.8242C18.0703 16.1758 18.0703 16.7031 17.7188 17.0195L16.7344 18.0039C16.418 18.3555 15.8906 18.3555 15.5391 18.0039L12.0586 14.5234C11.8828 14.3477 11.8125 14.1367 11.8125 13.9258V13.3281C10.5469 14.3125 9 14.875 7.3125 14.875C3.26953 14.875 0 11.6055 0 7.5625C0 3.55469 3.26953 0.25 7.3125 0.25C11.3203 0.25 14.625 3.55469 14.625 7.5625C14.625 9.28516 14.0273 10.832 13.0781 12.0625H13.6406C13.8516 12.0625 14.0625 12.168 14.2383 12.3086L17.7539 15.8242ZM7.3125 12.0625C9.77344 12.0625 11.8125 10.0586 11.8125 7.5625C11.8125 5.10156 9.77344 3.0625 7.3125 3.0625C4.81641 3.0625 2.8125 5.10156 2.8125 7.5625C2.8125 10.0586 4.81641 12.0625 7.3125 12.0625Z' fill='%235C676E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 20px;
}

main.help-center .header .search-dropdown {
    position: absolute;
    top: 100%;
    background: #F3F4F5;
    width: 100%;
    left: 0;
    max-height: 376px;
    overflow-y: auto;
}

main.help-center .header .search-dropdown .dropdown-item {
    padding: 14px 35px;
    color: #313134;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    border-bottom: 1px solid #C0C8CC;
    cursor: pointer;
}

main.help-center .header .search-dropdown .dropdown-item:hover {
    background-color: #C4C4C4;
    transition: 0.3s ease;
}

main.help-center .header .search-dropdown .dropdown-item strong {
    color: #313134;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 900;
    line-height: 18px;
}

main.help-center .header .search-dropdown .dropdown-item a {
    color: #036EB5;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
}

main.help-center .hc-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

main.help-center .hc-body .boxes-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    row-gap: 15px;
    max-width: 620px;
    margin-top: 20px;
}

main.help-center .boxes-wrapper .box {
    width: 100%;
    max-width: 300px;
    border-radius: 22.818px;
    background: #F4F4F4;
    box-shadow: 6.519px 6.519px 6.519px 0px rgba(0, 0, 0, 0.50);
    cursor: pointer;
}

main.help-center .box .box-footer {
    color: #F4F4F4;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Bebas Neue";
    font-size: 27.819px;
    line-height: 150%;
    text-transform: uppercase;
    background: #374685;
    border-radius: 0px 0px 22.255px 22.255px;
    padding: 12.5px 20px;
    max-height: 67px;
}

main.help-center .box .box-header {
    padding: 20px 0 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 130px;
}

main.help-center .box .box-header .icon {
    height: 88px;
    width: 100%;
}

main.help-center .box:nth-last-child(1) .icon {
    height: 76px;
}

main.help-center .box .box-header .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

main.help-center .boxes-wrapper .abs-marker {
    position: absolute;
    right: 3.5%;
    bottom: 0;
}

main.help-center .hc-content-body .subtitle {
    text-align: center;
    margin: 50px 0;
    max-width: 890px;
}

main.help-center .hc-content-body p {
    color: #332E2E;
    font-feature-settings: 'liga' off, 'clig' off;
    line-height: 129%;
}

main.help-center .hc-content-body p>b {
    font-weight: 900;
}

main.help-center .faq .search-input {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
}

main.help-center .glossary .search-input {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 25px;
    max-width: 785px;
}

main.help-center .glossary .search-input input,
main.help-center .faq .search-input input {
    width: 100%;
    border: none;
    outline: none;
    padding: 14px 40px 14px 20px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
    border-radius: 5px;
    margin-bottom: 6px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    margin-bottom: 0;
}

main.help-center .glossary .search-input i.search,
main.help-center .faq .search-input i.search {
    width: 16px;
    height: 20.7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M17.7539 15.8242C18.0703 16.1758 18.0703 16.7031 17.7188 17.0195L16.7344 18.0039C16.418 18.3555 15.8906 18.3555 15.5391 18.0039L12.0586 14.5234C11.8828 14.3477 11.8125 14.1367 11.8125 13.9258V13.3281C10.5469 14.3125 9 14.875 7.3125 14.875C3.26953 14.875 0 11.6055 0 7.5625C0 3.55469 3.26953 0.25 7.3125 0.25C11.3203 0.25 14.625 3.55469 14.625 7.5625C14.625 9.28516 14.0273 10.832 13.0781 12.0625H13.6406C13.8516 12.0625 14.0625 12.168 14.2383 12.3086L17.7539 15.8242ZM7.3125 12.0625C9.77344 12.0625 11.8125 10.0586 11.8125 7.5625C11.8125 5.10156 9.77344 3.0625 7.3125 3.0625C4.81641 3.0625 2.8125 5.10156 2.8125 7.5625C2.8125 10.0586 4.81641 12.0625 7.3125 12.0625Z' fill='%235C676E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 20px;
}

main.help-center .glossary .alphabet-list {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 0;
    justify-content: center;
    margin: 25px 0;
}

main.help-center .glossary .alphabet-list li {
    list-style: none;
}

main.help-center .glossary .alphabet-list li>a {
    color: #585858;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Bebas Neue";
    font-size: 40px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 3px;
    text-transform: uppercase;
}

main.help-center .visit-btn {
    display: flex;
    align-items: center;
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 22px;
    font-weight: 800;
    line-height: 45%;
    border-radius: 6px;
    background: #036EB5;
    width: 100%;
    max-width: 453px;
    height: 56px;
    flex-shrink: 0;
    padding: 8px 25px 8px 20px;
}

main.help-center .contact-boxes-wrapper {
    display: flex;
    justify-content: center;
    row-gap: 15px;
    gap: 19px;
}

main.help-center .contact-boxes-wrapper .contact-box {
    background-color: #036EB5;
    border-radius: 5px;
    width: 100%;
    max-width: 153px;
    padding: 33px 18px 30px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

main.help-center .contact-boxes-wrapper .contact-box:nth-child(1) {
    padding: 33px 5px 30px 5px;
}

main.help-center .contact-boxes-wrapper .contact-box .title {
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 22px;
    font-weight: 800;
    line-height: 118%;
    text-transform: uppercase;
    margin-bottom: 17px;
}

main.help-center .contact-box .call-btn {
    display: flex;
    align-items: center;
    gap: 1px;
    border-radius: 17.143px;
    background: #DADADA;
    box-shadow: 0px 3.429px 3.429px 0px rgba(0, 0, 0, 0.25), 0px 3.429px 3.429px 0px rgba(0, 0, 0, 0.25);
    padding: 2px 10px 2px 3px;
    margin-bottom: 9px;
}

main.help-center .contact-box .call-btn:nth-last-child(1) {
    margin-bottom: 0;
}

main.help-center .contact-box .call-btn span {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    white-space: nowrap;
}

main.help-center .contact-box .call-btn span>b {
    font-weight: 900;
    text-transform: uppercase;
}

main.help-center .contact-box .call-btn i.call {
    width: 32.883px;
    height: 32.883px;
    border-radius: 50%;
    background-image: url(../help-center/images/help-center-icon-call.svg);
}

main.help-center .contact-box .icon {
    width: 67px;
    height: 67px;
}

main.help-center .contact-box .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

main.help-center .foreclosure-header {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid #9A9A9A;
    border-bottom: 1px solid #9A9A9A;
    min-height: 430px;
}

main.help-center .foreclosure-header h4 {
    color: #332E2E;
    font-family: "Nunito Sans";
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 24px;
    font-weight: 900;
    line-height: 130%;
    margin-bottom: 0;
}

main.help-center .foreclosure-header p {
    color: #332E2E;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 20px;
    font-weight: 900;
    line-height: 140%;
}

main.help-center .foreclosure-header .steps-wrapper {
    display: flex;
    gap: 20px;
}

main.help-center .foreclosure-header .step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

main.help-center .foreclosure-header .step-item .icon-area {
    width: 100px;
    height: 68px;
    display: flex;
    align-items: center;
    padding: 10px 25px;
    position: relative;
    z-index: 2;
}

main.help-center .foreclosure-header .step-item .icon-area span {
    font-size: 34.571px;
    font-weight: 800;
    line-height: 95%;
    position: relative;
    z-index: 2;
}

main.help-center .foreclosure-header .step-item:nth-child(even) .icon-area span {
    color: #fff;
}

main.help-center .foreclosure-header .step-item .icon-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-image: url(../help-center/images/mark-light-green.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

main.help-center .foreclosure-header .step-item:nth-child(even) .icon-area::before {
    background-image: url(../help-center/images/mark-dark-green.svg);
}

main.help-center .foreclosure-header .step-item:nth-last-child(1) .icon-area {
    width: 68px;
    height: 68px;
    justify-content: center !important;
    align-items: center !important;
}

main.help-center .foreclosure-header .step-item:nth-last-child(1) .icon-area::before {
    background-color: #4C9C2E;
    background-image: none;
    border-radius: 50%;
}

main.help-center .foreclosure-header .step-item .title {
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 100%;
    margin-top: 19px;
}

main.help-center .foreclosure-header .step-item .description {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 121%;
    display: none;
}

main.help-center .foreclosure-header .step-item:hover .description {
    display: block;
}

main.help-center .foreclosure-header .step-item:hover {
    min-width: 220px;
}

main.help-center .hidden-content-header {
    cursor: pointer;
}

main.help-center .hidden-content {
    display: none;
}

main.help-center .hidden-content.show {
    display: block;
}

main.help-center .foreclosure-header .step-item:hover .content-area {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    min-height: 206px;
    padding: 12px 8px 10px 8px;
}

main.help-center .foreclosure-header .step-item:hover .icon-area {
    align-items: start;
    justify-content: center;
    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
}

main.help-center .foreclosure-header .step-item:hover .icon-area::before {
    transform: rotate(90deg);
}

main.help-center .foreclosure-header .step-item:hover .title {
    margin-top: 15px;
    margin-bottom: 15px;
}

main.help-center .foreclosure-header .step-item:nth-last-child(1):hover .icon-area {
    width: 100px;
    height: 68px;
    align-items: flex-start !important;
    padding: 10px 25px;
}

main.help-center .foreclosure-header .step-item:nth-last-child(1):hover .icon-area::before {
    background-color: transparent;
    background-image: url(../help-center/images/mark-dark-green.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0;
}

main.help-center .hc-content-section {
    margin-bottom: 31px;
    padding-bottom: 31px;
    border-bottom: 1px solid #9A9A9A;
}

main.help-center .hc-content-section:nth-last-child(1) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

main.help-center .content-area h6 {
    color: #000;
    font-family: "Bebas Neue";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    text-transform: uppercase;
}

main.help-center .content-area h5 {
    color: #76BC21;
    font-family: "Bebas Neue";
    font-size: 35px;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
}

main.help-center .content-area h5.dark {
    color: #000;
}

main.help-center .content-area h5>span {
    color: #57C1E8;
}

main.help-center .content-area p {
    font-size: 22px;
}

main.help-center .content-area p>a {
    color: #036FB5;
    text-decoration: underline;
}

main.help-center .hc-accordion-item {
    margin-bottom: 30px;
}

main.help-center .hc-accordion-item:nth-last-child(1) {
    margin-bottom: 0;
}

main.help-center .hc-accordion-item h5 {
    cursor: pointer;
}

main.help-center .hc-accordion-item .hc-accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: 0.5s ease-out;
}

main.help-center .states-list {
    display: flex;
    gap: 25px;
    justify-content: space-between;
    flex-wrap: wrap;
}

main.help-center .states-list ul {
    padding-left: 0;
    margin-bottom: 0;
}

main.help-center .states-list li {
    list-style: none;
    margin-bottom: 10px;
}

main.help-center .states-list li>a {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 136%;
}

main.help-center .states-list li.bold>a {
    font-weight: 900;
}