.hero-with-menu {
    height: 493px;
}
/* BEGIN: Latest articles */
.articles-section:not(.single-post) {
    padding: 40px 60px;
    max-width: 1440px;
    margin: 0 auto;
}

.articles-section.category-articles {
    padding: 0;
    max-width: 1440px;
    margin: 0 auto;
}

.articles-section.single-post {
    margin-top: 60px;
    margin-bottom: 100px;
}

.articles-header {
    display: flex;
    justify-content: space-between;
}

.articles-title {
    font-size: 64px;
    font-weight: 700;
    line-height: 70px;
    color: #171717;
    margin: 0;
}

.articles-cta {
    border: 1px solid #ff0058;
    border-radius: 32px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
    background-color: #ff0058;
    margin-top: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;


    width: 230px;
    height: 40px;
    -webkit-transition: background-color 0.3s ease-in;
    -o-transition: background-color 0.3s ease-in;
    transition: background-color 0.3s ease-in;
}

.articles-cta:hover {
    background-color: rgba(255, 0, 88, 0.75);
    margin-top: 0;
    color: #fff;
    border-color: rgba(255, 0, 88, 0.75);
    -webkit-transition: background-color 0.3s ease-in;
    -o-transition: background-color 0.3s ease-in;
    transition: background-color 0.3s ease-in;
}

.articles-cta:visited {
    color: #fff;
}

.articles-grid {
    display: grid;
    gap: 40px;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
}

.article-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.article-image {
    height: 196px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.article-card > a {
    position: relative;
}

.article-card > a::after {
    content: "";
    display: block;
    width: 47px;
    height: 46px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDciIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NyA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjMuNSAzNS45MzhjLTExLjE3NCAwLTE2LjQyNi0xMS44NjUtMTYuNjU2LTEyLjM2M2ExLjUgMS41IDAgMCAxIDAtMS4xNWMuMjMtLjQ5OCA1LjQ4Mi0xMi4zNjIgMTYuNjU2LTEyLjM2MiAxMS4xNzUgMCAxNi40MjYgMTEuODY0IDE2LjY1NiAxMi4zNjJhMS41IDEuNSAwIDAgMSAwIDEuMTVjLS4yMy40OTgtNS40ODEgMTIuMzYzLTE2LjY1NiAxMi4zNjNNOS43NTggMjNjMS4xMyAyLjIwNCA1Ljc1IDEwLjA2MyAxMy43NDIgMTAuMDYzUzM2LjExMiAyNS4yMDQgMzcuMjQzIDIzYy0xLjEzMS0yLjIwNC01Ljc1LTEwLjA2Mi0xMy43NDMtMTAuMDYyLTcuOTkyIDAtMTIuNjExIDcuODU4LTEzLjc0MiAxMC4wNjIiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjMuNSAyOS4yM0E2LjIzIDYuMjMgMCAxIDEgMjkuNzI5IDIzYTYuMjUgNi4yNSAwIDAgMS02LjIzIDYuMjNtMC05LjU4NEEzLjM1NCAzLjM1NCAwIDEgMCAyNi44NTQgMjNhMy4zNzMgMy4zNzMgMCAwIDAtMy4zNTQtMy4zNTQiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") no-repeat center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}

.article-card > a .article-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.article-card:hover a .article-image::before,
.article-card:hover a::after {
    opacity: 1;
}


h3.article-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 24px;
    color: #171717;
    margin: 0;
}

.article-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 13px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.article-category {
    color: #ff0058;
    font-weight: 500;
}

.meta-separator {
    color: #bfbfbf;
}

.article-date {
    color: #bfbfbf;
}

.related-articles-title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #171717;
}

@media (max-width: 991px) {
    .articles-section:not(.single-post),
    .articles-section {
        padding: 30px;
    }

    .articles-title {
        font-size: 48px;
        line-height: 56px;
    }

    .articles-grid {
        gap: 20px;
    }


}

@media (max-width: 640px) {
    .articles-section {
        padding: 20px;
    }

    .articles-header {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .articles-title {
        font-size: 36px;
        line-height: 42px;
    }

    .articles-cta {
        width: 100%;
        padding: 10px 20px;
    }

    .articles-grid {
        flex-direction: column;
    }

    .article-card {
        width: 100%;
        gap: 20px;
    }
}

@media (max-width: 500px) {
    .articles-section.single-post {
        padding: 0;
    }
    .articles-section {
        /* padding: 0px !important; */
    }
    .articles-section.category-articles {
        padding: 0;
    }
}

/* END: Latest articles */

/* BEGIN: Filter navigation */
.filter-nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 20px 0;
}

.filter-option {
    padding: 4px 20px;
    border-radius: 39px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    cursor: pointer;
    background: none;
    border: none;
    background-color: #f4f4f4;
}

.filter-option.active {
    background-color: #ff0058;
    color: #fff;
}

@media (max-width: 991px) {
    .filter-nav {
        flex-wrap: wrap;
        padding: 30px;
    }
    .top-filter h2 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 500px) {
    .top-filter h2 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 640px) {
    .filter-option {
        width: 100%;
        margin-bottom: 8px;
    }
}

.mobile-filter-select {
    display: none;
}

/* Mobile styles */
@media (max-width: 500px) {
    .desktop-filter {
        display: none;
    }

    .mobile-filter-select {
        display: block;
        width: 100vw;
        padding: 8px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #fff;
        margin-bottom: 20px;
    }
    .filter-nav {
        padding: 0 !important;
    }
}

/* END: Filter navigation */

/* BEGIN: hero search form */
.hero-with-menu {
    position: relative;
}

.hero-with-menu .title-text {
    padding-top: 100px;
}

.hero-with-menu .title-text h1 {
    font-style: normal;
    font-weight: 900;
    font-size: 100px;
    line-height: 70px;
    color: #FFFFFF;
}

.hero-with-menu .title-text p {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #FFFFFF;
    margin-top: 40px;
}

.hero-with-menu .search-row {
    position: absolute;
    bottom: 40px;
}

.hero-with-menu .search-row form [type="search"],
.hero-with-menu #is-search-input-855:hover,
.hero-with-menu #is-search-input-855:focus {
    background: transparent !important;
    background-color: transparent !important;
    box-sizing: border-box;
    margin: 0 auto;
    min-width: 531px;
    height: 48px;
    border: 1px solid #FFFFFF !important;
    padding: 10px 20px;
    width: 100%;
    color: #FFFFFF;

    font-weight: 400;
    font-size: 24px !important;
    line-height: 30px;
}

.hero-with-menu .search-row form [type="search"]::placeholder {
    color: #FFFFFF;
}

.is-form-style button.is-search-submit {
    height: 48px;
    transform: translateX(-39px);
    opacity: 0;
}


.hero-with-menu .search-row form {
    position: relative;
}

.hero-with-menu .search-row form>label::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYuNjY3IDE0LjY2N2gtMS4wNTRsLS4zNzMtLjM2YTguNjcgOC42NyAwIDAgMCAxLjk3My03LjEyQzE2LjU4NyAzLjQ4IDEzLjQ5My41MiA5Ljc2LjA2N0E4LjY3MyA4LjY3MyAwIDAgMCAuMDY3IDkuNzZjLjQ1MyAzLjczMyAzLjQxMyA2LjgyNyA3LjEyIDcuNDUzYTguNjcgOC42NyAwIDAgMCA3LjEyLTEuOTczbC4zNi4zNzN2MS4wNTRsNS42NjYgNS42NjZjLjU0Ny41NDcgMS40NC41NDcgMS45ODcgMGExLjQxIDEuNDEgMCAwIDAgMC0xLjk4NnptLTggMGMtMy4zMiAwLTYtMi42OC02LTZzMi42OC02IDYtNiA2IDIuNjggNiA2LTIuNjggNi02IDYiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}


@media (max-width: 991px) {
    .hero-with-menu .title-text {
        padding-top: 70px;
    }
    .hero-with-menu .title-text p {
        margin-top: 0;
    }
}


@media (max-width: 768px) {
    .hero-with-menu .search-row form [type="search"] {
        min-width: 113%;
    }
    .hero-with-menu .title-text {
        padding-top: 50px;
    }
    .hero-with-menu .title-text h1 {
        font-size: 50px;
    }
    .hero-with-menu .title-text p {
        font-size: 18px;
        line-height: normal;
    }
}

@media (max-width: 560px) {
    .hero-with-menu .search-row form [type="search"], .hero-with-menu #is-search-input-855:hover, .hero-with-menu #is-search-input-855:focus {
        min-width: calc(100vw - 36px);
        font-size: 18px !important;
    }
}

/* END: hero search form */

/* BEGIN: article grid container */
.article-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding-top: 60px;
}

.article-grid-container .simple-button:not(.row) {
    display: none;
}
.article-grid-container .right-sidebar {
    max-width: 355px;
}

.article-grid-container .right-sidebar .form-block {
    background-color: #f4f4f4;
    padding: 20px;
}

.article-grid-container .right-sidebar form fieldset,
.article-grid-container .right-sidebar form input[type="email"],
.article-grid-container .right-sidebar form input[type="submit"] {
    width: 100% !important;
    max-width: none;
}

.article-grid-container .right-sidebar form input[type="text"],
.article-grid-container .right-sidebar form input[type="tel"],
.article-grid-container .right-sidebar form input[type="email"] {
    border: 1px solid #999999;
    margin-bottom: 10px;
}

.article-grid-container .right-sidebar form .hs-form-field {
    margin-bottom: 0;
}
.article-grid-container .right-sidebar form iframe{
    display: block !important;
    height: 5px;
}
@media (max-width: 1280px) {
    .article-grid-container {
        grid-template-columns: 1fr;
    }
    .article-grid-container .right-sidebar {
        display: block;
        max-width: 100%;
    }
}
/* END: article grid container */

#load-more {
    padding: 4px 20px;
    border-radius: 39px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    cursor: pointer;
    background: none;
    border: none;
    background-color: #f4f4f4;
    background-color: #ff0058;
    color: #fff;
}