body {
    color: var(--ds-color-monochrome-darker);
}
a{
    text-decoration: unset;
}
a:hover {
    color: inherit;
}
.grey-bg {
    background: var(--ds-color-alias-body-background-light);
}
.orange-bg {
    background-color: var(--ds-color-palette-orange);
}
.dark-bg{
    background-color: var(--ds-color-palette-brand-4);
}
.hidden {
    display: none !important;
}
a.ds-c-link:hover {
    color: var(--ds-color-alias-cta-primary-default-background);
}
/* .company-logo {
    position: absolute;
    top: 5%;
    right: 5%;
    max-height: 100px;
    width: auto;
} */
@media screen and (min-width: 720px) {
    .job-title-and-logo {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }
}
.job-title-and-logo .company-logo {
    /* max-height: 100px; */
    max-width: 200px;
}

.jobs-container{
    background: #F2F2F2;
}
.jobs-card{
    background: #ffffff;
    height: 100%;
    border-radius: 1%;
    border: 1px solid var(--ds-color-monochrome-light);
}
.job-card-image{
    max-height: 64px;
    width: auto;
}

/* Meet our people */
.image-person-1, .image-video-1{
    clip-path: polygon(10% 4%, 90% 8%, 99% 90%, 4% 86%);
}
.image-person-1-border, .image-video-1-border{
    opacity: 0.9;
    position: absolute;
    left: 0%;
    top: 9%;
    height: 65%;
    width: 53px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253%22%20height%3D%22321%22%20viewBox%3D%220%200%2053%20321%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M52.794%200.178143L33.6977%201.45365L0.804319%20320.037L40.5884%20317.38L52.794%200.178143Z%22%20fill%3D%22%23F06C00%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
.image-person-2, .image-video-2{
    clip-path: polygon(0 10%, 98% 2%, 87% 100%, 7% 92%);
}
.image-person-2-border, .image-video-2-border{
    opacity: 0.9;
    position: absolute;
    top: 1%;
    left: 8%;
    width: 80%;
    height: 56px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22416%22%20height%3D%2266%22%20viewBox%3D%220%200%20416%2066%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M415.451%2019.5853L411.802%200.79757L0.945819%2026.069L8.5487%2065.2101L415.451%2019.5853Z%22%20fill%3D%22%23F06C00%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
.image-person-3, .image-video-3{
    clip-path: polygon(6% 11%, 90% 21%, 100% 82%, 1% 97%);
}
.image-person-3-border, .image-video-3-border{
    opacity: 0.9;
    position: absolute;
    left: 9%;
    bottom: 1%;
    width: 80%;
    height: 85px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22413%22%20height%3D%2291%22%20viewBox%3D%220%200%20413%2091%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M413%2013.1782L407.02%200.576666L0.000134657%2062.1785L0.000125649%2090.1786L413%2013.1782Z%22%20fill%3D%22%23F06C00%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media (min-width: 1024px) and (max-width: 1199px){
    .image-person-1-border, .image-video-1-border{
        width: 37px;
    }
    .image-person-2-border, .image-video-2-border{
        height: 46px;
    }
    .image-person-3-border, .image-video-3-border{
        height: 70px;
    }
}
@media (min-width: 870px) and (max-width: 1023px){
    .image-person-1-border, .image-video-1-border{
        width: 30px;
    }
    .image-person-2-border, .image-video-2-border{
        height: 39px;
    }
    .image-person-3-border, .image-video-3-border{
        height: 60px;
    }
}
@media (min-width: 768px) and (max-width: 869px){
    .image-person-1-border, .image-video-1-border{
        width: 28px;
    }
    .image-person-2-border, .image-video-2-border{
        height: 34px;
    }
    .image-person-3-border, .image-video-3-border{
        height: 51px;
    }
}
@media screen and (max-width: 767px){
    .image-person-1{
        clip-path: polygon(0% 4%, 90% 8%, 99% 98%, 0% 93%);
        margin-left: -1.25rem;
    }
    .image-person-2{
        clip-path: polygon(0 9%, 100% 1%, 100% 100%, 7% 92%);
        margin-left: 1.25rem;
    }
    .image-person-3{
        clip-path: polygon(0% 1%, 90% 12%, 100% 83%, 0% 99%);
        margin-left: -1.25rem;
    }
    .image-person-1-border{
        width: 100%;
        height: 33px;
        left: -20%;
        top: -5%;
        background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22730%22%20height%3D%2261%22%20viewBox%3D%220%200%20730%2061%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M728.273%2040.3957L729.837%2060.4916L0.451538%2040.3957L3.32538%200.642068L728.273%2040.3957Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    }
    .image-person-2-border{
        top: -7%;
        left: 8%;
        width: 105%;
        height: 57px;
    }
    .image-person-3-border{
        left: -20%;
        bottom: -9%;
        width: 110%;
        height: 84px;
    }
}
@media screen and (max-width: 575px){
    .image-person-1-border{
        height: 24px;
    }
    .image-person-2-border{
        height: 45px;
    }
    .image-person-3-border{
        height: 67px;
    }
}
@media screen and (max-width: 450px){
    .image-person-1-border{
        left: -25%;
        height: 20px;
    }
    .image-person-2-border{
        width: 110%;
        left: 15%;
        height: 35px;
    }
    .image-person-3-border{
        left: -22%;
        height: 50px;
    }
}
/* Post Videos Mobile */
@media screen and (max-width: 767px){
    .image-video-1{
        clip-path: polygon(0 2%, 100% 8%, 95% 94%, 0% 100%);
    }
    .image-video-1-border{
        height: 60px;
        width: 74%;
        top: -6%;
        left: -10%;
        background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22730%22%20height%3D%2261%22%20viewBox%3D%220%200%20730%2061%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M728.273%2040.3957L729.837%2060.4916L0.451538%2040.3957L3.32538%200.642068L728.273%2040.3957Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    }
    .image-video-2{
        clip-path: polygon(0 8%, 100% 2%, 100% 100%, 9% 94%);
    }
    .image-video-2-border{
        width: 70%;
        height: 80px;
        top: -7%;
        left: 38%;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .image-video-1{
        margin-left: -0.5rem;
    }
    .image-video-2{
        margin-left: 2.5rem;
        margin-right: -0.5rem;
    }
}
@media screen and (max-width: 575px){
    .image-video-1{
        margin-left: -1.5rem;
    }
    .image-video-1-border{
        height: 45px;
        width: 90%;
        top: -6%;
    }
    .image-video-2{
        margin-left: 1.5rem;
        margin-right: -0.5rem;
    }
    .image-video-2-border{
        top: -8%;
        height: 81px;
        width: 100%;
        left: 10%;

    }
}
@media screen and (max-width: 450px){
    .image-video-1-border{
        height: 35px;
    }
    .image-video-2-border{
        top: -7%;
        height: 63px;
    }
}

.left-arrow-button {
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.41421 12L15.7071 5.70711C16.0976 5.31658 16.0976 4.68342 15.7071 4.29289C15.3166 3.90237 14.6834 3.90237 14.2929 4.29289L7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071L14.2929 19.7071C14.6834 20.0976 15.3166 20.0976 15.7071 19.7071C16.0976 19.3166 16.0976 18.6834 15.7071 18.2929L9.41421 12Z" fill="%23404040"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    padding: 0;
}

.right-arrow-button {
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8.29289 18.2929C7.90237 18.6834 7.90237 19.3166 8.29289 19.7071C8.68342 20.0976 9.31658 20.0976 9.70711 19.7071L16.7071 12.7071C17.0976 12.3166 17.0976 11.6834 16.7071 11.2929L9.70711 4.29289C9.31658 3.90237 8.68342 3.90237 8.29289 4.29289C7.90237 4.68342 7.90237 5.31658 8.29289 5.70711L14.5858 12L8.29289 18.2929Z" fill="%23262626"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    padding: 0;
}

.pagination-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
}

.pagination-div span {
    font-weight: 700;
}

.top-pagination-div {
    padding-bottom: 32px;
}

.bottom-pagination-div {
    padding-top: 32px;
}

.additional-search-form {
    padding-bottom: 64px;
}

.aligning-job-card-buttons {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
}

/* Video play button */
.image-play-button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: var(--ds-color-palette-white);
    transition: 0.4s;
    cursor: pointer;
}
.image-play-button:hover{
    fill: var(--ds-color-palette-orange);
}
@media screen and (max-width: 575px) {
    .image-play-button{
        width: 1.5rem;
        height: auto;
    }
}

/* Video Modal */
dialog.video-modal, dialog.video-modal .ds-c-modal__header{
    background: transparent;
}
dialog.video-modal{
    height: 600px;
}
@media screen and (max-width: 1023px){
    dialog.video-modal{
        height: 500px;
    }
}
@media screen and (max-width: 575px){
    dialog.video-modal{
        height: 250px;
    }
}
/* Help icon */
.help-icon{
    position: fixed;
    bottom: 14%;
    right: 10px;
    z-index: 10;
}
@media screen and (max-width: 767px){
    .help-icon{
        bottom: 75px;
        right: 1%;
    }
}
.help-icon-text{
    color: var(--ds-color-palette-red-60);
    top: 20px;
    left: 7px;
}
.help-icon-text-mobile{
    color: var(--ds-color-palette-red-60);
    top: 3px;
    left: 14px;
}

/* Back to top */
.back-to-top{
    text-align: center;
    position: fixed;
    bottom: 2%;
    right: 20px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.back-to-top-icon{
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: var(--ds-color-palette-orange);;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
}
.back-to-top-text{
    color: var(--ds-color-palette-orange);
}
@media screen and (max-width: 767px){
    .back-to-top{
        bottom: 20px;
        right: 1%;
    }
    .back-to-top-icon{
        width: 35px;
        height: 35px;
    }
}

/* Header */
.animated-drawer {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}
.animated-drawer.nav-animation {
    transform: translateX(0);
    
}
.animated-drawer.opening {
    display: block;
}
.ds-c-header-flexible {
    position: sticky;
    top: 0;
    z-index: 9999;
}
.ds-c-header-flexible__main-bar--lg{
    max-width: var(--ds-size-breakpoint-max-width-2xl, 120rem);
    margin: 0 auto;
}
.ds-c-header-flexible__main-navigation{
    border-right: 1px solid var(--ds-color-alias-border);
}
:focus-visible{ 
    outline: none; /* IOS Devises fix for outline on header mobile cancel button */
}
.mobile-header-search-button{
    margin-left: auto;
}
.mobile-search{
    display: flex;
    border-bottom: 1px solid var(--ds-color-alias-border);
    padding-bottom: 0.5rem;
}
@media screen and (min-width: 1024px){
    .mobile-header-search-button, .mobile-search{
        display:none; 
    }
}
@media (min-width: 1201px) and (max-width: 1350px){
    :is(.ds-c-header-flexible__main-navigation,.ds-c-header-flexible__bar-navigation) .ds-c-header-flexible__navigation-list .ds-c-header-flexible__navigation-list-item .ds-c-header-flexible__navigation-list-item--element{
        font-size: var(--ds-font-size-label-1);
    }
    .header-apply-button{
        font-size: var(--ds-font-size-label-1);
    }
}
@media (min-width: 1024px) and (max-width: 1250px){
    :is(.ds-c-header-flexible__main-navigation,.ds-c-header-flexible__bar-navigation) .ds-c-header-flexible__navigation-list .ds-c-header-flexible__navigation-list-item .ds-c-header-flexible__navigation-list-item--element{
        font-size: 0.8rem;
    }
    .header-apply-button{
        font-size: 0.8rem;
    }
}
.ds-c-header-flexible__navigation-list{
    list-style: none;
}
@media screen and (max-width: 1023px){
    .ds-c-header-flexible__navigation-list{
        padding: 0;
    }
    .header-search{
        display: none;
    }
}

/* Footer */
.ds-c-footer__link-list--list {
  list-style-type: none;
  padding: 0;
}
.ds-c-footer__link-list--list a {
  color: var(--ds-color-palette-white);
}
@media (min-width: 768px) {
    .ds-c-footer__link-lists-section[data-respond-at=md] .ds-c-footer__link-lists--wrapper {
        max-width: none;
    }
}
.footer-line{
    margin-top: 0px;
    margin-bottom: 0px;
}
@media (min-width: 768px) {
    .footer-line {
        margin-left: var(--ds-size-spacing-xl, 24px);
        margin-right: var(--ds-size-spacing-xl, 24px);
    }
}

/* CTA Group */
/* .ds-c-toggle-button-group::after {
    content: "";
    display: block;
    border-bottom: 1px solid var(--ds-color-alias-border);
    width: 100%;
    position: absolute;
    bottom: -30%;
} */
.border-transparent{
    border-color: transparent;
}

/* CTA Load More */
.cta-btn-More{
    color: var(--ds-color-monochrome-darker);
}
.cta-btn-More:hover{
    color: var(--ds-color-alias-link-default-color);
}

/* Image next to text shapes */
/* .image-next-to-text{
    overflow: hidden;
} */
@media screen and (min-width: 1024px){
    .text-order-2{
        order: 2;
    }    
}
@media screen and (max-width: 1023px){
    .text-mobile-order-2{
        order: 2;
    }    
}

@media screen and (min-width: 1400px){
    .text-wrapper{
        width: 90%;
    }
}
@media (min-width: 1200px) and (max-width: 1399px){
    .text-wrapper{
        width: 95%;
    }
}
@media screen and (max-width:767px){
    .image-shape{
        transform: scale(1.1);
    }
    .image-shape.image-no-shape{
        transform: scale(1);
    }
}

.image-shape-1{
    clip-path: polygon(5% 0, 91% 10%, 100% 79%, 0 98%);
}
.border-shape-1{
    opacity: 0.9;
    position: absolute;
    width: 90%;
    height: 124px;
    bottom: 0%;
    left: 5%;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22751%22%20height%3D%22135%22%20viewBox%3D%220%200%20751%20135%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M742.61%200.720154L750.432%2020.9273L0.159302%20135L12.5443%2095.2375L742.61%200.720154Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media (min-width: 1024px) and (max-width: 1199px){
    .border-shape-1{
        height: 105px;
    }
}
@media screen and (max-width: 767px){
    .image-shape-1{
        clip-path: polygon(5% 0, 100% 10%, 100% 79%, 0 98%);
    }
    .border-shape-1{
        width: 100%;
        bottom: -5%;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .image-shape-1{
        margin-left: 2.5rem;
    }
}
@media screen and (max-width: 575px){
    .image-shape-1{
        margin-left: 1.5rem;
    }
    .border-shape-1{
        width: 120%;
    }
}
@media screen and (max-width: 500px){
    .border-shape-1{
       height: 97px;
    }
}
.image-shape-2{
    clip-path: polygon(0 8%, 99% 0, 95% 100%, 9% 91%);
}
.border-shape-2{
    opacity: 0.9;
    position: absolute;
    height: 83%;
    width: 45px;
    top: 8%;
    right: 0;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2255%22%20height%3D%22548%22%20viewBox%3D%220%200%2055%20548%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M54.9215%200.7719L35.7926%201.38991L0.623837%20547.062L40.4757%20545.775L54.9215%200.7719Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media (min-width: 767px) and (max-width: 1023px){
    .border-shape-2{
       width: 55px;
    }
}
@media screen and (max-width: 767px){
    .image-shape-2{
        clip-path: polygon(0 8%, 99% 0, 95% 100%, 0% 91%);
    }
    .border-shape-2{
       height: 98%;
       top: 1%;
       width: 60px;
       right: 1%;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .image-shape-2{
        margin-left: -2.5rem;
    }
}
@media screen and (max-width: 575px){
    .image-shape-2{
        margin-left: -1.5rem;
    }
    .border-shape-2{
       width: 40px;
    }
}
.image-shape-3{
    clip-path: polygon(0 8%, 99% 0, 96% 100%, 9% 91%);
}
.border-shape-3{
    opacity: 0.9;
    position: absolute;
    height: 75%;
    width: 45px;
    top: 8%;
    right: 0;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2255%22%20height%3D%22548%22%20viewBox%3D%220%200%2055%20548%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M54.9215%200.7719L35.7926%201.38991L0.623837%20547.062L40.4757%20545.775L54.9215%200.7719Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media (min-width: 767px) and (max-width: 1023px){
    .border-shape-3{
       width: 55px;
    }
}
@media screen and (max-width: 767px){
    .image-shape-3{
        clip-path: polygon(0 8%, 99% 0, 96% 100%, 0% 91%);
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .image-shape-3{
        margin-left: -2.5rem;
    }
    .border-shape-3{
       right: 2%;
    }
}
@media screen and (max-width: 575px){
    .image-shape-3{
        margin-left: -1.5rem;
    }
    .border-shape-3{
       width: 40px;
    }
}
@media screen and (max-width: 450px){
    .border-shape-3{
       right: 1%;
    }
}
.image-shape-4{
    clip-path: polygon(0 12%, 99% 0, 96% 100%, 6% 96%);
}
.border-shape-4{
    opacity: 0.9;
    position: absolute;
    height: 85%;
    width: 36px;
    top: 9%;
    right: 0;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%22549%22%20viewBox%3D%220%200%2040%20549%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M35.6846%200.912542L16.5883%202.18804L0.206368%20548.747L39.9904%20546.09L35.6846%200.912542Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media (min-width: 1024px) and (max-width: 1199px){
    .border-shape-4{
        width: 30px;
    }
}
@media screen and (max-width: 767px){
    .image-shape-4{
        clip-path: polygon(0 12%, 99% 0, 96% 100%, 0% 96%);
    }
    .border-shape-4{
        height: 88%;
        top: 5%;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .image-shape-4{
        margin-left: -2.5rem;
    }
    .border-shape-4{
        right: 1%;
    }
}
@media screen and (max-width: 575px){
    .image-shape-4{
        margin-left: -1.5rem;
    }
    .border-shape-4{
        width: 25px;
    }
}
.image-shape-5{
    clip-path: polygon(2% 8%, 100% 0, 91% 100%, 6% 95%);
}
.border-shape-5{
    opacity: 0.9;
    position: absolute;
    height: 71%;
    width: 61px;
    top: 15%;
    left: 0;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20202%20453%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M22.0039%200.309506L0.404648%201.33962L22.4217%20452.686L61.4608%20444.576L22.0039%200.309506Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media screen and (max-width: 767px){
    .image-shape-5{
        clip-path: polygon(2% 8%, 100% 0, 100% 100%, 6% 95%);
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .image-shape-5{
        margin-left: 2.5rem;
    }
    .border-shape-5{
        left: 3%;
    }
}
@media screen and (max-width: 575px){
    .image-shape-5{
        margin-left: 1.5rem;
    }
    .border-shape-5{
        left: 2%;
    }
}
@media screen and (max-width: 450px){
    .border-shape-5{
        left: 3%;
    }
}
.image-shape-6{
    clip-path: polygon(0 5%, 100% 0, 94% 97%, 10% 93%);
}
.border-shape-6{
    opacity: 0.9;
    position: absolute;
    height: 68px;
    width: 74%;
    bottom: 0%;
    left: 15%;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22488%22%20height%3D%2265%22%20viewBox%3D%220%200%20488%2065%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M0.522221%20-1.68416e-05L-9.08914e-08%2020L487.835%2064.7366L484.756%2024.983L0.522221%20-1.68416e-05Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media (min-width: 1200px) and (max-width: 1350px){
    .border-shape-6{
        height: 60px;
    }
}
@media (min-width: 1024px) and (max-width: 1199px){
    .border-shape-6{
        height: 58px;
        bottom: -1%;
    }
}
@media screen and (max-width: 767px){
    .image-shape-6{
        clip-path: polygon(0 5%, 100% 0, 100% 97%, 10% 93%);
    }
    .border-shape-6{
        width: 100%;
        bottom: -7%;
        left: 18%;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .image-shape-6{
        margin-left: 2.5rem;
    }
    .border-shape-6{
        height: 87px;
    }
}
@media screen and (max-width: 575px){
    .image-shape-6{
        margin-left: 1.5rem;
    }
    .border-shape-6{
        height: 64px;
    }
}
@media screen and (max-width: 450px){
    .border-shape-6{
        height: 50px;
    }
}
.image-shape-7{
    clip-path: polygon(7% 6%, 93% 0, 100% 100%, 0% 92%);
}
.border-shape-7{
    opacity: 0.9;
    position: absolute;
    height: 70%;
    width: 80px;
    top: 15%;
    left: -4%;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2292%22%20height%3D%22452%22%20viewBox%3D%220%200%2092%20452%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M91.6747%200.740137L58.311%202.53869L0.84207%20451.764L70.3499%20448.018L91.6747%200.740137Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media (min-width: 1024px) and (max-width: 1199px){
    .border-shape-7{
        width: 65px;
    }
}
@media (min-width: 767px) and (max-width: 1023px){
    .border-shape-7{
       width: 95px;
    }
}
@media screen and (max-width: 767px){
    .image-shape-7{
        clip-path: polygon(0% 6%, 93% 0, 100% 100%, 0% 92%);
    }
    .border-shape-7{
        height: 60px;
        width: 95%;
        top: -9%;
        left: -10%;
        background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22731%22%20height%3D%2261%22%20viewBox%3D%220%200%20731%2061%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M2.32882%2040.3957L0.764548%2060.4916L730.15%2040.3957L727.276%200.642068L2.32882%2040.3957Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .image-shape-7{
        margin-left: -2.5rem;
    }
}
@media screen and (max-width: 575px){
    .image-shape-7{
        margin-left: -1.5rem;
    }
    .border-shape-7{
        top: -12%;
    }
}
@media screen and (max-width: 450px){
    .border-shape-7{
        top: -17%;
    }
}
.image-shape-8{
    clip-path: polygon(0 8%, 100% 2%, 91% 100%, 9% 94%);
}
.border-shape-8{
    opacity: 0.9;
    position: absolute;
    height: 51px;
    width: 91%;
    top: 0%;
    left: 5%;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22731%22%20height%3D%2261%22%20viewBox%3D%220%200%20731%2061%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M2.32882%2040.3957L0.764548%2060.4916L730.15%2040.3957L727.276%200.642068L2.32882%2040.3957Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media (min-width: 1200px) and (max-width: 1300px){
    .border-shape-8{
        height: 46px;
    }
}
@media (min-width: 1024px) and (max-width: 1199px){
    .border-shape-8{
        height: 41px;
    }
}
@media screen and (max-width: 767px){
    .image-shape-8{
        clip-path: polygon(0 8%, 100% 2%, 100% 100%, 9% 94%);
    }
    .border-shape-8{
        width: 100%;
        height: 60px;
        top: -6%;
        left: 8%;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .image-shape-8{
        margin-left: 2.5rem;
    }
}
@media screen and (max-width: 575px){
    .image-shape-8{
        margin-left: 1.5rem;
    }
    .border-shape-8{
        top: -7%;
        height: 45px;
    }
}
@media screen and (max-width: 450px){
    .border-shape-8{
        top: -6%;
        height: 35px;
    }
}
.image-shape-9{
    clip-path: polygon(0 2%, 100% 8%, 95% 94%, 9% 100%);
}
.border-shape-9{
    opacity: 0.9;
    position: absolute;
    height: 52px;
    width: 90%;
    top: 0%;
    left: 4%;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22730%22%20height%3D%2261%22%20viewBox%3D%220%200%20730%2061%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M728.273%2040.3957L729.837%2060.4916L0.451538%2040.3957L3.32538%200.642068L728.273%2040.3957Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media (min-width: 1024px) and (max-width: 1199px){
    .border-shape-9{
        height: 45px;
    }
}
@media screen and (max-width: 767px){
    .image-shape-9{
        clip-path: polygon(0 2%, 100% 8%, 95% 94%, 0% 100%);
    }
    .border-shape-9{
        height: 60px;
        width: 100%;
        top: -6%;
        left: -10%;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .image-shape-9{
        margin-left: -2.5rem;
    }
}
@media screen and (max-width: 575px){
    .image-shape-9{
        margin-left: -1.5rem;
    }
    .border-shape-9{
        height: 45px;
    }
}
@media screen and (max-width: 450px){
    .border-shape-9{
        height: 35px;
    }
}

/* Our Brands */
.brand-logo{
    max-width: 124px;
    height: auto;
}
.brand-name{
    color: var(--ds-color-palette-orange);
}
.brand-description{
    max-width: 294px;
}
.brand-link{
    width: 124px;
    display: inline-block;
}

/* Nubmered columns */
.orange-number{
    color: var(--ds-color-palette-orange);
}
@media screen and (max-width: 575px){
    .numbered-title{
        max-width: 115px;
        min-height: 52px;
    }
}
/* Good to know section */
.good-to-know-image{
    max-width: 42px;
    height: auto;
}

.negative-top-margin{
    margin-top: -80px;
}
@media (min-width: 1024px) and (max-width: 1350px){
    .negative-top-margin{
        margin-top: -60px;
    }
} 
@media screen and (min-width: 1024px){
    .desktop-negative-top-margin{
        margin-top: -80px;
    }
}

/* Benefits section */
.benefit-image{
    max-width: 60px;
    height: auto;
}
@media screen and (min-width: 1024px) {
    .benefit-title{
        min-height: 52px;
    }    
}
@media screen and (max-width: 500px) {
    .benefit-title{
        min-height: 52px;
    }    
}

/* 4 or 3 Columns Title + Description section */
.orange-title{
    color: var(--ds-color-palette-orange);
}
.mw-570{
    max-width: 570px;
}

/* Columns 2 Image Shapes */
.columns-2-image-shape-1{
    clip-path: polygon(10% 4%, 90% 8%, 99% 98%, 4% 93%);
}
.columns-2-border-1{
    opacity: 0.9;
    position: absolute;
    left: 0%;
    top: 9%;
    height: 65%;
    width: 53px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253%22%20height%3D%22321%22%20viewBox%3D%220%200%2053%20321%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M52.794%200.178143L33.6977%201.45365L0.804319%20320.037L40.5884%20317.38L52.794%200.178143Z%22%20fill%3D%22%23F06C00%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
.columns-2-image-shape-2{
    clip-path: polygon(0 9%, 98% 1%, 87% 100%, 7% 92%);
}
.columns-2-border-2{
    opacity: 0.9;
    position: absolute;
    top: 0%;
    left: 8%;
    width: 80%;
    height: 61px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22416%22%20height%3D%2266%22%20viewBox%3D%220%200%20416%2066%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M415.451%2019.5853L411.802%200.79757L0.945819%2026.069L8.5487%2065.2101L415.451%2019.5853Z%22%20fill%3D%22%23F06C00%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}

/* Columns 3 Image Shapes */
@media screen and (max-width:767px){
    .columns-image-shape{
        transform: scale(1.1);
    }
    .column-bottom-border{
        border-bottom: 1px solid #D8D8D8;
    }
}
.columns-image-shape-1{
    clip-path: polygon(10% 4%, 90% 8%, 99% 98%, 4% 93%);
}
.columns-border-1{
    opacity: 0.9;
    position: absolute;
    left: 0%;
    top: 9%;
    height: 65%;
    width: 53px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253%22%20height%3D%22321%22%20viewBox%3D%220%200%2053%20321%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M52.794%200.178143L33.6977%201.45365L0.804319%20320.037L40.5884%20317.38L52.794%200.178143Z%22%20fill%3D%22%23F06C00%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
.columns-image-shape-2{
    clip-path: polygon(0 9%, 98% 1%, 87% 100%, 7% 92%);
}
.columns-border-2{
    opacity: 0.9;
    position: absolute;
    top: 0%;
    left: 8%;
    width: 80%;
    height: 56px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22416%22%20height%3D%2266%22%20viewBox%3D%220%200%20416%2066%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M415.451%2019.5853L411.802%200.79757L0.945819%2026.069L8.5487%2065.2101L415.451%2019.5853Z%22%20fill%3D%22%23F06C00%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
.columns-image-shape-3{
    clip-path: polygon(6% 1%, 90% 12%, 100% 79%, 1% 99%);
}
.columns-border-3{
    opacity: 0.9;
    position: absolute;
    left: 9%;
    bottom: 0;
    width: 80%;
    height: 85px;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22413%22%20height%3D%2291%22%20viewBox%3D%220%200%20413%2091%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M413%2013.1782L407.02%200.576666L0.000134657%2062.1785L0.000125649%2090.1786L413%2013.1782Z%22%20fill%3D%22%23F06C00%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;
    background-size: cover;
}
@media (min-width: 1024px) and (max-width: 1199px){
    .columns-border-1{
        width: 37px;
    }
    .columns-border-2{
        height: 46px;
    }
    .columns-border-3{
        height: 70px;
    }
}
@media (min-width: 870px) and (max-width: 1023px){
    .columns-border-1{
        width: 30px;
    }
    .columns-border-2{
        height: 39px;
    }
    .columns-border-3{
        height: 60px;
    }
}
@media (min-width: 768px) and (max-width: 869px){
    .columns-border-1{
        width: 28px;
    }
    .columns-border-2{
        height: 34px;
    }
    .columns-border-3{
        height: 55px;
    }
}
@media screen and (max-width: 767px){
    .columns-image-shape-1{
        clip-path: polygon(0% 4%, 90% 8%, 99% 98%, 0% 93%);
        margin-left: -1.25rem;
    }
    .columns-image-shape-2{
        clip-path: polygon(0 9%, 100% 1%, 100% 100%, 7% 92%);
        margin-left: 1.25rem;
    }
    .columns-image-shape-3{
        clip-path: polygon(0% 1%, 90% 12%, 100% 79%, 0% 99%);
        margin-left: -1.25rem;
    }
    .columns-border-1{
        width: 100%;
        height: 33px;
        left: -20%;
        top: -5%;
        background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22730%22%20height%3D%2261%22%20viewBox%3D%220%200%20730%2061%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.9%22%20d%3D%22M728.273%2040.3957L729.837%2060.4916L0.451538%2040.3957L3.32538%200.642068L728.273%2040.3957Z%22%20fill%3D%22%23F06C00%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    }
    .columns-border-2{
        top: -7%;
        left: 8%;
        width: 105%;
        height: 57px;
    }
    .columns-border-3{
        left: -20%;
        bottom: -9%;
        width: 110%;
        height: 85px;
    }
}
@media screen and (max-width: 575px){
    .columns-border-1{
        height: 24px;
    }
    .columns-border-2{
        height: 45px;
    }
    .columns-border-3{
        height: 67px;
    }
}
@media screen and (max-width: 450px){
    .columns-border-1{
        left: -25%;
        height: 20px;
    }
    .columns-border-2{
        width: 110%;
        left: 15%;
        height: 35px;
    }
    .columns-border-3{
        left: -22%;
        height: 50px;
    }
}

@media screen and (min-width: 992px) {
    .job-description-title {
        max-width: 70%;
    }
}

/*   Homepage Hero Section  */
.skip-to-main-content-link{
    position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: black;
  color: white;
  opacity: 0;
}
.skip-to-main-content-link:focus {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}
.heroMainWrpSection{
    position:relative;
}
.heroMainWrpSection:after{
    position:absolute;
    content:"";
    bottom:0;
    width:100%;
    left:0;
    height:12%;
    background-color:var(--ds-color-palette-orange);
    z-index: -1;
}
.heroTxtContent{
    position:absolute;
    bottom:50px;
    left:0;
    width: 100%;
    padding:10px 40px;
    text-align:center;
    z-index: 5;
}
.heroImgWrap{
    position:relative;
    margin:-10px;
}
.heroImgWrap img{
    max-width:100%;
    width:100%;
    height:auto;
}
.hero-image-1{
    clip-path: polygon(0 0, 100% 6%, 95% 95%, 3% 100%);    
}
.hero-border-1{
    opacity: 0.9;
    position: absolute;
    height: 14%;
    width: 85%;
    top: -15px;
    right: 8%;
    background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22397%22%20height=%2241%22%20viewBox=%220%200%20397%2041%22%20fill=%22none%22%3E%3Cpath%20opacity=%220.9%22%20d=%22M0.34219%2028.7256L0.0224609%200.69812L396.351%2027.697L394.158%2040.5821L0.34219%2028.7256Z%22%20fill=%22%23F06C00%22/%3E%3C/svg%3E);
    background-size:cover;
    background-repeat:no-repeat;
}
.hero-image-2{
    clip-path: polygon(3% 4%, 83% 0, 100% 93%, 0% 100%); 
}
.hero-border-2{
    opacity: 0.9;
    position: absolute;
    height:80%;
    width:20%;
    top: 10px;
    right:0px;
    background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2294%22%20height=%22290%22%20viewBox=%220%200%2094%20290%22%20fill=%22none%22%3E%3Cpath%20opacity=%220.9%22%20d=%22M17.4146%200L0%202.00768L70.5%20289.407L94%20287L55.7073%20143.5L17.4146%200Z%22%20fill=%22%23F06C00%22/%3E%3C/svg%3E);
    background-size:cover;
    background-repeat:no-repeat;
}
.hero-image-3{
    clip-path: polygon(0 10%, 100% 0, 97% 100%, 7% 88%); 
}
.hero-border-3{
    opacity: 0.9;
    position: absolute;
    height: 55%;
    width: 9%;
    top: 15%;
    left: -6px;
    background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2245%22%20height=%22205%22%20viewBox=%220%200%2045%20205%22%20fill=%22none%22%3E%3Cpath%20opacity=%220.9%22%20d=%22M17.4146%200.663452L0%203.99994L17.4146%20204.5L44.2439%20195.828L17.4146%200.663452Z%22%20fill=%22%23F06C00%22/%3E%3C/svg%3E");
    background-size:cover;
    background-repeat:no-repeat;
}
.hero-image-4{
    clip-path: polygon(5% 0, 97% 0, 100% 96%, 0% 100%); 
}
.hero-border-4{
    opacity: 0.9;
    position: absolute;
    height: 60%;    
    width: 10%;
    top: 4%;
    left: -12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='252' viewBox='0 0 45 252' fill='none'%3E%3Cpath opacity='0.9' d='M44.2445 0L26.8299 3.33649L0 252H26.8293L44.2445 0Z' fill='%23F06C00'/%3E%3C/svg%3E");
    background-size:cover;
    background-repeat:no-repeat;
}
.hero-image-5{
    clip-path: polygon(0 6%, 100% 0, 96% 94%, 4% 100%); 
}
.hero-border-5{
    opacity: 0.9;
    position: absolute;
    height: 52%;
    width: 10%;
    top: 13%;
    left: -3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='205' viewBox='0 0 45 205' fill='none'%3E%3Cpath opacity='0.9' d='M17.4146 0.663452L0 3.99994L17.4146 204.5L44.2439 195.828L17.4146 0.663452Z' fill='%23F06C00'/%3E%3C/svg%3E");
    background-size:cover;
    background-repeat:no-repeat;
}
.ds-c-link.hero-link{
    color:#FFFFFF;
    text-decoration:none;    
    background: transparent;
    padding:3px 5px;
}
.ds-c-link.hero-link:hover,
.ds-c-link.hero-link:focus{
    color: #ffffff;
    font-weight: bold;
    text-decoration:underline;
    background-color:rgba(255,255,255,.1);
}
 @media only screen and (min-width: 768px) and (max-width: 1200px)  {
    .heroTitle .ds-c-display-6{
        font-size:44px;
    }
}
@media screen and (max-width:1023px) {
    .heroMainWrpSection{
        overflow:hidden;
    }
    .heroMainWrpGrid {
        margin:0 -70px;
    }
    .heroMainTxtWrp {
        padding:0 70px;
    }
    .heroMainWrpSection:after{
        height:6%;
    }
    .heroImgWrap{
        max-height:400px;
    }
    .hero-image-1{
        clip-path: polygon(0 10%, 100% 0, 97% 100%, 7% 96%); 
        max-height:100%;
    }
    .hero-border-1{
        opacity: 0.9;
        position: absolute;
        height: 60%;
        width: 11%;
        top: 15%;
        left: -4px;
        background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='205' viewBox='0 0 45 205' fill='none'%3E%3Cpath opacity='0.9' d='M17.4146 0.663452L0 3.99994L17.4146 204.5L44.2439 195.828L17.4146 0.663452Z' fill='%23F06C00'/%3E%3C/svg%3E");
        background-size:cover;
        background-repeat:no-repeat;
        display:none;
    }
    .hero-image-2{
        clip-path: polygon(0 5%, 100% 10%, 94% 90%, 3% 94%);   
        max-height:100%;
    }
    .hero-border-2{
        opacity: 0.9;
        position: absolute;
        height: 12%;
        width: 85%;
        top: 0px;
        right: 8%;
        background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22397%22%20height=%2241%22%20viewBox=%220%200%20397%2041%22%20fill=%22none%22%3E%3Cpath%20opacity=%220.9%22%20d=%22M0.34219%2028.7256L0.0224609%200.69812L396.351%2027.697L394.158%2040.5821L0.34219%2028.7256Z%22%20fill=%22%23F06C00%22/%3E%3C/svg%3E);
        background-size:cover;
        background-repeat:no-repeat;
    }
    .hero-image-3{
        clip-path:polygon(3% 0%, 80% -6%, 89% 100%, 0% 98%); 
        max-height:100%;
    }
    .heroImgWrap .hero-image-3 img{
        margin-top: -10%;
        position: relative;
        margin-left: -10%;
    }
    .hero-border-3{
        opacity: 0.9;
        position: absolute;
        height:80%;
        width:20%;
        top: 10px;
        left:unset;
        right:0px;
        background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2294%22%20height=%22290%22%20viewBox=%220%200%2094%20290%22%20fill=%22none%22%3E%3Cpath%20opacity=%220.9%22%20d=%22M17.4146%200L0%202.00768L70.5%20289.407L94%20287L55.7073%20143.5L17.4146%200Z%22%20fill=%22%23F06C00%22/%3E%3C/svg%3E);
        background-size:cover;
        background-repeat:no-repeat;
    }
    .hero-image-4{
        clip-path:polygon(5% 0%, 88% 3%, 100% 96%, 0% 100%); 
        max-height:100%;
    }
    .hero-image-5{
        clip-path:polygon(0% 3%, 100% 5%, 96% 94%, 2% 100%); 
        max-height:100%;
    }
}


@media screen and (max-width: 767px) {
    .heroImgWrap{
        margin:-6px;
    }
    .heroImgWrap h4 span, .heroImgWrap h3 span, .heroImgWrap h2 span,
    .heroImgWrap .ds-c-link{
        font-size: 1rem;
    }
    .heroTxtContent{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        top: 0;
        bottom:0;
    }
    .heroImgWrap{
        max-height:300px;
    }
}

@media screen and (max-width: 640px) {
    .heroImgWrap-3{
        max-height:200px;
    }
}
@media screen and (max-width: 480px) {
    .heroImgWrap h4 span,
    .heroImgWrap .ds-c-link{
        font-size: .75rem;
    }
    .heroTxtContent{
        padding:10px 20px;
    }
    .heroImgWrap-3{
        max-height:140px;
        max-width:96%;
    }
    .hero-border-3{
        width:22%;
    }
    .heroMainWrpGrid{
        margin:0 -35px;
    }
}

/*   Homepage Hero Section  */
.centerTxtRightImgWrpInner{
    position:relative;
    clip-path:polygon(0% 8%, 100% 0%, 88% 95%, 17% 100%); 
}
.centerTxtRightImg,
.centerTxtLeftImg{
    max-width:100%;
    height:auto;
    width:100%;
}
.centerTxtRightImgWrp {
    position:relative;
}
.centerTxtRightImgBorder{
    opacity: 0.9;
    position: absolute;
    height: 80%;
    width: 20%;
    top: 10%;
    right: 0%;
    background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2248%22%20height=%22437%22%20viewBox=%220%200%2048%20437%22%20fill=%22none%22%3E%3Cpath%20opacity=%220.9%22%20d=%22M47.9264%200.986374H35.8001L0.431641%20436.649H25.6948L47.9264%200.986374Z%22%20fill=%22%23F06C00%22/%3E%3C/svg%3E);
    background-size:cover;
    background-repeat:no-repeat;
}
@media screen and (max-width: 1023px) {
    .centerTxtLeftImg{
        display:none;
    }
    .centerTxtRightImgWrpInner{
        clip-path: polygon(0% 8%, 100% 0%, 88% 100%, 0% 100%);
        margin:0px 0 1.5rem -1.5rem;
    }
}

.tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    padding-top: 2rem;
}

.card-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.card-tags .ds-c-tag:not(:last-child) {
    margin-right: 1rem;
}

.lower-font-weight {
    font-weight: 400;
}

.latest-jobs-carousel .ds-c-carousel__slides-wrapper {
    position: static;
}

.latest-jobs-carousel-item {
    list-style: none;
}

.ds-c-modal .ds-c-modal__header--dismissible-icon .ds-c-button {
    background-color: #ffffff;
}

.ds-c-modal__header--dismissible-icon {
    background-color: #fff;
    padding: 8px;
}

.top-banner {
    background-color: var(--ds-color-palette-orange);
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
}