@charset "UTF-8";
:root {
  --color--primary-40: #3a4547;
}

:root {
  --max-width: 1500px; /* valeur par défaut */
}

@media (max-width: 1440px) {
  :root {
    --max-width: 1200px;
  }
}
@media (max-width: 1024px) {
  :root {
    --max-width: 900px;
  }
}
@media (max-width: 768px) {
  :root {
    --max-width: 600px;
  }
}
.path-temoignages .brand-style {
  height: 391px;
  width: 100px;
  background-color: #293133;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  margin-bottom: 50px;
  z-index: 2;
}
.path-temoignages .brand-style::after {
  content: "";
  position: absolute;
  display: block;
  width: 95%;
  height: 100%;
  background-image: radial-gradient(#e0dd00 30%, transparent 0);
  background-size: 25px 25px;
  bottom: -50%;
  right: -25%;
  z-index: 3;
}
.path-temoignages #content {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
  grid-column-gap: var(--grid-gap);
}
.path-temoignages #content .testimony-header {
  position: fixed;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
  grid-column-gap: 0;
}
.path-temoignages #content .testimony-header .visual {
  width: 100%;
  background-image: url(../../images/testimony.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  grid-column: 1/6;
}
.path-temoignages #content .testimony-header .visual:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.path-temoignages #content .testimony-header .intro {
  margin: 20px 0;
  grid-column: 3/6;
}
.path-temoignages #content .testimony-header .intro .title {
  font-size: 1.5em;
  margin-block: 0;
  font-size: 30px;
}
.path-temoignages #content .testimony-header .intro .text {
  font-size: 0.8em;
}
.path-temoignages #content #block-visbe-studio-content {
  grid-column: 6/15;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony {
  margin: 0;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony .brand-client-role {
  grid-column: 1/5;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony .title-content {
  grid-column: 5/15;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony .brand-client-role {
  grid-column: 1/5;
  display: flex;
  flex-direction: column;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony .brand-client-role .client {
  margin-top: 20px;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony .brand-client-role .role {
  margin-top: 20px;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony .brand-client-role .photo-container {
  margin-top: 50px;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony .brand-client-role .photo-container img {
  border-radius: 50%;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony .title-content {
  grid-column: 5/15;
  margin-bottom: 50px;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony .title-content .title {
  margin-block: 0;
  grid-column: 1/10;
  font-size: 1.5em;
}
.path-temoignages #content #block-visbe-studio-content .views-row .project-testimony .title-content .content {
  margin-bottom: 50px;
  grid-column: 1/10;
  font-size: 0.8em;
}

.testimonies {
  grid-gap: 0;
}
.testimonies .cta-container {
  grid-column: 1/15;
  display: flex;
  justify-content: center;
  margin: 10vh 0;
  position: relative;
}
.testimonies .cta-container .cta {
  display: flex;
  height: 57px;
  width: 219px;
  background-color: #e58a16;
  color: #fff;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.testimonies .testimonies-container {
  position: relative;
  grid-column: 1/12;
  grid-row: 2;
  margin: 50px 0;
  padding: 50px;
  color: #fff;
  background-color: #293133;
}
.testimonies .testimonies-container > .brand-style {
  position: absolute;
  right: 0;
  top: 0;
  height: 391px;
  width: 100px;
  background-color: #e58a16;
  display: block;
  z-index: 2;
}
.testimonies .testimonies-container > .brand-style::after {
  content: "";
  position: absolute;
  display: block;
  width: 95%;
  height: 75%;
  background-image: radial-gradient(#3a4547 30%, transparent 0);
  background-size: 25px 25px;
  bottom: 10%;
  right: -50%;
  z-index: 3;
}
.testimonies .testimonies-container .title {
  font-size: 28px;
  grid-column: 7/13;
  grid-row: 1;
  color: #fff;
}
.testimonies .testimonies-container .testimony-list {
  grid-row: 2;
  grid-column: 1/15;
}
.testimonies .testimonies-container .testimony-list .testimony {
  grid-column: 1/15;
  margin-bottom: 50px;
}
.testimonies .testimonies-container .testimony-list .testimony .photo-container {
  grid-column: 1/7;
}
.testimonies .testimonies-container .testimony-list .testimony .photo-container .media-container {
  display: flex;
  justify-content: end;
}
.testimonies .testimonies-container .testimony-list .testimony .photo-container .media-container picture img {
  border-radius: 50%;
}
.testimonies .testimonies-container .testimony-list .testimony .content-client-project-name {
  grid-column: 7/13;
}
.testimonies .testimonies-container .testimony-list .testimony .content-client-project-name .content {
  margin-top: 20px;
}
.testimonies .testimonies-container .testimony-list .testimony .content-client-project-name .person-company {
  font-size: 15px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.testimonies .testimonies-container .testimony-list .testimony .content-client-project-name .person-company .person {
  font-weight: bold;
}
.testimonies .testimonies-container .testimony-list .testimony .content-client-project-name .person-company .company {
  margin-left: 20px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 20px;
  background-color: #e58a16;
}
.testimonies .testimonies-container .testimony-list .testimony .content-client-project-name .client-project-name .client-name {
  background-color: #e58a16;
  padding: 5px 20px;
  color: #293133;
}
.testimonies .testimonies-container .link-more-container {
  grid-row: 3;
  grid-column: 7/15;
}
.testimonies .testimonies-container .link-more-container .link-more {
  height: 57px;
  display: inline-flex;
  justify-content: center;
  padding: 0 20px;
  align-items: center;
  color: #fff;
  font-weight: bold;
  background-color: #3a4547;
  text-decoration: none;
  margin: 20px 0;
}

/*# sourceMappingURL=testimony.css.map */