.logo-content-head{ max-width: 100%; min-width:450px; border:solid 1px var(--kal-grey); border-bottom: 0;  min-height: 80px; padding: 10px 15px;font-size: 30px;font-weight: 400;line-height: 1;letter-spacing: -0.01em; z-index: 9;}
.has-floating-title .logo-content-head{position: absolute; left: 0; bottom: 100%;}
.client-logos-container{z-index: 1;}
.logo-content:not(.logoScroll) .logo-list{display: flex;} 
.has-grid .logo-item{background-image: linear-gradient(var(--kal-grey) 1px, transparent 1px), linear-gradient(to right, var(--kal-grey) 1px, var(--kal-white) 1px);background-size: 25% 25%;}
.logo-list{background-color: var(--kal-white);}
.logo-item{width: 100%;flex-grow: 1; }
.logo-box{width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;height: 0;padding: 0;border: 1px solid var(--kal-grey);padding-bottom: 100%;position: relative;}
.logo-box img{max-width: 100%;max-height: 100%;object-fit: contain;width: auto;height: auto;transition: var(--kal-custom-ease);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 20px;}
a.logo-box:hover img{transform: scale(1.05);}
.logoScroll.logo-content{overflow: hidden;mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);}
.logoScroll .logo-wrapper{display: inline-block; white-space: nowrap; width: max-content; font-size: 0; display: flex;}
.logoScroll .logo-list{display: inline-flex; white-space: nowrap;}
.logoScroll .logo-item{ display: inline-block; vertical-align: middle; width: 196px;} 
.logoScroll .all-logo-list{animation-name: logoScroll; animation-duration:35s; animation-iteration-count: infinite; animation-timing-function: linear;}
@keyframes logoScroll {
    0%   {transform: translateX(0);} 
    100% {transform: translateX(-100%);}
}


@media (max-width:1599.98px) {
    .logoScroll .logo-item{width: 154px;}
}
@media (min-width:1400px) {
    .has-grid.less-logo{background-size: 49.1px 49.1px;}
    .has-grid.less-logo .logo-box{padding-bottom: 196px;}
}
/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) {
    .logo-content-head{min-height: 60px;font-size: 25px; min-width: 394px;}
    .logoScroll .logo-item{width: 154px;}
}
@media (min-width:1200px) and (max-width:1399.98px) {
    .has-grid.less-logo{background-size: 32.5px 32.5px;}
    .has-grid.less-logo .logo-box{padding-bottom: 130px;}
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
    .logo-content-head{min-width: 354px;}
}
@media (min-width:992px) and (max-width:1199.98px) {
    .has-grid.less-logo{background-size: 38.5px 38.5px;}
    .has-grid.less-logo .logo-box{padding-bottom: 154px;}
}
@media (min-width:992px){
    .has-grid.less-logo{justify-content: center;background-image: linear-gradient(var(--kal-grey) 1px, transparent 1px), linear-gradient(to right, var(--kal-grey) 1px, var(--kal-white) 1px);}
    .has-grid.less-logo .logo-item{background: none;flex-grow: initial;width: 12.5%;}
    .has-grid.less-logo .logo-box{border: 0;}
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .client-logos-container.mob-pt-0{padding-top: 0 !important;}
    .client-logos-container.mob-pb-0{padding-bottom: 0 !important;}
    .has-floating-title .logo-content-head{ position: relative;inset: 0;}
    .logo-content-head{min-width:100%;}
    .logo-content:not(.logoScroll) .logo-list{flex-wrap: wrap;} 
    .logo-item{flex-grow: 0;width: 33.33%; }
    .logoScroll.logo-content{margin-left: -20px; width: calc(100% + 40px);}
    .logoScroll .all-logo-list{animation-duration:15s;}
	.logo-item:nth-child(n+7){display:none;}
    .logo-content-wrapper{position: static !important;}
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width: 767.98px){
   
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width: 575.98px){
}
/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { 
}