/* Start custom CSS for html, class: .elementor-element-7c1ec69 *//* SECTION */

.customer-section{
padding:110px 0;
background:linear-gradient(180deg,#f8fafc,#eef2f7);
text-align:center;
font-family:'Segoe UI',sans-serif;
}


/* TITLE */

.customer-title{
font-size:34px;
font-weight:600;
letter-spacing:2px;
margin-bottom:60px;
color:#1f2937;
}


/* TOP CUSTOMER BOX */

.top-customers{

max-width:1000px;
margin:0 auto 100px auto;

background:#ffffff;
border-radius:18px;

padding:70px 60px;

box-shadow:
0 18px 40px rgba(0,0,0,0.08);

display:flex;
flex-wrap:wrap;
justify-content:center;

gap:40px;

position:relative;

}


/* TITLE INSIDE BOX */

.top-customers::before{

content:"TOP CUSTOMERS";

position:absolute;

top:-18px;
left:50%;

transform:translateX(-50%);

background:#ffffff;

padding:6px 18px;

font-size:14px;
font-weight:600;

letter-spacing:2px;

color:#374151;

border-radius:20px;

box-shadow:0 6px 15px rgba(0,0,0,0.06);

}


/* LOGO STYLE */

.top-customers img{

max-width:150px;
height:60px;

object-fit:contain;

filter:grayscale(100%);
opacity:.8;

transition:all .35s ease;

animation:floatCorporate 9s ease-in-out infinite;

}


/* HOVER */

.top-customers img:hover{

filter:grayscale(0%);
opacity:1;
transform:scale(1.12);

}


/* FLOATING ANIMATION (CORPORATE STYLE) */

@keyframes floatCorporate{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-6px);
}

100%{
transform:translateY(0px);
}

}


/* SLIDER */

.logo-slider{

overflow:hidden;

padding:40px 0;

background:#ffffff;

border-radius:14px;

box-shadow:0 10px 30px rgba(0,0,0,0.06);

}


/* TRACK */

.logo-track{

display:flex;

align-items:center;

gap:85px;

animation:scroll 32s linear infinite;

}


/* LOGO */

.logo-track img{

height:55px;

opacity:.7;

filter:grayscale(100%);

transition:all .3s ease;

}

.logo-track img:hover{

opacity:1;

filter:grayscale(0%);

transform:scale(1.08);

}


/* SLIDER ANIMATION */

@keyframes scroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}


/* RESPONSIVE */

@media(max-width:768px){

.customer-section{
padding:80px 0;
}

.top-customers{
padding:45px 30px;
gap:22px;
}

.top-customers img{
max-width:110px;
height:42px;
}

.logo-track{
gap:45px;
}

.logo-track img{
height:40px;
}

.customer-title{
font-size:26px;
}

}/* End custom CSS */