.materials{padding:100px 8vw;width:100%;background-image:url(/assets/materialbg.png);background-size:cover;max-width:1746px;margin:0 auto}.materials .main{display:flex;width:100%;flex-direction:column;gap:48px}.materials .title{color:#1f4d6f;font-family:Cera Pro;font-size:48px;font-style:normal;font-weight:500;line-height:120%}.materials .content{display:flex;flex-direction:column;gap:38px}.materials .content .subTitle{color:#555;font-family:Cera Pro;font-size:14px;font-style:normal;font-weight:500;line-height:120%}.materials .content .colors{display:flex;flex-direction:column;gap:20px}.materials .content .colors .color{display:flex;flex-direction:row;gap:18px;cursor:pointer}.materials .content .colors .color .top{display:flex;align-items:center;gap:8px}.materials .content .colors .color .top span{color:#2a6598;font-family:Cera Pro;font-size:18px;font-style:normal;font-weight:500;line-height:150%}.materials .content .colors .color .top .swatch{position:relative;display:inline-block;width:54px;height:54px;border:2px solid transparent;border-radius:100%;overflow:hidden;flex:0 0 auto}.materials .content .colors .color .bottom{display:flex;flex-direction:column;gap:18px}.materials .content .colors .color .bottom span{color:#2a6598;font-family:Cera Pro;font-size:18px;font-style:normal;font-weight:500;line-height:150%}.materials .content .colors .color .bottom p{color:var(--Colors-Grey-grey-600,#7a7c7e);font-family:Cera Pro;font-size:16px;font-style:normal;font-weight:500;line-height:150%;margin-left:11%}.materials .content .colors .color.active .swatch,.materials .content .colors .color:hover .swatch{border-color:#55b4f6}.materials .button{margin:0 0 0 9%;display:flex;justify-content:center;align-items:center;gap:10px;max-width:none;color:var(--White,#fff);font-family:Cera Pro;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.28px;text-transform:uppercase}@media screen and (max-width:1024px){.materials .button{margin-left:0}}@media(min-width:850px){.materials{display:flex;flex-direction:row}.materials>div{flex:1 1}.materials .image{display:flex;justify-content:center;align-items:center}.materials .dynamic{width:46%;margin:auto;aspect-ratio:1/1;box-shadow:0 0 .9375rem .25rem rgba(0,0,0,.15);background-size:cover;background-position:50%;transition:opacity .5s ease-in-out;opacity:1}.materials .fade-out{opacity:0}.materials .button{width:-moz-fit-content;width:fit-content}}@media(min-width:1024px){.materials{padding:6.7vw 11vw;width:100%;background-image:url(/assets/materialbg.png);background-size:cover;max-width:99.77vw;margin:0 auto}.materials .main{display:flex;width:100%;flex-direction:column;gap:2.74vw}.materials .title{color:#1f4d6f;font-family:Cera Pro;font-size:2.4vw;font-style:normal;font-weight:400;line-height:120%}.materials .content{display:flex;flex-direction:column;gap:3.4vw;max-width:85%}.materials .content .subTitle{color:#555;font-family:Cera Pro;font-size:.8999vw;font-style:normal;font-weight:500;line-height:120%}.materials .content .colors{display:flex;flex-direction:column;gap:2vw}.materials .content .colors .color{display:flex;flex-direction:row;gap:1.4vw;align-items:flex-start}.materials .content .colors .color .top{display:flex;align-items:center;gap:.46vw}.materials .content .colors .color .top .swatch{width:3.09vw;height:3.09vw}.materials .content .colors .color .bottom{display:flex;flex-direction:column;gap:.5vw}.materials .content .colors .color .bottom span{color:#1f4d6f;font-family:Cera Pro;font-size:1.03vw;font-style:normal;font-weight:400;line-height:150%}.materials .content .colors .color .bottom p{color:var(--Colors-Grey-grey-600,#7a7c7e);font-family:Cera Pro;font-size:.85vw;font-style:normal;font-weight:400;line-height:150%;margin-left:0}.materials .button{margin:0 0 0 4.2vw;display:flex;justify-content:center;align-items:center;gap:.57vw;max-width:none;color:var(--White,#fff);font-family:Cera Pro;font-size:.91vw;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase}}@media screen and (min-width:1024px)and (max-width:1024px){.materials .button{margin-left:0}}@media(min-width:1024px){.materials .dynamic{margin-bottom:1.5vw;width:50%}}