body.template-videos-explicatives .sub-title{max-width:600px;text-align:center;margin:0 auto;font-size:var(--jds-font-size-xl);line-height:var(--jds-font-size-xxl);padding:52px 0}body.template-videos-explicatives .sub-title span{font-size:34px}.videos-explicatives-grid{display:flex;gap:var(--jds-spacing-lg);flex-wrap:wrap}.videos-explicatives-grid h2{letter-spacing:normal;font-size:var(--jds-font-size-xl);line-height:var(--jds-spacing-lg)}.videos-explicatives-grid h2 a:hover{text-decoration:none;color:var(--jds-color-primary)}.videos-explicatives-grid .video-items{width:calc(50% - 15px)}.videos-explicatives-grid .video-items iframe{width:100%}.videos-explicatives-grid .video-items a.action.primary{min-width:160px;text-align:center}.videos-explicatives-content h2{letter-spacing:normal;font-size:var(--jds-font-size-xl);line-height:var(--jds-spacing-lg)}.videos-explicatives-content h3{font-size:var(--jds-font-size-lg);font-weight:500}.videos-explicatives-content p{font-weight:400;font-size:var(--jds-font-size-sm)}.videos-explicatives-content a{color:var(--jds-color-primary)}.videos-explicatives-content .video-section iframe{width:100%;height:675px}.videos-explicatives-content .image-with-text{display:flex;justify-content:space-between;align-items:center;margin-top:100px}.videos-explicatives-content .image-with-text.right-image{flex-direction:row-reverse;align-items:start}.videos-explicatives-content .image-with-text .image-content{width:calc(47% - 50px)}.videos-explicatives-content .image-with-text .image-content img:not(:first-child){margin-top:70px}.videos-explicatives-content .image-with-text .text-content{width:calc(53% - 50px)}@media only screen and (max-width:1023px){.videos-explicatives-content .video-section iframe{width:100%;height:558px}}@media only screen and (max-width:767px){.videos-explicatives-grid .video-items{width:100%}.videos-explicatives-content .video-section iframe{height:415px}.videos-explicatives-content .image-with-text{flex-wrap:wrap;margin-top:70px}.videos-explicatives-content .image-with-text .image-content,.videos-explicatives-content .image-with-text .text-content{width:100%}.videos-explicatives-content .image-with-text .image-content img:not(:first-child){margin-top:var(--jds-spacing-xxl)}}@media only screen and (max-width:639px){.videos-explicatives-content .video-section iframe{height:200px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cms-videos-explicatives-page.css.map */