/* Hero Banner Block */
.wp-block-vista-careers-hero-banner.full-image-overlay-banner {
    background-image: url(../img/careers.png);
    background-size: cover;
    padding: 16rem 0;
    display: flex;
    align-items: flex-end;
    position: relative;
}
.wp-block-vista-careers-hero-banner.full-image-overlay-banner:before {
    background-blend-mode: multiply;
    background: radial-gradient(37.27% 42.59% at 42.27% 32.82%, rgba(26, 26, 53, 0.6) 0%, rgba(26, 26, 53, 0) 100%), linear-gradient(0.4deg, rgba(26, 26, 53, 0) 0.31%, rgba(26, 26, 53, 0.7) 45.06%);
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.wp-block-vista-careers-hero-banner.full-image-overlay-banner h1{
    color: #FFF;
    font-style: normal;
    font-weight: 300;
    font-size: 7rem;
    line-height: 110%;
    font-size: clamp(4rem, 4.3vw + 1rem, 8.8rem);
    line-height: clamp(4.4rem, 4.8vw + 1rem, 9.2rem);
    text-transform: capitalize;
    max-width: 70rem;
    margin: auto;
    margin-bottom: 4.2rem;
    position: relative;
}
.wp-block-vista-careers-hero-banner.full-image-overlay-banner h1 .sub-heading {
    font-size: 3.6rem;
    font-size: clamp(2.4rem, 2.6vw + 1rem, 3.6rem);
    line-height: 160%;
    font-weight: 500;
}
.wp-block-vista-careers-hero-banner.full-image-overlay-banner .overlay-banner-text {
    box-shadow: 42.3px 52.87px 84.6px 0px #0000000D;
    backdrop-filter: blur(31.72px);
    border-radius: 3.2rem;
    padding: 4rem 10rem;
    color: #fff;
    max-width: 90rem;
    margin: auto;
    text-align: center;
    border: 0.9px solid;
    background: linear-gradient(112.91deg, rgba(255, 255, 255, 0.153) 3.51%, rgba(255, 255, 255, 0.09) 111.71%);
    border-image-source: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 100%);
}
.wp-block-vista-careers-hero-banner.full-image-overlay-banner .overlay-banner-text p {
    font-size: 1.8rem;
    line-height: 140%;
    font-size: clamp(1.6rem, 1.9vw + 1rem, 2.0rem);
    line-height: clamp(2.4rem, 2.6vw + 1rem, 2.8rem);
    margin-bottom: 0;
}
.wp-block-vista-careers-hero-banner.full-image-overlay-banner .overlay-banner-text a {
    margin-top: 1.5rem;
}
.wp-block-vista-careers-hero-banner.full-image-overlay-banner .overlay-banner-text[href=""] {
    display: none;
}
@media (max-width: 767px) {
    .wp-block-vista-careers-hero-banner.full-image-overlay-banner {
        padding: 13.2rem 0 3.2rem;
        min-height: auto;
    }
    .wp-block-vista-careers-hero-banner.full-image-overlay-banner .overlay-banner-text {
        padding: 2.4rem;
    }
    .wp-block-vista-careers-hero-banner.full-image-overlay-banner h1 {
        margin-bottom: 2.4rem;
    }
}
/* Hero Banner Block */



/* Career page Intro Block */
.wp-block-vista-careers-intro.gray-background-wrapper {
    background-color: #fff;
    padding: 13rem 0;
}
.wp-block-vista-careers-intro.gray-background-wrapper p {
    font-size: 2.6rem;
    line-height: 3.4rem;
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    line-height: clamp(2.9rem, 4vw, 4rem);
    max-width: 70rem;
    margin: auto;
    margin-bottom: 0;
}
.wp-block-vista-careers-intro.gray-background-wrapper p span {
    color: #6357EA;
}
@media (max-width: 767px) {
    .wp-block-vista-careers-intro.gray-background-wrapper {
        padding: 8rem 0;
    }
    .wp-block-vista-careers-intro.gray-background-wrapper p br {
        display: none;
    }
}
/* Career page Intro Block */



/* Career page theme background wrapper */
.wp-block-vista-careers-values.theme-background-wrapper { 
    background: linear-gradient(237.89deg, #2F2C69 0%, #1A1A35 47.68%, #2B285F 100%);
    padding: 16rem 0;
    color: #fff;
}
.wp-block-vista-careers-values.theme-background-wrapper .header-part h2 {
    font-size: 7rem;
    line-height: 110%;
    font-weight: 300;
    font-size: clamp(4rem, 4.3vw + 1rem, 8.8rem);
    line-height: clamp(4.4rem, 4.8vw + 1rem, 9.2rem);
    text-align: center;
}
.wp-block-vista-careers-values.theme-background-wrapper .header-part p {
    font-size: 1.8rem;
    line-height: 130%;
    font-size: clamp(1.8rem, 1.9vw + 1rem, 2.2rem);
    line-height: clamp(2.4rem, 2.6vw + 1rem, 3.5rem);
    text-align: center;
    margin: auto;
    margin-bottom: 0;
}
.wp-block-vista-careers-values.theme-background-wrapper .card-holder {
    margin-top: 6rem;
    padding: 0 1.1rem;
}
.wp-block-vista-careers-values.theme-background-wrapper .card-holder img {
    margin-bottom: 2.2rem;
}
.wp-block-vista-careers-values.theme-background-wrapper .card-holder h4 {
    font-size: 2.4rem;
    line-height: 130%;
    font-size: clamp(2.4rem, 2.6vw + 1rem, 3rem);
    line-height: clamp(3.2rem, 3.5vw + 1rem, 4rem);
    font-weight: 600;
    margin-bottom: 2.2rem;
}
.wp-block-vista-careers-values.theme-background-wrapper .card-holder p {
    line-height: 140%;
    font-size: clamp(1.6rem, 1.2vw, 2rem);
    line-height: clamp(2.2rem, 2vw, 2.8rem);
    margin-bottom: 0;
}
.wp-block-vista-careers-values.theme-background-wrapper .home-explore-cta {
    margin-top: 10rem;
}
@media (max-width: 767px) {
    .wp-block-vista-careers-values.theme-background-wrapper {
        padding: 6rem 0 6rem;
    }
    .wp-block-vista-careers-values.theme-background-wrapper .header-part {
        margin-bottom: 4rem;
    }
    .wp-block-vista-careers-values.theme-background-wrapper .header-part h2 {
        margin-bottom: 3.2rem;
    }
    .wp-block-vista-careers-values.theme-background-wrapper .header-part p {
        font-size: 1.6rem;
    }
    .wp-block-vista-careers-values.theme-background-wrapper .card-holder {
        margin-top: 4rem;
        padding: 0;
    }
    .wp-block-vista-careers-values.theme-background-wrapper .card-holder h4 {
        font-size: 2.4rem;
        line-height: 3.1rem;
        margin-bottom: 2rem;
    }
    .wp-block-vista-careers-values.theme-background-wrapper .home-explore-cta {
        margin-top: 8rem;
    }
}
/* Career page theme background wrapper */



/* Culture Block */
.wp-block-vista-careers-culture.alternate-cards-wrapper {
    padding: 18rem 0 15rem;
    background: #fff;
}
.wp-block-vista-careers-culture.alternate-cards-wrapper .header-part {
    text-align: center;
    max-width: 90rem;
    margin: auto;
    margin-bottom: 9.5rem;
}
.wp-block-vista-careers-culture.alternate-cards-wrapper .header-part .sub-heading {
    margin-bottom: 1rem;
    color: #6357EA;
    font-size: 2.6rem;
    line-height: 140%;
    font-size: clamp(2.4rem, 2.9vw + 1rem, 3.3rem);
    line-height: clamp(3.4rem, 3.7vw + 1rem, 4.2rem);
    font-weight: 600;
    margin-top: 0;
}
.wp-block-vista-careers-culture.alternate-cards-wrapper .header-part h2 {
    font-size: 7rem;
    line-height: 110%;
    font-size: clamp(4rem, 4.3vw + 1rem, 8.8rem);
    line-height: clamp(4.4rem, 4.8vw + 1rem, 9.2rem);
    font-weight: 300;
    text-align: center;
    margin: 0;
}
.wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder {
    background-repeat: no-repeat;
    background-position: top center;
    padding: 1rem 0;
    max-width: 100rem;
    min-height: 100rem;
    margin: 0 auto;
    background-size: 100rem;
}
.wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .row {
    gap: 20.4rem;
}
.wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .card-holder .heading-highlight {
    width: 7.5rem;
    height: 0.3rem;
    margin-bottom: 1rem;
    border-radius: 0.4rem;
    background: #4DBCBE;
}
.wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .card-holder h4 {
    margin-bottom: 0.2rem;
    font-size: 2.4rem;
    line-height: 3.1rem;
    font-size: clamp(2.4rem, 2.6vw + 1rem, 2.6rem);
    line-height: clamp(3.2rem, 3.5vw + 1rem, 3.6rem);
    font-weight: 600;
}
.wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .card-holder p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-size: clamp(1.6rem, 2.6vw + 1rem, 1.8rem);
    line-height: clamp(2.2rem, 3.5vw + 1rem, 2.4rem);
    margin-bottom: 5rem;
}
.wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .card-holder:last-child p {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .wp-block-vista-careers-culture.alternate-cards-wrapper {
        padding: 6rem 0 8rem;
    }
    .wp-block-vista-careers-culture.alternate-cards-wrapper .header-part {
        margin-bottom: 4rem;
    }
    .wp-block-vista-careers-culture.alternate-cards-wrapper .header-part .sub-heading {
        margin-bottom: 1.6rem;
    }
    .wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder {
        background: none !important;
        min-height: auto;
        max-width: initial;
        padding: 0;
    }
    .wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .row {
        gap: 0;
    }
    .wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .card-holder {
        margin-bottom: 0;
        margin-top: 4rem;
    }
    .wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .card-holder p {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .row {
        gap: 10.4rem;
    }
    .wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder {
        max-width: 90rem;
        min-height: 90rem;
        background-size: 100% 90rem;
    }
}
@media (min-width: 1024px) and (max-width: 1366px) {
    .wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .row {
        gap: 10.4rem;
    }
    .wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder {
        max-width: 85rem;
        min-height: 85rem;
        background-size: 100% 85rem;
    }
    .wp-block-vista-careers-culture.alternate-cards-wrapper .alternate-cards-holder .card-holder p {
        margin-bottom: 4rem;
    }
}
/* Culture Block */



/* Jobs Block */
.wp-block-vista-careers-jobs.job-opening-wrapper {
    background: linear-gradient(352.78deg, rgba(255, 255, 255, 0.096) 6.81%, rgba(99, 87, 234, 0.084) 39.73%, rgba(77, 188, 190, 0.12) 95.54%);
    padding: 12.5rem 0 15rem;
}
.wp-block-vista-careers-jobs.job-opening-wrapper .header-part {
    text-align: center;
    margin-bottom: 6rem;
}
.wp-block-vista-careers-jobs.job-opening-wrapper .header-part h2 {
    font-size: 7rem;
    line-height: 140%;
    font-size: clamp(4rem, 4.3vw + 1rem, 8.8rem);
    line-height: clamp(4.4rem, 4.8vw + 1rem, 9.2rem);
    font-weight: 300;
    margin-bottom: 2rem;
    text-align: center;
}
.wp-block-vista-careers-jobs.job-opening-wrapper .header-part p {
    line-height: 140%;
    font-size: clamp(1.6rem, 1.9vw + 1rem, 2.0rem);
    line-height: clamp(2.4rem, 2.6vw + 1rem, 2.8rem);
    max-width: 51.2rem;
    margin: auto;
    text-align: center;
    margin-bottom: 0;
}
.wp-block-vista-careers-jobs.job-opening-wrapper .job-card-link {
    color: inherit;
    display: block;
    height: 100%;
}
.wp-block-vista-careers-jobs.job-opening-wrapper .job-card-link .card-holder {
    padding: 3rem;
    border-radius: 2.5rem;
    background-color: #fff;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.wp-block-vista-careers-jobs.job-opening-wrapper .job-card-link:hover .card-holder {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.wp-block-vista-careers-jobs.job-opening-wrapper .job-card-link .card-holder h4 {
    font-size: 2.2rem;
    font-size: clamp(2.2rem, 1.9vw + 1rem, 2.0rem);
    line-height: clamp(3.1rem, 2.6vw + 1rem, 2.8rem);
    margin-bottom: 1.5rem;
}
.wp-block-vista-careers-jobs.job-opening-wrapper .job-card-link .card-holder p {
    font-size: 1.8rem;
    line-height: 100%;
    font-size: clamp(1.8rem, 1.9vw + 1rem, 2.0rem);
    line-height: clamp(2.8rem, 2.6vw + 1rem, 2.8rem);
    margin-bottom: 0;
    color: #7F7F8D;
    flex: 1 1 auto;
}
@media (max-width: 768px) {
    .wp-block-vista-careers-jobs.job-opening-wrapper {
        padding: 10rem 0 6rem;
    }
    .wp-block-vista-careers-jobs.job-opening-wrapper .header-part {
        margin-bottom: 4.8rem;
    }
    .wp-block-vista-careers-jobs.job-opening-wrapper .header-part h2 {
        margin-bottom: 3.2rem;
    }
    .wp-block-vista-careers-jobs.job-opening-wrapper .job-card-link .card-holder {
        height: auto;
        margin-bottom: 0.1rem;
    }
}
/* Jobs Block */



/* Application Form Block */
.application-form-wrapper {
    background: linear-gradient(118.35deg, rgba(77, 188, 190, 0.1) 0%, rgba(205, 205, 211, 0.1) 39.8%, rgba(99, 87, 234, 0.1) 79.59%);
    padding: 10.5rem 0 14rem;
}
.application-form-wrapper .form-application-box {
    background: #fff;
    border-radius: 3.2rem;
    padding: 6rem 6.6rem;
    text-align: center;
    width: 100%;
}
.application-form-wrapper .form-title {
    font-size: 4.8rem;
    line-height: 5.8rem;
    font-size: clamp(4rem, 4.3vw + 1rem, 6rem);
    line-height: clamp(4.4rem, 4.8vw + 1rem, 6.4rem);
    font-weight: 500;
    text-align: center;
    max-width: 70rem;
    margin: auto;
    margin-bottom: 4rem;
    color: #1A1A35;
}
.application-form-wrapper form {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}
.application-form-wrapper form .form-columns-1 {
    width: 100%;
}
.application-form-wrapper form .form-columns-2 {
    width: 100%;
    display: flex;
    gap: 2rem;
}
.application-form-wrapper form fieldset.form-columns-2 .hs-form-field {
    width: calc(50% - 1rem);
    float: none;
}
.application-form-wrapper form fieldset label {
    display: none;
}
.application-form-wrapper form fieldset.form-columns-1 .input,
.application-form-wrapper form fieldset.form-columns-2 .input {
    margin-right: 0;
}
.application-form-wrapper form fieldset input,
.application-form-wrapper form fieldset textarea {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-size: clamp(1.6rem, 1.9vw + 1rem, 1.8rem);
    line-height: clamp(2.5rem, 2.6vw + 1rem, 2.8rem);
    padding: 1.5rem 2rem;
    border: none;
    background-color: #F5F5F7;
    border-radius: 1rem;
    font-weight: 500;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    height: auto;
}
.application-form-wrapper form.hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
    padding: 1.5rem 2rem;
    min-height: auto;
}
.application-form-wrapper form fieldset input::placeholder,
.application-form-wrapper form fieldset .hs-fieldtype-textarea textarea::placeholder {
    color: #ADADBA;
    opacity: 1;
}
.application-form-wrapper form fieldset .hs-fieldtype-textarea textarea {
    height: 15.5rem;
    resize: none;
}
.application-form-wrapper form fieldset .hs-fieldtype-file {
    position: relative;
}
.application-form-wrapper form fieldset .hs-fieldtype-file .input {
    background-color: #F5F5F7;
    border-radius: 1rem;
    padding: 1.5rem 2rem;
    text-align: center;
    width: 100%;
    min-height: 15rem;
    position: relative;
    cursor: pointer;
}
.application-form-wrapper form fieldset .hs-fieldtype-file .input:before {
    position: absolute;
    font-family: bootstrap-icons;
    content: "\f603";
    top: 50%;
    left: 50%;
    font-size: 3rem;
    color: #ADADBA;
    transform: translate(-50%);
    margin-top: -3rem;
}
.application-form-wrapper form fieldset .hs-fieldtype-file .input:after {
    content: "Drop file here or browse";
    color: #ADADBA;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    width: auto;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-size: clamp(1.6rem, 1.9vw + 1rem, 1.8rem);
    line-height: clamp(2.5rem, 2.6vw + 1rem, 2.8rem);
    text-align: center;
    margin-top: 1rem;
}
.application-form-wrapper form fieldset .hs-fieldtype-file input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 10;
    border: none;
    background: transparent;
}
.application-form-wrapper form fieldset .hs-fieldtype-file legend {
    position: absolute;
    z-index: 1;
    left: 2rem;
    top: 1.5rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-size: clamp(1.6rem, 1.9vw + 1rem, 1.8rem);
    line-height: clamp(2.5rem, 2.6vw + 1rem, 2.8rem);
    color: #ADADBA;
    font-weight: 500;
    margin-bottom: 0;
    text-align: left;
}
.application-form-wrapper .gform_wrapper .gfield--type-fileupload .ginput_container_fileupload.has-file:after {
    content: "✓ File selected";
    color: #6357EA;
}
.application-form-wrapper form fieldset input.error,
.application-form-wrapper form fieldset textarea.error {
    border: 0.1rem solid #ee1111;
}
.application-form-wrapper form fieldset .hs-error-msgs, 
.application-form-wrapper form .hs_error_rollup .hs-error-msgs {
    color: #ee1111;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}
.application-form-wrapper form fieldset .hs-error-msgs label {
    display: block;
}
.application-form-wrapper form .hs-submit {
    text-align: center;
    margin-top: 2rem;
    padding: 0;
    border: none;
    background: none;
    width: 100%;
}
@media (max-width: 767px) {
    .application-form-wrapper {
        padding: 3.2rem 0 0;
    }
    .application-form-wrapper .container {
        padding: 0;
    }
    .application-form-wrapper .form-application-box {
        background: none;
        padding: 0;
    }
    .application-form-wrapper .form-application-box .form-title {
        text-align: left;
        padding: 0 3.2rem;
        margin-bottom: 3.2rem;
    }
    .application-form-wrapper form {
        background: #fff;
        padding: 4.8rem 3.2rem 4.8rem;
        gap: 1.6rem;
    }
    .application-form-wrapper form .form-columns-2 {
        flex-direction: column;
    }
    .application-form-wrapper form fieldset.form-columns-2 .hs-form-field {
        width: 100%;
    }
    .application-form-wrapper form fieldset input,
    .application-form-wrapper form fieldset textarea,
    .application-form-wrapper form fieldset .hs-fieldtype-file legend,
    .application-form-wrapper form fieldset .hs-fieldtype-file .input:after {
        font-size: 1.6rem;
        line-height: 2.5rem;
    }
    .application-form-wrapper form fieldset textarea {
        height: 24rem;
    }
    .application-form-wrapper form .hs-submit {
        margin-top: 2.4rem;
    }
}
/* Application Form Block */