@charset "UTF-8";
/* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.blog-post-template .button {
    border-radius: 5px !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    height: auto !important;
    line-height: 1.1 !important;
    padding: 14px 43px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.15s linear !important;
    white-space: normal !important;
    width: auto !important;
    word-break: break-word !important;
    background-color: #993c63 !important;
    border: 1px solid #993c63 !important;
    color: #fff !important;
    font-size: 17px !important;
}
.blog-post-template h1 {
    font-weight: 700 !important;
    font-size: 60px !important;
}
.blog-post-template h2 {
    font-size: 40px !important;
}
.blog-post-template h3 {
    font-size: 30px !important;
}
.blog-post-template h4 {
    font-size: 24px !important;
}
.blog-post-template h1, .blog-post-template h2, .blog-post-template h3, .blog-post-template h4 {
    color: #000;
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}
@media only screen and (max-width: 1200px) {
    .blog-post-template h1 {
        font-size: 50px !important;
    }
    .blog-post-template h2 {
        font-size: 43px;
    }
    .blog-post-template h3 {
        font-size: 33px;
    }
    .blog-post-template h4 {
        font-size: 24px;
    }
    .blog-post-template h5 {
        font-size: 17px;
    }
    .blog-post-template h6 {
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-post-template h1 {
        font-size: 38px !important;
    }
    .blog-post-template h2 {
        font-size: 33px;
    }
    .blog-post-template h3 {
        font-size: 27px;
    }
    .blog-post-template h4 {
        font-size: 21px;
    }
    .blog-post-template h5 {
        font-size: 17px;
    }
    .blog-post-template h6 {
        font-size: 14px;
    }
}
.blog-post-template .blog-post {
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.9;
    text-decoration: none;
}
.blog-post-template .banner--blog .top-container {
    max-width: 1000px;
}
.blog-post-template .banner--blog:before {
    background: none !important;
}

.columns-checkmarks .rich-text ul {
    list-style: none !important;
    padding-left: 0;
    margin: 5px;
}
.columns-checkmarks .rich-text ul li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
}
.columns-checkmarks .rich-text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 1rem;
    height: 1.25rem;
    mask-image: url("https://26694248.fs1.hubspotusercontent-eu1.net/hubfs/26694248/raw_assets/public/prox-child/images/checkmark.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
}
.columns-checkmarks .rich-text.fill-green li::before {
    background-color: #004D40;
}
.columns-checkmarks .rich-text.fill-purple li::before {
    background-color: #973c63;
}
.columns-checkmarks .rich-text.fill-blue li::before {
    background-color: #39aeb5;
}
.columns-checkmarks .rich-text.fill-gray li::before {
    background-color: #f1f1f1;
}
.columns-checkmarks .rich-text.fill-white li::before {
    background-color: #ffffff;
}

.quotes ul {
    list-style-type: none !important;
}

.quotes .glide__slide {
    border-radius: 12px;
    box-shadow: 0 21px 21px rgba(0, 0, 0, 0.04);
    background: #fff;
    position: relative;
}

.quotes .glide__slide:before {
    content: "“";
    display: block;
    font-size: 150px;
    position: absolute;
    line-height: 1;
    height: 43px;
    width: 50px;
    left: -30px;
    top: 15px;
    font-family: "Times New Roman", Times, serif;
}

.quotes .glide__track:active {
    cursor: grabbing;
}

.quotes .glide__track {
    cursor: grab;
}

.quotes .glide__slide span {
    display: block;
    font-size: 12px;
    opacity: 0.8;
}

.quotes--padd .glide__slide {
    padding: 43px 43px 12px 43px;
}

@media (max-width: 1200px) {
    .quotes .glide__slide:before {
        font-size: 120px;
        left: -3%;
        top: 15px;
    }
    .quotes .glide__track {
        transform: translateX(-16px);
        width: calc(100% + 21px);
        padding: 21px 0;
    }
}
@media (min-width: 1200px) {
    .quotes .glide__track {
        width: calc(100% + 102px);
        padding: 44px 33px;
        transform: translateX(-65px);
    }
    .quotes .glide__slides {
        overflow: visible;
    }
}
.system-template .bg-image {
    background-image: url("https://26694248.fs1.hubspotusercontent-eu1.net/hubfs/26694248/raw_assets/public/prox-child/images/bg.jpg");
}
.system-template .backup-unsubscribe h1 {
    font-size: 30px !important;
}
.system-template .backup-unsubscribe h3 {
    font-size: 20px !important;
}
.system-template .backup-unsubscribe .backup-unsubscribe {
    text-align: left !important;
}

.subscription-template .header-main__container {
    background: rgb(0, 77, 64);
}

.system-template .hs-search-results ul {
    list-style-type: none !important;
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 38px !important;
    }
}
.bg-green {
    background-color: #004D40;
}

.bg-purple {
    background-color: #973c63;
}

.bg-blue {
    background-color: #39aeb5;
}

.bg-gray {
    background-color: #f1f1f1;
}

.header-main__cta {
    background: #39acb3 !important;
    padding: 0.6rem 0.9rem !important;
    font-size: 14px;
}

hr {
    background-color: #C5E4E6 !important;
}

.quirky-rounded {
    border-radius: 9999px;
    border-bottom-right-radius: 0.5rem;
}

ul {
    list-style: disc !important;
}

@media (max-width: 767px) {
    #job-single-logo {
        display: none;
    }
}
@media (min-width: 768px) {
    #job-single-logo {
        display: flex;
    }
}