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


#product-page {
   /*colors*/
   --cornflower: #6C79F8;
   --white: #FFF;
   --black: #000;
   --soft-blue: #B5BCFB;
   --dark: #2c3038;
   --lavender: #DADEFD;
   /* Text */
   --font-family: "FormaDJRUI", Arial, sans-serif;
   font-size: 16px;
   font-family: var(--font-family);
   color:var(--black);
}

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

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

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

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

#product-page .description-left {
   background-color: var(--soft-blue);
}

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

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

#product-page .description-top {
   font-size: 1.5em;
}

#product-page .bottom-text {
   font-size: .9em;

}

/*##### 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(--lavender);
}

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

/*####### performance ######*/
#product-page #performances {
   background-color: var(--soft-blue);
}