/**
 * BoxBuilder Architecture
 *
 * Copyright (c) Niup Technologies
 * 
 * SCSS of application collaborators

 **/
.collaborators--wrapper {
  position: relative;
}
.collaborators--wrapper .collaborators {
  height: auto;
  background-color: var(--primary_light_bg);
  padding: 56px 0 126px 0;
}
.collaborators--wrapper .collaborators__content {
  max-width: 1440px;
  margin: 0 auto;
  gap: 130px;
}
.collaborators--wrapper .collaborators__content .collaborators__initialtext {
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding: 0 clamp(40px, 6.5vw, 125px);
  padding-bottom: clamp(20px, 4vw, 45px);
  max-width: 1440px;
}
.collaborators--wrapper .collaborators__content .collaborators__initialtext .initialtext__title {
  font-size: var(--font_size_2);
  color: var(--primary_txt);
}
.collaborators--wrapper .collaborators__content .collaborators__initialtext .initialtext__subtitle {
  font-size: var(--font_size_3);
  color: var(--secondary_dark_txt);
  line-height: normal;
}
.collaborators--wrapper .collaborators__content .collaborators__staff {
  max-width: 1100px;
  width: 100%;
  column-gap: 60px;
  row-gap: 95px;
  flex-wrap: wrap;
  align-items: baseline;
}
.collaborators--wrapper .collaborators__content .collaborators__staff .staff {
  gap: 24px;
  max-width: 290px;
  width: 100%;
}
.collaborators--wrapper .collaborators__content .collaborators__staff .staff__pic {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-width: 190px;
  min-width: 190px;
  max-height: 190px;
  min-height: 190px;
  border-radius: 50%;
}
.collaborators--wrapper .collaborators__content .collaborators__staff .staff__pic.desktop {
  display: flex;
}
.collaborators--wrapper .collaborators__content .collaborators__staff .staff__pic.tablet, .collaborators--wrapper .collaborators__content .collaborators__staff .staff__pic.mobile {
  display: none;
}
.collaborators--wrapper .collaborators__content .collaborators__staff .staff__text {
  text-align: center;
}
.collaborators--wrapper .collaborators__content .collaborators__staff .staff__text .staff__name,
.collaborators--wrapper .collaborators__content .collaborators__staff .staff__text .staff__role {
  font-size: var(--font_size_6);
  color: var(--c-scale-10_txt);
}
.collaborators--wrapper .collaborators__content .collaborators__staff .staff.withoutStaff__img {
  align-self: center;
}
.collaborators--wrapper .collaborators__content .loadmore {
  cursor: pointer;
}

.oval {
  max-width: 1920px;
  max-height: 126px;
  height: 100%;
  width: 100%;
  background-color: var(--primary_light_bg);
  border-radius: 50%;
  position: absolute;
  bottom: -60px;
}
.oval.hide {
  display: none;
}

/***** BREAKPOINTS *****/
/* @container **/
.c-s-max-width-950 .collaborators {
  padding: 50px 30px;
  padding-bottom: 80px;
  max-height: unset;
  height: auto;
}
.c-s-max-width-950 .collaborators__content .collaborators__initialtext .initialtext__description {
  font-size: var(--font_size_4);
  line-height: 30px;
}
.c-s-max-width-950 .collaborators__content .collaborators__initialtext .initialtext__description > * {
  font-size: var(--font_size_4);
  line-height: 30px;
}
.c-s-max-width-950 .collaborators__content .collaborators__staff .staff__pic {
  max-width: 160px;
  min-width: 160px;
  max-height: 160px;
  min-height: 160px;
}

/* container@ **/
/* @container **/
.c-s-max-width-768 .collaborators__staff .staff .staff__pic.tablet {
  display: flex;
}
.c-s-max-width-768 .collaborators__staff .staff .staff__pic.desktop, .c-s-max-width-768 .collaborators__staff .staff .staff__pic.mobile {
  display: none;
}

/* container@ **/
/* @container **/
.c-s-max-width-650 .collaborators__content .collaborators__staff .staff__pic {
  max-width: 140px;
  min-width: 140px;
  max-height: 140px;
  min-height: 140px;
}

/* container@ **/
/* @container **/
.c-s-max-width-480 .collaborators__staff .staff .staff__pic.mobile {
  display: flex;
}
.c-s-max-width-480 .collaborators__staff .staff .staff__pic.desktop, .c-s-max-width-480 .collaborators__staff .staff .staff__pic.tablet {
  display: none;
}
.c-s-max-width-480 .collaborators--wrapper .collaborators__content .collaborators__initialtext {
  padding: 0;
}

/* container@ **/
/* @container **/
.c-s-max-width-400 .collaborators__content {
  gap: 80px;
}
.c-s-max-width-400 .collaborators__content .collaborators__staff .staff__pic {
  max-width: 120px;
  min-width: 120px;
  max-height: 120px;
  min-height: 120px;
}

/* container@ **/
/* @container **/
.c-s-max-width-300 .collaborators__content .collaborators__staff .staff__pic {
  max-width: 110px;
  min-width: 110px;
  max-height: 110px;
  min-height: 110px;
}
.c-s-max-width-300 .collaborators__content .collaborators__staff .staff__name {
  text-align: center;
}

/* container@ **/