@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html,
body {
    font-family: 'Roboto';
    background-color: #fff;
}

html body p {
    line-height: inherit;
}
.uk-members-carousel .flickity-viewport{overflow:hidden;}

#job_posting_type .ais-RefinementList-list {
    display: block;
}
#hits .job-title{
  overflow-wrap: anywhere;
}
.job-description-block .text-jd > div>p:not(:empty){
  padding:15px 0px;

}

.job-description-block .text-jd > div>ul{
  list-style:disc;
  padding-left:40px;
}
.text-jd.collapsed-jd {
  max-height: calc(25px * 10.5); 
  line-height: 25px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  background: #fff;     
}


@media (max-width: 600px) {
  h1 span {
    display: block;
  }
}
@media (max-width: 1200px) {
  #searchbox .ais-SearchBox-input {
    padding-left:10px;
  }
}

.material-text p {
    width: 97%;
}

#job_posting_type .ais-RefinementList-list.closed {
    display: none !important;
}

.minimodal {
    z-index: 2;
}

.hints .flickity-slider>div {
    width: 100%;
}

.has-heart.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.read-story {
    transition: bottom 0.5s ease;
    left: 110px !important;
}

.gender-long-text a {
    border-bottom: 1px solid #007f00;
    color: #252530;
}

.gender-long-text a:hover {
    color: #007f00;
}

.benefits-container .card:hover .read-story {
    bottom: 35px;

}

.wrap-anywhere {
    overflow-wrap: anywhere;
}

@media (min-width: 601px) {
    .hints .flickity-slider>div {
        width: 590px;
    }

    /*   .country-button{
      width: 100% !important;
    min-width: 80px !important;
} */
}

.roboto {
    font-family: Roboto;
}

.hints .flickity-viewport {
    min-height: 280px;
}

#form-submitted-successfully {
    display: none;
}

.link-img a {
    text-decoration: none !important;
}

.learnership-programmes mark {
    color: unset;
    background: transparent;
}

.zoom-container a {
    overflow: hidden;
    border-radius: 32px;
}

.zoom-container img:hover {
    transform: scale(1.2);
}

.zoom-container img {
    transition: transform 0.5s ease;
    cursor: pointer;
}

#job-matching-trigger.pointer-events-none {
    background-color: #002200;
    color: #004F00;
}

.professional-subcategories-job-wrapper .ais-Hits.ais-Hits--empty {
    display: none;
}

.country-popup a.btn:first-child {
    background: #007F00;
    padding: 12px 44px;
    border-radius: 64px;
    font-family: 'Roboto';
    font-size: 16px;
    color: #F7F8F0;
    border: none;
    margin-top: 20px;
}

.country-popup a.btn:first-child:hover {
    background: #004F00;
}

.country-popup a.btn:nth-child(2):hover {
    background: #003600;
    color: #C8F296;
    border: 1px solid #003600;
}

.country-popup a.btn:nth-child(2) {
    background: transparent;
    border: 1px solid #007F00;
    padding: 12px 24px;
    border-radius: 64px;
    font-family: 'Roboto';
    font-size: 16px;
    color: #007F00;
    margin-top: 20px;
}

.latest-jobs-wrapper-algolia .ais-Hits-item a:hover,
#saved-jobs .ais-Hits-item:hover {
    background-color: #e1e3d6 !important;
}

.professional-subcategories-job-wrapper mark {
    color: #363635;
    background-color: unset;
}

#jd-save.left-section {
    display: block;
}

.list-element ul {
    list-style: disc;
    padding-left: 40px;
}

#phone_number {
    padding-left: 89px !important;
}

#hits>div.job_listing-type-module>div {
    position: relative;
    display: block;
    overflow: hidden;
}

/* HEADER */
#header-save-jobs-icon::before {
    content: " ";
    background: url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame%2817%29_cb335e7300305044e4fee6a7c1d10808.svg');
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#header-save-jobs-icon:hover::before {
    background: url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_bookmark%281%29_316f358b4f68c9cd6641d5825f8f15ab.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
}

#header-location-icon::before {
    content: " ";
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(2)_6b4f8575b2c6dc0d5e222cca059b8604.svg');
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
}

#header-location-icon-mobile::before {
    content: " ";
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Frame(4)_48ab4c8f1e5297b4507ea0ff2b46e284.svg');
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
}

#header-search-icon::before {
    content: " ";
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(1)_b607840058e703e539ad4b68edf61926.svg');
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-position-x: 24px;
    background-position-y: center;
    background-size: 14px;
    background-repeat: no-repeat;
}

#header-search-icon:hover::before {
    background: url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Vector%2833%29_06c43b7c14f6b0f2d968e9f2e226a0f0.svg');
    background-repeat: no-repeat;
    background-position-x: 24px;
    background-position-y: center;
    background-size: 14px;
}

#mobile-search-icon::before {
    content: " ";
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(1)_b607840058e703e539ad4b68edf61926.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
}

#mobile-hamburger-open::before {
    content: " ";
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Frame_cf15febe91d5b44e926fb6e84c6d3d22.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
}

#mobile-hamburger-open.open::before {
    content: " ";
    /*   background:url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(3)_1a7ef7b09ddefa6ac8e6f66489fc4d1c.svg'); */
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(17)_a7352a6e13c3b520bc4253d9175bb12e.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
}

#mobile-hamburger-open.open {
    background-color: #E2F5D5;
    border: none;
}

#share-button::before {
    content: " ";
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Frame(1)_d8de711a6fb6a20f111d7bbee9827c6d.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
}

#save-button::before {
    content: " ";
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Frame(2)_3108908b7c5dbf7e5e382a11a3093cda.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
}

.breadcrumb-link:not(.breadcrumb-active)::after {
    background-color: #939393;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    width: 1px;
}

.breadcrumb-link:not(:first-child) {
    padding-left: 4px;
}

.breadcrumb-link {
    padding-right: 10px;
}

.main-menu-mobile {
    z-index: 99999;
}

/* HEADER --- END */

/* FOOTER */
.link-img {
    display: initial;
}

.link-img::after {
    content: " ";
    background: url(https://s3.smartdreamers.com/company_files/501/media_library/original/1_Group_03a68c10181db63c27b24e75877a72c3.svg);
    display: inline-block;
    width: 24px;
    height: 16px;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 12px;
    background-repeat: no-repeat;
}

.link-img-power a {
    text-decoration: none;
}

.link-img-power a::after {
    content: " ";
    background: url(https://s3.smartdreamers.com/company_files/501/media_library/original/1_Group_03a68c10181db63c27b24e75877a72c3.svg);
    display: inline-block;
    width: 24px;
    height: 16px;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 12px;
    background-repeat: no-repeat;
}

.retail-link-img {
    position: relative;
    width: fit-content;
}

.retail-link-img::after {
    content: " ";
    background: url(https://s3.smartdreamers.com/company_files/171/media_library/original/997_Layer_1_6ce37199319821eb1f0ad5df525d441b.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    background-position-y: center;
    right: -25px;
    background-position-x: right;
    background-repeat: no-repeat;
}

/* FOOTER --- END */
/* BENEFITS - CAROUSEL */
@media(max-width:600px){
  .latest-jobs-wrapper-algolia .flickity-button.flickity-prev-next-button.previous,
  .latest-jobs-wrapper-algolia .flickity-button.flickity-prev-next-button.next {
    top: calc(206px - 25px) !important;
    bottom: auto;
    transition: all 0.2s ease-in-out;
  }
  .latest-jobs-wrapper-algolia .flickity-button.flickity-prev-next-button.previous:disabled,
  .latest-jobs-wrapper-algolia .flickity-button.flickity-prev-next-button.next:disabled {
    opacity: 0;
  }
  .latest-jobs-wrapper-algolia .flickity-button.flickity-prev-next-button.previous {
      right: auto;
      left: 20px;
  }

  .latest-jobs-wrapper-algolia .flickity-button.flickity-prev-next-button.next {
      margin-right: auto !important;
      right: 20px;
      left: auto !important;
  }

}
/* Start KD SLIDER  */
.kd-slider {
  position: relative;
}
.kd-slider .flickity-button.flickity-prev-next-button.previous,
.kd-slider .flickity-button.flickity-prev-next-button.next {
  top: calc(206px - 25px) !important;
  bottom: auto;
  transition: all 0.2s ease-in-out;
}
.kd-slider .flickity-button.flickity-prev-next-button.previous:disabled,
.kd-slider .flickity-button.flickity-prev-next-button.next:disabled {
    opacity: 0;
}
.kd-slider .flickity-button.flickity-prev-next-button.previous {
    right: auto;
    left: 20px;
}

.kd-slider .flickity-button.flickity-prev-next-button.next {
    margin-right: auto !important;
    right: 20px;
    left: auto !important;
}
.kd-video-slider.kd-slider .flickity-button.flickity-prev-next-button.previous,
.kd-video-slider.kd-slider .flickity-button.flickity-prev-next-button.next {
    top: calc(161px - 25px) !important;
}
@media screen and (max-width: 600px) {
  .kd-video-slider.kd-slider .flickity-button.flickity-prev-next-button.previous,
  .kd-video-slider.kd-slider .flickity-button.flickity-prev-next-button.next {
/*     top: calc(113px - 25px) !important; */
    top: auto !important;
    bottom: 55%;
  }
}
@media screen and (min-width: 600px) and (max-width: 1400px) {
  .kd-slider .kd-card {
    padding-left: 20px;
  }
}
/* End KD SLIDER  */

@media(max-width:600px) {

    .benefits-card,
    .latest-jobs-wrapper,
    .professional-careers-wrapper {
        margin-bottom: 40px;
    }

    .flickity-button.flickity-prev-next-button.previous {
        bottom: 0px;
        right: 80px;
        position: absolute;
        margin-right: unset !important;
    }

    .flickity-button.flickity-prev-next-button.next {
        bottom: 0px;
        right: 20px;
        position: absolute;
        margin-right: unset !important;
    }

    .benefits-card-wrapper-jd .flickity-viewport {
        height: 550px !important;
    }

    .carousel-content {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }

    .our-team-members {
        padding-bottom: 100px;
    }
}

@media(max-width:1400px) {
    .members-wrapper .carousel-content {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
}

@media(max-width:1399px) {

    .flickity-button.flickity-prev-next-button.previous,
    .flickity-button.flickity-prev-next-button.next {
        margin-right: 20px !important;
    }
}

@media(min-width:1400px) {

    .flickity-button.flickity-prev-next-button.previous,
    .flickity-button.flickity-prev-next-button.next {

        margin-right: calc((100vw - 1372px) / 2) !important;
    }

}

.country-wrapper .flickity-button.flickity-prev-next-button.previous {
    right: unset;
    left: 0px;
}

@media(min-width:600px) and (max-width:1399px) {

    .benefits-card,
    .benefits-card-wrapper-jd,
    .latest-jobs-wrapper,
    .our-team-members,
    .professional-careers-wrapper,
    .professional-careers-wrapper-india,
    .professional-careers-wrapper-uk,
    .professional-careers-wrapper-australia,
    .benefits-ec-wrapper,
    .life-at-bp-wrapper,
    .programs-ec-wrapper,
    .graduates-programs-ec-wrapper,
    .hints,
    .benefits-females-campaign {
        margin-left: 20px !important;
    }
}

@media(min-width:1400px) {

    .benefits-card,
    .benefits-card-wrapper-jd,
    .latest-jobs-wrapper,
    .our-team-members,
    .professional-careers-wrapper,
    .professional-careers-wrapper-india,
    .professional-careers-wrapper-uk,
    .professional-careers-wrapper-australia,
    .benefits-ec-wrapper,
    .life-at-bp-wrapper,
    .programs-ec-wrapper,
    .graduates-programs-ec-wrapper,
    .hints,
    .benefits-females-campaign {
/*         margin-left: calc((100vw - 1372px) / 2) !important; */
    }
}

@media(min-width:600px) {

    .flickity-button.flickity-prev-next-button.previous {
        top: 0px;
        right: 60px;
        /*     margin-right: calc((100vw - 1372px) / 2) !important; */
    }

    .flickity-button.flickity-prev-next-button.next {
        top: 0px;
        right: 0px;
        /*     margin-right: calc((100vw - 1372px) / 2) !important; */
    }

    .programs-wrapper .flickity-button.flickity-prev-next-button.next,
    .programs-wrapper .flickity-button.flickity-prev-next-button.previous,
    .members-wrapper .flickity-button.flickity-prev-next-button.next,
    .members-wrapper .flickity-button.flickity-prev-next-button.previous,
    .country-wrapper .flickity-button.flickity-prev-next-button.next,
    .country-wrapper .flickity-button.flickity-prev-next-button.previous {
        margin-right: unset !important;
/*         background-color: #F9FAF2 !important; */
    }

    .members-wrapper .flickity-button.flickity-prev-next-button.next,
    .members-wrapper .flickity-button.flickity-prev-next-button.previous,
    .life-at-bp-wrapper .flickity-button.flickity-prev-next-button.next,
    .life-at-bp-wrapper .flickity-button.flickity-prev-next-button.previous {
        bottom: 0;
        top: unset;
    }

    .programs-ec-wrapper .flickity-button.flickity-prev-next-button.next,
    .programs-ec-wrapper .flickity-button.flickity-prev-next-button.previous,
    .benefits-females-campaign .flickity-button.flickity-prev-next-button.previous,
    .benefits-females-campaign .flickity-button.flickity-prev-next-button.next {
        top: -50px;
    }
  .members-wrapper .flickity-button.flickity-prev-next-button.next,
    .members-wrapper .flickity-button.flickity-prev-next-button.previous{
      margin-bottom:9px;
      margin-right:6px!important;
    }

    /*   .benefits-card, 
  .benefits-card-wrapper-jd,
  .latest-jobs-wrapper,
  .professional-careers-wrapper,
  .benefits-ec-wrapper,
  .life-at-bp-wrapper,
  .programs-ec-wrapper,
  .graduates-programs-ec-wrapper,
  .hints,
  .benefits-females-campaign{
   margin-left: calc((100vw - 1372px) / 2) !important;
  } */


}
 .members-wrapper .flickity-button.flickity-prev-next-button.next,
    .members-wrapper .flickity-button.flickity-prev-next-button.previous{
      margin-bottom:9px;
      margin-right:6px!important;
    }
.programs-wrapper .flickity-viewport {
    margin-right: 150px;
}

.flickity-button {
  position: absolute;
/*     background-color: #F9FAF2; */
  background-color: white;
  width: 50px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(17, 17, 17, 0.26);

}

.flickity-button:hover {
  background: #007F00; 
}

.flickity-button:hover:after {
  filter: brightness(0) invert(1);
}

.flickity-button.flickity-prev-next-button.previous>svg>path,
.flickity-button.flickity-prev-next-button.next>svg>path {
    display: none;
}

.flickity-button.flickity-prev-next-button.next>svg {
    position: relative;
}

.flickity-viewport:focus-visible,
.flickity-enabled:focus-visible {
    outline: unset !important;
}

.benefits-card .flickity-viewport,
.benefits-card-wrapper-jd .flickity-viewport,
.latest-jobs-wrapper .flickity-viewport,
.our-team-members .flickity-viewport,
.professional-careers-wrapper .flickity-viewport,
.professional-careers-wrapper-india .flickity-viewport,
.professional-careers-wrapper-uk .flickity-viewport,
.professional-careers-wrapper-australia .flickity-viewport,
.application-process-wrapper .flickity-viewport,
.benefits-ec-wrapper .flickity-viewport,
.programs-wrapper .flickity-viewport,
.members-wrapper .flickity-viewport,
.programs-ec-wrapper .flickity-viewport,
.life-at-bp-wrapper .flickity-viewport,
.country-wrapper .flickity-viewport, */
.graduates-programs-ec-wrapper .flickity-viewport,
.hints .flickity-viewport,
.benefits-females-campaign .flickity-viewport {
    overflow: hidden;
}

.graduates-programs-ec-wrapper .flickity-viewport {
    min-height: 550px;
    height: 100% !important;
}

/* .programs-ec-wrapper .flickity-viewport, */
.life-at-bp-wrapper .flickity-viewport {
    margin-bottom: 80px;
}

/* .members-wrapper .flickity-button.flickity-prev-next-button.next::after{
  background-image:url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(16)_f2f07097b25b69759ae4f98fb86ce6b7.svg');
}

.members-wrapper .flickity-button.flickity-prev-next-button.previous::after{
  background-image:url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(16)_f2f07097b25b69759ae4f98fb86ce6b7.svg');
  transform:rotate(180deg);
} */
/* .members-wrapper .flickity-button{
  background-color:#F6F6F6;
} */
.flickity-button:disabled::after {
    opacity: 0.25;
}

.flickity-button:disabled {
    cursor: disabled;
}

.flickity-button.flickity-prev-next-button.previous::after {
    content: '';
    background-image: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(11)_f3f1d8e5add44c2ff8f1fab95d70d08e.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
}

.flickity-button.flickity-prev-next-button.next::after {
    content: '';
    background-image: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(12)_6c639ac54b841570c98a3fa7326032d6.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
}

@media(min-width:601px) {

    .professional-careers-wrapper.flickity-enabled .carousel-content,
    .professional-careers-wrapper-india.flickity-enabled .carousel-content,
    .professional-careers-wrapper-uk.flickity-enabled .carousel-content,
    .professional-careers-wrapper-australia.flickity-enabled .carousel-content,
    .programs-ec-wrapper.flickity-enabled .carousel-content,
    .our-team-members.flickity-enabled .carousel-content {
        width: calc(100% - 20px);
    }

    .flickity-enabled .carousel-content {
        width: calc(100% - 30px);
    }

    .country-wrapper .carousel-content {
        width: unset;
    }

    .country-wrapper .carousel-content {
        margin-right: 15px;
    }
}

@media(min-width:601px) {
    .country-wrapper {
        padding-right: 80px;
        padding-left: 60px;
    }

}

@media(max-width:800px) {
    #country-wrapper .carousel-content {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    #country-wrapper .carousel-content {
        margin-bottom: 10px;
    }
}

@media(max-width:600px) {
    .programs-country-wrapper {
        max-width: 100% !important;
    }
}

.country-wrapper .carousel-content {
    cursor: pointer;
}

.country-wrapper .flickity-viewport {
    mask-image: linear-gradient(to left, transparent, black 50px);
    -webkit-mask-image: linear-gradient(to left, transparent, black 50px);
}

#country-wrapper .country-button {
    border-radius: 64px;
    background-color: #F7F8F0;
    color: #004F00;
    cursor: pointer;
    width: 100%;
}

#country-wrapper .country-button.active,
#country-wrapper .country-button.active>div {
    background-color: #007F00;
    color: #FFFFFF;
    border-radius: 64px;

}

.country-button,
.link-type-module {
    transition: background-color 0.3s ease;
}

/* .benefits-card .flickity-viewport{
  min-height:412px;
} */
/* .benefits-container .card{
  height:100%;
} */
.benefits-container .card {
    max-width: 560px;
    min-width: 328px;
    width: auto;
    transition: width 0.3s ease;
}

.hits-detail-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 32px;
}

.job-date.js-job-date,
.save-job-wrapper {
    display: inline-block;
}

.save-job-button {
    display: inline-block;

    width: 32px;
    height: 32px;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid #007F00;
}

.job-location .location-inline,
.job-date .date-inline {
    display: inline-block;
    margin-right: 10px;
    color: #646461;
    font-size: 12px;
}

.job-location {
    position: relative;
    width: fit-content;
    display: inline-block;

}

.job-date::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #007F00;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}

/* BENEFITS - CAROUSEL --- END */

/* USEFUL MATERIALS */
.useful-material-container>div .links::after {
    content: " ";
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Layer_1_6ce37199319821eb1f0ad5df525d441b.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: calc(100% - 48px) center;
    background-size: 14px;
    background-repeat: no-repeat;
}

@media(max-width:600px) {
    .useful-material-container>div .links::after {
        background-position: calc(100% - 24px) center;
    }
}

/* USEFUL MATERIALS --- END  */

/* DETAIL PAGE */
.detail-page-text>ul,
.long-text>ul {
    list-style: disc;
    padding-left: 30px;
}

/* DETAIL PAGE --- END */

/*  HOMEPAGE  */
.group---menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.group---menu.open {
    max-height: 500px;

}

.group---button::after {
    content: '';
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Frame(3)_56f78d08707e6f2510ab528a41a510db.png');
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: 100% center;
    background-repeat: no-repeat;
}

.group---button.open::after {
    content: '';
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Frame(2)_e59e206320c227aa7be9bceb73c9bcbd.png');
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: 100% center;
    background-repeat: no-repeat;
}

#algolia-searchbox .ais-SearchBox-input {
    box-shadow: unset;
    border: none;
    box-shadow: unset;
    border: none;
    font-family: 'Roboto';
    font-size: 16px;
    color: #828474;
    caret-color: unset;
    border-radius: 64px;
}

#algolia-searchbox .ais-SearchBox-input::placeholder {
    color: #828474;
}

#algolia-searchbox .ais-SearchBox-form {
    height: 100%;
    border-radius: 64px;
}

@media(max-width:1200px) {
    #job_posting_type>ul {
        top: 48px;
    }

    #algolia-searchbox #searchbox,
    #algolia-searchbox #job_posting_type {
        width: 100%;

    }

    #algolia-searchbox .ais-SearchBox-form {
        padding: 15px 30px;
    }

    .job_posting_type-label {
        background-color: white;
        padding: 15px 30px;
        width: 100%;
        border-radius: 8px;
    }

    #algolia-searchbox .ais-SearchBox-input,
    #algolia-searchbox .ais-SearchBox-form {
        border-radius: 8px !important;
    }

    #search-jobs-button {
        text-align: center;
    }
}

#algolia-searchbox .ais-SearchBox-form::before {
    background: rgba(0, 0, 0, 0) url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame(15)_dff3905d2c18ce9e0d1e1cc75756a62d.svg') repeat scroll 0% 0%;
    content: "";
    height: 1rem;
    right: 20px;
    position: absolute;
    top: 50%;
    width: 1rem;
}

@media(max-width:600px) {
    #algolia-searchbox .ais-SearchBox-form::before {
        content: unset !important;
    }

    #algolia-searchbox .ais-SearchBox-form::after {
        background: rgba(0, 0, 0, 0) url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame(15)_dff3905d2c18ce9e0d1e1cc75756a62d.svg') repeat scroll 0% 0%;
        content: "";
        height: 1rem;
        right: 20px;
        position: absolute;
        top: 35%;
        width: 1rem;
    }

    #algolia-searchbox .ais-SearchBox-input {
        padding-left: 0px;
    }
}

.job_posting_type-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #828474;
    padding-right: 50px;
}

@media(min-width:1201px) {
    #algolia-searchbox #searchbox {
        width: 40%;
    }

    #algolia-searchbox #job_posting_type {
        width: 43%;
        padding-left: 15px;
    }

    #job_posting_type>ul {
        top: 62px;
    }
}

#job_posting_type>ul>li>label {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #646461;
}

#job_posting_type>ul>li>label:hover {
    color: #363635;
}

#job_posting_type>ul {
    display: none;
    position: absolute;

    background-color: white;
    border-radius: 0px 0px 24px 24px;
    padding: 16px;
    /*   border: 1px solid #E6E6E6; */
    border-top: none;
    z-index: 1;
    width: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#job_posting_type>ul>li:not(:last-child)>label>span {
    margin-bottom: 15px;
}

@media(max-width:600px) {
    #job_posting_type>ul {
        top: 49px;
    }
}

.label-job-type {
    width: 100%;
}

#job_posting_type>ul>li>label>span.count {
    font-size: 12px;
}

.job_posting_type-label::after {
    background: rgba(0, 0, 0, 0) url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame(16)_ff72dd2bf129129d564e53474b6a39a3.svg') repeat scroll 0% 0%;
    content: "";
    height: 1rem;
    right: 20px;
    position: absolute;
    width: 1rem;
}

#job_posting_type {
    cursor: pointer;
    width: 100%;
    position: relative;

}

.germany-dual-wrapper {
    display: none;
}

#job_posting_type>ul>li>label>input[type="radio"] {
    margin-right: 15px;
    width: 20px;
    height: 16px;
    display: none;
}

#job_posting_type>ul>li>label>input[type="radio"]:checked {
    background: #007F00;
    border: none;
    background-image: none !important;
    color: transparent;
    appearance: none;
    width: 20px;
    height: 16px;
    border-radius: 50%;

}

@media(min-width:1201px) {
    #job_posting_type {
        border-left: 1px solid #E1E3D6;
    }
}

/* HOMEPAGE --- END */

/* EARLY CAREERS */
/* .country-button>div:hover{
     background-color: #007F00;
    color: #FFFFFF;
} */
#country-wrapper .country-button:hover {
    background-color: #007F00;
    color: #FFFFFF;
}

.country {
    cursor: pointer;
}

.program-button>div.active {
    background-color: #F7F8F0;
    color: #363635;
    border: 1px solid #F7F8F0;
}

.program-button.active {
    background-color: #F7F8F0;
    color: #363635;
    border: 1px solid #F7F8F0;
}

.program-button {
    color: #646461;
}

.program-text {
    display: none;
}

.program-text.active {
    display: block;
}

.next-step::after {
    content: '';
    background-image: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Frame(9)_0ccd6b539e95c95be58dec2362dcbfaa.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 29px;
    background-position: right center;
    background-size: 15px;
    background-repeat: no-repeat;
}

.next-step-green::after {
    content: '';
    background-image: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(18)_469bcafe3f2ee28587913c994c13355f.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 17px;
    background-position: right center;
    background-size: 15px;
    background-repeat: no-repeat;

}

.box-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 32px;
}

.base-box {

    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 32px;
}

.content-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: white;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
    z-index: 1;
}

.box-wrapper:hover .content-box {
    transform: translateY(0);
    opacity: 1;
}

.carousel.all-country-carousel>div {
    width: 100%;
}

.carousel.all-country-carousel.graduates-programs-ec-wrapper>div {
    height: 100% !important;
}

.country-wrapper .carousel-content {
    cursor: pointer;
}

@media(min-width:601px) and (max-width:1000px) {
    .programs-ec-wrapper .flickity-button.flickity-prev-next-button.previous {
        top: 8px;
        left: 0px;
        bottom: unset;
        position: absolute;
        margin-right: unset !important;
    }

    .programs-ec-wrapper .flickity-button.flickity-prev-next-button.next {
        top: 8px;
        left: 60px;
        bottom: unset;
        position: absolute;
        margin-right: unset !important;
    }
}

@media(max-width:600px) {

    .programs-ec-wrapper .flickity-button.flickity-prev-next-button,
    .arrows-flickity-placeholder .flickity-button.flickity-prev-next-button {
        /*     display:none; */
    }

    .programs-ec-wrapper .flickity-button.flickity-prev-next-button.previous {
        top: -30px;
        left: 20px;
        bottom: unset;
        position: absolute;
        margin-right: unset !important;
    }

    .programs-ec-wrapper .flickity-button.flickity-prev-next-button.next {
        top: -30px;
        left: 80px;
        bottom: unset;
        position: absolute;
        margin-right: unset !important;
    }
}

@media(max-width:1350px) {
    .programs-ec-wrapper .flickity-button.flickity-prev-next-button {
        margin-right: 0px !important;
    }
}

.arrows-flickity-placeholder .flickity-button.flickity-prev-next-button.previous {
    width: 50px;
    height: 50px;
    bottom: -1px;
    top: unset;
    right: 60px;
    opacity: 0.6;
    margin-right: 0px !important;
}

@media(max-width:1000px) {
    .arrows-flickity-placeholder .flickity-button.flickity-prev-next-button.previous {
        top: unset;
        bottom: -60px;
        left: 20px;
    }

    .arrows-flickity-placeholder .flickity-button.flickity-prev-next-button.next {

        bottom: -60px !important;
        top: unset;
        left: 80px;

    }
}

.arrows-flickity-placeholder.flickity-button.flickity-prev-next-button.previous::after {
    margin-top: 5px;
}

/* .arrows-flickity-placeholder .flickity-button.flickity-prev-next-button.next::after{
  margin-top:2px;
} */

.arrows-flickity-placeholder .flickity-button.flickity-prev-next-button.next {
    width: 50px;
    height: 50px;
    bottom: 0px;
    top: unset;
    opacity: 0.6;
    right: 0px;
    margin-right: 0px !important;
}


/* EARLY CAREERS --- END */

/* JOB DESCRIPTION */
#snackbar,
#snackbar2 {
/*     visibility: hidden; */
  display:none;
    min-width: 270px;
    font-size: 14px;
    border-radius: 2px;
    text-align: center;
    background-color: #fff;
    padding: 20px;
    color: #3f3f3f;
    border: 1px solid #3f3f3f;
    border-radius: 8px;
    z-index: 12;
}

#snackbar.show,
#snackbar2.show {
    position: absolute;
    top: 60px;
    display: block;
/*     visibility: visible; */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.text-jd {
    transition: max-height 0.4s ease;
    overflow: hidden;
}

.job-description-block .text-jd.expanded-jd {
    max-height: none;
}

/* JOB DESCRIPTION --- END */

/*  POPUP */
.body-no-scroll {
    overflow: hidden;
}

.popup-text-wrapper {
    max-width: 665px;
    margin: 0 auto;
}

#popup-wrapper {
    background-color: white;
    padding: 35px 30px 90px;
    border-radius: 32px;
    height: auto;
    align-content: center;
    max-width: 887px;
    margin: 0 auto;
    overflow: auto;

}

@media(max-width:640px) {

    #popup,
    #popup-2 {
        padding: 0px 20px;
    }
}

#popup,
#popup-2 {
    overflow: auto;
    display: none;
    width: 100%;
    max-width: 768px;
    /*height: 100%;  */
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*   padding: 20px;  */

    z-index: 1001;
    /*   padding-top: 100px;
    padding-bottom: 100px; */
}

#header-job-popup {
    display: none;
    width: 100%;
    max-width: 688px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
    z-index: 1001;
}

#job-alert-popup,
#ai-matching-popup {
    display: none;
    width: 100%;
    max-width: 792px;
    /*height: 100%;  */
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*   padding: 20px;  */
    overflow: auto;
    z-index: 1001;
    /*   padding-top: 100px;
    padding-bottom: 100px; */
}

.upload-popup-wrapper>p>span {
    cursor: pointer;
}

#newsletter-form-content span.required {
    display: none;
}

#newsletter-form-content .input-row.error>input,
#newsletter-form-content .input-row.error>select,
#newsletter-form-content .input-row-consent.error input[type="checkbox"] {
    border: 1px solid red;
}

#newsletter-form-content .success .success-message {
    position: relative;
    padding: 100px 0px;
}

#newsletter-form-content .success .success-message::after {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
    background-image: url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame%2827%29_f36c5ac9218a847787215c3a76c58470.svg');
}

#popup-overlay,
#popup-overlay-2 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    overflow-y: scroll;
    cursor: pointer;
}

.popup-button-container {
    max-width: 887px;
    margin: 0 auto;
}

.popup-content {
    text-align: center;
    max-width: 676px;
    margin: 0 auto;
    position: relative;
    top: 29%;
}

.popup-content h {
    font-size: 30px;
    line-height: 36px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
}

.popup-content p {
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    margin-top: 32px;
    margin-bottom: 58px;
}

.popup-content .button {
    background-color: #152EA9;
    border-radius: 22px;
    padding: 13px 50px;
    color: white;
}

.popup-button-container {
    justify-content: end;
}

#close-popup,
#close-popup-2 {
    border-radius: 50%;
    border: none;
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
    float: right;
    background-color: #F9FAF2;
    position: relative;

}

#close-popup:after,
#close-popup-2:after {
    content: "✕";
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 19px;
    color: #007F00;
}

#popup button span,
#popup-2 button span {
    font-size: 32px;
    color: #0C1926;
    opacity: 0.8;
}

@keyframes slideUp {
    from {
        transform: translate(-50%, 100%);
        opacity: 0;
    }

    to {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        transform: translate(-50%, -50%);
        opacity: 1;
    }

    to {
        transform: translate(-50%, 100%);
        opacity: 0;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


#popup.show,
#popup-2.show,
#job-alert-popup.show,
#header-job-popup.show,
#ai-matching-popup.show {
    animation: slideUp 0.5s ease-out forwards;
}

@media(max-width:600px) {

    #header-job-popup,
    #job-alert-popup,
    #ai-matching-popup {
        max-height: 90vh;
        overflow-y: auto;
        width: 90%;
        border-radius: 32px;
    }
}

#popup.hide,
#popup-2.hide,
#job-alert-popup.hide,
#header-job-popup.hide,
#ai-matching-popup.hide {
    animation: slideDown 0.5s ease-in forwards;
}


#popup-overlay.fade-in,
#popup-overlay-2.fade-in {
    animation: fadeIn 0.5s ease forwards;
}

#popup-overlay.fade-out,
#popup-overlay-2.fade-out {
    animation: fadeOut 0.5s ease forwards;
}

/* POPUP --- END  */
/*  LATEST JOBS */
.latest-jobs-wrapper-algolia {

    min-height: 150px;
}

.latest-jobs-wrapper-algolia .ais-Hits {
    max-width: 1372px;
    overflow: hidden;
    margin: 0 auto;
}

.latest-jobs-wrapper-algolia .flickity-viewport {
    overflow: hidden;
}

.latest-jobs-wrapper-algolia .flickity-enabled .ais-Hits-item {
    /*   width: calc(100% - 20px)!important; */
    /*   width:100%; */
}

.latest-jobs-wrapper-algolia .ais-Hits-item {
    border: none;
    box-shadow: none;
    max-width: 348px;
    width: 100%;
    padding: 0px;
    display: block;
    align-items: unset;

}

.latest-jobs-wrapper-algolia .ais-Hits-item>a {

    background-color: #F7F8F0;
    border-radius: 24px !important;
    border: none;
    box-shadow: none;
    max-width: 328px;
    padding: 24px;
    min-height: 247px;
    height: 100%;
    display: block;
}

.latest-jobs-wrapper-algolia .ais-Hits-item>a {

    height: 100%;
}

.latest-jobs-wrapper-algolia .ais-Hits-item>a.see-more-jobs-link {
    display: grid;
    width: 100%;
}

.see-more-jobs .job-number::after {
    content: '';
    width: 33px;
    height: 33px;
    background: url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame(22)_672da06c45ddadfc00bd44d20f03c11d.svg');
    background-repeat: no-repeat;
}

.see-more-jobs {
    font-family: 'Roboto';
    font-size: 30px;
    line-height: 42px;
    color: #363635;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.see-more-jobs .job-number>p {
    font-size: 12px;
    color: #646461;
}

.latest-jobs-wrapper-algolia .ais-Hits-item .job-title {
    font-family: 'Roboto';
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 20px;
/*     min-height: 80px; */
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  overflow-wrap: anywhere;
    height: auto;
    text-overflow: ellipsis;
}

.latest-jobs-wrapper-algolia .ais-Hits-item {
    height: 100%;
    min-height: 247px;
}

.latest-jobs-wrapper-algolia .ais-Hits-item>a .left-section {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#hits .left-section .js-job-detail.job-tip_program,
#savedJobsContent .left-section .js-job-detail.job-tip_program {
    color: #007F00;
    position: relative;
    display: flex;
    align-items: center;
}

#hits .left-section .js-job-detail.job-tip_program::before,
#savedJobsContent .left-section .js-job-detail.job-tip_program::before {
    content: ' ';
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 5px;
    background-repeat: no-repeat !important;
    background: url('https://s3.smartdreamers.com/company_files/171/media_library/original/997_Vector(9)_913b09e7d712325f1705d2a391caaa31.svg');
}

#savedJobsContent .job-title {
    font-size: 32px;
    line-height: 40px;
    margin-top: 20px;
    overflow-wrap: anywhere;
}

/* #savedJobsContent .ais-Hits-item .job {
   
    width: 100%;
} */
#savedJobsContent .ais-Hits-item {
    padding: 24px !important;
    background-color: #F7F8F0;
    /*     border-radius: 8px; */
    border-radius: 21px;
    font-family: 'Roboto';
    box-shadow: none;
    display: block;
}

#savedJobsContent .ais-Hits-item:not(:last-child) {
    margin-bottom: 20px;
}

/* .latest-jobs-wrapper-algolia .flickity-viewport{
  overflow: hidden;
} */
/* LATEST JOBS -- END */
/*  PROFESSIONAL */
@media(min-width:1000px) {
    #professional-countries .country-wrapper {
        padding-right: 170px;
        padding-left: 0px;
    }
}

#professional-countries .country-wrapper .flickity-button.flickity-prev-next-button.previous {
    right: 60px;
    left: unset;
}

/* PROFESSIONAL --- END */
/* WHO WE ARE */
.plus-link a::after {
    content: " ";
    background: url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame(16)_ff72dd2bf129129d564e53474b6a39a3.svg');
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: calc(100% - 48px) center;
    background-size: 24px;
    background-repeat: no-repeat;
}

.links.active::after {
    transform: rotate(180deg);
    background-position: 48px;
}

/* WHO WE ARE --- END */
/* SAVED JOBS POP-UP  */



@media(max-width:640px) {
    #savedJobsContent {
        padding: 0px 20px;
    }
}

#savedJobsContent {
    display: none;
    width: 100%;
    height: fit-content;
    position: fixed;
    right: 0px;
    transform: translate(-50%, -50%);
    overflow: scroll;
    z-index: 1001;
    margin-top: 100px;

}

@media(max-width:600px) {
    #savedJobsPopup {
        padding: 0px 20px;
    }
}

#savedJobsPopup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 127, 0, 0.5);
    z-index: 20;
    overflow-y: scroll;
    cursor: pointer;
}

#savedJobsContent button span {
    font-size: 32px;
    color: #0C1926;
    opacity: 0.8;
}

@keyframes slideUp {
    from {
        transform: translate(-50%, 100%);
        opacity: 0;
    }

    to {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        transform: translate(-50%, -50%);
        opacity: 1;
    }

    to {
        transform: translate(-50%, 100%);
        opacity: 0;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


/* #savedJobsContent.show {
  animation: slideUp 0.5s ease-out forwards;
}

#savedJobsContent.hide {
  animation: slideDown 0.5s ease-in forwards;
} */
#savedJobsContent.show {
    animation: slideDownFromTop 0.5s ease-out forwards;
}

#savedJobsContent.hide {
    animation: slideUpToTop 0.5s ease-in forwards;
}

#savedJobsPopup.fade-in {
    animation: fadeIn 0.5s ease forwards;
}

#savedJobsPopup.fade-out {
    animation: fadeOut 0.5s ease forwards;
}

@keyframes slideDownFromTop {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideUpToTop {
    from {
        transform: translateY(0);
        opacity: 1;
    }

    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}

/* @keyframes slideDownFromTop {
  from {
    transform: translate(-50%, -100px);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}


@keyframes slideUpToTop {
  from {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -100px);
    opacity: 0;
  }
} */

.save-job-note {
    position: absolute;
    visibility: hidden;
    background-color: #007F00;
    top: -39px;
    right: -22px;
    width: max-content;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, -40px);
    opacity: 0;
    color: white;
    padding: 6px 12px;
    height: fit-content;
    font-size: 13px;
    white-space: nowrap;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 5;
    border-radius: 4px;
}

.save-job-wrapper {
    position: relative;
}

.save-job-wrapper:hover .save-job-note {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -8px);
}

.save-job-wrapper:hover .save-job-button>a>svg {
    background-color: green;
    border-radius: 32px;
}

.save-job-wrapper:hover .save-job-button>a>svg>path {
    fill: white;
}

.save-job-button>a.added-to-fav>svg>path {
    fill: white;
}

.save-job-button>a.added-to-fav>svg {
    background-color: green;
    border-radius: 32px;
}

.save-job-note::before {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 28px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: green transparent transparent transparent;
}

.save-job-note::after {
    content: "";
    position: absolute;
    top: -9px;
    right: 39px;
    border-width: 0 9px 9px 9px;
    border-style: solid;
    border-color: #007F00 transparent transparent transparent;
}

.no-results-saved-jobs {
    background: #F7F8F0;
    padding: 24px;
    border-radius: 24px;
    display: grid;
}

.no-results-saved-jobs>p {
    font-size: 32px;
    font-family: 'Roboto';
    margin-bottom: 20px;
    margin-top: 20px;

}

#save-jobs-no-results {
    background-color: #007F00;
    color: #F7F8F0;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 64px;
    max-width: fit-content;
}


#savedJobsPopup>div {
    position: relative;
    max-width: 1372px;
    width: 100%;
}

@media (min-width:601px) and (max-width:1400px) {
    #savedJobsContent {
        right: 20px !important;
    }
}

#mobile-hamburger-open.open {
    z-index: 999999;
}

#savedJobsContent {
    position: absolute;
    right: 0;
    max-width: 460px;
    background: white;
    border-radius: 32px;
    padding: 20px;
    overflow: auto;

}

.save-job-icon-jd .ais-Hits-item,
.save-job-icon-jd .ais-Hits-item:hover {
    background: none !important;
    box-shadow: none !important;
    padding: 0px !important;
}

.save-job-icon-jd .save-job-button {
    width: unset !important;
    height: unset !important;
    border: none !important;
}

/* SAVED JOBS POP-UP --- END  */
/* JOB LISTING - POPUP */
.input-row-form_title>div>p {
    font-size: 32px;
    font-color: #646461;
}

.input-row-form_paragraph>div>p {
    font-size: 18px;
    font-color: #646461;
}

.input-row-to-do-paragraph {
    position: relative;
}

.input-row-to-do-paragraph>div>p {
    margin-left: 63px;
}

@media(max-width:600px) {
    .input-row-to-do-paragraph>div>p {
        margin-left: 35px;
    }
}

.input-row-to-do-paragraph>div::before {
    background: url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Vector(27)_f66f5e5b3ae016b075c516e9c82d0212.svg');
    content: "";
    height: 50px;
    left: 32px;
    position: absolute;
    width: 50px;
    background-repeat: no-repeat;
}

#newsletter-form-content .input-row>input,
#newsletter-form-content .input-row>select {
    width: 100%;
    padding: 16px 18px;
    border-radius: 8px;
    border: 1px solid white;
    color: #363635;
    margin-bottom: 20px;
    appearance: none;
    outline: none;
}

#contact-us-form {
    color: #363635;
    font-family: 'Roboto';
}

.input-row-query_subject,
.input-row-accommodation_request {
    margin-bottom: 20px;
}

.input-row-to-do-paragraph {
    background-color: #F7F8F0;
    padding: 32px;
    border-radius: 32px;
    margin-bottom: 20px;
    font-size: 18px;
}

#contact-us-form .input-row>textarea {
    min-height: 136px;
}

#contact-us-form .input-row>select,
#contact-us-form .input-row>input,
#contact-us-form .input-row>textarea {
    border: 1px solid #EBEBEB;
    width: 100%;
    padding: 16.5px 18px;
    border-radius: 8px;
    color: #363635;
    margin-bottom: 20px;
    appearance: none;
    outline: none;
    resize: none;
}

#contact-us-form .input-row>select {
    background-image: url('  https://s3.smartdreamers.com/company_files/501/media_library/original/997_Vector(28)_b26da39e8a7e027657c8451c826d1ae9.svg');
    background-repeat: no-repeat;
    background-position: right 0.8em center;

    padding-right: 2em;
    display: block;
}

#newsletter-form-content .input-row>select {
    background-image: url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame(16)_ff72dd2bf129129d564e53474b6a39a3.svg');
    background-repeat: no-repeat;
    background-position: right 0.8em center;
    background-size: 1em;
    padding-right: 2em;
    display: block;
}

#newsletter-form-content .input-row>input::placeholder {
    color: #363635;
}

#newsletter-form-content .form-submit-button,
#contact-us-form .form-submit-button {
    background: #007F00;
    padding: 12px 24px;
    border-radius: 64px;
    font-family: 'Roboto';
    font-size: 16px;
    color: #F7F8F0;
    border: none;
}

#newsletter-form-content .form-submit-button:hover,
#contact-us-form .form-submit-button:hover {
    background: #004F00;
}

#newsletter-form-content .input-row-first_name .required,
#newsletter-form-content .input-row-email .required {
    display: none;
}

.input-row-form_paragraph {
    margin-bottom: 20px;
}

.input-row-consent>label>span>p {
    font-size: 16px;
    font-family: Roboto;
    color: #646461;
}

#newsletter-form-content .actions {
    text-align: center;
    margin-top: 20px;
}

/* #newsletter-form-content .checkbox-label{
  display:flex;
} */
#newsletter-form-content .input-row-consent>label>span:nth-child(1) {
    order: 2;
}

#newsletter-form-content .input-row-consent>label>span.required {
    order: 3;
}

#newsletter-form-content .input-row-consent>input,
#input-07061ef7385ab16887459d5b31e0665a {
    order: 1;
    margin-right: 10px;
}

.input-row-form-title {
    font-size: 32px;
    margin-bottom: 20px;
    color: #363635;
}

.input-row-field-text {
    color: #646461;
    margin-bottom: 20px;
}

.input-row-field-text>p:first-child {
    font-size: 16px;
}

.input-row-field-text>p:nth-child(2) {
    font-size: 18px;
}

#newsletter-form-content.no-results-country-toggle form {
    max-width: 640px;
    margin: 0 auto;
}

.no-results-country-toggle {
    display: none;
}

#newsletter-form-content.no-results-country-toggle .checkbox-label {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}

#newsletter-form-content.no-results-country-toggle .checkbox-label input[type="checkbox"] {
    order: -1;
    margin-top: 3px;
}

#newsletter-form-content.no-results-country-toggle .checkbox-label .checkmark {
    order: -1;
    margin-top: 3px;
}

#newsletter-form-content.no-results-country-toggle .checkbox-label>span:first-of-type {
    display: inline;
}


#newsletter-form-content.no-results-country-toggle .checkbox-label .required {
    display: inline;
    margin-left: 4px;
}

#newsletter-form-content.no-results-country-toggle .input-row-consent>label>span.required {
    display: none;
}


/* JOB LISTING - POPUP --- END */

/* CAROUSELS - MOBILE */
@media(max-width:1400px) {
    .latest-jobs-wrapper-algolia {

        padding-left: 20px;
    }
}

@media(max-width:600px) {
    .latest-jobs-wrapper-algolia {
        padding-top: 80px;
        position: relative;
        padding-left: 20px;
        padding-right: 20px;

    }

    .members-wrapper {
        padding-bottom: 80px;
    }

    .professional-careers-wrapper,
    .hints,
    .graduates-programs-ec-wrapper,
    .benefits-females-campaign {
/*         padding-top: 80px !important; */
        margin-top: 80px !important; /* KD edit - margin needed vs padding - for arrows absolut position */
        position: relative;
    }

    .latest-jobs-wrapper-algolia .flickity-button.flickity-prev-next-button.previous,
    .professional-careers-wrapper .flickity-button.flickity-prev-next-button.previous,
    .hints .flickity-button.flickity-prev-next-button.previous,
    .graduates-programs-ec-wrapper .flickity-button.flickity-prev-next-button.previous {
        top: 0px;
        bottom: unset;
        left: 20px;
    }

    .latest-jobs-wrapper-algolia .flickity-button.flickity-prev-next-button.next,
    .professional-careers-wrapper .flickity-button.flickity-prev-next-button.next,
    .hints .flickity-button.flickity-prev-next-button.next,
    .graduates-programs-ec-wrapper .flickity-button.flickity-prev-next-button.next {
        top: 0px;
        bottom: unset;
        left: 80px;
    }

    .members-wrapper .flickity-button.flickity-prev-next-button.previous {
        left: 20px;
    }

    .members-wrapper .flickity-button.flickity-prev-next-button.next {
        left: 80px;
    }

    .benefits-females-campaign .flickity-button.flickity-prev-next-button.next {
        top: -30px;
        bottom: unset;
        left: 80px;
    }

    .benefits-females-campaign .flickity-button.flickity-prev-next-button.previous {
        top: -30px;
        bottom: unset;
        left: 20px;
    }
}

/* CAROUSELS - MOBILE --- END  */

.main-menu-mobile {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 100vw;
    background-color: #007F00;
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out;
    /*   overflow:hidden; */
}

body.no-scroll {
    overflow: hidden;
}

.main-menu-mobile.active {
    transform: translateX(0);
}

.country-toggle-button::after {
    background: rgba(0, 0, 0, 0) url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame(16)_ff72dd2bf129129d564e53474b6a39a3.svg') repeat scroll 0% 0%;
    content: "";
    height: 1rem;
    right: 20px;
    top: 35%;
    position: absolute;
    width: 1rem;
}

@media(min-width:601px) {
    .file-name-wrapper {
        white-space: nowrap;
    }
}

.file-name-wrapper {
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
    height: max-content;
    display: block;
}

.file-name-wrapper::before {
    background: rgba(0, 0, 0, 0) url('https://s3.smartdreamers.com/company_files/501/media_library/original/997_Frame(23)_34584e49be635c1b01040b7c2b8f899b.svg') repeat scroll 0% 0%;
    content: "";
    height: 1rem;
    top: 24%;
    position: absolute;
    width: 1rem;
    left: 0px;
}

#country-wrapper-mobile .country-button {
    width: 100%;
}

#country-wrapper-mobile .country-button:not(:last-child) {
    margin-bottom: 10px;
}

/*  PROFESSIONAL -CAMPAIGN PAGES */
#hits .job_listing-type-module .left-section {
    background-color: #F7F8F0;
    border-radius: 24px;
    font-family: 'Roboto';
    box-shadow: none;
    width: 100%;
    padding: 24px !important;
    display: block !important;
}

#hits .job_listing-type-module .ais-Hits-item .job {
    padding: 0px !important;
}

#hits .job_listing-type-module .hits-detail-wrapper {
    flex-wrap: nowrap;
}

/* #hits .job_listing-type-module .left-section >a.job{
    
} */
#hits .job_listing-type-module .left-section:not(:last-child) {
    margin-bottom: 20px;
}

#hits .job_listing-type-module .left-section:hover {
    background-color: #e1e3d6;
}

/* PROFESSIONAL - CAMPAIGN PAGES --- END */
input[type="checkbox"]#job-matching-consent-checkbox {
    appearance: none;
    order: -1;
    margin-top: 3px;
    border: 1px solid #E1E3D6 !important;
    min-width: 22px;
    border-radius: 4px;
    height: 22px;
    cursor: pointer;
    position: relative;
}

input[type="checkbox"]#job-matching-consent-checkbox:checked::after {
    content: " ";
    background-color: transparent;
    position: absolute;
    left: 7px;
    top: 3px;
    width: 5px;
    border-bottom: 1px solid #E1E3D6;
    height: 11px;
    border-right: 1px solid #E1E3D6;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#newsletter-form-content input[type="checkbox"],
#contact-us-form input[type="checkbox"] {
    appearance: none;
    order: -1;
    margin-top: 3px;
    border: 1px solid #007F00;
    min-width: 22px;
    border-radius: 4px;
    height: 22px;
    cursor: pointer;
    position: relative;
}

#contact-us-form .input-row-consent>label {
    display: flex;
    gap: 15px;
}

#newsletter-form-content .input-row-consent>label {
    display: flex;
}

.input-row-recaptcha,
#contact-us-form input[type="checkbox"] {
    margin-bottom: 20px;
}

#newsletter-form-content input[type="checkbox"]:checked::after,
#contact-us-form input[type="checkbox"]:checked::after {
    content: " ";
    background-color: transparent;
    position: absolute;
    left: 7px;
    top: 3px;
    width: 5px;
    border-bottom: 1px solid #007F00;
    height: 11px;
    border-right: 1px solid #007F00;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.save-job-button:has(.added-to-fav) {
    border: none;
}

.save-job-wrapper:hover .save-job-button {
    border: none;
}

.save-job-wrapper {
    height: 33px;
}

.save-job-button:hover {
    border: none;
}

#header-save-jobs-icon.has-saved-jobs::after {
    content: '';
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #007f00;
    position: absolute;
    right: -2px;
    top: -1px;
    border: 1px solid white;
}

.ais-Hits-item .job {
    position: relative;
    /*   border-radius: 24px; */
    /*   padding: 20px; */
    display: block;
    overflow: hidden;
}

/* .ais-Hits-item .job::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 70px;
   background: white; 
  border-bottom-left-radius: 40px;
  z-index: 1;
} */
.logo-container {
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 2;
}

#hits .ais-Highlight-highlighted {
  background-color: #E2F5D5;
    color: #007F00;
}