.flex-layout.logo_carrousel-layout{
    --slider-bg:rgba(var(--dc-orange-rgb), 0.2);
    --extra-bg:var(--dc-orange);
	margin-block:  var(--pk-row-spacing);
}

.flex-layout.logo_carrousel-layout .pk-row{
	padding-block: 0;
}

.flex-layout.logo_carrousel-layout .content{
	font-size: 1.25rem;
    text-align: center;
    margin-bottom: max(1.5rem, calc(3.5 * var(--su)));
}

.flex-layout.logo_carrousel-layout .pk-subtitle{
    font-weight: var(--pk-heading-font-weight);
    font-size: var(--desktop-body-md);
    margin-bottom: max(.5rem, calc(.5 * var(--su)));
}

.flex-layout.logo_carrousel-layout .logos{
    border-radius: max(.5rem, calc(.5 * var(--su)));
    display: flex;
    flex-direction: row;
    gap: max(.75rem, calc(4.5 * var(--su)));
    padding: max(1rem, calc(1.5 * var(--su)));
	border: 1px solid rgba(var(--dc-orange-rgb), 0.4);
	    background-color: var(--slider-bg);
}

.flex-layout.logo_carrousel-layout .logo-slider{
    padding-block: max(1rem, calc(1 * var(--su)));
}

.flex-layout.logo_carrousel-layout .logo-slider .swiper-wrapper{
    align-items: center;
    -webkit-transition-timing-function:linear!important; 
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important; 

}

.flex-layout.logo_carrousel-layout .logo-slider .swiper-slide{
    max-width: max(6.25rem, calc(11 * var(--su)));
    padding-inline: max(1rem, calc(1 * var(--su)));
    max-height:max(4rem, calc(4 * var(--su)));

    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-layout.logo_carrousel-layout .logo-slider img {
    object-fit: contain;
    width: auto; height: auto;
	filter: grayscale(1);
	transition: filter .3s ease;
}

.flex-layout.logo_carrousel-layout .logo-slider .swiper-slide:hover img {
	filter: grayscale(0);
}

.flex-layout.logo_carrousel-layout .extra{
    background-color: var(--extra-bg);
    border-radius: max(.25rem, calc(.25 * var(--su)));
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    font-size: var(--scaling-h5);
    font-weight:500;
    height: 100%;
}

@media only screen and (max-width: 767px){
	.flex-layout.logo_carrousel-layout .pk-heading{
		font-size: 1.5rem;
	}
}