[data-history-node-id="409"] .banner-hold-container {
    text-align: center;
}

.client-careers-wrapper .client-careers-item > div > div::before {
    content: unset;
}

.other-career-opportunities-section .slick-list .slick-slide img {
   width: 100%;
   height: 220px !important;
   object-position: center 30%;
}

.other-career-opportunities-section-wrapper .slick-dots {
    @media only screen and (max-width: 600px) {
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 2rem);
    }
}

#sectionFourContent:hover .row .col-md:hover {
   @media only screen and (max-width: 600px) {
        background-color: #ffffff2b !important;
    }
}

#sectionFourContent:hover .row .col-md:hover > * {
    @media only screen and (max-width: 600px) {
        color: white;
    }
}

#sectionFourContent:hover .row .col-md:not(:hover) {
    @media only screen and (max-width: 600px) {
        opacity: 1;
    }
}

.common-button {
    @media only screen and (max-width: 768px) {
       align-self: anchor-center;
       font-size: larger;
    }
}

#block-sos-mainnavigation .menu-level-0 .menu-item--expanded .nav-main-full-w {
   @media only screen and (max-width: 1273px) {
     background-color: transparent;
   }
}

@media (prefers-reduced-motion: no-preference) and  (max-width: 1273px) {
    :root {
        scroll-behavior: unset;
    }
}

.frontpage .column-layout-four_four,
.frontpage .column-layout-two_two {
    max-width: 1440px;
    padding: 1rem;
    margin: auto;
}

.frontpage .column-layout-four_four .card-content > p {
    display: block;
}

.frontpage .column-layout-two_two .set-card-card {
    display: flex;
    flex-direction: column;
}

.frontpage .column-layout-two_two .card-content {
    margin-top: 0;
    padding: 0;
}

.frontpage .column-layout-two_two .set-card-card .card-image {
   aspect-ratio: unset!important;
}

.frontpage .column-layout-four_four > div > div:last-child > div {
   margin-bottom: 2rem;
}

.column-layout-four_four .set-card-card > div:last-child {
   justify-content: start;
}

@media (max-width: 1200px) {
    .column-layout-two_two > div > div:first-child > div {
        padding: unset;
        grid-template-columns: 1fr 1fr;
    }
}

.column-layout-two_two .card-content h3 {
    line-break: anywhere;
    @media only screen and (max-width: 500px) {
    line-break: unset;
    }
}

.column-layout-two_two > div > div:first-child > div {
  gap: 2rem;
  @media only screen and (max-width: 500px) {
      display:contents;
      padding: 0;
  }
}

.sos-counter .h2 {
    font-size: clamp(3rem, 2.5368rem + 2.3158vw, 4.375rem)!important;
}

.sos-counter-wrapper {
    gap: 3rem!important;
}

.sos-counter {
    @media only screen and (max-width: 500px) { 
      gap:1rem !important;
    }
}

.counter-item {
    height: 100%;
}

.counter-item > div {
    height: 100%;
  @media only screen and (max-width: 500px) {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.common-layout .lh-1 {
    width:100%!important;
}

.client-careers form {
    padding: 1rem 0rem 1.5rem 0rem;
    background-image: unset;
    position: unset;
}

.client-careers form .js-form-item{
    flex: 0 0 auto;
    width: 33.33333333%;
    @media only screen and (max-width: 600px) {
      width:100%;
  }
}

.client-careers-wrapper {
  padding: 0!important;
}

.client-careers-wrapper .client-careers-item > div > div::before {
 @media only screen and (max-width: 768px) {
      display: none;
  }
}

.client-careers-wrapper .client-careers-description {
    height: 100%;
    word-wrap: break-word;
    word-break: auto-phrase;
    @media only screen and (max-width: 768px) {
      word-wrap: unset;
      word-break: unset;
      display: -webkit-box;             
    -webkit-box-orient: vertical;    
    overflow: hidden;                 
    -webkit-line-clamp: 3;            
    text-overflow: ellipsis; 
            line-height: 23px;
  }
}

.client-careers-wrapper .client-careers-description p {
line-break: unset;
   @media only screen and (max-width: 768px) {
          line-break: unset;
          display: -webkit-box;             
    -webkit-box-orient: vertical;    
    overflow: hidden;                 
    -webkit-line-clamp: 3;            
    text-overflow: ellipsis; 
            line-height: 23px;
   }
}

.client-careers-wrapper .client-careers-item > div > div {
    height: 169px !important;
    padding-right: 1rem;
    @media only screen and (max-width: 768px) {
        height: fit-content !important;
        padding-right: unset;
    }
}

.client-careers-wrapper .client-careers-item:hover > div {
   @media only screen and (max-width: 768px) {
      transform: scale(1);
  }
}

.client-careers form label {
    display: block;
    color:black;
}

.career-items-content {
    @media only screen and (max-width: 768px) {
        max-height: fit-content;
    }
}

.other-career-opportunities-section .career-items-description > p, 
.other-career-opportunities-section .career-items-description {
    @media only screen and (max-width: 768px) {
        -webkit-line-clamp: 3;
    }
}

.other-career-opportunities-section .slick-list .slick-slide:hover img {
    @media only screen and (max-width: 768px) {
        transform: unset;
    }
}

#sectionFourContent:hover .row .col-md:hover {
    @media only screen and (max-width: 768px) {
       transform: scale(1);
       opacity: 1 !important;
    }
}

[data-history-node-id="60"] .column-layout-four_four {
    max-width: 1440px;
    padding: 1rem;
    margin: auto;
}

[data-history-node-id="60"] .column-layout-four_four .card-flex,
[data-history-node-id="60"] .column-layout-four_four .set-card-card .card-image{
    @media only screen and (max-width: 768px) {
        margin-bottom: 0;
    }
}

[data-history-node-id="60"] .column-layout-four_four .set-card-card {
    background-color: transparent!important;
    @media only screen and (max-width: 768px) {
        margin-bottom: 0;
    }
}

[data-history-node-id="60"] .sos-counter-wrapper {
    background-color: transparent!important;
}

[data-history-node-id="60"] .column-layout-four_four .set-card-card > div:last-child {
    @media only screen and (max-width: 768px) {
       display:none;
    }
}

.meet-the-team .flex-box > div > div {
 @media only screen and (max-width: 768px) {
           padding: 0;
    }
}

.meet-the-team .flex-box > div {
     @media only screen and (max-width: 768px) {
       gap:1rem;
     }
}

.sos-counter {
    margin-bottom:unset!important;
    @media (max-width: 768px) {
      gap:1rem!important;
    }
}

.sos-counter > div {
    transform:unset!important;
    align-self: stretch;
}
