﻿		/* Slider bon à savoir */
		
		/* V1 */

		.goodToKnow {
			display: grid;
			grid-gap: 8px;
			grid-template-columns: repeat(4, calc(100% / 4 - 6px));
		}

		.goodToKnow .swiper-slide {
			background-color: white;
		}
		
		.header-container-bg .goodTitle {
			 margin: 40px 0 20px;
		}
		
		.goodToKnow .swiper-slide div:first-child{
			position: relative;
			overflow: hidden;
			border-radius: 4px 4px 0 0;
		}
		
		.goodToKnow .swiper-slide div:first-child:hover img{
			transform: scale(1.05);
		}

		.goodToKnow .swiper-slide div:first-child img{
			max-width: 100%;
			transition: 0.3s all;
		}

		.goodToKnow .swiper-slide div:last-child{
			padding: 20px;
			background-color: white;
			border-radius: 0 0 4px 4px;
		}

		.goodToKnow .swiper-slide h4{
			font-size: 16px;
			line-height: 24px;
			margin: 0 0 12px;
		}	
			
		.goodToKnow .swiper-slide p{
			font-size: 14px;
			line-height: 20px;
			color: black;
			margin: 0 0 12px;
		}

		.goodToKnow .swiper-slide div:last-child a{
			text-decoration: underline;
			margin: 0;
		}

		.goodToKnow .swiper-slide div:last-child a:hover{
			color: #1840DD;
		}

		/* V2 */
		
		.goodToKnow-grid {
			display: grid;
			grid-gap: 8px;
			grid-template-columns: repeat(6, calc(25% - 8px));
		}

		.swiper-goodToKnow .swiper-slide {
			background-color: white;
		}
		
		.header-container-bg .goodTitle {
			 margin: 40px 0 20px;
		}
		
		.swiper-goodToKnow .swiper-slide div:first-child{
			position: relative;
			overflow: hidden;
			border-radius: 4px 4px 0 0;
		}
		
		.swiper-goodToKnow .swiper-slide div:first-child:hover img{
			transform: scale(1.05);
		}

		.swiper-goodToKnow .swiper-slide div:first-child img{
			max-width: 100%;
			transition: 0.3s all;
		}

		.swiper-goodToKnow .swiper-slide div:last-child{
			padding: 20px;
			background-color: white;
			border-radius: 0 0 4px 4px;
		}

		.swiper-goodToKnow .swiper-slide h4{
			font-size: 16px;
			line-height: 24px;
			margin: 0 0 12px;
		}	
			
		.swiper-goodToKnow .swiper-slide p{
			font-size: 14px;
			line-height: 20px;
			color: black;
			margin: 0 0 12px;
		}

		.swiper-goodToKnow .swiper-slide div:last-child a{
			text-decoration: underline;
			margin: 0;
		}

		.swiper-goodToKnow .swiper-slide div:last-child a:hover{
			color: #1840DD;
		}
		
		/* Custom arrows swiper */
			
		.swiper-goodToKnow .custom-next-container{
			position: absolute;
			top: 0;
			right: 11px;
			height: calc(100% - 140px);
		}
			
		.swiper-goodToKnow .custom-prev-container{
			position: absolute;
			top: 0;
			left: 11px;
			height: calc(100% - 140px);
		}
			
		.swiper-goodToKnow .swiper-button-prev,
		.swiper-goodToKnow .swiper-button-next{
			background-image: none !important;
			filter: unset !important;
			background: white;
			margin: 0;
			padding: 30px 26.9px;
			width: fit-content;
			border-radius: 50px;
			top: calc(50% - 30px);
			box-shadow: 0px 4px 16px #22242629;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.swiper-goodToKnow .swiper-button-prev:hover,
		.swiper-goodToKnow .swiper-button-next:hover{
			background: #1840DD;
		}
			
		.swiper-goodToKnow .swiper-button-prev:hover svg path,
		.swiper-goodToKnow .swiper-button-next:hover svg path{
			fill: #FFFFFF;
		}
			
		.swiper-goodToKnow .swiper-button-prev:after, 
		.swiper-button-next:after{
			content: '';
			font-size: unset;
		}	
			
		.swiper-goodToKnow .swiper-button-prev svg, .marque-categories-02 .swiper-button-prev svg{
			transform: rotate(180deg);
		}
			
		.swiper-goodToKnow .swiper-button-next.swiper-button-disabled, 
		.swiper-goodToKnow .swiper-button-prev.swiper-button-disabled {
			opacity: 0;
		}

		/* V1 */
		@media (max-width: 992px){
			
			.goodToKnow {
				grid-template-columns: repeat(3, calc(100% / 3 - 4px));
			}
		}
		/* V2 */
		@media (max-width: 768px){
			
			.goodToKnow-grid {
				grid-template-columns: repeat(6, calc(40% - 8px));
			}
		}

		@media (max-width: 576px){
			/* V1 */
			.goodToKnow {
				grid-template-columns: unset;
				gap: 16px;
			}
			/* V2 */
			.goodToKnow-grid {
				grid-template-columns: repeat(6, calc(60% - 8px));
			}
		}