/******************************************
* Career detail
******************************************/
.site-content__wrapper {
    --cd-width-form:450px;
    margin-bottom:var(--vii-spacing-45);
}

/*content*/
.site-content__main {width:calc(100% - var(--cd-width-form)); padding-right:var(--vii-gap-container);}
.site-content__main-inner {max-width:670px;}

/*side bar*/
.site-content__sidebar {width:var(--cd-width-form);}
.site-content__form {
    position:sticky; top:calc(var(--vii-header-height) - 30px);
    padding:30px; border:1px solid var(--vii-color-neutral-200);
}
/******************************************
* Career detail - Responsive
******************************************/
@media only screen and (max-width:1180px) {
    .site-content__wrapper {--cd-width-form:400px;}
}
@media only screen and (max-width:1024px) {
    .site-content__wrapper {--cd-width-form:350px;}
    .site-content__form {
        position:sticky; top:calc(var(--vii-header-height) - 20px);
        padding:20px;
    }
}
@media only screen and (max-width:768px) {
    .site-content__wrapper {flex-direction:column;}
    .site-content__main {width:100%; padding-right:0;}
    .site-content__sidebar {width:100%;}
}