/************ 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 .row-one-hero-section {
  padding: 96px 144px 48px 144px !important;
}

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

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

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

}

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

.breadcrumbs{
  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;
}
/************  STYLE FOR HERO SECTION - end  ************/


/************  STYLE FOR OUR STORY SECTION - start  ************/
.our-story-section {
    padding: 0 !important;
    background: linear-gradient(180deg, #000F25,#01265C);
}

.our-story-section .row-story{
  background: white;
  padding-left: 144px !important;
  padding-right: 144px !important;
  padding-bottom: 80px !important;
  max-width: none !important;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 0px !important;
}

.our-story-section .row-story:first-child{
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  padding-top: 104px !important;
}

.row-story h6,
.row-story p.top{
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  letter-spacing: 2px !important;
  color: var(--grey-60);
}

.row-story .et_pb_text_inner p a{
  text-decoration: underline;
  color: var(--grey-80);

}

.our-story-section .request-a-demo-button:hover h6{
  color: white;
}
.team-section h2{
  font-size: 48px;
  font-weight: 700 !important;
  line-height: 64px;
  color: #070D17;
}
.row-story h2{
  font-weight: 700;
  color: var(--indigo-100);
  padding-top: 14px;
  padding-bottom: 41px;
}

.row-story p{
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  color: var(--grey-80);
}

.row-story .et_pb_column{
  max-width: 600px !important;
  width: 50% !important;
}

.row-story .et_pb_column:first-child{
  margin-right: 80px !important;
}

.row-story .et_pb_text:first-child{
  padding-top: 24px;
}

.our-story-section .request-a-demo-button h6,
.our-story-section .request-a-demo-button p{
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  color: var(--indigo-100);
  letter-spacing: 0px !important;
}

.our-story-section .request-a-demo-button {
  padding: 7px 7px;
  margin-top: 40px;
}

.our-story-section .row-story:last-child{
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
  padding-bottom: 104px !important;
}

.more-info-card {
  border: 1px solid #000F2514;
  padding: 24px;
  border-radius: 8px;
  background: #070D1705;
}
/************  STYLE FOR OUR STORY SECTION - end  ************/


/************  STYLE FOR VALUE SECTION - start  ************/
.value-section{
  background: var(--absolute-zero-100) !important;
  padding-top: 60px;
  padding-bottom: 95px;
}

.value-section .two-titles-container h6{
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  color: var(--absolute-zero-10) !important;
  padding-top: 30px;
}

.row-values{
  max-width: 1280px !important;
  width: calc(100% - 32px) !important;
}

.row-values .et_pb_column{
  display: flex;
  flex-wrap: wrap;
  gap:32px;
  align-items: stretch;
}

.row-values .difference-key {
  margin-bottom: 0px !important;
  flex: 1 1 calc(25% - 32px);
}

.row-values .difference-key .et_pb_text_inner{
  flex-direction: column;
}

.row-values .difference-key:nth-of-type(1):hover .left-part-key img {
  content: url("/wp-content/uploads/2024/12/expert-1.png");
}

.row-values .difference-key:nth-of-type(2):hover .left-part-key img {
  content: url("/wp-content/uploads/2024/12/balance-2.png");
}

.row-values .difference-key:nth-of-type(3):hover .left-part-key img {
  content: url("/wp-content/uploads/2024/12/idea-1.png");
}

.row-values .difference-key:nth-of-type(4):hover .left-part-key img {
  content: url("/wp-content/uploads/2024/12/milestone-2.png");
}

/************  STYLE FOR VALUE SECTION - end  ************/

/* arccodion style -start */
.difference-section  .et_pb_toggle {
  padding: 32px;
  margin-bottom: 16px !important;
}

.difference-section .et_pb_accordion_item {
  background: transparent;
  border-radius: 16px;
  border: 1px solid #FFFFFF14;
}

.difference-section .et_pb_accordion_item:hover{
  background: #FFFFFF !important;
  border: 1px solid #1ABC9C !important;
}

.difference-section .et_pb_accordion_item:hover .et_pb_toggle_title{
  color: #070D17 !important
}


.difference-section .et_pb_toggle_title{
  font-weight: 600  !important;
  font-size: 20px  !important;
  line-height: 32px  !important;
  color: var(--white) !important;
  display: flex;
}

h5.et_pb_toggle_title {
  display: flex;
  align-items: center !important;
}

.difference-section .et_pb_toggle_title:before{
  content: url('/wp-content/uploads/2024/10/arrow-down-gri.png') !important;
  display: inline-block !important;
}

.difference-section .et_pb_toggle_content p {
  font-weight: 400  !important;
  font-size: 16px  !important;
  line-height: 32px  !important;
  color: #515155  !important;
}

.difference-section .et_pb_toggle_open{
  box-shadow: 0px 3px 7px 0px #1ABC9C14, 0px 13px 13px 0px #1ABC9C12, 0px 28px 17px 0px #1ABC9C0A, 0px 50px 20px 0px #1ABC9C03, 0px 78px 22px 0px #1ABC9C00;
  background: #FFFFFF !important;
  border: 1px solid #1ABC9C !important;
}

.difference-section .et_pb_toggle_open .et_pb_toggle_title {
  color: #070D17 !important;
}

.difference-section .et_pb_toggle_open .et_pb_toggle_title:before {
  content: url('/wp-content/uploads/2024/09/arrow-up-gri.png') !important;
}
/* arccodion style - end*/

/************ STYLE FOR TEAM SECTION - start************/

.team-section{
  padding: 0px !important;
  background: var(--absolute-zero-100) !important;
}

.team-section .et_pb_row{
  background: white;
  padding-left: 144px !important;
  padding-right: 144px !important;
  padding-bottom: 44px !important;
  max-width: none !important;
  width: 100%;
  justify-content: center;
  padding-top: 0px !important;
}

.team-section .et_pb_row:first-child{
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  padding-top: 104px !important;
  padding-bottom: 14px !important;
  display: flex;
}

.team-section .row-leadership-members{
  display: flex
}

.team-section .row-directors-members{
  display: none;
}

.member-card img:not(.text-member img){
  border: 1px solid #000F250A;
  border-radius: 16px;
}

.row-buttons-team .et_pb_column{
  display: flex;
  justify-content: center;
  gap:16px;
}

.button-team{
  padding: 14px 32px 14px 32px !important;
  border-radius: 100px;
  border: 1px solid #000F2514;
}

.button-team-active{
  background: #40C7AC !important;
  border: 1px solid #1ABC9C !important;
  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);
  color: white !important;
}

a.button-team{
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  color: #515155;
}

.row-members .et_pb_column,
.row-members .et_pb_column:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: stretch;
  max-width: 952px !important;
  width: 100% !important;
  margin: auto !important;
  justify-content: center;
}


.member-card{
  margin-bottom: 0px !important;
}

.member-card .button-with-icon p{
  font-size: 14px !important;
}

.row-members .member-card {
  /* flex: 0 0 calc(33% - 25px); */
  display: flex;
  justify-content: center;
  max-width: 296px;
  width: 100%;
}

.member-card .et_pb_text_inner{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.text-member {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-evenly;
  margin-top: 20px;
  height: 100%;
}

.member-card p{
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: var(--grey-80);
}

.member-card h4,
.member-card p:first-child{
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: var(--indigo-100);
  padding: 0px !important;
}




.member-card .button-with-icon{
  justify-content: flex-start;
  margin-top: auto;
}

.member-card .button-with-icon:hover{
  max-width: fit-content;
  background: #00202814;
  padding-left: 20px;

}

.member-card .button-with-icon h6,
.member-card .button-with-icon p{
  color: var(--indigo-100);
  padding: 0px !important;
}

.team-section .row-members{
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
  padding-bottom: 104px !important;
}


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


/************ STYLE FOR  JOIN TEAM SECTION - start************/
.join-team-section.market-problem-section{
  padding-top: 74px !important;
  padding-bottom: 52px !important;
}
.join-team-section.market-problem-section .two-titles-container p:last-child {
    color: var(--green-10) !important;
}

.join-team-section.market-problem-section .two-titles-container h1{
    color: white !important;
}

.join-team-section.market-problem-section .two-titles-container h5{
    color: var(--absolute-zero-10) !important;
}

.join-team-section.market-problem-section .et_pb_button_module_wrapper{
  display: flex;
  justify-content: center;
  margin-top: 54px;
}

.join-team-section.market-problem-section  .schedule-consultation-button {
  background: #1ABC9C !important;
}
/************ STYLE FOR  JOIN TEAM SECTION - end************/

/************ STYLE FOR MARKET PROBLEM SECTION - start************/
.market-problem-section{
  background: var(--absolute-zero-100) !important;
  padding: 0px !important;
}

.row-one-market-problem-section{
  background-color: white;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  max-width: none !important;
  width: 100%;
  padding-top: 104px !important;
}

.market-problem-section h5{
  color: var(--gray-60) !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 40px;
}

.market-problem-section .two-titles-container h1 {
  color: var(--indigo-100) !important;
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
}

.market-problem-section .two-titles-container p:last-child {
  color: var(--gray-80) !important;
}

.row-two-market-problem-section{
  background-color: white;
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
  max-width: none !important;
  width: 100%;
  padding-bottom: 104px !important;
  display: flex;
  justify-content: center;
  padding-top: 22px;
}

.row-two-market-problem-section .et_pb_column:first-child{
  margin-right: 77px;
}

.row-two-market-problem-section .et_pb_column{
  width: 50%;
  max-width: 600px;
}

.market-problem-section .et_pb_toggle_close,
.market-problem-section .et_pb_toggle_open{
  background-color: transparent !important;
  border: none;
  border-left: 5px solid #000F250A !important;
}

.market-problem-section  .et_pb_accordion .et_pb_toggle {
  margin-bottom: 25px !important;
  padding: 16px 32px 16px 32px;

}

.market-problem-section  .et_pb_accordion .et_pb_toggle:last-child {
  margin-bottom: 0px !important;
}

.market-problem-section .et_pb_toggle_close{
  border-left: 5px solid #000F250A !important;
}

.market-problem-section .et_pb_toggle_open{
  border-left: 5px solid #1ABC9C !important;
}


.market-problem-section  h5.et_pb_toggle_title{
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: var(--indigo-100) !important;
  margin-top: 0px;
  padding-right: 0px !important;
}

.market-problem-section .et_pb_toggle_content p{
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  color: var(--gray-80) !important;
}

.market-problem-section .et_pb_toggle .et_pb_toggle_title:before{
  display: none;
}
/************ STYLE FOR MARKET PROBLEM SECTION - end ************/


.request-a-demo-section{
  padding-top: 103px;
}


/************ START RESPONSIVE *****************/
@media screen and (max-width: 1450px) {

.row-two-market-problem-section .et_pb_column:first-child{
  margin-left: 32px;
}

.row-two-market-problem-section .et_pb_column:last-child{
  margin-right: 32px;
}

}



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

.team-section h2 {
    font-size: 32px;
    line-height: 44px;
}
/* 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 */

/* Our story section mobile - start */
.our-story-section .row-story,
.team-section .et_pb_row{
  flex-direction: column-reverse;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin: auto !important;
  justify-content: center;
  padding-bottom: 32px !important;
}

.our-story-section .row-story:first-child{
  padding-top: 56px !important;
}
.our-story-section .row-story:last-child{
  padding-bottom: 0px !important;
}

.our-story-section .row-story:nth-child(2){
  flex-direction: column;
}

.our-story-section .row-story .et_pb_image .et_pb_image_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-story .et_pb_column {
  max-width: none !important;
  width: 100% !important;
}

.row-story .et_pb_text{
  padding: 40px 104px !important;
}

.row-story .et_pb_text h6,
.row-story .et_pb_text h2,
.row-story .et_pb_text p{
  text-align: center !important;
}
.row-story .et_pb_column:first-child {
  margin-right: 0px !important;
}

.request-a-demo-button{
  margin: auto;
}
/* Our story section mobile - end */


/* Market problem section mobile - end */
.row-one-market-problem-section{
  padding-top: 56px !important;
  padding-bottom: 0px !important;
}

.market-problem-section h5{
  margin-top: 24px;
  line-height: 28px;
  padding-right: 0px;
}

.market-problem-section .two-titles-container h1{
  font-size: 32px !important;
  line-height: 44px !important;
  font-weight:600 !important;
}

.row-two-market-problem-section{
  display: flex;
  flex-direction: column;
  padding-top: 0px !important;
  padding-bottom: 56px !important;
}

.row-two-market-problem-section .et_pb_column{
  width: 100%;
  margin: auto !important;
  max-width: none;
}

.row-two-market-problem-section .et_pb_column:first-child .et_pb_module{
  display: flex;
  justify-content: center;
  width: calc(100% - 48px);
  margin: auto;
}

.row-two-market-problem-section .et_pb_accordion{
  margin: auto;
  margin-top: 20px;
  width: calc(100% - 48px) !important;
  max-width: 960px !important;
}

.market-problem-section .et_pb_accordion .et_pb_toggle {
  margin-bottom: 16px !important;
  padding: 8px 16px 8px 16px;
}

.et_pb_toggle_content {
  padding-top: 12px;
}

/* Market problem section mobile - end */


/* Team section mobile - start */
 .row-buttons-team{
   padding: 0px;
 }

.team-section .row-members .et_pb_column{
  padding: 40px 104px;
  padding-top: 0px;
}
.team-section .et_pb_row .et_pb_column{
  justify-content: center;
}

.team-section .et_pb_row:first-child{
  padding-top: 64px !important;
}

.button-team{
  padding: 14px 32px 14px 32px !important;
  border-radius: 100px;
  border: 1px solid #000F2514;
}

.row-members .member-card {
  flex: 0 0 calc(33% - 25px);
}
/* Team section mobile - end */



.difference-key .et_pb_text_inner{
  flex-direction: column !important;
}

.row-values .difference-key {
  flex: 1 1 calc(50% - 32px);
}

.join-team-section.market-problem-section .two-titles-container,
.value-section .two-titles-container{
  width: 100% !important;
}

.join-team-section.market-problem-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.join-team-section.market-problem-section .et_pb_button_module_wrapper {
    margin-top: 32px;
}

}

@media screen and (max-width: 980px) {
  .difference-key .et_pb_text_inner{
    flex-direction: row !important;
  }

  .row-values .difference-key {
    flex: 1 1 calc(100% - 32px);
  }

  .row-members .member-card {
    flex: 0 0 calc(50% - 25px);
  }
}


@media screen and (max-width: 600px) {
.row-story .et_pb_text{
  padding: 32px !important;
  padding-bottom: 16px !important;
}

.team-section .row-members .et_pb_column{
  padding: 32px !important;
  padding-top: 0px;
}

.button-team {
    padding: 14px !important;
}
}

@media screen and (max-width: 450px) {
  .hero-section .two-titles-container {
    width: calc(100% - 0px) !important;
    margin: auto !important;
}


  .hero-section h1{
    font-size: 38px !important;
    line-height: 42px !important;
  }

  .row-members .member-card {
    flex: 0 0 calc(100% - 25px);
  }

  .member-card .et_pb_text_inner{
    align-items: center;
  }

  .title-member h4,
  .title-member p{
    text-align: center;
  }
  .member-card .button-with-icon{
    justify-content: center;
  }
}



@media screen and (max-width: 390px) {
  .hero-section h1{
    font-size: 36px !important;
    line-height: 42px !important;
  }

}

@media screen and (max-width: 370px) {
  .hero-section h1{
    font-size: 32px !important;
    line-height: 42px !important;

  }
}

@media screen and (max-width: 350px) {
  .hero-section h1{
    font-size: 28px !important;
  }
}