/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/style.scss ***!
  \******************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/style.scss (1) ***!
  \**********************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap);
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/style.scss (2) ***!
  \**********************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Akatab:wght@400;500;600;700;800;900&display=swap);
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/style.scss (3) ***!
  \**********************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/style.scss (4) ***!
  \**********************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/style.scss (5) ***!
  \**********************************************************************************************************************************************/
.hero_histoire {
  position: relative;
}
.hero_histoire .content_histoire {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  color: var(--white-color);
  align-items: center;
  max-width: 650px;
  width: 85%;
}
@media (max-width: 1200px) {
  .hero_histoire .content_histoire {
    position: relative;
    margin: auto;
    transform: none;
    inset: 0;
  }
}
.hero_histoire .content_histoire .up_titre {
  text-align: center;
  font-family: "Akatab", sans-serif;
  font-size: clamp(1.1rem, 2vw + 0.5rem, 22.805px);
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.hero_histoire .content_histoire h1 {
  text-align: center;
  font-family: "Philosopher", sans-serif;
  font-size: clamp(2.4rem, 5vw + 1rem, 82.224px);
  font-weight: 700;
  text-transform: uppercase;
  margin-block: clamp(15px, 2vw, 20px) clamp(35px, 5vw, 47px);
  line-height: normal;
}
.hero_histoire .content_histoire p {
  margin-top: 20%;
  text-align: justify;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1rem, 2vw + 0.5rem, 20px);
  font-weight: 400;
  position: relative;
}
.hero_histoire .content_histoire p svg {
  position: absolute;
}
.hero_histoire .content_histoire p svg:first-child {
  right: -16.5px;
  top: -10px;
}
.hero_histoire .content_histoire p svg:last-child {
  left: -16.5px;
  bottom: -10px;
}
.hero_histoire video {
  width: 100%;
}
@media (max-width: 1200px) {
  .hero_histoire video {
    position: absolute;
  }
}
@media (max-width: 1200px) {
  .hero_histoire {
    position: relative;
    overflow: hidden;
    padding-block: 10rem;
  }
}

.pad {
  padding-block: 8%;
  background-image: url(../images/dna.jpg);
  background-size: cover;
  background-position: center;
}
.pad .inner_pad {
  width: min(1400px - 8%, 92%);
  margin: auto;
  color: var(--white-color);
  padding-bottom: 1rem;
}
.pad .inner_pad .intro_pad {
  padding-right: 8%;
  margin-left: 21%;
  margin-bottom: 5.5rem;
}
@media (max-width: 992px) {
  .pad .inner_pad .intro_pad {
    margin-left: 6%;
  }
}
@media (max-width: 768px) {
  .pad .inner_pad .intro_pad {
    margin-left: 1%;
  }
}
.pad .inner_pad .intro_pad p {
  text-align: justify;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1rem, 4vw + 0.5rem, 20px);
  font-weight: 400;
}
.pad .inner_pad .intro_pad h2 {
  margin: 0 0 20px 0;
  font-family: "Philosopher", sans-serif;
  font-size: clamp(2.1rem, 4vw + 1rem, 64px);
  font-weight: 700;
  text-transform: uppercase;
}
.pad .inner_pad .cartes_pad {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 356px), 1fr));
  gap: 2.2rem;
}
.pad .inner_pad .cartes_pad .inner_carte {
  border-radius: 20px;
}
.pad .inner_pad .cartes_pad .index_pad {
  width: fit-content;
  margin-left: auto;
  font-size: 10vw;
  margin-top: -8rem;
  margin-right: -1.5rem;
  position: relative;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  font-family: "Philosopher", sans-serif;
  font-size: 185.362px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 8rem;
}
@media (max-width: 768px) {
  .pad .inner_pad .cartes_pad .index_pad {
    margin-top: -5rem;
    margin-right: 0;
    font-size: 140px;
  }
}
.pad .inner_pad .cartes_pad .carte_pad {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.25);
  border-top: 2px solid #880813;
  padding: 20px;
  padding-bottom: 3.5rem;
  border-radius: 20px;
  position: relative;
  font-family: "Inter", sans-serif;
  overflow: hidden;
  backdrop-filter: blur(22px);
  transition: all 0.5s ease-in-out;
  height: 100%;
}
.pad .inner_pad .cartes_pad .carte_pad::before {
  content: "";
  background-image: url(../images/eclipse.svg);
  position: absolute;
  top: 30%;
  right: -1%;
  width: 40%;
  height: 100%;
  border-radius: 20px;
  background-blend-mode: darken;
  background-repeat: no-repeat;
  transition: scale 0.8s;
  scale: 1.2;
  background-blend-mode: darken;
  filter: blur(22px);
}
.pad .inner_pad .cartes_pad .carte_pad:hover::before {
  scale: 7;
}
.pad .inner_pad .cartes_pad .carte_pad:hover {
  border-top: 2px solid var(--white-color);
}
.pad .inner_pad .cartes_pad .carte_pad:hover ~ .index_pad {
  rotate: 10deg;
}
.pad .inner_pad .cartes_pad .carte_pad:hover > h3 {
  margin-top: 0.5rem;
  font-size: 2.1rem;
}
.pad .inner_pad .cartes_pad .carte_pad > * {
  position: inherit;
  z-index: 3;
}
.pad .inner_pad .cartes_pad .carte_pad p {
  color: #D3D3D3;
  font-size: 15.012px;
  font-weight: 400;
  line-height: 22.518px;
  transition: all 0.5s ease-in-out;
  max-width: 310px;
  padding-right: 1.5rem;
}
.pad .inner_pad .cartes_pad .carte_pad h3 {
  margin: 0;
  font-size: clamp(19px, 2vw + 5px, 22.518px);
  font-weight: 600;
  line-height: 30.024px;
  transition: all 0.5s ease-in-out;
}

.moyens_techniques {
  width: min(1400px - 1.8rem, 100% - 1.8rem);
  margin: auto;
  padding-block: 4.5rem;
  background-image: url(../images/jobs.jpg);
  background-size: cover;
  background-position: center;
  border-radius: 13px;
}
.moyens_techniques .cartes_moyens_techniques {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: min(950px, 100% - 2rem);
  gap: 5rem;
  margin: auto;
  transition: all 0.5s ease-in-out;
}
.moyens_techniques .cartes_moyens_techniques .carte_mt {
  border-radius: 12.265px;
  background: #150303;
  position: relative;
  width: fit-content;
  padding: 10px;
  height: fit-content;
  transition: all 0.5s ease-in-out;
}
.moyens_techniques .cartes_moyens_techniques .carte_mt:hover {
  background-color: var(--white-color);
}
.moyens_techniques .cartes_moyens_techniques .carte_mt:hover h3 {
  color: var(--black-color);
  font-size: 1.5rem;
}
.moyens_techniques .cartes_moyens_techniques .carte_mt:hover p {
  color: var(--black-color);
}
.moyens_techniques .cartes_moyens_techniques .carte_mt.up_mt {
  margin-top: -2.5rem;
}
@media (max-width: 992px) {
  .moyens_techniques .cartes_moyens_techniques .carte_mt.up_mt {
    margin-top: 0;
  }
}
.moyens_techniques .cartes_moyens_techniques .carte_mt img {
  border-radius: 10px;
  max-width: 236px;
}
.moyens_techniques .cartes_moyens_techniques .carte_mt h3, .moyens_techniques .cartes_moyens_techniques .carte_mt p {
  margin-left: 1rem;
  color: var(--white-color);
  margin-block: 0;
  transition: all 0.5s ease-in-out;
}
.moyens_techniques .cartes_moyens_techniques .carte_mt h3 {
  margin-block: 10px;
  font-family: "Philosopher", sans-serif;
  font-size: clamp(18px, 2vw + 5px, 20px);
  font-weight: 400;
  max-width: 150px;
}
.moyens_techniques .cartes_moyens_techniques .carte_mt > * {
  width: fit-content;
}
.moyens_techniques .cartes_moyens_techniques .carte_mt::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(117deg, var(--white-color), var(--primary-color), #1F0306);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.moyens_techniques h2 {
  text-align: center;
  font-family: "Philosopher", sans-serif;
  font-size: clamp(2.2rem, 4vw + 1rem, 64px);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.moyens_techniques > p {
  color: var(--white-color);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1rem, 2vw + 0.5rem, 20px);
  font-weight: 400;
  max-width: 550px;
  margin: auto;
  margin-bottom: 7.5rem;
}
@media (max-width: 992px) {
  .moyens_techniques > p {
    margin-bottom: 4.5rem;
  }
}

.faqs_histoire h2 {
  color: var(--white-color, #FFF);
  font-family: "Poppins", sans-serif;
  font-size: clamp(2rem, 4vw + 1rem, 45.036px);
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 5rem;
}
.faqs_histoire .faq_carte {
  border-radius: 14.796px;
  background: var(--white-color);
  color: var(--white-color);
  margin-bottom: 18.5px;
  transition: all 0.5s ease-in-out;
}
.faqs_histoire .faq_carte:last-child {
  margin: 0;
}
.faqs_histoire .faq_carte.opened_faqs {
  background: var(--primary-color);
  padding: 2rem;
}
@media (max-width: 992px) {
  .faqs_histoire .faq_carte.opened_faqs {
    padding: 1.5rem;
  }
}
.faqs_histoire .faq_carte.opened_faqs button {
  color: var(--white-color);
  margin-bottom: 25px;
  padding: 0;
}
.faqs_histoire .faq_carte.opened_faqs button svg rect {
  fill: var(--white-color);
  fill-opacity: 1;
}
.faqs_histoire .faq_carte.opened_faqs button svg path {
  stroke: var(--primary-color);
  rotate: 180deg;
  transform-origin: center;
}
.faqs_histoire .faq_carte.opened_faqs p {
  height: max-content;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.faqs_histoire .faq_carte button {
  transition: all 0.5s ease-in-out;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  background: transparent;
  color: var(--black-color);
  border: 0;
  padding: 1.2rem 2rem;
  color: var(--black-color, #000);
  font-family: "Poppins", sans-serif;
  font-size: clamp(17px, 2vw + 10px, 22.194px);
  font-weight: 600;
}
.faqs_histoire .faq_carte button p {
  margin: 0;
  text-align: start;
}
.faqs_histoire .faq_carte button svg {
  min-width: 50px;
}
.faqs_histoire .faq_carte button svg path {
  fill-opacity: 1;
}
.faqs_histoire .faq_carte > p {
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.banner_contact {
  min-height: 60vh;
  background-size: cover;
  background-position: center;
  margin-top: 60px;
  align-content: center;
  color: var(--white-color);
  padding-inline: 12% 35%;
}
.banner_contact::before {
  content: "";
  width: 100%;
  height: calc(100% - 30vh + 60px);
  position: absolute;
  inset: 0;
  background-image: url(../images/Ellipse.png);
}
.banner_contact::after {
  content: "";
  width: 100%;
  height: calc(100% - 30vh + 60px);
  position: absolute;
  inset: 0;
  transform: translateY(-62%) translateX(-43%);
  filter: blur(50px);
  background-image: url(../images/Ellipse.png);
}
.banner_contact > * {
  position: relative;
  z-index: 9;
}
.banner_contact h1 {
  font-family: "Philosopher", sans-serif;
  font-size: clamp(2rem, 4vw + 1rem, 4rem);
  font-weight: 700;
  text-transform: uppercase;
}
.banner_contact p {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 992px) {
  .banner_contact {
    padding-inline: 10% 10%;
    margin-top: 85px;
  }
}

.banner_production {
  position: relative;
  overflow: hidden;
}
.banner_production::after {
  content: "";
  position: absolute;
  bottom: -35%;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 4;
  background-size: 120%;
  background-position: center;
  background-image: url(../images/Ellipse.png);
}
@media (max-width: 768px) {
  .banner_production::after {
    background-size: 200%;
  }
}
.banner_production img {
  z-index: 3;
  object-fit: cover;
  max-height: 125vh;
  min-height: 120vh;
  width: 100%;
}
.banner_production > * {
  position: relative;
  z-index: 5;
}
.banner_production .content_banner {
  position: absolute;
  bottom: 14%;
  left: 15%;
  color: var(--white-color);
}
@media (max-width: 992px) {
  .banner_production .content_banner {
    bottom: 2%;
    left: 0;
    padding: 0 0 0 8%;
    background: rgba(0, 0, 0, 0.6);
  }
}
.banner_production .content_banner h1 {
  font-family: "Philosopher", sans-serif;
  font-size: clamp(1.5rem, 5vw + 1rem, 82.224px);
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.banner_production .content_banner p {
  text-align: justify;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1rem, 2vw + 1rem, 20px);
  font-weight: 400;
  max-width: 900px;
  width: 90%;
}

.under_little_margin {
  width: min(1400px, 100% - 26px);
  margin: 0 auto;
}
.under_little_margin .just_under {
  position: relative;
  box-shadow: 0 6px 0 0 #880813;
  border-radius: 12.27px;
  height: 261px;
  min-height: fit-content;
  display: grid;
  grid-template-columns: 1fr 25% 25%;
  place-items: center;
  padding: 2rem 10%;
  font-family: "Poppins", sans-serif;
}
@media (max-width: 992px) {
  .under_little_margin .just_under {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .under_little_margin .just_under {
    padding: 1.5rem 1rem;
  }
}
.under_little_margin .just_under h2 {
  color: var(--white-color, #FFF);
  font-size: clamp(2rem, 4vw + 1rem, 38.036px);
  font-weight: 600;
  margin: 0;
}
.under_little_margin .just_under p {
  font-size: clamp(1rem, 2vw + 0.5rem, 20px);
  font-weight: 400;
  color: var(--white-color);
}
.under_little_margin .just_under .serie {
  border-radius: 52.86px;
  font-size: clamp(1.1rem, 2vw + 0.8rem, 21.144px);
  text-decoration: none;
  font-weight: 500;
  padding: 1rem 2rem;
  color: var(--white-color);
  width: fit-content;
  border-radius: 52.86px;
  border: 0.814px solid rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.4s;
}
.under_little_margin .just_under .serie.active {
  border: 0.814px solid #660009;
  background: #880813;
  box-shadow: 0 1.057px 0 0 var(--white-color);
}
.under_little_margin .just_under .documentaire {
  border-radius: 52.86px;
  font-size: clamp(1.1rem, 2vw + 0.8rem, 21.144px);
  text-decoration: none;
  font-weight: 500;
  padding: 1rem 2rem;
  color: var(--white-color);
  width: fit-content;
  border-radius: 52.86px;
  border: 0.814px solid rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.4s;
}
.under_little_margin .just_under .documentaire.active {
  border: 0.814px solid #660009;
  background: #880813;
  box-shadow: 0 1.057px 0 0 var(--white-color);
}
.under_little_margin .just_under .documentaire:hover {
  background-color: var(--white-color);
  box-shadow: 0 0 16px var(--white-color);
  color: var(--primary-color);
}
@media (max-width: 992px) {
  .under_little_margin .just_under .documentaire {
    margin-top: 1rem;
  }
}
.under_little_margin .just_under::after {
  content: "";
  position: absolute;
  width: 100%;
  inset: 0;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
}
.under_little_margin .just_under > * {
  position: relative;
  z-index: 4;
}
.under_little_margin .just_under video {
  width: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  height: 100%;
  z-index: 1;
}
.under_little_margin .movies_series_list {
  background-image: url(../images/bg_pro.jpg);
  background-size: cover;
  background-position: center;
  padding: 8%;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1.8rem;
  margin-bottom: 1.2rem;
  align-items: center;
  justify-content: center;
}
.under_little_margin .movies_series_list .carte_movie {
  color: var(--white-color);
  font-family: "Inter", sans-serif;
  position: relative;
  border-radius: 28.787px;
  overflow: hidden;
  flex: 1 1 270px;
  max-width: 270px;
  display: flex;
}
.under_little_margin .movies_series_list .carte_movie:hover {
  overflow: hidden;
}
.under_little_margin .movies_series_list .carte_movie:hover .carte_inside {
  opacity: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, #000 100%);
  backdrop-filter: blur(2.5px);
}
.under_little_margin .movies_series_list .carte_movie .logo {
  display: block;
  margin-inline: auto;
  margin-bottom: 1.7rem;
}
.under_little_margin .movies_series_list .carte_movie h3 {
  color: var(--white-color);
  font-size: 22.518px;
  font-weight: 600;
}
.under_little_margin .movies_series_list .carte_movie .carte_inside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 0.35s;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, var(--black-color) 100%);
  backdrop-filter: blur(2.5px);
  padding: 2rem 1.2rem 1.2rem 1.2rem;
}
.under_little_margin .movies_series_list .carte_movie p {
  margin: 0;
  color: #D3D3D3;
  text-align: justify;
  font-size: 10px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 16px;
  max-height: 32px; /* Limiting to 2 lines */
  -webkit-line-clamp: 4; /* Specify the number of lines */
  -webkit-box-orient: vertical;
}
.under_little_margin .movies_series_list .carte_movie a {
  border-radius: 21.838px;
  border: 0.42px solid rgba(255, 255, 255, 0.7);
  background: var(--white-color);
  backdrop-filter: blur(5.4686069489px);
  color: #880813;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 0 4px 0 var(--white-color);
  padding: 10px 50px;
  margin-block: 1.2rem 2rem;
  display: block;
  width: fit-content;
  margin-inline: auto;
  opacity: 0;
  pointer-events: none;
}
.under_little_margin .movies_series_list .carte_movie .credit_mc {
  display: flex;
  justify-content: space-between;
}

.partenaire {
  background-image: url(../images/bg_complex.jpg);
  background-size: cover;
  background-position: center;
  width: min(1400px, 100% - 26px);
  margin: 0 auto;
  padding-block: 4.5rem;
  border-radius: 1rem;
}
.partenaire h2 {
  text-align: center;
  font-family: "Philosopher", sans-serif;
  font-size: clamp(2rem, 4vw + 1rem, 64px);
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.partenaire > p {
  margin-block: 0.5rem 5rem;
  max-width: 418px;
  margin-inline: auto;
}
.partenaire p {
  color: var(--white-color);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1rem, 2vw + 0.5rem, 20px);
  font-weight: 400;
}
.partenaire .slider_1 {
  margin-bottom: 23px;
}
.partenaire .slider_1, .partenaire .slider_2 {
  justify-items: center;
  align-content: center;
}
.partenaire .slider_1 .swiper-slide, .partenaire .slider_2 .swiper-slide {
  border-radius: 15.446px;
  background: rgba(255, 255, 255, 0.1);
  background-blend-mode: darken;
  backdrop-filter: blur(17.1831684113px);
  border-top: 3px solid var(--white-color);
  padding: 1.5rem 1rem;
}
.partenaire .slider_1 .swiper-slide img, .partenaire .slider_2 .swiper-slide img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.partenaire .slider_1 .swiper-wrapper, .partenaire .slider_2 .swiper-wrapper {
  transition-timing-function: linear;
}
.partenaire .slider_1 p, .partenaire .slider_2 p {
  color: #D3D3D3;
  font-family: "Inter", sans-serif;
  font-size: 15.446px;
  font-weight: 400;
  margin: 0;
}

.slider_neo_container {
  width: min(1400px, 100% - 26px);
  margin: 0 auto;
  padding-block: 4.5rem;
  border-radius: 1rem;
  background-image: url(../images/bg_slides.jpg);
  background-size: cover;
  background-position: center;
}
.slider_neo_container .content_neo {
  width: min(1200px, 80%);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.slider_neo_container .content_neo h2 {
  text-align: center;
  font-family: "Philosopher", sans-serif;
  font-size: clamp(2rem, 4vw + 1rem, 64px);
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.slider_neo_container .content_neo p {
  max-width: 400px;
  color: var(--white-color);
  font-family: "Poppins", sans-serif;
  font-size: clamp(1rem, 2vw + 0.5rem, 19px);
  font-weight: 400;
  margin: 0;
}
.slider_neo_container .slider_neo .swiper-button-prev, .slider_neo_container .slider_neo .swiper-button-next {
  width: 81px;
  height: 81px;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.2s ease-in;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .slider_neo_container .slider_neo .swiper-button-prev, .slider_neo_container .slider_neo .swiper-button-next {
    width: 60px;
    height: 60px;
    position: relative;
  }
}
.slider_neo_container .slider_neo .swiper-pagination {
  padding-top: 2rem;
  position: relative;
}
.slider_neo_container .slider_neo .swiper-button-next {
  right: 14%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2782%27 height=%2782%27 viewBox=%270 0 82 82%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_626_1458%29%27%3E%3Cpath d=%27M34.227 61.0996C33.8981 61.0996 33.5616 60.9645 33.3092 60.7022C32.8044 60.1776 32.8044 59.3192 33.3092 58.7946L50.5865 40.8398L33.5616 23.1472C33.0568 22.6226 33.0568 21.7642 33.5616 21.2397C34.0663 20.7151 34.8923 20.7151 35.3971 21.2397L53.3475 39.886C53.8523 40.4106 53.8523 41.269 53.3475 41.7936L35.1524 60.7022C34.8923 60.9724 34.5635 61.0996 34.227 61.0996Z%27 fill=%27%23EEEEEE%27/%3E%3C/g%3E%3Ccircle cx=%2740.6945%27 cy=%2740.6945%27 r=%2740.3106%27 stroke=%27white%27 stroke-width=%270.767821%27/%3E%3Cdefs%3E%3CclipPath id=%27clip0_626_1458%27%3E%3Crect width=%2740.6945%27 height=%2739.1589%27 fill=%27white%27 transform=%27matrix%280 -1 -1 0 62.9614 61.4255%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.slider_neo_container .slider_neo .swiper-button-next:hover {
  box-shadow: 0 0 10px var(--white-color);
  background-color: var(--white-color);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2782%27 height=%2783%27 viewBox=%270 0 82 83%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_665_3446%29%27%3E%3Cpath d=%27M34.8388 61.7939C34.5099 61.7939 34.1734 61.6588 33.921 61.3965C33.4162 60.872 33.4162 60.0136 33.921 59.489L51.1983 41.5341L34.1734 23.8416C33.6686 23.317 33.6686 22.4586 34.1734 21.934C34.6782 21.4094 35.5042 21.4094 36.0089 21.934L53.9593 40.5804C54.4641 41.1049 54.4641 41.9633 53.9593 42.4879L35.7642 61.3965C35.5042 61.6668 35.1753 61.7939 34.8388 61.7939Z%27 fill=%27%23880813%27/%3E%3C/g%3E%3Ccircle cx=%2741.3058%27 cy=%2741.3888%27 r=%2740.3106%27 stroke=%27white%27 stroke-width=%270.767821%27/%3E%3Cdefs%3E%3CclipPath id=%27clip0_665_3446%27%3E%3Crect width=%2740.6945%27 height=%2739.1589%27 fill=%27white%27 transform=%27matrix%280 -1 -1 0 63.5732 62.1199%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .slider_neo_container .slider_neo .swiper-button-next {
    left: calc(100% - 60px);
  }
}
.slider_neo_container .slider_neo .swiper-button-prev {
  left: 14%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2782%27 height=%2782%27 viewBox=%270 0 82 82%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_626_1463%29%27%3E%3Cpath d=%27M47.1622 20.2893C47.491 20.2893 47.8276 20.4244 48.08 20.6867C48.5848 21.2113 48.5848 22.0697 48.08 22.5943L30.8027 40.5491L47.8276 58.2417C48.3324 58.7663 48.3324 59.6247 47.8276 60.1492C47.3228 60.6738 46.4968 60.6738 45.992 60.1492L28.0417 41.5029C27.5369 40.9783 27.5369 40.1199 28.0417 39.5953L46.2368 20.6867C46.4968 20.4165 46.8256 20.2893 47.1622 20.2893Z%27 fill=%27%23EEEEEE%27/%3E%3C/g%3E%3Ccircle cx=%2740.6947%27 cy=%2740.6944%27 r=%2740.3106%27 transform=%27rotate%28-180 40.6947 40.6944%29%27 stroke=%27white%27 stroke-width=%270.767821%27/%3E%3Cdefs%3E%3CclipPath id=%27clip0_626_1463%27%3E%3Crect width=%2740.6945%27 height=%2739.1589%27 fill=%27white%27 transform=%27matrix%28-8.74228e-08 1 1 8.74228e-08 18.4277 19.9634%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.slider_neo_container .slider_neo .swiper-button-prev:hover {
  box-shadow: 0 0 10px var(--white-color);
  background-color: var(--white-color);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2782%27 height=%2782%27 viewBox=%270 0 82 82%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_665_3446%29%27%3E%3Cpath d=%27M47.5499 20.595C47.8787 20.595 48.2153 20.7301 48.4677 20.9924C48.9725 21.517 48.9725 22.3754 48.4677 22.8999L31.1904 40.8548L48.2153 58.5474C48.7201 59.0719 48.7201 59.9303 48.2153 60.4549C47.7105 60.9795 46.8845 60.9795 46.3797 60.4549L28.4294 41.8086C27.9246 41.284 27.9246 40.4256 28.4294 39.901L46.6245 20.9924C46.8845 20.7221 47.2133 20.595 47.5499 20.595Z%27 fill=%27%23880813%27/%3E%3C/g%3E%3Ccircle cx=%2741.0828%27 cy=%2741.0001%27 r=%2740.3106%27 transform=%27rotate%28-180 41.0828 41.0001%29%27 stroke=%27white%27 stroke-width=%270.767821%27/%3E%3Cdefs%3E%3CclipPath id=%27clip0_665_3446%27%3E%3Crect width=%2740.6945%27 height=%2739.1589%27 fill=%27white%27 transform=%27matrix%280 1 1 0 18.8154 20.269%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .slider_neo_container .slider_neo .swiper-button-prev {
    left: 0;
    bottom: 37px;
  }
}
.slider_neo_container .slider_neo .swiper-pagination-bullet {
  transition: all 0.5s ease;
  border-radius: 20px;
  height: 1.5rem;
  width: 1.5rem;
  background-color: var(--white-color);
  opacity: 1;
}
@media (max-width: 768px) {
  .slider_neo_container .slider_neo .swiper-pagination-bullet {
    height: 1rem;
    width: 1rem;
  }
}
.slider_neo_container .slider_neo .swiper-pagination-bullet-active {
  background: var(--secondary-color);
  width: 4rem;
}
.slider_neo_container .slider_neo .swiper-button-prev:after, .slider_neo_container .slider_neo .swiper-button-next:after {
  content: "";
}
.slider_neo_container .slider_neo .swiper-slide {
  border-radius: 14.972px;
  border: 1.248px solid rgba(9, 9, 11, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  overflow: hidden;
  min-height: 55vh;
  background-size: cover;
  background-position: center;
  padding-bottom: 10%;
}
.slider_neo_container .slider_neo .swiper-slide .inner_slide {
  position: relative;
  font-family: "Inter", sans-serif;
}
.slider_neo_container .slider_neo .swiper-slide .inner_slide .content_slide {
  position: absolute;
  top: 0;
  padding: 1.9rem;
  max-width: 580px;
}
.slider_neo_container .slider_neo .swiper-slide .inner_slide h3 {
  color: var(--white-color);
  font-size: clamp(1.4rem, 2vw + 1rem, 29.945px);
  font-weight: 600;
  margin-bottom: 10px;
}
.slider_neo_container .slider_neo .swiper-slide .inner_slide p {
  color: #D3D3D3;
  font-size: clamp(1rem, 2vw + 0.5rem, 19.963px);
  font-weight: 400;
}
.slider_neo_container .slider_neo .swiper-slide p, .slider_neo_container .slider_neo .swiper-slide h3 {
  margin: 0;
}

.diffuseurs {
  width: min(1400px, 100% - 26px);
  margin: 0 auto;
  padding-block: 4.5rem;
  border-radius: 1rem;
  background-image: url(../images/bg_contact.png);
  margin-block: 10px;
}
.diffuseurs h2 {
  color: var(--white-color, #FFF);
  font-family: "Philosopher", sans-serif;
  font-size: clamp(2rem, 4vw + 1rem, 64px);
  font-weight: 700;
  text-align: center;
}

.action_button {
  transform: translateX(-120%);
  animation: heroIn 2.5s ease-in-out forwards;
  animation-delay: 2s;
}

.actors_director {
  transform: translateX(-100%);
  animation: heroIn 2.5s ease-in-out forwards;
}

.main_content {
  transform: translateX(-100%);
  animation: heroIn 2.5s ease-in-out forwards;
}

@keyframes heroIn {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(0);
  }
}
.search_main {
  padding: clamp(5rem, 4vw, 6rem) min(5%, 3rem);
  justify-items: center;
}
.search_main .page-title {
  color: var(--white-color) !important;
  font-size: clamp(2rem, 4vw + 1rem, 3.5rem);
}
.search_main p {
  color: var(--white-color);
}
.search_main .search-field {
  padding: 0.5rem 0.8rem;
}
.search_main .search-submit {
  height: 100%;
  padding: 0.75rem 0.8rem;
  background-color: var(--black-color);
  color: var(--white-color);
  border: 1px solid var(--white-color);
  margin-top: 0.6rem;
}
.search_main article {
  border: 1px solid var(--white-color);
  padding: 0.8rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  width: 100%;
}
.search_main article h2 {
  margin: 0;
}
.search_main article .entry-header {
  order: 2;
}
.search_main article img {
  max-width: clamp(200px, 35vw, 900px);
}
.search_main .entry-footer {
  display: none;
}
.search_main a {
  color: var(--white-color);
}
.search_main a:visited {
  color: var(--white-color);
}

.error-404 {
  padding-top: max(5rem, 10vh);
  color: var(--white-color);
  padding: clamp(5rem, 4vw, 6rem) min(5%, 3rem);
  font-family: "Poppins", sans-serif;
}
.error-404 a {
  background-color: var(--black-color);
  color: var(--white-color);
  padding: 0.5rem 1.5rem;
  border-radius: 1rem 1rem 0 1rem;
  border: 1px solid var(--white-color);
  text-decoration: none;
  font-size: clamp(1rem, 2vw, 1.1rem);
}

:root {
  --primary-color: #880813;
  --secondary-color: #660009;
  --black-color: #000000;
  --white-color: #ffffff;
}

a {
  font-family: "Inter", sans-serif;
}

p, input, textarea {
  font-family: "Poppins", sans-serif;
}

body {
  background-color: var(--black-color);
}

h2 {
  color: var(--white-color);
  font-size: clamp(2rem, 3vw + 1rem, 46px);
  font-weight: 600;
  line-height: normal;
  margin-top: 0;
}

.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  padding-top: 0.9rem;
  padding-inline: min(2%, 2rem) min(1.5%, 2rem);
  z-index: 10;
  margin-top: 0.85rem;
}
.site-header a:not(.site-branding a) {
  padding: 10px 18.5px;
  transition: all 0.4s ease;
  color: var(--white-color);
  border-radius: 32.48px 32.48px 0 32.48px;
  border-bottom: 3px solid var(--black-color);
}
.site-header a:not(.site-branding a):hover {
  background-color: var(--black-color);
  border-bottom: 3px solid var(--primary-color);
  color: var(--white-color);
}
@media (max-width: 1200px) {
  .site-header a:not(.site-branding a) {
    padding: 8px;
    font-size: 14px;
  }
}
@media (max-width: 1100px) {
  .site-header a:not(.site-branding a) {
    padding: 6px;
  }
}
@media (max-width: 1055px) {
  .site-header a:not(.site-branding a) {
    padding: 0;
  }
}
@media (max-width: 992px) {
  .site-header a:not(.site-branding a) {
    border-bottom: 1px solid var(--primary-color);
  }
}
.site-header .site-branding {
  margin: 0 0 0 1rem;
}
.site-header .site-branding a {
  display: flex;
}
.site-header .site-branding .site-title {
  font-size: 1.5rem;
  color: var(--primary-color);
  text-decoration: none;
}
@media (max-width: 1100px) {
  .site-header .site-branding .custom-logo {
    max-width: 280px;
  }
}
.site-header .main-navigation {
  width: fit-content;
}
.site-header .main-navigation li {
  margin-left: 0.7rem;
}
.site-header .main-navigation .menu-toggle {
  background: none;
  border: none;
  cursor: pointer;
  display: none;
  padding: 0;
  margin-right: 1rem;
  justify-items: center;
  align-content: center;
}
.site-header .main-navigation .menu-toggle svg {
  fill: var(--white-color);
  width: 30px;
  height: 30px;
}
@media (max-width: 991.98px) {
  .site-header .main-navigation .menu-toggle {
    display: block;
    margin-bottom: 1rem;
  }
}
.site-header .main-navigation .nav-menu {
  width: fit-content;
}
.site-header .main-navigation .nav-menu a {
  font-size: 15px;
  background-color: var(--black-color);
}
@media (max-width: 1200px) {
  .site-header .main-navigation .nav-menu {
    gap: 5px;
  }
}
@media (max-width: 1055px) {
  .site-header .main-navigation .nav-menu {
    gap: 0;
  }
}
.site-header .main-navigation .nav-menu li.current_page_item {
  border-radius: 32.48px 32.48px 0 32.48px;
  border-bottom: 1.624px solid var(--primary-color);
}
@media (max-width: 992px) {
  .site-header .main-navigation .nav-menu li {
    padding-bottom: 1rem;
    margin-top: 1rem;
    border-bottom: 0.3px solid var(--white-color);
  }
}
@media (max-width: 991.98px) {
  .site-header .main-navigation {
    position: absolute;
    right: 0;
    top: 18px;
  }
  .site-header .main-navigation ul {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-100%);
    transition: max-height 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
  }
  .site-header .main-navigation.toggled {
    top: 60px;
    right: 0;
    max-width: 100%;
    width: max(fit-content, 70%);
    height: max-content;
    place-content: center;
    padding: 1.5rem 5%;
    transform: translateY(0);
    border-radius: 20px 0 0 20px;
    background: var(--primary-color);
    display: grid;
  }
  .site-header .main-navigation.toggled .nav-menu {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
  }
  .site-header .main-navigation.toggled ul {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
  }
  .site-header .main-navigation.toggled .site-search-mobile {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
  }
  .site-header .main-navigation {
    margin-left: auto;
    transition: all 0.3s ease;
  }
}
.site-header .site-search {
  flex-shrink: 0;
  min-width: 14%;
  display: flex;
  justify-content: end;
  align-items: center;
}
.site-header .site-search .search-form label input {
  border: none;
  padding: 0.5rem 0.5rem 0.5rem calc(0.5rem + 33px);
  background-color: var(--black-color);
  color: var(--white-color);
  background-image: url(../images/search_icon.svg);
  background-position: 2px 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-bottom: 1px solid transparent;
  border-radius: 0 0 0 1rem;
  width: 40px;
  min-width: 40px;
  transition: width 0.8s cubic-bezier(0.4, 0.9, 0.32, 1.2), border-bottom 0.8s ease;
}
.site-header .site-search .search-form label input:focus {
  outline: none;
  width: 150px;
  border-bottom: 1px solid var(--white-color);
}
.site-header .site-search .search-form label input:hover {
  border-bottom: 1px solid var(--white-color);
  width: 150px;
}
@media (max-width: 991.98px) {
  .site-header .site-search {
    display: none;
  }
}

.cm_hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
}
.cm_hero .video_container {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.cm_hero .video_container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cm_hero .popup_overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.cm_hero .popup_overlay .popup_video {
  max-width: 80%;
}
.cm_hero .popup_overlay .popup_video video {
  width: 100%;
  border-radius: 8px;
}
.cm_hero .popup_overlay .close_popup_video {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.cm_hero .popup_overlay.active {
  display: flex;
}
.cm_hero .hero_content {
  display: flex;
  flex-direction: column;
  background-image: url(../images/background_hero.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--white-color);
  min-height: 100vh;
  display: flex;
  justify-content: space-around;
  align-items: start;
  width: max(320px, 70%);
  padding-top: min(6rem, 44%);
  padding-left: min(4rem, 5%);
  inset: 0;
  margin-top: 1rem;
}
.cm_hero .hero_content .main_content p:first-child {
  font-size: clamp(1rem, 1vw + 0.5rem, 23px);
  font-family: "Akatab";
  font-weight: 600;
  text-transform: uppercase;
}
.cm_hero .hero_content .main_content p:last-child {
  font-size: 12.848px;
  font-weight: 400;
}
.cm_hero .hero_content .main_content p {
  margin-block: 1rem 0;
}
.cm_hero .hero_content .actors_director {
  margin-bottom: 0.6rem;
}
.cm_hero .hero_content .actors_director p {
  font-size: 12.848px;
  font-weight: 400;
  display: flex;
  gap: 0.5rem;
}
.cm_hero .hero_content .actors_director p strong {
  color: #9E9E9E;
  height: 100%;
  display: block;
}
.cm_hero .hero_content .action_button {
  display: flex;
  align-items: center;
}
.cm_hero .hero_content .action_button .play_button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(241, 241, 241, 0.15);
  border: 0.767px solid rgba(250, 250, 250, 0.7);
  backdrop-filter: blur(7.6709618568px);
  width: 75px;
  height: 75px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.4s ease;
}
.cm_hero .hero_content .action_button .play_button:hover {
  background-color: var(--white-color);
  box-shadow: 0 0 20px 0 var(--white-color);
}
.cm_hero .hero_content .action_button .play_button:hover svg path {
  fill: var(--primary-color);
}
@media (max-width: 650px) {
  .cm_hero .hero_content .action_button .play_button {
    width: 60px;
    height: 60px;
  }
}
.cm_hero .hero_content .action_button a {
  border-radius: 12px 0 0 12px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10.0166940689px);
  padding: 0.9rem 2rem;
  color: var(--white-color);
  text-decoration: none;
  height: fit-content;
  margin-right: -0.7rem;
}
.cm_hero .hero_content .action_button a:hover ~ .play_button {
  background-color: var(--white-color);
  box-shadow: 0 0 20px 0 var(--white-color);
}
.cm_hero .hero_content .action_button a:hover ~ .play_button svg path {
  fill: var(--primary-color);
}
@media (max-width: 520px) {
  .cm_hero .hero_content .action_button a {
    padding: 0.7rem 1.5rem;
    font-size: 14px;
  }
}
.cm_hero .hero_content p {
  width: min(70%, 400px);
}
@media (max-width: 992px) {
  .cm_hero .hero_content p {
    width: min(70%, 350px);
  }
}
.cm_hero .hero_content h1 {
  color: var(--white-color);
  font-family: "Philosopher";
  font-size: clamp(2.8rem, 5vw + 1rem, 82.224px);
  font-weight: 700;
  margin-block: 0;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .cm_hero .hero_content {
    width: max(320px, 85%);
  }
}
@media (max-width: 650px) {
  .cm_hero .hero_content {
    background-position: 70%;
  }
}
.cm_hero .video_container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cm_hero .video_container video {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .cm_hero .video_container video {
    left: 0;
  }
}
@media (max-width: 503px) {
  .cm_hero {
    margin-bottom: 1.5rem;
  }
}

.slider_movies {
  position: relative;
  z-index: 3;
  overflow-y: hidden;
  border-radius: 0 0 13.969px 13.969px;
  background: linear-gradient(180deg, #100303 86.24%, var(--black-color) 108.99%);
  backdrop-filter: blur(20.021987915px);
  max-height: 100vh;
}
.slider_movies .movies_container {
  padding: 1rem 0;
}
@media (min-width: 1500px) {
  .slider_movies .movies_container {
    width: min(100%, 1500px);
    margin-inline: auto;
  }
}
.slider_movies .swiper-button-prev {
  border-radius: 6.192px;
  border: 0.885px solid rgba(220, 220, 220, 0.3);
  background: rgba(246, 246, 246, 0.4);
  width: 54.845px;
  height: 71.652px;
  color: var(--white-color);
  backdrop-filter: blur(13.2689151764px);
}
@media (max-width: 992px) {
  .slider_movies .swiper-button-prev {
    width: 35px;
    height: 45px;
  }
  .slider_movies .swiper-button-prev::after, .slider_movies .swiper-button-prev::before {
    font-size: 1.5rem;
  }
}
.slider_movies .swiper-button-prev {
  left: 10%;
}
.slider_movies .swiper-button-next {
  border-radius: 6.192px;
  border: 0.885px solid rgba(220, 220, 220, 0.3);
  background: rgba(246, 246, 246, 0.4);
  width: 54.845px;
  height: 71.652px;
  color: var(--white-color);
  backdrop-filter: blur(13.2689151764px);
}
@media (max-width: 992px) {
  .slider_movies .swiper-button-next {
    width: 35px;
    height: 45px;
  }
  .slider_movies .swiper-button-next::after, .slider_movies .swiper-button-next::before {
    font-size: 1.5rem;
  }
}
.slider_movies .swiper-button-next {
  right: 10%;
}
.slider_movies .swiper-wrapper {
  padding: 5rem min(5%, 5rem) 4rem min(2%, 2rem);
  transition: transform 3.5s cubic-bezier(0.2, 0.2, 0, 1.6);
}
.slider_movies .swiper-wrapper .swiper-slide {
  scale: 1.2;
}
.slider_movies .swiper-wrapper .swiper-slide .one_behind {
  position: absolute;
  top: 0;
  left: 0;
  scale: 1.04;
  filter: blur(27.8922348022px);
}
.slider_movies .swiper-wrapper .swiper-slide img {
  border-radius: 13.946px;
  z-index: -1;
}

.more_info {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1.5rem;
  padding: 2rem min(3%, 3rem);
}
@media (max-width: 1200px) {
  .more_info {
    overflow-x: scroll;
  }
}
.more_info ::-webkit-scrollbar {
  width: 12px;
}
.more_info ::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  border-radius: 10px;
}
.more_info ::-webkit-scrollbar-thumb:hover {
  background-color: var(--white-color);
}
.more_info ::-webkit-scrollbar-track {
  background: var(--white-color);
  border-radius: 10px;
}
.more_info {
  scrollbar-width: thin;
  scrollbar-color: var(--primary-color) var(--white-color);
}
.more_info .info_block {
  border-radius: 16.091px;
  background: radial-gradient(50% 50% at 50% 50%, #880813 0%, #660009 100%);
  backdrop-filter: blur(10.7451810837px);
  display: flex;
  font-family: "Poppins", sans-serif;
  justify-content: center;
  align-items: center;
  padding: 0 1.5rem;
  height: 59px;
  gap: 1rem;
  margin: auto;
  color: var(--white-color);
}
.more_info .info_block .info_text {
  font-weight: 400;
  width: max-content;
}
.more_info .info_block .info_image {
  display: flex;
}
.more_info .info_block .info_image img {
  min-width: 30px;
  height: 30px;
}

.background_global {
  margin: 3rem min(2%, 4rem);
  overflow: hidden;
  background-color: #150303;
  border-radius: 12.265px;
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/gBg.jpg);
}

.since_block {
  border-radius: 12.265px;
  padding: 2rem min(12%, 7rem);
  color: var(--white-color);
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  position: relative;
}
@media (max-width: 991.9px) {
  .since_block {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    place-items: center;
    padding: 2rem min(5%, 7rem);
  }
}
.since_block::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  z-index: 0;
  width: 430.631px;
  height: 384.772px;
  transform: rotate(48.961deg);
  border-radius: 430.631px;
  background: linear-gradient(180deg, #1F0306 0%, #660009 145.23%);
  filter: blur(102.2085266113px);
}
.since_block .since_texte {
  position: relative;
  z-index: 3;
}
.since_block .since_content {
  position: relative;
  z-index: 3;
  width: fit-content;
}
.since_block .since_content .since_text {
  border-radius: 10.221px;
  padding: 7px;
  border: 1.022px solid rgba(212, 212, 212, 0.35);
  background: rgba(244, 244, 244, 0.22);
  backdrop-filter: blur(10.2208518982px);
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}
.since_block .since_content .since_text .content_st p {
  margin: 0;
}
@media (max-width: 992px) {
  .since_block .since_content {
    order: 1;
  }
}
@media (max-width: 992px) {
  .since_block {
    gap: 1rem;
  }
}
@media (min-width: 1500px) {
  .since_block {
    width: min(100%, 1500px);
    margin-inline: auto;
  }
}

.movies {
  padding: 2rem min(12%, 7rem);
  color: var(--white-color);
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  position: relative;
}
@media (max-width: 991.9px) {
  .movies {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    place-items: center;
    padding: 2rem min(5%, 7rem);
  }
}
.movies::after {
  content: "";
  position: absolute;
  top: "auto";
  left: "auto";
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 430.631px;
  height: 384.772px;
  transform: rotate(48.961deg);
  border-radius: 430.631px;
  background: linear-gradient(180deg, #1F0306 0%, #660009 145.23%);
  filter: blur(102.2085266113px);
}
.movies {
  gap: 1rem;
  margin-bottom: 6rem;
}
.movies .content_mv {
  position: relative;
  z-index: 3;
}
.movies .image_mv {
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 3;
}
@media (min-width: 1500px) {
  .movies {
    width: min(100%, 1500px);
    margin-inline: auto;
  }
}

.complicated_animation {
  padding: 2rem min(12%, 7rem);
  color: var(--white-color);
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  position: relative;
}
@media (max-width: 991.9px) {
  .complicated_animation {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    place-items: center;
    padding: 2rem min(5%, 7rem);
  }
}
.complicated_animation {
  gap: 5%;
  border-top: 0.9px solid #8A7475;
  border-bottom: 0.8px solid #8A7475;
  background-size: cover;
  background-image: url(../images/background-min.png);
  border-radius: 14.727px;
  padding: 2rem min(5%, 3rem) 0 min(5%, 3rem);
  overflow: hidden;
  margin: 2rem min(6%, 4.5rem);
  margin-bottom: 5rem;
  box-shadow: 0 0 3rem 0.5rem rgba(102, 0, 8, 0.7568627451);
}
.complicated_animation > * {
  position: relative;
  z-index: 2;
}
.complicated_animation::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  border-radius: 75.404px;
  background: linear-gradient(104deg, rgba(102, 0, 9, 0.65) 14.27%, rgba(136, 8, 19, 0.65) 83.6%);
  filter: blur(39.2727241516px);
}
.complicated_animation .content_ca h2:first-child {
  font-family: "Philosopher";
  font-size: clamp(1.5rem, 2.7vw, 50px);
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .complicated_animation .content_ca h2:first-child {
    margin-bottom: 3.563rem;
  }
}
.complicated_animation .content_ca h2:nth-child(2) {
  font-family: "Poppins";
  font-size: clamp(1.5rem, 3vw, 55px);
  font-weight: 600;
  line-height: 130.043%;
  margin-bottom: 2rem;
}
.complicated_animation .content_ca h2:nth-child(2) b {
  background: linear-gradient(180deg, #FFCB49 0%, #FFDE92 49.52%, #C78500 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.5rem, 3vw, 60px);
  font-weight: 600;
  line-height: 130.043%;
}
@media (max-width: 992px) {
  .complicated_animation .content_ca h2:nth-child(2) {
    margin-bottom: 0;
  }
}
@keyframes fadeIn_fadeOut {
  0% {
    transform: translate(-100%, 100%) scale(0);
  }
  25% {
    transform: translate(0, 0) scale(1);
  }
  26% {
    transform: translate(1%, -1%) scale(1);
  }
  50% {
    transform: translate(0, 0) scale(1);
  }
  75% {
    transform: translate(0, 0) scale(1);
  }
  90% {
    transform: translate(100%, 100%) scale(0);
  }
  100% {
    transform: translate(-100%, 100%) scale(0);
  }
}
@keyframes fadeIn_fadeOut_modified {
  0% {
    transform: translate(0, 100%) scale(0);
  }
  25% {
    transform: translate(0, 0) scale(1);
  }
  26% {
    transform: translate(0, -1%) scale(1);
  }
  50% {
    transform: translate(0, 0) scale(1);
  }
  75% {
    transform: translate(0, 0) scale(1);
  }
  90% {
    transform: translate(100%, 100%) scale(0);
  }
  100% {
    transform: translate(-100%, 100%) scale(0);
  }
}
@media (min-width: 1500px) {
  .complicated_animation {
    width: min(100%, 1500px);
    margin-inline: auto;
  }
}
@media (max-width: 992px) {
  .complicated_animation {
    gap: 1rem;
  }
}

/* === Swiper styling for trophees autoplay section === */
.complicated_animation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.complicated_animation .content_ca {
  flex: 0 0 50%;
  padding-right: 2rem;
}
.complicated_animation .trophees_slider {
  flex: 0 0 50%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1200px) {
  .complicated_animation .trophees_slider {
    margin-top: 3.5rem;
  }
}
.complicated_animation .trophees_slider .swiper {
  width: 100%;
  overflow: hidden;
}
.complicated_animation .trophees_slider .swiper-wrapper {
  display: flex;
  align-items: center;
}
.complicated_animation .trophees_slider .swiper-slide {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}
.complicated_animation .trophees_slider .swiper-slide img {
  height: auto;
  width: auto;
  object-fit: contain;
  display: block;
  margin-inline: 0;
  padding-inline: 0;
}
@media (min-width: 1200px) {
  .complicated_animation .trophees_slider .swiper-slide img {
    height: 300px;
  }
}
@media (max-width: 992px) {
  .complicated_animation {
    flex-direction: column;
    align-items: center;
  }
  .complicated_animation .content_ca, .complicated_animation .trophees_slider {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    text-align: center;
  }
  .complicated_animation .swiper-slide img {
    height: 80px;
  }
}

.rs_up {
  margin: 5rem min(15%, 12rem);
  color: var(--white-color);
  padding-top: 2rem;
}
.rs_up h2 {
  text-align: center;
  font-family: "Poppins";
  font-size: clamp(1.8rem, 4vw + 1rem, 32px);
  font-weight: 500;
  line-height: 145.05%;
  margin-bottom: 4.8rem;
  max-width: 670px;
  margin-inline: auto;
}
.rs_up .rs_list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  overflow: hidden;
}
.rs_up .rs_list .rs_carte {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  transform: translateY(50px);
  opacity: 0;
  transition: transform 0.6s ease, opacity 0.6s ease;
}
.rs_up .rs_list .rs_carte.rs_up_animation {
  transform: translateY(0);
  opacity: 1;
}
.rs_up .rs_list .rs_carte h3, .rs_up .rs_list .rs_carte p {
  margin: 0;
}
.rs_up .rs_list .rs_carte h3 {
  margin-bottom: 14px;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 600;
}
.rs_up .rs_list .rs_carte img {
  margin-bottom: 18px;
  height: 87px;
}
.rs_up .rs_list .rs_carte p {
  margin-bottom: 22px;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.rs_up .rs_list .rs_carte p:last-child {
  color: var(--white-color, #FFF);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Montserrat";
  font-size: clamp(32px, 4vw + 5px, 43px);
  font-weight: 600;
  letter-spacing: 5.155px;
  text-decoration: none;
  text-transform: uppercase;
}

.series, .documentaires {
  margin: 5rem min(5%, 2.5rem);
}
.series h2, .documentaires h2 {
  font-family: "Philosopher", sans-serif;
  font-weight: 400;
}
.series .grid_slider_tous, .documentaires .grid_slider_tous {
  display: grid;
  grid-template-columns: 80% 20%;
  gap: 0.5rem;
}
.series .grid_slider_tous .slider_series, .series .grid_slider_tous .slider_documentaires, .documentaires .grid_slider_tous .slider_series, .documentaires .grid_slider_tous .slider_documentaires {
  overflow: hidden;
}
.series .grid_slider_tous .swiper-slide img, .documentaires .grid_slider_tous .swiper-slide img {
  border-radius: 12px;
}
.series .grid_slider_tous .voir_tous, .documentaires .grid_slider_tous .voir_tous {
  display: grid;
  place-content: center;
  place-items: center;
  text-align: center;
}
.series .grid_slider_tous .voir_tous h3, .documentaires .grid_slider_tous .voir_tous h3 {
  color: var(--white-color);
  font-family: "Poppins", sans-serif;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 500;
}
@media (max-width: 650px) {
  .series .grid_slider_tous .voir_tous h3, .documentaires .grid_slider_tous .voir_tous h3 {
    font-size: clamp(15px, 3vw, 32px);
  }
}
@media (max-width: 650px) {
  .series .grid_slider_tous, .documentaires .grid_slider_tous {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1500px) {
  .series, .documentaires {
    width: min(100%, 1500px);
    margin-inline: auto;
  }
}

.partners {
  margin: 5rem min(8%, 3rem);
  overflow: hidden;
}
.partners h2 {
  margin-bottom: 5rem;
}
.partners .swiper-wrapper {
  transition-timing-function: linear;
  align-items: center;
}
.partners .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1500px) {
  .partners {
    width: min(100%, 1500px);
    margin-inline: auto;
  }
}

.contact_wrapper {
  margin: 3rem min(2%, 4rem) 1rem min(2%, 4rem);
  padding: clamp(40px, 8vw, 71px) 15px clamp(80px, 12vw, 166px) 15px;
  border-radius: 12.265px;
  background-color: rgba(21, 3, 3, 0.5);
  background-image: url(../images/bg_contact.png);
  background-size: cover;
}
.contact_wrapper .contact_content {
  position: relative;
  max-width: 1200px;
  margin-inline: auto;
  padding: 13px 10px;
  display: grid;
  grid-template-columns: minmax(200px, 40%) 1fr;
  background: linear-gradient(117deg, rgba(255, 255, 255, 0.14) 22.32%, rgba(255, 255, 255, 0.06) 77.27%);
  filter: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.2));
  backdrop-filter: blur(20px);
  border-radius: 1.5rem;
}
.contact_wrapper .contact_content .info_contact {
  border-radius: calc(30px - 1rem);
  background: rgba(255, 255, 255, 0.05);
}
.contact_wrapper .contact_content::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(117deg, var(--white-color), var(--primary-color), #1F0306);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.contact_wrapper {
  font-family: "Inter", sans-serif;
}
@media (max-width: 850px) {
  .contact_wrapper .contact_content {
    grid-template-columns: 1fr;
  }
}
.contact_wrapper .info_contact {
  padding: min(10%, 3.1rem);
}
.contact_wrapper .info_contact svg {
  min-width: 29px;
  min-height: 29px;
}
.contact_wrapper .info_contact .mail {
  margin-bottom: 15%;
}
.contact_wrapper .info_contact .mail, .contact_wrapper .info_contact .localisation {
  display: flex;
  align-items: center;
  gap: 9px;
}
@media (max-width: 850px) {
  .contact_wrapper .info_contact .mail, .contact_wrapper .info_contact .localisation {
    margin-bottom: 2rem;
  }
}
@media (max-width: 400px) {
  .contact_wrapper .info_contact .mail, .contact_wrapper .info_contact .localisation {
    flex-wrap: wrap;
  }
}
@media (max-width: 850px) {
  .contact_wrapper .info_contact .localisation {
    margin-bottom: 0;
  }
}
.contact_wrapper .info_contact h2 {
  color: #FFF;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 20%;
}
@media (max-width: 850px) {
  .contact_wrapper .info_contact h2 {
    margin-bottom: 2rem;
  }
}
.contact_wrapper .info_contact a {
  color: var(--white-color);
  text-decoration: none;
}
@media (max-width: 580px) {
  .contact_wrapper .info_contact {
    padding: 5%;
  }
}
.contact_wrapper .form_contact .submit_div p {
  display: grid;
  place-content: end;
  margin: 0;
}
.contact_wrapper .form_contact .submit_div p input {
  color: var(--white-color);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 500;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.12);
  padding: 14px 38px;
  backdrop-filter: saturate(180%) blur(10px);
  cursor: pointer;
  border: none;
  width: fit-content;
  margin-block: 4rem 1rem;
}
.contact_wrapper .wrapper_contact {
  display: grid;
  column-gap: 2.4rem;
  grid-template-columns: repeat(2, 1fr);
  padding: 2rem 2.4rem 0 2.4rem;
}
.contact_wrapper .wrapper_contact .wpcf7-phonetext {
  padding-left: 45px !important;
}
.contact_wrapper .wrapper_contact .country-list {
  max-width: 280px;
}
.contact_wrapper .wrapper_contact .selected-flag {
  padding: 0;
  width: 0 !important;
  color: white;
}
.contact_wrapper .wrapper_contact .selected-flag .iti-arrow {
  display: none;
}
.contact_wrapper .wrapper_contact .selected-flag .iti-flag {
  display: none;
}
.contact_wrapper .wrapper_contact .selected-flag .selected-dial-code {
  padding: 0;
}
.contact_wrapper .wrapper_contact .input_wrapper + p:last-child {
  padding-block: 20% 10%;
  margin-left: auto;
}
@media (max-width: 850px) {
  .contact_wrapper .wrapper_contact .input_wrapper + p:last-child {
    padding-block: 0;
  }
}
.contact_wrapper .wrapper_contact .input_wrapper {
  grid-column: span 1;
}
.contact_wrapper .wrapper_contact .input_wrapper label {
  color: var(--white-color);
  font-size: 1rem;
  font-weight: 500;
}
.contact_wrapper .wrapper_contact .input_wrapper input, .contact_wrapper .wrapper_contact .input_wrapper textarea {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--white-color);
  border-radius: 0;
  padding-inline: 0;
  color: var(--white-color);
}
.contact_wrapper .wrapper_contact .input_wrapper input:focus, .contact_wrapper .wrapper_contact .input_wrapper textarea:focus {
  outline: none;
}
.contact_wrapper .wrapper_contact .input_wrapper:last-child {
  grid-column: 1/-1;
}
@media (max-width: 1000px) {
  .contact_wrapper .wrapper_contact {
    grid-template-columns: 1fr;
    padding: 5%;
  }
}

footer {
  background-color: var(--secondary-color);
  width: 100%;
  padding: 2rem 5.5%;
  font-family: "Inter", sans-serif;
}
footer .footer_menus {
  display: grid;
  grid-template-columns: 250px 1fr;
  margin-block: 24px;
  border-top: 0.9px solid #C1C7CD;
  border-bottom: 0.9px solid #C1C7CD;
  padding-block: 24px;
}
footer .footer_menus p {
  color: var(--white-color, #FFF);
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
footer .footer_menus .footer_menu #menu-footer {
  display: flex;
  padding-left: 0;
  list-style: none;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: space-between;
}
footer .footer_menus .footer_menu #menu-footer a {
  color: var(--white-color);
  text-decoration: none;
}
@media (max-width: 700px) {
  footer .footer_menus .footer_menu #menu-footer {
    margin: 0;
  }
}
@media (max-width: 700px) {
  footer .footer_menus {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
footer .site-info {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: space-between;
}
footer .site-info .rs_socials, footer .site-info .copyright {
  display: flex;
  align-items: center;
}
footer .site-info .rs_socials p, footer .site-info .copyright p {
  color: var(--white-color, #FFF);
  font-size: 12.444px;
  font-weight: 400;
  margin: 0;
  margin-right: 2rem;
}
footer .site-info .rs_socials a, footer .site-info .copyright a {
  text-decoration: none;
  width: 21.333px;
  height: 21.333px;
  margin-left: 14px;
}
footer .footer_header {
  background-color: var(--black-color);
  align-items: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px 35px 0 35px;
  padding: 1.4rem 2.1rem;
}
footer .footer_header .custom-logo-link {
  display: flex;
}
footer .footer_header .custom-logo-link img {
  height: 56px;
}
footer .site-search {
  flex-shrink: 0;
  min-width: 14%;
  display: flex;
  justify-content: end;
  align-items: center;
}
footer .site-search .search-form {
  overflow: hidden;
  height: 30px;
}
footer .site-search .search-form label input {
  border: none;
  padding: 0.5rem 0.5rem 0.5rem calc(0.5rem + 33px);
  background-color: var(--black-color);
  color: var(--white-color);
  background-image: url(../images/search_icon.svg);
  background-position: 2px 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-bottom: 1px solid transparent;
  border-radius: 0 0 0 1rem;
  width: 40px;
  min-width: 40px;
  transition: width 0.8s cubic-bezier(0.4, 0.9, 0.32, 1.2), border-bottom 0.8s ease;
}
footer .site-search .search-form label input:focus {
  outline: none;
  width: 200px;
  border-bottom: 1px solid var(--white-color);
}
footer .site-search .search-form label input:hover {
  border-bottom: 1px solid var(--white-color);
  width: 200px;
}

.site-search-mobile {
  display: flex;
  justify-content: end;
  align-items: center;
  display: none;
}
.site-search-mobile .search-form {
  overflow: hidden;
}
.site-search-mobile .search-form label input {
  border: none;
  padding: 0.5rem 0.5rem 0.5rem calc(0.5rem + 33px);
  background-color: var(--black-color);
  border-radius: 30px 30px 0 30px;
  border-bottom: 0.603px solid var(--white-color);
  background: var(--black-color);
  color: var(--white-color);
  height: max-content;
  background-image: url(../images/search_icon.svg);
  background-position: 2px 0;
  background-repeat: no-repeat;
  background-size: auto;
  transition: width 0.8s cubic-bezier(0.4, 0.9, 0.32, 1.2), border-bottom 0.8s ease;
}

.pop_up {
  border-radius: 25.844px;
  background: var(--white-color);
  margin: auto;
  position: fixed;
  width: min(900px, 95%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  scale: 1;
  transition: all 0.3s;
}
.pop_up .close_btn_pup {
  position: absolute;
  right: 12px;
  top: 12px;
  border: 0;
  background-color: transparent;
  width: 48px;
  height: 48px;
  padding: 0;
  cursor: pointer;
}
.pop_up.closed_pup {
  pointer-events: none;
  opacity: 0;
  scale: 0.9;
  transform-origin: center center;
}
.pop_up .grid_pup {
  display: grid;
  grid-template-columns: 35% 1fr;
  align-items: center;
  font-family: "Poppins";
}
.pop_up .grid_pup h2 {
  text-align: center;
  font-size: clamp(24px, 2.5vw, 37px);
  font-weight: 600;
  max-width: 90%;
}
.pop_up .grid_pup .text_1_pup {
  color: var(--black-color);
  font-size: 18.46px;
  font-weight: 400;
}
.pop_up .grid_pup .text_2_pup {
  color: var(--black-color);
  text-align: justify;
  font-size: 12.922px;
  font-weight: 400;
}
.pop_up .grid_pup h2, .pop_up .grid_pup p {
  color: var(--black-color);
}
.pop_up .grid_pup .content_pup {
  padding: 20px;
}
.pop_up .grid_pup .content_pup .realise_pup {
  margin-block: 1rem;
  color: var(--black-color);
  font-size: 18.46px;
  font-weight: 700;
}
.pop_up .grid_pup .content_pup .realise_pup span {
  color: var(--primary-color);
  color: #880813;
  text-align: justify;
  font-weight: 400;
}
.pop_up .grid_pup .content_pup .logos_pup {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 992px) {
  .pop_up .grid_pup {
    grid-template-columns: 1fr;
  }
  .pop_up .grid_pup img {
    display: none;
  }
}

.side_navigation_Si {
  position: fixed;
  top: 30%;
  right: 0;
  gap: 2px;
  display: flex;
  flex-direction: column;
  z-index: 9999;
}
.side_navigation_Si a {
  position: relative;
  background-color: var(--primary-color);
  padding: 9px 41px 9px 13px;
  border-radius: 16px 0 0 16px;
  transform: translateX(28px);
  display: flex;
  transition: all 0.5s ease-in-out;
}
.side_navigation_Si a:hover {
  background-color: var(--white-color);
  padding-left: 16px;
  transform: translateX(0);
}
.side_navigation_Si a:hover svg path {
  fill: var(--primary-color);
}

.casting_popup {
  top: 0;
  right: 0;
  min-width: 320px;
  width: 46%;
  padding: 2rem 2.5rem;
  position: fixed;
  height: 100vh;
  z-index: 9999;
  align-content: center;
  color: var(--white-color);
  font-family: "Poppins", sans-serif;
  border-radius: 50.763px 0 0 50.763px;
  transform: translateX(100%);
  background: #000;
  transition: all 0.5s ease;
  overflow-y: scroll;
}
.casting_popup.open_casting {
  transform: translateX(0);
}
@media (max-width: 768px) {
  .casting_popup {
    padding: 1rem;
  }
}
.casting_popup .close_casting {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 9;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.casting_popup .wrapper_casting {
  border-radius: 25.466px;
  background: linear-gradient(117deg, rgba(255, 255, 255, 0.14) 22.32%, rgba(255, 255, 255, 0.06) 77.27%);
  box-shadow: 0 2.547px 15.28px 0 rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(12.7331218719px);
  position: relative;
  padding: 2rem;
}
@media (max-width: 768px) {
  .casting_popup .wrapper_casting {
    padding: 1rem;
  }
}
.casting_popup .wrapper_casting::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(117deg, var(--white-color), var(--primary-color), #1F0306);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.casting_popup .wrapper_casting .logos_casting {
  transform: translateX(-1rem);
}
@media (max-width: 567px) {
  .casting_popup .wrapper_casting .logos_casting {
    transform: translateX(0);
  }
}
.casting_popup .wrapper_casting h4 {
  text-align: center;
  font-size: 19px;
  font-weight: 700;
}
.casting_popup .wrapper_casting a {
  border-radius: 11.393px 11.393px 0 11.393px;
  background: var(--black-color);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  padding: 12.442px 38.598px 14.214px 22.127px;
  color: var(--white-color);
  text-align: justify;
  font-size: 1.188rem;
  font-weight: 400;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.casting_popup .wrapper_casting a svg {
  margin-top: 7px;
}
@media (max-width: 992px) {
  .casting_popup .wrapper_casting a {
    font-size: 1rem;
  }
}
.casting_popup .wrapper_casting p {
  text-align: justify;
  font-size: 16px;
  font-weight: 400;
}