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