@font-face {
   font-family: "FormaDJRUI";
   src: url(../fonts/FormaDJRUI.woff) format('woff');
   font-weight: normal;
   font-style: normal;
}


#product-page {
   /*colors*/
   --yellow: #FDFE7D;
   --white: #FFF;
   --black: #000;
   --yellow-light-1: #FEFEB7;
   --dark: #2c3038;
   --yellow-light-2: #FFFFE2;
   /* Text */
   --font-family: "FormaDJRUI", Arial, sans-serif;

   font-family: var(--font-family);
   color: var(--black);
}

/* ###### prestation ####### */

#product-page .prestation-header,
#product-page .performances-header {
   background-color: var(--yellow);
   color: var(--black)
}

#product-page .prestation-title {
   font-weight: 500 !important;
}

#product-page #prestation-description {
   background-image: linear-gradient(to right, var(--yellow-light-1) 10%, var(--white) 90%);
}

#product-page .description-left {
   background-color: var(--yellow-light-1);
}

#product-page .description-right {
   background-color: var(--white);
}

#product-page .description-text {
   border-bottom: 1px solid var(--black)
}

#product-page .description-top {
   font-size: 24px;
}

#product-page .bottom-text {
   font-size: 14.4px;
   color: var(--dark)
}

/*##### prestation swiper #########*/
#product-page .swiper-container {
   width: 100%;
   height: 100%;
   position: relative;
   overflow-x: hidden;
}

#product-page .swiper-slide {}

#product-page .swiper-slide div {
   background-color: #ff0000;
}

/* ####### description ###### */
#product-page .description {
   background-color: var(--yellow-light-2);
}

#product-page .description-container {
   border-top: 1px solid var(--black);
}

/*####### performance ######*/
#product-page #performances {
   background-color: var(--yellow-light-1);
}