/* ************************************************************
***************************************************************
***************************************************************
***************************************************************
***************************************************************
***************************************************************
***************************************************************
:: VIEWS & MODALS
***************************************************************
***************************************************************
***************************************************************
***************************************************************
***************************************************************
***************************************************************
************************************************************* */

/* ************************************************************
***************************************************************
:: HOME & CONTACT & SERVICES & ABOUT US
***************************************************************
************************************************************* */
section[data-sectionname="home"] .parts .part_professionals,
section[data-sectionname="contact"] .parts .part_professionals {
  overflow-x: hidden;
  margin-left: -4.166vw;
  padding-left: 4.166vw;
  padding-right: 4.166vw;
  width: calc(100% + 8.332vw);
}
section[data-sectionname="home"] .parts .part_professionals .situationCards .cards,
section[data-sectionname="contact"] .parts .part_professionals .situationCards .cards {
  font-size: 1.25rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2rem;
}
section[data-sectionname="home"] .parts .part_professionals .situationCards .cards > [data-gees="card"],
section[data-sectionname="contact"] .parts .part_professionals .situationCards .cards > [data-gees="card"] {
  min-width: calc(50% - 1.5rem);
  aspect-ratio: 3 / 2;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
}

[data-freeblock="professionals"] .situationCards .cards > [data-gees="card"] {
  transition: all 250ms ease-in-out;
  justify-content: flex-end;
  aspect-ratio: 1 / 1;
}
section[data-sectionname="home"] .parts .part_professionals .situationCards .cards > [data-gees="card"]:hover,
section[data-sectionname="contact"] .parts .part_professionals .situationCards .cards > [data-gees="card"]:hover {
  transform: scale(1.1);
  border: 0.15em hsl(var(--col_pr_3)) solid;
}
section[data-sectionname="home"] .parts .part_professionals .situationCards .cards svg,
section[data-sectionname="contact"] .parts .part_professionals .situationCards .cards svg {
  width: 2.5rem;
  height: 2.5rem;
  fill: hsl(var(--col_pr_3));
}
section[data-sectionname="home"] .situationCards .cards > [data-gees="card"] > [data-gees="card"],
section[data-sectionname="contact"] .situationCards .cards > [data-gees="card"] > [data-gees="card"] {
  background-color: transparent;
}
[data-freeblock="professionals"] .situationCards .cards > [data-gees="card"]:not(:last-child) {
  margin-bottom: 0px;
}
section[data-sectionname="home"] .situationCards .steerings,
section[data-sectionname="contact"] .situationCards .steerings {
  margin-top: 2.5rem;
  display: inline-flex;
  flex-direction: row;
  float: right;
  gap: 0.8rem;
}
section[data-sectionname="home"] .situationCards .steerings > .prev,
section[data-sectionname="contact"] .situationCards .steerings > .prev,
section[data-sectionname="home"] .situationCards .steerings > .next,
section[data-sectionname="contact"] .situationCards .steerings > .next {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 1rem;
  background-color: hsl(var(--col_pr_3));
  opacity: 0.2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
section[data-sectionname="home"] .situationCards .steerings > .prev.active,
section[data-sectionname="contact"] .situationCards .steerings > .prev.active,
section[data-sectionname="home"] .situationCards .steerings > .next.active,
section[data-sectionname="contact"] .situationCards .steerings > .next.active {
  opacity: 1;
}
section[data-sectionname="home"] .situationCards .steerings svg,
section[data-sectionname="contact"] .situationCards .steerings svg {
  width: 1em;
  height: 1em;
  fill: hsl(var(--col_gs_white));
}
section[data-sectionname="home"] .situationCards .steerings .prev svg {
  margin-left: -0.1em;
}
section[data-sectionname="home"] .situationCards .steerings .next svg {
  margin-left: 0.1em;
}

/* ************************************************************
***************************************************************
:: HOME
***************************************************************
************************************************************* */
section[data-sectionname="home"] .txtBlock .subTxt {
  display: block;
}

/* ************************************************************
***************************************************************
***************************************************************
***************************************************************
***************************************************************
***************************************************************
***************************************************************
:: FREE BLOCKS
***************************************************************
***************************************************************
***************************************************************
***************************************************************
***************************************************************
***************************************************************
************************************************************* */
[data-freeblock="professionals"] .situationCards .cards > [data-gees="card"] {
  transition: all 250ms ease-in-out;
  justify-content: flex-end;
  aspect-ratio: 1 / 1;
}

[data-freeblock="inAction"] {
  margin-left: -4.166vw;
}

[data-freeblock="keysToSuccess"] .blocks {
  display: flex;
  gap: 2.25rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
[data-freeblock="keysToSuccess"] [data-gees="card"] {
  max-width: 300px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 30%;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
[data-freeblock="keysToSuccess"] [data-gees="card"] .ico svg {
  width: 40%;
  fill: hsl(var(--col_pr_2));
}
[data-freeblock="keysToSuccess"] [data-gees="card"] h3 {
  font-size: 1rem;
}