/************ STYLE FOR HERO SECTION - start  ************/
.hero-section{
  padding: 0 !important;
  background: var(--absolute-zero-100) !important;
}

.hero-section h1{
  color: white !important;
  font-size: 64px;
  font-weight: 700;
  line-height: 80px;
}

.hero-section .two-titles-container{
  padding-bottom: 12px;
}
.hero-section .row-one-hero-section {
  padding: 96px 144px 48px 144px !important;
}

.hero-section .row-two-hero-section{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}


.two-titles-container{
  max-width: 960px;
  width: 100%;
  margin: auto;
  margin-bottom: 16px !important;
}

.hero-section h5 {
  color: var(--green-10);
  padding-top: 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
}

p.description-hero {
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    color: var(--green-10);
}

.breadcrumbs{
  justify-content: center;
}
.hero-section .buttons-solutions-row{
  display: flex;
  align-items: center;
  gap:32px;
  justify-content: center;
}

.hero-section .buttons-solutions-row .schedule-consultation-button{
  margin-right: 0px !important;
  margin-left: 0px !important;
  margin-bottom: 20px;
}

.row-two-what-we-do-section {
  max-width: none !important;
  margin: auto;
  width: calc(100% - 32px);
  padding-bottom: 93px;
}

.row-two-what-we-do-section .body-normal p{
  color:white !important;
}

.row-two-what-we-do-section  .et_pb_module {
  margin-bottom: 12px !important;
}
.request-a-demo-button:hover h6{
  color: white;
}
a.careers-button {
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
  border: 1px solid #8CDDCD;
  border-radius: 100px;
  padding: 12px 34px !important;
}

a.careers-button:hover{
  background: #40C7AC;
  border: 1px solid #1ABC9C;
  box-shadow: 0px 50px 20px rgba(26, 188, 156, 0.01), 0px 28px 17px rgba(26, 188, 156, 0.04), 0px 13px 13px rgba(26, 188, 156, 0.07), 0px 3px 7px rgba(26, 188, 156, 0.08);
}
/************  STYLE FOR HERO SECTION - end  ************/


/************  STYLE FOR OVERVIEW SECTION - start  ************/
.overview-section{
  background: linear-gradient(180deg, #000F25 0%, #01265C 100%);
  padding-top: 46px;
  padding-bottom: 0px;
}

.overview-section .et_pb_row{
  background: white;
  max-width: none !important;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-left: 32px;
  padding-right: 32px;
}
.overview-section .et_pb_row:first-child {
  padding-top: 104px;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
}

.overview-section .et_pb_row:last-child {
  padding-bottom: 141px;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
  padding-top: 45px;
}

.overview-section .et_pb_row:first-child .et_pb_column{
  max-width: 620px;
}

.overview-section .et_pb_row:last-child .et_pb_column{
  max-width: 632px;
}

.overview-section .et_pb_row:last-child .et_pb_column:first-child{
  margin-right: 16px;
}

.overview-section .et_pb_row:last-child .et_pb_column:last-child .et_pb_module.et_pb_image{
  margin-bottom: 16px;
}

.row-one-overview h2{
  font-family: Montserrat;
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
  text-align: left;
  color: var(--indigo-100);
  margin-top: 17px;
}

.row-one-overview .column-one {
  margin-right: 40px;
}

.row-one-overview .column-one p{
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 2px;
  text-align: left;
  color: var(--grey-60);
}

.row-one-overview .column-two p{
  color: var(--grey-80);
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 33px;
}


.review-card{
  background: #1ABC9C14;
  padding: 32px;
  border-radius: 16px;
}

.review-card .et_pb_text_inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: space-between;
  height: 93%;
}

.review-text h4,
.review-text p{
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  color: #0D5E4E;
  padding-top: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}


.review-text p:first-child{
  padding: 0px !important;
}


.review-person{
  display: flex;
  gap: 16px;
  align-items: center;
}

.review-person-details p{
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: #0D5E4E;
}

.review-person-details p:first-child{
  font-weight: 600;
  padding: 0px;
}
/************  STYLE FOR OVERVIEW SECTION - end  ************/

/************  STYLE FOR OUR TEAM SECTION - start  ************/
.our-team-section{
  background: #000F25;
  padding-top: 0px;
}

.our-team-section .et_pb_row{
  background: white;
  max-width: none !important;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 80px;
  /* padding-left: 32px;
  padding-right: 32px; */
}

.our-team-section .et_pb_row .et_pb_column{
  max-width: 606px;
  margin-right: 80px;
}

.our-team-section .et_pb_row:first-child{
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  padding-top: 104px;
}

.our-team-section .et_pb_image .et_pb_image_wrap{
  margin-top: -23px;
}

.text-column p:first-child{
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 2px;
  text-align: left;
  color: var(--grey-60);
}

.text-column h2{
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
  color: var(--indigo-100);
  padding-top: 2px;
}

.text-column p:last-child{
  color: var(--grey-80);
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 36px;
}

.our-team-section  h6{
  color: var(--indigo-100);
}

.our-team-section .et_pb_row:last-child{
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
  padding-bottom: 104px;
}

/************  STYLE FOR OUR TEAM SECTION - end  ************/

/************  STYLE FOR CARRER OPPROTUNITIES SECTION - start  ************/
.opportunities-section{
  background: linear-gradient(180deg, #01265C 0%, #000F25 100%);
  padding: 76px 144px 144px 144px;
}

.opportunities-section h2{
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
  color: white;
  padding-bottom: 0px;
}

.opportunities-section h5,
.opportunities-section p.des{
  color: #CCDBF1 !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  padding-top: 40px;
}

.row-one-career{
  width: 100%;
  max-width: 1280px !important;
  padding-bottom: 0px;
}
/* Filter - start */
.search-bar {
  background: var(--green-10);
  padding: 16px;
  gap: 16px;
  border-radius: 16px;
  margin-bottom: 34px;
  margin-top: 80px;
}

.filters {
  display: flex;
  gap: 16px;
  width: 100%;
}

.filter {
  background: #FFFFFF;
  border: 1px solid #1ABC9C0A;
  padding: 0px 24px;
  border-radius: 8px;
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}


.custom-dropdown {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  align-items: flex-start;
}

.selected-option {
  color: var(--grey-80);
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  padding-top: 13px;
  padding-bottom: 13px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  border: 1px solid;
  border-image-source: linear-gradient(180deg, #D1F2EB 16%, #1ABC9C 100%);
  background: white;
  padding: 2px;
  box-shadow: 0px 50px 20px rgba(26, 188, 156, 0.01), 0px 28px 17px rgba(26, 188, 156, 0.04), 0px 13px 13px rgba(26, 188, 156, 0.07), 0px 3px 7px rgba(26, 188, 156, 0.08);
  border-radius: 4px;
  margin-top: 4px;
}

.dropdown-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: var(--grey-80);
  padding: 4px 8px 4px 8px;
 }

.dropdown-item:hover {
  background-color: #1ABC9C14;;
}

.custom-dropdown.open .dropdown-menu {
  display: block;
}

input[type="text"], select {
  padding-left: 40px;
  width: 100%;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea{
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: var(--grey-80);
  padding-top: 13px;
  padding-bottom: 13px;
}

input[type="text"] {
    padding-left: 16px;
}
.custom-dropdown.filter.open{
  border: 1px solid #1ABC9C29;
}

.dropdown-item img.check-icon {
  width: 16px;
  height: 16px;
  visibility: hidden;
}

.dropdown-item.selected img.check-icon {
  visibility: visible;
}

.selected-filters {
  display: none;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 16px;
  flex-direction: row-reverse;
}

.selected-filter {
  background-color: white;
  color: var(--grey-80);
  padding-right: 6px;
  padding-left: 12px;
  border-radius: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
  align-items: center;
  font-weight: 400;
  line-height: 24px;

}

.selected-filter .remove-filter {
  margin-left: 8px;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

.clear-button{
  display: flex;
  gap: 8px;
  align-items: center;
  margin-left: auto;
}

.clear-button p{
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  color: var(--indigo-80);
}
.clear-button  img{
  width: 16px;
  height: 16px;
}
/*Filter - end*/

/*Jobs card - start */
.job-card{
  padding: 24px;
  border-radius: 16px;
  background-color: white;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}

p.job-category{
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #515155;
  padding-bottom: 1px;
}

h3.job-title{
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: var(--indigo-100);
  padding-bottom: 41px;
}

.job-details{
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}

.job-details .separator {
    width: 4px;
    height: 4px;
    background-color: #D1F2EB;;
    border-radius: 50%;
    display: inline-block;
}

.job-details span{
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: #515155;
}

.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.fade-in {
    opacity: 1;
    transition: opacity 0.5s ease-in;
}

.job-card {
    transition: opacity 0.5s ease;
}



/*start popup carrier*/
.input_container p{
  width: 100%;
  color:rgb(51, 51, 51);
}
.wpcf7-form-control.wpcf7-file {
  background-color: #f5f5f5;
  color: #86878D !important;
  padding: 10px;
  border: 1px solid #1ABC9C0A;
  border-radius: 8px;
  cursor: pointer;
}

.input_container.send_from_afj input[type="submit"]{
  background-color: #1ABC9C !important;
  color: white !important;
  padding: 13px 65px 10px 37px !important;
  border: 1px solid transparent !important;
  border-radius: 100px !important;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  background-image: url(/wp-content/uploads/2024/11/Icon-2.png) !important;
  background-repeat: no-repeat !important;
  background-position: 110px center !important;
  background-size: 40px 40px !important;
  outline: none;
  -webkit-box-shadow: none;
  text-shadow: none;
  position: relative;
  text-align: center;
  transition: transform .2s ease-out, filter .2s linear, box-shadow .2s;
  width: fit-content;
}

.input_container p input:not(.wpcf7-file), .input_container p textarea{
  width: 100%;
  color: #86878D !important;
  min-height: 56px !important;
  padding: 10px 24px 10px 24px !important;
  border-radius: 8px !important;
  border: 1px solid #1ABC9C0A;
  background: white;
}
.input_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  column-gap: 30px;
}
.popup-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  animation: fadeIn 0.3s ease;
}
.popup-content {
  background: linear-gradient(0deg, rgba(26, 188, 156, 0.08), rgba(26, 188, 156, 0.08)), #FFFFFF;
  padding: 2rem;
  border-radius: 10px;
  max-width: 1280px;
  width: 95%;
  position: relative;
  animation: scaleIn 0.3s ease;
  border-radius: 16px;
  overflow-y: auto;
  height: 100%;
  max-height: fit-content;
}
.job_title_hidden{
  display: none !important;
}
.close-popup {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
}
h3.title_job_popup {
  text-align: center;
  font-size: 30px;
  line-height: normal;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes scaleIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

/*end popup carrier*/

.job-down img{
  width: 16px;
  height: auto;
  margin-left: 4px;
}

a.job-down{
  background:var(--green-10) !important;
  padding: 4px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  color: #515155;
  width: fit-content;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

a.job-down:hover{
  color:var(--green-base) !important;
}

a.job-down.apply-for-job:hover img {
    content: url('/wp-content/uploads/2025/06/resume_job_hover-1.png');
}

.job-arrow a:hover img {
    content: url('/wp-content/uploads/2025/06/download-5.png');
}
/*Jobs card - end */

/*Style for criteria menu - start */
.sorting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.sorting p{
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.sort-by {
  display: flex;
  align-items: center;
}

.sort-by p {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: right;
  color: var(--green-10);
  padding-right: 10px;
}

span#button-text{
  color: white;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  padding: 4px 6px 4px 8px;
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  display: flex;
  gap: 8px;
  align-items: center;
}

.dropbtn:hover {
  background: #1ABC9C0A;
  border-radius: 6px;
}

.dropdown:hover .arrow-image {
  content: url('/wp-content/uploads/2024/11/arrow-down-1.png');
}

.dropdown-content {
  display: none;
  border: 1px solid;
  border-image-source: linear-gradient(180deg, #D1F2EB 16%, #1ABC9C 100%);
  position: absolute;
  background: white;
  padding: 2px;
  gap: 2px;
  box-shadow: 0px 50px 20px rgba(26, 188, 156, 0.01), 0px 28px 17px rgba(26, 188, 156, 0.04), 0px 13px 13px rgba(26, 188, 156, 0.07), 0px 3px 7px rgba(26, 188, 156, 0.08);
  border-radius: 4px;
  width: 100px;
  z-index: 1;
}

.dropdown-content div {
  padding: 4px 8px;
  height: 40px;
  display: flex;
  align-items: center;
}

.dropdown-content div:hover{
  background: #1ABC9C0A;
}

.dropdown-content div p {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  color: var(--grey-80) !important;
  margin-left: 10px;
}

.dropdown-content img.check-icon {
  width: 16px;
  height: 16px;
  visibility: hidden;
}

.dropdown-content div.selected img.check-icon {
  visibility: visible;
}

.show {
  display: block;
}

.rotate-arrow {
  transform: rotate(180deg);
}
/*Style for criteria menu - end */

.row-team .request-a-demo-button p {
  padding: 0px 8px !important;
  display: flex;
  justify-content: center;
}

.row-team .request-a-demo-button:hover a {
  color: white !important;
}

/************  STYLE FOR CARRER OPPROTUNITIES SECTION - end  ************/


@media screen and (max-width: 1248px) {
/* Versiunea de mobile */

/* Hero section mobile - start */
.hero-section .row-one-hero-section {
  padding: 56px 0px !important;
  width: calc(100% - 32px) !important;
}

p.description-hero {
  font-size: 20px;
  text-align: center;
}


.row-one-hero-section .et_pb_text_inner div:first-child {
  gap:12px;
}

.row-one-hero-section .et_pb_text_inner{
  gap:16px;
}

.hero-section .title-head-normal {
  order: initial !important;
  text-align: center;
}

.row-one-hero-section h5{
  font-size: 20px;
  text-align: center;
}

.row-two-what-we-do-section{
  padding-top: 0px;
  padding-bottom: 56px;
}
/* Hero section mobile - end */

.review-text h4,
.review-text p{
  line-height: 32px;
}
.review-card{
  margin-top: 16px;
}

/* Overview section mobile - start */
.overview-section .et_pb_row:first-child{
  padding-top: 56px;
  padding-bottom: 56px;
}
.row-one-overview {
  flex-direction: column;
}

.overview-section .et_pb_row:first-child .et_pb_column,
.overview-section .et_pb_row:last-child .et_pb_column {
  max-width: 960px;
  margin: auto !important;
  width: calc(100% - 48px) !important;
}

.row-one-overview h2,
.row-one-overview p,
.row-one-overview .column-one p{
  text-align: center;
}

.row-one-overview h2,
.opportunities-section h2,
.text-column h2{
  font-size: 32px;
  line-height: 44px;
  font-weight: 600px;
  padding-bottom: 10px;
}

.row-one-overview .column-two p{
  margin-top: 0px;
}

.overview-section .et_pb_row:last-child{
  padding-top: 0px;
  padding-bottom: 56px;
  flex-direction: column;
}

.overview-section .et_pb_row:last-child .et_pb_column:first-child{
    display: none;
}

.overview-section .et_pb_row:last-child .et_pb_image img{
  width: 100%;
}

.review-card .et_pb_text_inner{
  gap:28px;
}
/* Overview section mobile - end */

.opportunities-section{
  padding: 0px;
  padding-top: 40px;
  padding-bottom: 40px
}
.opportunities-section h5,
.opportunities-section p.des{
  padding-top: 0px;
}

.opportunities-section  .et_pb_module.et_pb_code {
    max-width: calc(100% - 48px);
    margin: auto;
}

.filter{
  padding: 0px 16px;
}

.dropdown-menu{
  width: max-content;
}

h3.job-title{
  padding-bottom: 32px;
}

.filters {
    flex-wrap: wrap;
}
.job-details{
  flex-wrap: wrap;
}
/*Opportunities section mobile - end */

/*Our team section mobile - start */

.our-team-section .et_pb_row{
  flex-direction: column;
  padding-bottom: 0px;
}

.our-team-section .et_pb_row:nth-child(2){
  flex-direction: column-reverse;
}

.our-team-section .et_pb_row:first-child{
  padding-top: 40px;
}
.our-team-section .et_pb_row .et_pb_column {
  margin: auto;
  max-width: none;
  width: 100%;
}

.text-column{
  padding: 40px 104px;
  padding-bottom: 0px;
  margin-bottom: 32px !important;
}

.our-team-section .request-a-demo-button{
  margin-left: 104px;
  margin-right: 104px;
  margin-bottom: 80px;
}

.our-team-section .et_pb_image .et_pb_image_wrap {
  margin-top: 0px;
  display: flex;
  justify-content: center;
}

.text-column p:last-child{
  margin-top: 0px;
}

}

@media only screen and (max-width: 980px) {

  .our-team-section .et_pb_image .et_pb_image_wrap  img {
        width: revert-layer;
  }

}

@media (max-width: 767px) {
  .input_container {
    margin-bottom: 20px;
  }
  .popup-content {
    padding: 1rem;
  }
  .input_container {
    flex-wrap: wrap;
    column-gap: 0px;
  }
    .job-down .download-text {
        display: none;
    }

    .job-down img{
      margin-left: 0px;
      width: 20px;
    }
}


@media only screen and (max-width: 600px) {

  .text-column{
    padding: 32px;
  }

  .our-team-section .request-a-demo-button {
    margin-left: 32px;
    margin-right: 32px;
    margin-bottom: 32px;
  }

}