html {
  background-color: #faf9f8;
  font-family: "Proxima Nova", sans-serif;
  margin: 0;
  overflow-x: hidden;
  width: 100%;
}
body {
  margin: 0;
}
.bold {
  font-weight: black;
}
.font-normal {
  font-weight: normal;
}
.flex {
  display: fex;
}
.flex-col {
  flex-direction: column;
}
.align-center {
  text-align: center;
}
a {
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}
.flex-container {
  display: flex;
}
.flex {
  display: flex;
}
p {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
.col {
  flex-direction: column;
}

.space-between {
  justify-content: space-between;
}
.object-center {
  justify-content: center;
}
.visible-phone {
  display: none;
}
.hidden-phone {
  display: flex;
}

.cqlb-logo2 {
  width: 17%;
  margin: auto;
  display: flex;
  height: 50px;
  margin: 0 auto 15px;
}
.festival {
  margin-top: 10px;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.logo-big {
  height: 100px;
  margin: 0 auto 40px;
}
.number {
  font-family: "Playfair display";
  font-size: 30px;
  font-weight: bold;
  margin: auto;
}
ul {
  list-style: none;
}

.text-playfair {
  font-family: "Playfair Display", serif;
}
.subline {
  font-family: "Playfair Display", serif;
  text-align: center;
  font-size: 25px;
  font-weight: 900;
}
.desktop-menu {
  display: flex;
  text-decoration: none;
  flex-direction: row;
  font-size: 23px;
  text-transform: uppercase;
  border-top: solid #000000 3px;
  border-bottom: solid #000000 3px;
}
.desktop-menu ul {
  display: flex;
  text-decoration: none;
  justify-content: space-between;
  width: 80%;
  margin: 10px auto;
  font-size: 20px;
  padding-inline-start: 70px;
}
.desktop-menu li {
  display: flex;
  text-decoration: none;
  align-items: center;
}
/* Menu hamburger */
/* * Made by Erik Terwan * 24th of November 2015 * MIT License * * * If you are thinking of using this in * production code, beware of the browser * prefixes. */
#menuToggle {
  display: block;
  position: relative;
  top: -10px;
  left: 15px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
}
#menuToggle a {
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}
#menuToggle a:hover {
  background-color: #5747e2;
  color: white;
}
#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}
/* * Just a quick hamburger */
#menuToggle span {
  display: block;
  width: 28px;
  height: 2px;
  margin: 7px 0;
  position: relative;
  background: #000000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
#menuToggle span:first-child {
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
/* * Transform all the slices of hamburger * into a crossmark. */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
  width: 30px;
}
/* * But let's hide the middle one. */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
/* * Ohyeah and the last one should go the other direction */
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}
/* * Make this absolute positioned * at the top left of the screen */
#menu {
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background: #fff;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
#menu li {
  padding: 10px 0;
  font-size: 22px;
}
/* * And let's slide it in from the left */
#menuToggle input:checked ~ ul {
  transform: none;
}
/* ******************** NAV BAR ******************** */
.text {
  font-size: 18px;
  text-align: justify;
  margin: 50px auto;
}
.text a,
.faq a {
  font-weight: bold;
}
.img-fond {
  background: linear-gradient(rgba(87, 71, 226, 0.65), rgba(87, 71, 226, 0.65)),
    url(../images/stage.webp);
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 1100px;
  margin: 90px auto;
  display: flex;
  box-shadow: 10px 5px 20px grey;
}
.gif {
  width: 1200px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  margin: auto;
  margin-top: -50px;
}
.banner h2 {
  font-weight: 900;
  text-align: center;
  margin-top: 20px;
}
.banner p {
  font-weight: 400;
  margin: 10px auto;
}
#tickets {
  color: black;
  text-align: center;
  margin: 20px 0 30px;
}
#tickets h2 {
  font-size: 180px;
  opacity: 0.79;
  font-weight: 900;
  width: 70%;
  margin: auto;
}
#tickets .price {
  font-size: 80px;
  font-weight: 600;
  font-family: "Abril Fatface";
}
#tickets .spots-available {
  font-size: 135px;
  opacity: 0.79;
  font-weight: 600;
}
.badge-price {
  margin: auto;
  display: flex;
  position: absolute;
  top: 24em;
  left: 0;
  right: 0;
}
.desc-tickets {
  /* width: 50%;
    */
  margin: 0 auto 30px;
  font-size: 16px;
}
.badges {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#a1 {
  position: relative;
}
.badge-1 {
  animation-duration: 0.8s;
  animation-name: clignoter;
  animation-iteration-count: infinite;
  transition: none;
  background: url(../images/badge1.svg) no-repeat;
  position: absolute;
  width: 400px;
  height: 640px;
  left: 200px;
  z-index: 3;
  background-size: contain;
}
@keyframes clignoter {
  0% {
    opacity: 1;
  }
  50% {
    background: url(../images/badge2.svg) no-repeat;
  }
  99% {
    background: url(../images/badge1.svg) no-repeat;
  }
}
.badge-2 {
  position: absolute;
  width: 400px;
  height: 640px;
  object-fit: cover;
  right: 50px;
  z-index: 3;
  background: url(../images/badge3.svg) no-repeat;
  background-size: contain;
}
.badge-2 ul {
  color: black;
  display: flex;
  text-align: left;
  height: 300px;
  flex-direction: column;
  margin-top: 264px;
  margin-left: 15px;
  font-size: 23px;
  width: 169px;
}
.badge-2 ul li {
  margin: 20px 0 0 10px;
  color: black;
}
#line-up {
  font-size: 20px;
  text-align: justify;
  width: 80%;
  margin: auto;
}

#line-up .infos,
#awards .infos {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 20px;
}
#line-up .infos .time,
#awards .infos .time {
  padding-right: 20px;
  text-align: right;
  margin: 30px 0 20px;
}
#line-up .infos h2 {
  font-weight: 900;
  margin: 0;
  font-size: 50px;
}
#line-up .infos p {
  font-weight: 600;
  font-style: normal;
  margin: 0;
  font-size: 20px;
}
#line-up .place {
  border-left: solid #000000 3px;
  font-weight: 600;
  font-style: normal;
  padding-left: 20px;
  font-size: 20px;
  display: flex;
  align-self: center;
}
#line-up .prog {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}
#line-up .half-circles {
  height: 190px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#line-up .half-circles h3 {
  font-weight: 900;
  font-size: 50px;
  width: 60%;
  text-align: center;
  margin: auto;
  height: 190px;
  display: flex;
  align-items: center;
  margin: 10px auto 0 auto;
}
#line-up .power-stage {
  background-color: #fde3dd;
  display: flex;
  flex-direction: column;
  width: 49%;
  padding-bottom: 34px;
}
#line-up .self-love-stage {
  background-color: #c9c3ff;
  display: flex;
  flex-direction: column;
  width: 49%;
  padding-bottom: 34px;
}
#line-up .fiche-awards {
  background-color: #5747e2;
  color: #c9c3ff;
  display: flex;
  flex-direction: column;
  padding-bottom: 34px;
  border-radius: 2ex 2ex 0 0;
  box-shadow: 10px -10px 20px grey;
  height: auto;
  padding-bottom: 30px;
  margin-top: -50px;
  transform: translateY(0px);
  display: flex;
  flex-flow: row wrap;
}
.fiche {
  border-radius: 2ex 2ex 0 0;
  box-shadow: 10px -10px 20px grey;
  height: auto;
  padding-bottom: 30px;
  margin-top: -50px;
  transform: translateY(0px);
  display: flex;
  flex-flow: row wrap;
}
.vignette {
  margin-left: auto;
}

.text-yellow {
  color: #feff35;
}

.bg-yellow {
  background-color: #feff35;
}

.rounded {
  border-radius: 2ex;
}

.blank {
  height: 125px;
  margin-top: -100px;
  box-shadow: none;
  border-radius: 0;
}
.z-index-1 {
  z-index: 1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-4 {
  z-index: 4;
}
.z-index-5 {
  z-index: 5;
}
.z-index-6 {
  z-index: 6;
}
.z-index-7 {
  z-index: 7;
}
.z-index-8 {
  z-index: 8;
}
.z-index-9 {
  z-index: 9;
}
.z-index-10 {
  z-index: 10;
}
.z-index-11 {
  z-index: 11;
}
.z-index-12 {
  z-index: 12;
}
.z-index-13 {
  z-index: 13;
}
.z-index-14 {
  z-index: 14;
}
.z-index-15 {
  z-index: 15;
}
.z-index-16 {
  z-index: 16;
}
.z-index-17 {
  z-index: 16;
}
.z-index-18 {
  z-index: 16;
}
.z-index-19 {
  z-index: 16;
}
.fiche:hover {
  transform: translateY(-40px);
  transition: 1s;
}
.line-up {
  overflow-y: hidden;
  overflow-x: scroll;
}
#line-up .self-love-stage .fiche {
  background-color: #c9c3ff;
}
#line-up .top {
  /* border-radius: 2ex 2ex 0 0;
    */
  box-shadow: 10px -10px 20px grey;
  border-radius: 40ex;
  width: 49%;
  height: 600px;
}
#line-up .stage-hour {
  font-weight: 600;
  font-size: 30px;
  text-align: left;
  margin: 10px 0 0 20px;
  width: 4em;
}
#line-up .stage-title {
  font-weight: 600;
  font-size: 24px;
  margin: 10px 0 0 20px;
}
#line-up .stage-desc {
  font-size: 17px;
  padding: 0 20px;
  width: 100%;
}
#line-up .common {
  color: #5747e2;
  background-color: #f2d509;
  width: 100%;
  font-size: 120%;
  padding: 30px;
  border-radius: 2ex 2ex 0 0;
  box-shadow: 10px -10px 20px grey;
  height: 180px;
  margin-top: -120px;
  flex-direction: row;
  display: flex;
  height: 120px;
}
#line-up .common .stage-title {
  font-size: 150%;
}
#line-up .text {
  padding: 12px;
}
#line-up .btn {
  margin-bottom: 20px;
}
#speakers {
  width: 100%;
}
#speakers .speakers,
#speakers .artists {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 30px;
  padding: 2%;
}
.speaker-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
#speakers .case,
#artists .case,
#after-party .case {
  display: flex;
  flex-direction: column;
  margin: 2%;
  height: 380px;
  justify-content: center;
  display: flex;
  width: 380px;
  margin-bottom: 30px;
}

#speakers .case.line-for-four,
#artists .case.line-for-four {
  height: 350px;
  width: 17%;
}

.case a {
  border-radius: 2ex;
  padding: 5px 10px;
  cursor: pointer;
  margin-top: 5px;
}

.speaker-img {
  width: 380px;
  height: 380px;
  min-height: 380px;
  object-fit: cover;
  justify-content: center;
  margin: 0 auto;
  border-radius: 3ex;
  position: absolute;
}

.speaker-legend {
  position: relative;
  border-radius: 2ex;
  color: black;
  background: #f5fafa;
  padding: 10px;
  margin: auto auto -25px 15px;
}

.speaker-name {
  text-transform: uppercase;
  font-size: 28px;
  margin-top: 10px;
  font-weight: bold;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0.8) 100%
  );
  pointer-events: none; /* Pour éviter que le dégradé bloque les clics sur l'image */
}

.long-speaker-name {
  font-size: 27px;
}
.speaker-function {
  font-size: 16px;
  margin-top: 5px;
}
.long-speaker-name {
  font-size: 80%;
}
#speakers h2,
#artists h2 {
  padding: 20px 0 20px 0;
  width: fit-content;
  text-align: center;
  display: flex;
  /* margin: 50px auto;
    */
  font-weight: 600;
  font-size: 70px;
  text-transform: uppercase;
  color: #000;
}
#carousel {
  background-color: #5747e2;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
}
#carousel h2 {
  font-size: 30px;
  margin: auto;
  width: 97%;
  text-align: center;
  display: flex;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
  justify-content: center;
}

#partners h3,
#speakers h3,
#artists h3 {
  border-top: solid #000000 3px;
  border-bottom: solid #000000 3px;
}

#partners h3,
#speakers h3,
#artists h3,
#after-party h3,
#networking-corner h3 {
  width: fit-content;
  text-align: center;
  display: flex;
  font-weight: 900;
  font-size: 60px;
  text-transform: uppercase;
}

#download h3 {
  width: fit-content;
  text-align: center;
  display: flex;
  font-weight: 900;
  font-size: 40px;
}

#partners h3,
#speakers h3,
#artists h3,
#after-party h3 {
  margin: 50px auto;
  padding: 20px 0 20px 0;
}

#networking-corner h3,
#download h3 {
  margin: 0 auto 20px auto;
}

#networking-corner p {
  margin: 0 5rem;
}

#speakers .label,
#awards .label,
#artists .label,
#journalists .label {
  height: 100px;
  width: 100%;
  display: flex;
  margin-top: auto;
  flex-direction: column;
}
#speakers .label-lavande,
#awards .label-lavande,
#artists .label-lavande,
#journalists .label-lavande {
  background: rgba(201, 195, 255, 0.65);
}
#speakers .label-vieux-rose,
#awards .label-vieux-rose,
#artists .label-vieux-rose,
#journalists .label-vieux-rose {
  background: rgba(235, 198, 205, 0.65);
}
#speakers .label-beige,
#awards .label-beige,
#artists .label-beige,
#journalists .label-beige {
  background: rgba(253, 227, 221, 0.65);
}
#speakers .label-name,
#awards .label-name,
#artists .label-name,
#journalists .label-name {
  font-weight: 900;
  font-size: 1.7em;
  padding: 10px 0 0 20px;
  text-align: left;
}
#speakers .label-function,
#awards .label-function,
#artists .label-function,
#journalists .label-function {
  font-weight: 600;
  font-size: 16px;
  padding: 10px 0 0 20px;
  text-align: left;
}
.wrap {
  margin: 50px auto;
  width: 70%;
}
.summer-edition {
  width: 200px;
  margin-left: auto;
  position: relative;
  padding-top: 30px;
  padding-right: 80px;
  z-index: 0;
  display: flex;
  font-weight: 900;
  font-size: 20px;
}
#speakers h2,
#partners h2,
#artists h2,
#journalists h2,
#tickets h2 {
  padding: 20px 0 20px 0;
  width: fit-content;
  text-align: center;
  display: flex;
  /* margin: 50px auto;
    */
  font-weight: 600;
  font-size: 70px;
  text-transform: uppercase;
  color: #000;
}
.call-to-action {
  text-transform: uppercase;
  text-align: center;
  font-weight: 900;
  font-size: 40px;
}
.time-info {
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  font-style: normal;
}

#partners {
  width: 100%;
  z-index: 100;
  position: relative;
  background: #faf9f8;
  padding-top: 1rem;
}
#partners .logo-grid {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin-bottom: 50px;
  align-items: center;
  margin: 0 4%;
  padding-bottom: 1rem;
}
.dc-logo {
  height: 100px;
}
.logo {
  height: 35px;
  object-fit: contain;
}
.hello-bank {
  object-fit: contain;
  height: 120px;
  width: 100%;
}
.screen-agency {
  object-fit: contain;
  height: 50px;
  width: 100%;
}
#partners .contact-infos {
  display: flex;
  flex-direction: row;
}
#partners .contact-infos .become-partner,
#partners .contact-infos .faq {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 250px;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
#partners .contact-infos p {
  text-align: left;
  font-weight: 900;
  color: white;
  font-size: 32px;
  width: 45%;
  margin-left: 20px;
  margin-top: 20px;
}
#partners .contact-infos a {
  margin: 10px auto 10px 10px;
}
#partners .contact-infos .become-partner {
  background: linear-gradient(rgba(2, 2, 2, 0.602), rgba(10, 10, 10, 0.1)),
    url(../images/forth-edition/questions-2.webp);
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#partners .contact-infos .faq {
  background: url(../images/forth-edition/questions.webp);
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#partners .social {
  padding-bottom: 50px;
}
#partners .social p {
  font-weight: 700;
  border-bottom: solid 3px #fff;
  padding-bottom: 10px;
  font-size: 55px;
  width: fit-content;
  margin: auto;
  color: #000;
  padding-top: 20px;
  text-transform: uppercase;
  font-weight: 800;
}
#partners .social .mentions {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#partners .social .mentions span {
  display: flex;
  margin: 20px;
  color: #000;
  width: fit-content;
  font-family: "Playfair Display", serif;
}
.response {
  margin: 10px 0 0 0;
}
.bold {
  font-weight: bold;
}
.faq li {
  margin-top: 10px;
}
.bold {
  font-weight: bold;
}
.row-show {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.margin-insta {
  margin: 20px;
  height: 20px;
}
.first-space {
  height: 140px;
}
.fifteen-min {
  height: 80px;
}
.thirteen-min {
  height: 160px;
}
.first-common {
  margin-top: 0 !important;
}
/* Winter festival */

#winter {
  height: 600px;
}

.video {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.photo {
  width: 100%;
  object-fit: cover;
  height: 750px;
}
/* Cacher les contrôles de la vidéo */
#myVideo::-webkit-media-controls {
  display: none !important;
}
#myVideo::-webkit-media-controls-enclosure {
  display: none !important;
}
#myVideo::-webkit-media-controls-panel {
  display: none !important;
}
.banner {
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 70%;
  align-items: center;
  padding-top: 20px;
}
.banner-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  margin: auto 0;
}
h1 {
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  letter-spacing: 4px;
}
.over-container {
  position: absolute;
  display: flex;
  width: 27%;
}
.over {
  background-color: #feff35;
  border-radius: 3ex;
  position: relative;
  transform: rotate(30deg);
  color: black;
  font-weight: bold;
  padding: 3px 20px;
  font-size: 28px;
  margin-left: auto;
  margin-top: 10px;
  border: solid 1px black;
}
.festival {
  line-height: 1;
  letter-spacing: 2px;
  font-size: 50px;
  font-weight: 900;
}
.c-est-qui {
  font-size: 40px;
  line-height: 1;
  font-weight: 900;
}
.title-date {
  font-size: 35px;
}

.btn {
  border-radius: 2ex;
  font-weight: bold;
  text-transform: uppercase;
  margin: 30px auto 0 auto;
  display: flex;
  width: fit-content;
  font-size: 20px;
  padding: 10px 20px;
  text-decoration: none !important;
  cursor: pointer !important;
}
.btn:hover {
  transition: 0.1s;
  background-color: #5747e2;
  color: #feff35;
  cursor: pointer;
}
.cta {
  margin: 20px auto;
  font-size: 27px;
  padding: 10px 20px;
  z-index: 9;
  position: relative;
}
#bilan {
  background-color: #5747e2;
  padding: 40px 0;
  overflow-y: scroll;
  display: flex;
  flex-direction: row;
  /* margin-left: -150px;
    */
}
#after-party {
  background-color: #5747e2;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 20px;
}
#after-party .image-container {
  display: flex;
  flex-direction: row;
  margin: 40px 0;
}
#after-party a {
  color: #feff35;
}
#after-party a:hover {
  color: #5747e2;
}
#after-party h2 {
  font-size: 40px;
  margin: auto;
  width: 97%;
  text-align: center;
  display: flex;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  justify-content: center;
  font-size: 40px;
}
#after-party .hours {
  background-color: #fbc4f3;
  border-radius: 2ex;
  padding: 0 10px;
  width: fit-content;
  justify-content: center;
  margin: auto;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}
#after-party .image-container div {
  width: 19%;
  margin: auto;
  display: flex;
  justify-content: center;
}
#after-party .artist-after-party {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#after-party .porthole-img {
  width: 213px;
  height: 353px;
}
/*
#after-party h3 {
    padding:0;
    width: fit-content;
    text-align: center;
    display: flex;
    margin: 50px auto;
    font-weight: 900;
    font-size: 60px;
    text-transform: uppercase;
}

#after-party .speaker-name {
    width: 380px;
    display: flex;
    align-items: end;
    height: 340px;
    margin-bottom: 10px;
    margin-top: 0;
}
.container-after-party {
    display: flex;
    flex-direction:row;
    justify-content: space-around;
    margin: 50px 0 10px 0;
    color: white;
    text-align: center;
    font-size: 23px;
}
*/
.line-up {
  display: flex;
  flex-direction: row;
}
.scene-container {
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.indigo {
  background-color: #5747e2;
  color: white;
}
.text-indigo {
  color: #5747e2;
}
.text-white {
  color: #fff;
}
.text-anis {
  color: #d7fc3d;
}
.text-orange {
  color: #fc663d;
}
.text-salmon {
  color: #ff8bb0;
}
.text-pink {
  color: #fbc4f3;
}
.text-lavanda {
  color: #d6c3ff;
}
.text-yellow {
  color: #feff35;
}
.pink {
  background-color: #fbc4f3;
  color: white;
}
.bg-lavanda {
  background-color: #d6c3ff;
}
.bg-beige {
  background-color: #f5f0e9;
}
.text-beige {
  color: #f5f0e9;
}
.waiting_prog {
  font-weight: 900;
  margin: 0;
  font-size: 50px;
  color: #5747e2;
  text-align: center;
}
.text-ice-blue {
  color: #d4eaff;
}
.bg-ice-blue {
  background-color: #d4eaff;
}
.bg-ice-grey {
  background-color: #f5fafa;
}
.text-ice-grey {
  color: #f5fafa;
}
.bg-indigo {
  background-color: #5747e2;
}

.hover-bg-indigo:hover {
  background-color: #5747e2;
}

.hover-text-indigo:hover {
  color: #5747e2;
}

.hover-bg-ice-blue:hover {
  background-color: #d4eaff;
}

.hover-text-ice-blue:hover {
  color: #d4eaff;
}

.hover-text-white:hover {
  color: #000000;
}

.text-proxima {
  font-family: "Proxima Nova", serif;
}

.text-white {
  color: white;
}

.text-l {
  font-size: 1.3rem;
}

.text-xl {
  font-size: 1.5rem;
}

.text-2xl {
  font-size: 2rem;
}

.text-3xl {
  font-size: 3rem;
}

.font-light {
  font-weight: 200;
}

.font-black {
  font-weight: 900;
}

.font-regular {
  font-weight: 400;
}

.m-20 {
  margin: 5rem;
}

.poing-container {
  height: 400px;
}

.margin-poing-h3 {
  margin: 3rem 5rem 0;
}

.margin-poing {
  margin: 5rem;
}

.poing-img {
  height: 350px;
  position: absolute;
  bottom: 0;
  object-fit: cover;
}

.poing-img-container {
  display: flex;
  position: relative;
  width: 30%;
  margin-left: 10%;
  margin-top: 20px;
  margin-top: 20px;
}

.poing p {
  font-size: 1.3rem;
}

.p-20 {
  padding: 5rem;
}

.my-20 {
  margin: 0 5rem;
}

.mx-20 {
  margin: 5rem 0;
}

.mt-20 {
  margin-top: 5rem;
}

.ml-20 {
  margin-left: 5rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mt-05 {
  margin-top: 0.5rem;
}

.mb-05 {
  margin-bottom: 0.5rem;
}

.mx-05 {
  margin: 0.5rem 0;
}

.mt-1 {
  margin-top: 1rem;
}

.align-center {
  text-align: center;
}

.ice-blue {
  background-color: #d4eaff;
  color: black;
}
.pink {
  background-color: #fbc4f3;
  color: black;
}
.scene {
  padding: 10px;
  text-transform: uppercase;
  width: fit-content;
  margin-left: 20px;
  position: sticky;
}
.all {
  display: flex;
  background-color: #faf9f8;
  color: black;
  border: solid 3px #000;
  margin-left: 30px;
  height: unset !important;
}
.image-scroll {
  width: 40px;
  margin: auto;
  display: flex;
  opacity: 0;
  /* Initial opacity set to 0 */
  transition: opacity 0.5s ease;
  /* Ajout d'une transition pour une animation plus fluide */
}
.animate {
  animation: scroll 4s ease-in-out;
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
    opacity: 0;
  }
  1% {
    transform: translateX(500%);
    opacity: 0;
  }
  2% {
    transform: translateY(-500%) translateX(120%) scale(1.4);
    opacity: 1;
  }
  44% {
    transform: translateY(-500%) translateX(-120%) scale(1.4);
    opacity: 1;
  }
  90% {
    transform: translateY(-500%) translateX(0%) scale(1.4);
    opacity: 1;
  }
  91% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.legend {
  display: flex;
  flex-direction: row;
  width: 80%;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
.legend-stage {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-right: 50px;
  margin-left: 50px;
  align-items: center;
}
.legend-circle {
  width: 150px;
  height: 150px;
}
.legend-circle img {
  width: 140px;
  height: 140px;
  margin: 6px 6px 15px 6px;
}
.legend-name {
  margin-left: 30px;
  margin-top: 10px;
}
.plage {
  height: 230px;
  margin-left: 20px;
}
.five-minuts {
  width: 35px;
}
.ten-minuts {
  width: 150px;
}
.fifteen-minuts {
  width: 205px;
}
.twenty-minuts {
  width: 280px;
}
.twenty-five-minuts {
  width: 355px;
}
.thirty-minuts {
  width: 430px;
}
.thirty-five-minuts {
  width: 505px;
}
.forty-minuts {
  width: 580px;
}
.forty-five-minuts {
  width: 655px;
}
.fifty-minuts {
  width: 725px;
}
.fifty-five-minuts {
  width: 805px;
}
.one-hour {
  width: 880px;
}
.one-hour-ten {
  width: 1030px;
}
.one-hour-fifteen {
  width: 1105px;
}
.one-hour-twenty {
  width: 1180px;
}
.one-hour-and-half {
  width: 1330px;
}
.two-hours {
  width: 1780px;
}
.content-plage {
  display: flex;
  flex-direction: column;
}
.first-line {
  margin: 10px 38px;
}
.second-line {
  margin: 0 30px 0 30px;
}
.line {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.type-event {
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 900;
}
.hours-event {
  font-size: 15px;
}
.info-event {
  margin-left: 10px;
  flex-wrap: wrap;
  display: flex;
}
.event-img {
  object-fit: cover;
  width: 50px;
  height: 50px;
  margin: 3px;
  border-radius: 4ex;
}
.pictures {
  display: flex;
  flex-direction: row;
  margin-left: 15px;
  margin-top: 10px;
}
.pictures img {
  margin-right: 20px;
}
.title-event {
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  width: 100%;
}
.one-hour .subtitle-event,
.fifty-minuts .subtitle-event,
.forty-five-minuts .subtitle-event,
.one-hour-twenty .subtitle-event,
.one-hour-fifteen .subtitle-event {
  width: 100%;
}

.subtitle-event {
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
}
.container-speakers {
  padding: 0;
  margin: 0;
}

#speakers .text,
#artists .text {
  font-size: 18px;
  text-align: center;
  margin: 0 auto 10px;
  width: 80%;
}
#speakers .case.box {
  display: none;
}
.flex {
  display: flex;
}
.btn {
  font-size: 25px;
}
.btn.indigo {
  background: #5747e2;
  color: #feff35;
}
.btn.indigo:hover {
  background: #fbc4f3;
  color: #5747e2;
}
#prints {
  display: block;
}
.logo {
  margin: 10px 20px;
}
.logo-grid {
  flex-wrap: wrap;
  justify-content: space-around;
  margin: auto;
}

@media (max-width: 768px) {
  #partners .logo-grid {
    width: unset;
  }
  .logo {
    margin: unset;
  }
  .quote {
    font-size: 10px !important;
  }

  .quote-container {
    padding: 21px 30px 30px 30px;
    background-color: unset;
  }

  #networking-corner h3 {
    font-size: 35px;
  }

  .photo {
    height: 800px;
  }

  .cqlb-logo2 {
    padding-bottom: 20px;
  }
}

@media (max-width: 1100px) {
  .speaker-name {
    font-size: 13px;
  }
  .speaker-function {
    font-size: 10px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 30px !important;
    height: 30px !important;
  }
  .swiper-button-next img,
  .swiper-button-prev img {
    width: 30px !important;
    height: 30px !important;
  }
}
.speaker-function {
  margin-bottom: 7px;
}

.top {
  object-position: top;
}
#bilan {
  position: relative;
  overflow: hidden;
}
.image-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
  position: relative;
}
.controls {
  position: relative;
  transform: translateY(-50%);
}
button {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer !important;
}
#prev-btn {
  margin-right: 10px;
}
/* Style des boutons ronds */
.round-button {
  background-color: #feff35;
  border: solid 1px black !important;
  color: black;
  border: none;
  border-radius: 50%;
  font-size: 24px;
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  height: 40px;
  margin: 0 5px;
}
/* Position des boutons ronds */
#custom-prev-btn {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  /* Assurez-vous qu'il est au-dessus des images */
}
#custom-next-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  /* Assurez-vous qu'il est au-dessus des images */
}
.boarding-pass {
  object-fit: contain;
  width: 60%;
}
#password-ops input[type="password"] {
  border-radius: 2ex;
  background-color: #f5f0e9 !important;
  display: flex;
  padding: 20px;
  border: none;
  color: black;
  font-weight: bold;
}
#password-ops input[type="submit"] {
  border: 0;
  background-color: #feff35;
  width: 35px;
  height: 35px;
  cursor: pointer;
  margin-left: 20px;
  border-radius: 50%;
  font-weight: bold;
}
#password-ops {
  display: flex;
  flex-direction: row;
  margin: 40px auto;
  align-items: center;
  width: 50%;
  justify-content: center;
}
/* Scroll images */
#bilan {
  position: relative;
  overflow: hidden;
}
.image-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.porthole-img {
  border-radius: 20ex;
  object-fit: cover;
  border: solid 3px #000;
  width: 342px;
  height: 608px;
  margin: auto 40px;
  cursor: pointer;
}
.controls {
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
button {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
#prev-btn {
  margin-right: 10px;
}
.image-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
  min-width: 0;
  /* Ajoutez cette ligne */
}
/* Fin Scroll images */
/* Count-down */
.count-down {
  display: flex;
  position: relative;
  justify-content: center;
  padding-top: 10px;
}

.count-down-element {
  margin: 0 30px 10px;
}

.count-down-number {
  font-size: 30px;
  font-weight: 900;
  margin-right: 10px;
}
.count-down-text {
  font-size: 25px;
}
/* Carousel citations */
/* Message défilant */
.messagedefilant {
  overflow: hidden;
  position: relative;
  overflow-x: hidden;
  padding: 0 13px 0 13px;
  line-height: 1.5;
  font-size: 25px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 4px;
  height: 40px;
  overflow: hidden;
  z-index: 4;
  position: relative;
}
.messagedefilant span {
  white-space: nowrap;
  animation: defilement 10s infinite linear;
}

.badges {
  display: flex;
  justify-content: space-around;
  padding: 5rem;
}

@keyframes defilement {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -100%;
  }
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
    opacity: 0;
  }
  1% {
    transform: translateX(500%);
    opacity: 0;
  }
  2% {
    transform: translateY(-500%) translateX(120%) scale(1.4);
    opacity: 1;
  }
  44% {
    transform: translateY(-500%) translateX(-120%) scale(1.4);
    opacity: 1;
  }
  90% {
    transform: translateY(-500%) translateX(0%) scale(1.4);
    opacity: 1;
  }
  91% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes moveLeft {
  0% {
    transform: translateX(120%);
  }
  20% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
.container-prints {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.print {
  width: 400px;
  object-fit: cover;
}

.all {
  justify-content: space-around;
  margin: 0 0 0 20px;
}
.title-scene {
  height: 210px;
  writing-mode: vertical-rl;
  margin-top: 10px;
}
.scene {
  display: flex;
}
.image-scroll {
  margin-bottom: 30px;
}

.quote {
  font-size: 14px;
}
@media (max-width: 1100px) {
  .speaker-name {
    font-size: 13px;
  }
  .speaker-function {
    font-size: 10px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 30px !important;
    height: 30px !important;
  }
  .swiper-button-next img,
  .swiper-button-prev img {
    width: 30px !important;
    height: 30px !important;
  }
}
.speaker-function {
  margin-bottom: 7px;
}

@media (max-width: 1024px) {
  #speakers .case,
  #speakers .case.line-for-four,
  #speakers .case,
  #artists .case,
  #artists .case.line-for-four,
  #artists .case,
  #after-party .case {
    height: 415px;
  }
  #speakers .case .speaker-img,
  #speakers .case.line-for-four .speaker-img,
  #speakers .case .speaker-img,
  #artists .case .speaker-img,
  #artists .case.line-for-four .speaker-img,
  #artists .case .speaker-img,
  #after-party .case .speaker-img {
    width: 300px;
    height: 300px;
    min-height: 300px;
    object-fit: cover;
    justify-content: center;
    margin: 0 auto;
  }
  #speakers .case,
  #artists .case,
  #after-party .case {
    margin: 2% auto;
  }
  .speaker-video {
    height: 5000px;
  }
}

@media (max-width: 768px) {
  .cqlb-logo2 {
    width: 41%;
  }
  .hello-bank {
    height: 100px;
    margin-top: 30px;
  }
  nav ul {
    width: 100%;
    font-size: 15px;
    padding: 0 4px 0 4px;
  }
  body {
    margin: 30px 0 0 0;
  }
  .banner-title {
    width: 100%;
    z-index: 0;
  }
  h1 {
    font-size: 30px;
    width: 90%;
    margin: auto;
    line-height: 1;
  }
  h1 .cqlb {
    letter-spacing: 3px;
    font-size: 14px;
    margin-top: 40px;
  }
  h1 .title-date {
    font-size: 20px;
  }
  h2 {
    font-size: 33px;
  }
  .porthole {
    min-width: 283px;
    margin: 0 auto;
    width: 283px;
  }
  .porthole-text {
    padding: 4% 4%;
  }
  .porthole-text h3 {
    margin-top: 10px;
  }
  .porthole-text h4 {
    margin: 10px auto;
    width: 70%;
  }
  .porthole-img {
    width: 120px;
    height: 200px;
  }
  #partners h3 {
    font-size: 25px;
  }
  .wrap {
    width: 95%;
    margin: 0px auto;
  }
  .gif {
    display: none;
  }
  .img-fond {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  .banner {
    flex-direction: column;
    width: 90%;
  }
  #winter .video {
    width: 100%;
  }
  #winter .video.porthole-img {
    height: 384px;
    width: 216px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .banner h2 {
    font-size: 21px;
    margin-top: -2px;
    margin-bottom: 10px;
  }
  .banner p {
    font-size: 11px;
    margin: 2px auto;
  }
  #a1 {
    display: flex;
    flex-direction: column;
    height: unset;
  }
  #tickets h2 {
    display: flex;
    font-size: 35px;
    z-index: 3;
    width: unset;
    justify-content: center;
  }
  .boarding-pass {
    width: 90%;
  }
  .text {
    margin: 20px auto;
    width: 90%;
    font-size: 15px;
  }
  #speakers,
  #journalists {
    width: 100%;
    margin: 20px auto;
  }
  #speakers h2,
  #partners h2,
  #artists h2,
  #journalists h2,
  #carousel h2 {
    font-size: 28px;
    margin: 20px auto 0;
  }
  .plage {
    height: 120px;
    margin-left: 10px;
  }
  .five-minuts {
    width: 35px;
  }
  .ten-minuts {
    width: 70px;
  }
  .fifteen-minuts {
    width: 105px;
  }
  .twenty-minuts {
    width: 140px;
  }
  .twenty-five-minuts {
    width: 175px;
  }
  .thirty-minuts {
    width: 210px;
  }
  .thirty-five-minuts {
    width: 245px;
  }
  .forty-minuts {
    width: 280px;
  }
  .forty-five-minuts {
    width: 315px;
  }
  .fifty-minuts {
    width: 350px;
  }
  .fifty-five-minuts {
    width: 385px;
  }
  .one-hour {
    width: 420px;
  }
  .one-hour-ten {
    width: 490px;
  }
  .one-hour-fifteen {
    width: 525px;
  }
  .one-hour-twenty {
    width: 560px;
  }
  .one-hour-and-half {
    width: 630px;
  }
  .two-hours {
    width: 840px;
  }
  .line {
    margin: 0;
    width: unset;
  }
  .pictures {
    margin-left: 0;
  }
  .content-page {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: auto;
  }
  .plage {
    height: 160px;
    align-items: center;
    display: flex;
  }
  .pictures img {
    margin-right: 4px;
  }
  .one-hour .subtitle-event,
  .fifty-minuts .subtitle-event,
  .forty-five-minuts .subtitle-event,
  .one-hour-twenty .subtitle-event,
  .one-hour-fifteen .subtitle-event {
    width: unset;
  }
  .all {
    margin: auto;
  }
  .all .type-event {
    font-size: 24px;
  }
  .line {
    text-align: center;
  }
  .content-plage {
    width: 100%;
  }
  .ten-minuts div,
  .twenty-minuts div {
    margin: auto;
    text-align: center;
  }
  .second-line {
    margin: 0 20px 0 20px;
  }
  .type-event {
    font-size: 14px;
    text-align: center;
    margin: auto;
    font-size: 20px;
    font-weight: 900;
  }
  .hours-event {
    font-size: 10px;
    text-align: center;
  }
  .title-event {
    font-size: 11px;
    text-align: center;
  }
  .subtitle-event {
    font-size: 9px;
    margin-top: 5px;
    text-align: center;
  }
  .fifty-minuts .subtitle-event {
    width: 100%;
  }
  .info-event {
    align-items: center;
    justify-content: center;
  }
  .event-img {
    width: 20px;
    height: 20px;
  }
  #speakers .speakers,
  #speakers .artists {
    margin: 20px;
  }
  #partners h3,
  #speakers h3,
  #artists h3,
  #after-party h3 {
    margin: 20px auto 20px;
    padding: 20px 0 10px 0;
    font-size: 35px;
  }
  #speakers .case,
  #artists .case,
  #after-party .case {
    height: 250px;
  }
  #speakers .line-for-four .case,
  #artists .line-for-four .case {
    width: 41%;
  }
  #speakers .case .speaker-img,
  #speakers .case.line-for-four .speaker-img,
  #speakers .case .speaker-img,
  #artists .case .speaker-img,
  #artists .case.line-for-four .speaker-img,
  #artists .case .speaker-img,
  #after-party .case .speaker-img {
    width: 250px;
    height: 250px;
    min-height: 140px;
    margin: 2% auto 2%;
  }
  .type-event {
    font-size: 20px;
  }

  #speakers .case,
  #artists .case,
  #after-party .case {
    min-height: 140px;
    height: 250px;
    width: 250px;
  }
  .speaker-name {
    font-size: 20px;
    margin-top: 10px;
  }
  .speaker-function {
    font-size: 14px;
  }
  .speaker-video {
    height: 3657px;
  }
  #speakers .text,
  #artists .text {
    width: 95%;
    font-size: 15px;
  }
  .dc-logo {
    height: 70px;
  }
  .logo {
    height: 25px;
  }
  .award {
    width: 90%;
    margin: 0 auto 20px auto;
    font-size: 13px;
  }
  .award-desc {
    height: unset;
    padding: 20px 20px 0 20px;
  }
  #awards .height-1 {
    height: 200px;
  }
  #awards .height-2 {
    height: 150px;
  }
  .jury-2 {
    background-position-y: -20px;
  }
  .jury-3 {
    background-position-x: -30px;
  }
  .jury-4 {
    background-size: 120%;
  }
  .btn {
    margin: 20px auto;
    font-size: 16px;
    padding: 7px;
  }
  .desc-tickets {
    width: 80%;
    font-size: 15px;
  }
  .badge-price {
    margin: 88px auto auto auto;
  }
  #partners .logo-grid {
    height: auto;
    flex-wrap: wrap;
    justify-content: center;
  }
  .logo {
    padding: 10px;
  }
  #partners .contact-infos {
    flex-direction: column;
  }
  #partners .contact-infos {
    width: 100%;
    flex-direction: column;
  }
  #partners .contact-infos .become-partner,
  #partners .contact-infos .faq {
    width: 100%;
    height: 150px;
    padding: 0;
  }
  #partners .contact-infos p {
    font-size: 21px;
    width: 90%;
  }
  #partners .social p {
    text-align: center;
    font-size: 29px;
  }
  #partners .social {
    padding-bottom: 20px;
  }
  #line-up .infos h2,
  #awards .infos h2 {
    font-size: 33px;
  }
  #line-up .place,
  #awards .place {
    font-size: 15px;
    line-height: 1.2;
  }
  #line-up .infos p,
  #awards .infos p {
    font-size: 18px;
  }
  .badge-2 {
    display: none;
  }
  #tickets .price {
    font-size: 65px;
  }
  #tickets .price span {
    font-size: 39px;
  }
  .cta {
    margin: 20px auto;
    font-size: 21px;
    padding: 10px 15px;
    z-index: 9;
    position: relative;
  }
  #awards {
    padding-top: 10px;
  }
  #line-up {
    width: 100%;
  }
  .hamburger {
    opacity: 1;
  }
  .desktop-menu {
    display: none;
  }
  #menuToggle {
    opacity: 1;
    width: 90%;
  }
  #line-up .half-circles h3 {
    font-size: 25px;
    width: 90%;
  }
  .fiche {
    padding: 20px;
  }
  ul {
    padding-inline-start: 0;
  }
  .row-show {
    flex-direction: column;
  }
  #line-up .common {
    flex-direction: column;
    align-items: center;
  }
  .first-common {
    margin-top: 0 !important;
  }
  .third-common {
    height: 160px !important;
  }
  #line-up .stage-title {
    margin: 0;
    text-align: center;
    font-size: 20px;
  }
  #line-up .stage-desc {
    padding: 5px;
    font-size: 10px;
  }
  #line-up .stage-hour {
    margin-top: 10px;
    width: unset;
  }
  .legend {
    flex-direction: column;
    width: 100%;
    padding: 10px;
  }
  .legend-stage {
    flex-direction: row;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    align-items: start;
  }
  .scene img {
    width: 114px;
    height: 111px;
    margin: 4px;
  }
  .margin-insta {
    margin: 0;
  }
  .fifteen-min {
    height: 100px;
  }
  .thirteen-min {
    height: 200px;
  }
  .first-space {
    height: 200px;
  }
  #line-up .stage-hour {
    font-size: 20px;
  }
  .visible-phone {
    display: flex;
  }
  .hidden-phone {
    display: none;
  }
  .count-down-number {
    font-size: 30px;
  }
  .count-down-element {
    margin: 10px;
  }
  .count-down-text {
    font-size: unset;
  }
  .quote-container {
    width: unset;
  }
  .quote {
    margin: auto;
    width: 60%;
    min-width: 60%;
  }
  .carousel {
    margin-bottom: 15px;
  }
  .carousel-control {
    font-size: 20px;
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    height: 20px;
  }
  .left-arrow {
    position: absolute;
    left: 10px;
  }
  .right-arrow {
    position: absolute;
    right: 8px;
  }
  #after-party .container-after-party {
    font-size: 14px;
  }
  #after-party .porthole-img {
    width: 100%;
    height: 120px;
  }
  #after-party .image-container div {
    width: 17%;
    margin: auto;
    flex-wrap: wrap;
    display: flex;
  }
  #after-party .porthole-img {
    border: solid 2px #000;
  }
  #after-party .image-container {
    margin: 20px 10px 10px 20px;
    display: flex;
    justify-content: space-between;
  }
  .over-container {
    width: 80%;
  }
  .over {
    font-size: 25px;
    margin-top: 40px;
  }
  .swiper-slide-next,
  .swiper-slide-prev {
    opacity: 0 !important;
  }
  .summer-edition {
    z-index: 2;
  }

  .margin-poing {
    margin: 0;
  }

  .margin-poing-h3 {
    margin: 1rem 1rem 1rem 0;
  }

  .poing-img {
    height: 250px;
    position: relative;
  }

  .poing p {
    font-size: 1rem;
    width: 95%;
  }

  .poing-container {
    height: 720px;
    flex-direction: column;
    margin: 0 20px;
  }

  #networking-corner p {
    margin: 0;
  }

  .badges {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 3rem;
  }
}
@media (max-width: 425px) {
  #speakers .case .speaker-img,
  #speakers .case.line-for-four .speaker-img,
  #speakers .case .speaker-img,
  #artists .case .speaker-img,
  #artists .case.line-for-four .speaker-img,
  #artists .case .speaker-img,
  #after-party .case .speaker-img {
    width: 250px;
    height: 250px;
    min-height: 250px;
    margin-top: 5px;
  }
}
/* Carousel */
.card {
  width: 300px;
  height: 45%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 5px 0 0 0;
  transition: transform 400ms;
  opacity: 0.5;
  box-shadow: none;
  margin: 20px;
  border-radius: 1.3ex;
  display: flex;
  flex-direction: row;
}
.name {
  text-transform: uppercase;
  font-size: 22px;
  margin: 0;
}
.title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  margin: 5px 0 0 0;
  padding: 0 5px;
  color: #5747e2;
}
.swiper-pagination-bullet-active {
  background-color: #5747e2;
}
.quote-container {
  margin: 0;
  z-index: 1;
  padding: 15px 30px 30px 30px;
  overflow: hidden;
}
.quote {
  font-family: "Playfair Display", serif;
  font-weight: bold;
  width: 100%;
  height: 95%;
  font-size: 14px;
  text-align: center;
  margin: 0;
}
.swiper {
  width: 100%;
  height: 200px;
}
.swiper-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.swiper-slide-active {
  z-index: 1;
}
.swiper-slide-active .card {
  opacity: 1;
  transform: scale(1.5);
}
.swiper {
  margin-left: auto;
  margin-right: auto;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
}
.star {
  width: 20px;
}
.rating {
  display: flex;
  justify-content: center;
}

@media (max-width: 790px) {
  .print {
    width: 200px;
  }
}
@media (max-height: 400px) {
  .header {
    margin: 40px 0 0 0;
  }
  .name {
    font-size: 12px;
  }
  .title {
    font-size: 10px;
  }

  .quote-icon {
    width: 75px;
    height: 75px;
  }
  .avatar {
    width: 100px;
    height: 100px;
    transform: translate(-50px, -50px);
  }
}
.all {
  margin: 0 0 0 20px;
}
.title-scene {
  height: 210px;
  writing-mode: vertical-rl;
  margin-top: 30px;
}
.scene {
  display: flex;
  padding: 0;
}
.plage {
  height: 220px;
}
.image-scroll {
  margin-bottom: 30px;
}
.type-event {
  font-size: 21px;
}
.after-party-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .after-party-container {
    flex-direction: column;
    margin: auto;
  }
  .after-party-container {
    flex-direction: column;
  }

  #after-party .speaker-img {
    margin: 20px;
  }
}
.btn {
  font-size: 25px;
}
.btn.indigo {
  background: #5747e2;
  color: #feff35;
}

#prints {
  display: block;
  object-fit: cover;
}
.logo {
  margin: 10px 20px;
}
.logo-grid {
  flex-wrap: wrap;
  justify-content: space-around;
  width: 70%;
  margin: auto !important;
}

.after-party-container {
  flex-wrap: wrap;
}

.container_presentation_stage {
  display: flex;
  margin: 24px;
}

.container_presentation_stage {
  display: flex;
  margin: 24px;
}

.presentation_stage {
  margin: 10px;
  width: 30%;
  padding: 1rem;
}

.title-scene {
  width: 35px;
  margin-left: 10px;
}

.presentation_stage_title {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 173%;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  #partners .logo-grid {
    width: unset;
  }
  .logo {
    margin: unset;
  }
}

@media (max-width: 1100px) {
  .speaker-name {
    font-size: 13px;
  }
  .speaker-function {
    font-size: 10px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 30px !important;
    height: 30px !important;
  }
  .swiper-button-next img,
  .swiper-button-prev img {
    width: 30px !important;
    height: 30px !important;
  }

  .container_presentation_stage {
    flex-direction: column;
    width: 100%;
    margin: 0;
  }

  .presentation_stage {
    width: 83%;
    margin: 10px auto;
  }
}
.speaker-function {
  margin-bottom: 7px;
}

@media (max-width: 1300px) {
  .speaker-img {
    width: 220px;
    height: 220px;
    min-height: 220px;
  }
  #speakers .case,
  #artists .case,
  #after-party .case {
    height: 300px;
    width: 250px;
    margin: 20px auto;
  }

  .case {
    margin-bottom: 60px;
  }

  #speakers .case .speaker-img,
  #speakers .case.line-for-four .speaker-img,
  #speakers .case .speaker-function,
  #artists .case .speaker-img,
  #artists .case.line-for-four .speaker-img,
  #artists .case .speaker-function,
  #after-party .case .speaker-function {
    font-size: 13px;
  }
}

@media (min-width: 1200px) {
  .logo-grid {
    width: 81%;
  }
}
@media (min-width: 1400px) {
  .logo-grid {
    width: 70%;
  }
}