*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body{
    background: #191917;

}
main{
    width: 100%;
    display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 85px;
overflow-x: hidden;
}

.race{
    width: 100%;
    object-fit: cover;
}

.cust{
    width: 25%;
height: 321px;
display: flex;
align-items: center;
justify-content: center;
background-image:url(./assets/cust.svg) ;
background-repeat: no-repeat;
background-position: center;
}

.colors{
    display: flex;
align-items: center;
gap: 13.405px;
align-self: stretch;
flex-wrap: wrap;
width: 125px;
height: fit-content;
margin-top: 100px;
margin-right: 20px;
}

.green{
    width: 53.621px;
height: 53.621px;
background: #EBF748;
border-radius: 200px;
cursor: pointer;

}
.red{
    width: 53.621px;
height: 53.621px;
background: #890000;
border-radius: 200px;
cursor: pointer;

}
.black{
    width: 53.621px;
height: 53.621px;
background: #000;
border-radius: 200px;
cursor: pointer;


}

.white{
    width: 53.621px;
height: 53.621px;
background: #fff;
cursor: pointer;

border-radius: 200px;

}
.selectedcolor{
    border: 1.5px solid #fff !important;
}

.content{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 25px;
}

.anim{
    width: 25%;
height: 321px;
aspect-ratio: 161/160;
display: flex;
align-items: center;
flex-direction: column;
gap: 15px;
justify-content: center;
background-image:url(./assets/ani.svg) ;
background-repeat: no-repeat;
background-position: center;
}


.car{
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo{
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: -55px;
    left: 0;
}

.button{
    width: 54%;
    background-image: url(./assets/icon1.svg);
    background-repeat: no-repeat;
background-position: center;
height: 46px;
display: flex;
margin-top: 25px;

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

.button h4 , .button2 h4{
    color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 15.78px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left: 60px;
cursor: pointer;
}

.button2{
    width: 54%;
    background-image: url(./assets/icon2.svg);
    background-repeat: no-repeat;
background-position: center;
height: 46px;
display: flex;
align-items: center;
cursor: pointer;

justify-content: flex-start;
}

model-viewer::part(default-progress-bar) {
  display: none;
}

model-viewer{
    width: 100%;
    height: 500px;
}

.carcont{
    width: 100%;
    height: 500px;
}

.shadow {
    margin-top: -168px;
    margin-left: -50px;
}

.button.activeanim,
.button2.activeanim {
  filter: brightness(1.4);
  outline: 1.5px solid #fff;
  outline-offset: 3px;
  border-radius: 25px;
}

.selectedcolor {
    border: 1.5px solid #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}