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

.hero-section h1{
  color: white !important;
}

.hero-section .row-one-hero-section {
  padding: 96px 144px 68px 144px !important;
}

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

.breadcrumbs{
  justify-content: center;
}

/* .hero-section h1:last-child {
  background: linear-gradient(180deg, rgba(26, 188, 156, 0) 0%, rgba(26, 188, 156, 0.48) 100%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-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);
} */

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

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

.hero-section h5 {
  color: var(--green-10);
  font-weight: 400;
  padding-top: 16px;
}

/************  STYLE FOR HERO SECTION - end  ************/

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

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

.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;
}

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

/*Hero section mobile - end*/
}