.elementor-2496 .elementor-element.elementor-element-cfd2ef9:not(.elementor-motion-effects-element-type-background), .elementor-2496 .elementor-element.elementor-element-cfd2ef9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-2496 .elementor-element.elementor-element-cfd2ef9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:48px 0px 48px 0px;}.elementor-2496 .elementor-element.elementor-element-cfd2ef9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for shortcode, class: .elementor-element-2fe2e9c */.jobs-filters {
    position: relative;
    color: #003258;
    font-size: 16px;
    line-height: 22px;
}

.jobs-filters label {
    color: #003258;
    font-size: 16px;
    line-height: 22px;
}

.jobs-filters input,
.jobs-filters select {
    background-color:#dadfe3 !important;
    border-color: #dadfe3 !important;
    color: #003258 !important;
    font-size: 16px;
    line-height: 22px;
    padding: 14px !important;
}

.jobs-filters input::placeholder {
    color: #003258 !important;
}

.jobs-filters .cc-button--search {
    width: 164px;
    background-color: #003258;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    grid-column: 1 / 2!important;
}

.jobs-filters .cc-button--search:hover {
    background-color: #8FA6B6;
    color: #fff;
}

.jobs-filters .cc-button--reset {
    position: relative;
    width: auto;
    margin-left: auto;
    padding: 0 0 0 30px;
    color: #003258;
    grid-column: 3 / 4 !important;
}

.jobs-filters .cc-button--reset:before {
    content: "";
    display: block;
    left: 0;
    top: 2px;
    position: absolute;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11C3.55219 11.0001 4 11.4478 4 12C4 16.4183 7.58172 20 12 20C14.6254 19.9999 16.9555 18.7344 18.415 16.7783L16.623 17.0293C16.0762 17.1055 15.5715 16.7236 15.4951 16.1768C15.4187 15.6298 15.7997 15.1242 16.3467 15.0479L20.3086 14.4951C20.8554 14.4189 21.36 14.8 21.4365 15.3467L21.9902 19.3086C22.0666 19.8555 21.6846 20.3611 21.1377 20.4375C20.5909 20.5136 20.0861 20.1318 20.0098 19.585L19.8203 18.2295C17.989 20.5256 15.1678 21.9999 12 22C6.47715 22 2 17.5228 2 12C2 11.4477 2.44772 11 3 11Z' fill='%23003258'/%3E%3Cpath d='M12 2C17.5227 2.00015 22 6.47724 22 12C22 12.5522 21.5522 12.9999 21 13C20.4478 13 20 12.5523 20 12C20 7.58181 16.4182 4.00015 12 4C9.37454 4.00003 7.04255 5.26454 5.58301 7.2207L7.37598 6.9707C7.92295 6.89432 8.42849 7.27628 8.50488 7.82324C8.58124 8.37007 8.20006 8.87556 7.65332 8.95215L3.69141 9.50488C3.14451 9.58125 2.639 9.20016 2.5625 8.65332L2.00977 4.69141C1.93341 4.14448 2.31442 3.63893 2.86133 3.5625C3.40831 3.48612 3.91385 3.86806 3.99023 4.41504L4.17871 5.76953C6.01002 3.47355 8.83226 2.00002 12 2Z' fill='%23003258'/%3E%3C/svg%3E%0A");
}

.jobs-filters .cc-field:nth-of-type(3) select {
    padding-right: 90px !important;
}

.jobs-filters .cc-field:last-of-type {
    position: absolute;
    height: 30px;
    right: 0;
    top: 36px;
    border-left: 1px solid #8FA6B6;
}

.jobs-filters .cc-field:last-of-type select {
    padding: 4px 14px !important
}

.jobs-filters .cc-field:last-of-type label {
    display: none;
}

.jobs-filters .cc-search {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .jobs-filters .cc-search {
        display: grid;
        grid-template-columns: 7fr 3fr 3fr;
    }
    
    .jobs-filters .cc-button--reset:before {
        top: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b73842 */.jobs-list {
    padding-top: 20px;
    padding-bottom: 100px;  
}

.jobs-list .cc-toolbar__results {
    color: #8FA6B6;
}

.jobs-list .cc-job__item {
    position: relative;
    background-color: #003258;
    color: #8FA6B6;
    gap: 10px;
    padding: 30px 15px;
    height: 100%;
        border: none;
}

.jobs-list .cc-job__item {
    overflow: hidden;
}

.jobs-list .cc-job__item:before {
    content: "";
    position: absolute;
    bottom: -94px;
    right: -94px;
    width: 188px; 
    height: 188px;
    background: #fff;
    border-radius: 50%;
    transition:
      width 0.3s ease,
      height 0.07s ease 0.23s,
      border-radius 0.15s ease 0.15s;
    z-index: 2;               
}

.jobs-list .cc-overview[data-layout="grid"] .cc-job__item:before {
    transition:
      width 0.3s ease,
      height 0.3s ease,
      border-radius 0.1s ease;
}

@media (min-width: 768px) {
    .jobs-list .cc-job__item:hover:before {
        width: calc(100% + 94px);
        height: calc(100% + 94px);
        transition:
          width 0.3s ease,
          height 0.05s ease,
          border-radius 0.05s ease;
        border-radius: 0;
    }
    
    .jobs-list .cc-overview[data-layout="grid"] .cc-job__item:hover:before {
         width: calc(100% + 184px);
        height: calc(100% + 184px);
        transition:
          width 0.3s ease,
          height 0.3s ease,
          border-radius 0.3s ease;
        border-radius: 40%;
    }
    
    .cc-job__item:hover {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
        transition:
          all 0.3s ease;
        transform: none;
    }
    
    .jobs-list .cc-job__item:hover h2 {
        color: #003258;
    }
}

.jobs-list .cc-job__item p,
.jobs-list .cc-job__item li {
    position: relative;
    z-index: 3;
    color: #8FA6B6;
}

.jobs-list .cc-job__item li {
    font-size: 16px;
    line-height: 24px;
}

.jobs-list .cc-job__item h2 {
    position: relative;
    z-index: 3;
    transition: all 0.2s ease;
    color: white;
    font-size: 26px;
    line-height: 30px;
    margin-top: 20px;
    text-transform: uppercase;
    padding-right: 30px;
    word-break: break-word;
}

.jobs-list .cc-job__item ul {
    margin-top: auto;
}


.jobs-list .cc-job__item ul .cc-job__detail--publicationdate {
    position: absolute;
    top: 30px;
    left 15px;
    font-family: Nunito Sans;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    padding-left: 0;
}

.jobs-list .cc-job__item ul .cc-job__detail--facets_sectors {
    position: absolute;
    bottom: 14px;
    right: 14px;
}

.jobs-list .cc-job__item ul .cc-job__detail--facets_sectors svg {
    width: 48px;
    height: 48px;
}

.jobs-list .cc-job__item ul .cc-job__detail--facets_sectors svg path {
    fill: #003258;
}

.jobs-list .cc-overview[data-layout="grid"] .cc-job__item ul li:first-of-type {
    top: 60px;
}

.jobs-list .cc-overview[data-layout="grid"] .cc-job__item h2 {
    margin-top: 30px;
}

.jobs-list .cc-overview[data-layout="grid"] #grid svg path {
    fill: #003258;
}

.jobs-list .cc-overview[data-layout="list"] #list svg path {
    fill: #003258;
    
}

.jobs-list .cc-job__item ul li:first-of-type svg {
    display: none;
}

.cc-job__item__details > li > svg, .cc-job__item__details > li > svg > path {
    fill: #8FA6B6;
}

.jobs-list .cc-overview[data-layout="grid"] .cc-job__item {
    padding: 60px 30px;
    gap: 30px;
}

@media (min-width: 768px) {
    .jobs-list .cc-overview[data-layout="grid"] .cc-job__item > .cc-job__item__details {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
    }
    
    .jobs-list .cc-overview[data-layout="list"] .cc-job__item > .cc-job__item__details {
        grid-template-columns: 30% 30%;
    }
}

.jobs-list .cc-pagination {
    justify-content: center;
    font-size: 16px;
    color: #8796A8;
    gap: 16px;
    margin-top: 20px;
}

.jobs-list .cc-pagination__item {
    border-radius: 0;
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #EFEFEF;
    height: 40px;
    min-width: 40px;
    padding: 0 8px;
    font-size: 16px;
    color: #8796A8;
    font-weight: 700;
}

.jobs-list .cc-pagination__item.cc-pagination__item--active {
    border-bottom: 3px solid #8FA6B6;
    color: #003258;
}

.jobs-list .cc-pagination__item:hover {
    background-color: transparent;
    border-bottom: 3px solid #EFEFEF;
    color: #8796A8;
}

.jobs-list .cc-pagination__item.cc-pagination__item--active:hover {
    border-bottom: 3px solid #8FA6B6;
    color: #003258;
}

.jobs-list .cc-pagination__button {
    border-radius: 0;
    background-color: transparent;
    border: none;
    color: #003258;
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
}/* End custom CSS */