.content-detail{padding:50px 0 0;margin-bottom:7.81%;width:87.5%;margin-left:auto;margin-right:auto}.content-detail h2{margin-bottom:0}h2{font-size:40px;font-weight:400;color:#181c23;text-transform:uppercase;font-family:Prata;margin-bottom:30px}video{width:100%;height:auto;margin:4.77% 0}.content-detail p{line-height:26px;font-size:16px;font-weight:400;color:#666;font-family:Lato;margin:30px 0 0}.content-detail-project{width:100%}.content-detail-project div{display:flex;gap:32px;align-items:center;margin:24px 0}.content-detail-project div p{width:100px;font-size:16px;font-weight:700;color:#666;margin:0}.content-detail-project div span{font-size:16px;font-weight:400;color:#666}.img{margin-top:4.77%;display:flex;gap:32px;margin-bottom:4.77%}.img-box{width:50%}.img-box img{width:100%;height:auto}.list-img{display:flex;flex-wrap:wrap;gap:32px;margin-top:4.77%}.item-img{width:calc(33.333% - 22px);padding-bottom:calc(33.333% - 22px);background-position:50%;background-repeat:no-repeat;background-size:cover}.text-discover p{width:100%}.title-relate{display:flex;align-items:center;flex-direction:column;padding-top:8.93%;padding-bottom:50px}.title-relate span{text-transform:uppercase;font-size:16px;font-weight:500;color:#ba9256;font-family:Lato;margin-bottom:16px}.title-relate h1{font-size:40px;color:#181c23;font-weight:400;text-transform:uppercase;line-height:54px;font-family:Prata}.item-relate{display:flex;flex-wrap:wrap;gap:32px;padding-bottom:8.93%}.img-relate{position:relative;overflow:hidden;width:calc(33.333% - 22px);padding-bottom:calc(33.333% - 22px);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover}.img-relate:hover{transform:scale(1.05);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transition:.3s ease}.item-relate img{width:100%;transition:.4s ease;transform-origin:50% 50%;height:539px;-o-object-fit:cover;object-fit:cover}.img-relate:hover img{transform:scale(1.2);width:100%;transition:.4s ease}.title-img-relate{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,#000);padding:0 32px 32px 24px}.title-img-relate h3{font-size:32px;color:#fff;font-family:Parata}.title-img-relate span{font-size:16px;font-weight:500;color:#ba9256;font-family:Lato;text-transform:uppercase}.project-box{width:87.5%;margin-left:auto;margin-right:auto}.project-relate{background-color:#f9f8f5}@media only screen and (max-width:1050px){.img-relate,.item-img{width:calc(50% - 16px);padding-bottom:calc(50% - 16px)}}@media only screen and (max-width:950px){video{margin:36px 0}.content-detail h2{font-size:30px;margin-bottom:16px}.title-img-relate h3{font-size:20px}.title-img-relate span{font-size:14px}.img{margin-top:36px;flex-wrap:wrap;margin-bottom:36.43px;gap:10.57px}.img-box{width:100%;height:auto}.item-relate{padding:0 0 50px}}@media only screen and (max-width:578px){.content-detail{padding:50px 16px 0;margin-bottom:50px;width:100%}.project-box{width:100%;padding:0 16px}.item-img{width:100%;padding-bottom:100%}.list-img{gap:10.57px;margin-top:36px}.title-relate{padding-top:50px;padding-bottom:24px}.title-relate span{font-size:14px;margin-bottom:8px}.title-relate h1{text-align:center;font-size:30px}.item-relate{flex-direction:column;gap:10px}.img-relate{width:100%;padding-bottom:100%}.item-relate img{height:394px}.title-img-relate h3{font-size:24px;font-weight:400}.title-img-relate span{font-size:14px}.title-img-relate{height:unset;padding:0 24px 32px}}