.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.about-grid img{
width:100%;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.fabric-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:25px;
margin-top:40px;
}

.fabric-grid img{
width:100%;
border-radius:6px;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
transition:transform 0.3s ease;
}

.fabric-grid img:hover{
transform:scale(1.05);
}

/* CLIENT LOGO SECTION */

.clients{
background:white;
}
.clients-caption{
text-align:center;
font-size:20px;
margin-bottom:30px;
color:#555;
max-width:700px;
margin-left:auto;
margin-right:auto;
}

.logo-slider{
overflow:hidden;
margin-top:50px;
}

.logo-track{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:80px;
margin-top:40px;
}

.logo-track img{
height:120px;
width:auto;
transition:0.3s;
}

.logo-track img:hover{
transform:scale(1.08);
}

@keyframes scrollClients{
0%{
transform:translateX(0);
}
100%{
transform:translateX(-50%);
}
}
/* COLOR OPTIONS */

.color-title{
text-align:center;
margin-top:50px;
margin-bottom:25px;
font-size:20px;
}

.color-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
}

.color-swatch{
width:70px;
height:70px;
border-radius:50%;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
transition:transform 0.3s ease;
}

.color-swatch:hover{
transform:scale(1.1);
}

/* MELANGE STYLE */

.melange1{background:linear-gradient(45deg,#cfcfcf,#9e9e9e);}
.melange2{background:linear-gradient(45deg,#555,#888);}
.melange3{background:linear-gradient(45deg,#3a5a80,#6c8ebf);}
.melange4{background:linear-gradient(45deg,#2a9d8f,#6fd3c7);}
.melange5{background:linear-gradient(45deg,#b02a37,#f28482);}
.melange6{background:linear-gradient(45deg,#c2b280,#e6d5a8);}
.melange7{background:linear-gradient(45deg,#343a40,#868e96);}
.melange8{background:linear-gradient(45deg,#5a189a,#9d4edd);}
.melange9{background:linear-gradient(45deg,#4ea8de,#90dbf4);}
.melange10{background:linear-gradient(45deg,#2d6a4f,#74c69d);}

/* FABRIC COLOR OPTIONS */

.color-title{
text-align:center;
margin-top:50px;
margin-bottom:25px;
font-size:20px;
}

.color-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
}

.color-swatch{
width:70px;
height:70px;
border-radius:50%;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
transition:transform 0.3s ease;
}

.color-swatch:hover{
transform:scale(1.1);
}

.melange1{background:linear-gradient(45deg,#cfcfcf,#9e9e9e);}
.melange2{background:linear-gradient(45deg,#555,#888);}
.melange3{background:linear-gradient(45deg,#3a5a80,#6c8ebf);}
.melange4{background:linear-gradient(45deg,#2a9d8f,#6fd3c7);}
.melange5{background:linear-gradient(45deg,#b02a37,#f28482);}
.melange6{background:linear-gradient(45deg,#c2b280,#e6d5a8);}
.melange7{background:linear-gradient(45deg,#343a40,#868e96);}
.melange8{background:linear-gradient(45deg,#5a189a,#9d4edd);}
.melange9{background:linear-gradient(45deg,#4ea8de,#90dbf4);}
.melange10{background:linear-gradient(45deg,#2d6a4f,#74c69d);}