.content-relative .title{font-family:var(--font-dcp);font-size:var(--font-size-h4);color:var(--color-theme-gold);text-align:center;width:100%;margin-bottom:var(--spacing-sm)}.box-content{padding:var(--spacing-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.box-content img.logo{width:auto;height:40px;margin-bottom:var(--spacing-md)}.box-content p{text-align:center;margin:0 auto}.box-content .btn-with-arrow{margin-top:var(--spacing-md)}.box-content .btn-with-arrow img{height:12px;margin-top:2px}.grid-service{gap:var(--spacing-2md);margin-top:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1200px){.grid-service{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.box-content p{max-width:480px}.grid-service{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-service{grid-template-columns:repeat(1,1fr)}}
.thumbnail-service{position:relative}.thumbnail-service *{transition:all var(--transition) var(--timing-function)}.thumbnail-service .service-item{border:1px solid var(--color-theme-gold);color:var(--color-gray);flex-direction:column;display:flex}.thumbnail-service .service-item img{margin:var(--spacing-sm) auto var(--spacing-2sm);width:auto;max-width:80px;height:40px}.thumbnail-service .service-item .title{text-transform:uppercase;color:var(--color-theme-gold)}.thumbnail-service .service-item .location{font-size:var(--font-size-xs);margin-top:auto;line-height:1.2}@media (max-width:992px){.thumbnail-service{display:flex}.thumbnail-service .bg-pattern{aspect-ratio:1;background-position:50%;background-size:cover;width:100%;height:auto;display:block}.thumbnail-service.mobile{width:100%}.service-item .collapse-title{padding:var(--spacing-2xs);gap:var(--spacing-2xs);flex-wrap:wrap;display:flex}.service-item .collapse-title .bg-pattern{flex-shrink:0;width:80px;height:80px}.service-item .collapse-title .content{z-index:10;flex-direction:column;flex:1;max-width:calc(100% - 108px);display:flex}.service-item .collapse-icon .icon{right:var(--spacing-xs);border-right:2px solid var(--color-theme-gold);border-bottom:2px solid var(--color-theme-gold);background-color:#0000;width:10px;height:10px;position:absolute;top:calc(100% - 25px);transform:translateY(-50%)rotate(45deg)}.service-item .collapse-icon .icon.open{top:calc(100% - 14px);transform:translateY(-50%)rotate(-135deg)}.service-item .collapse-content{padding:0 var(--spacing-2xs)}.service-item .collapse-content p{margin-bottom:var(--spacing-2xs)}}@media (min-width:992px){.thumbnail-service .service-item{padding:var(--spacing-sm);aspect-ratio:1;text-align:center;justify-content:center;align-items:center}.thumbnail-service .bg-pattern{z-index:-1;opacity:0;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.thumbnail-service .service-item .location{margin-top:var(--spacing-2sm)}.thumbnail-service.has-cover:hover .bg-pattern{opacity:1}.thumbnail-service.has-cover:hover .service-item .title{font-weight:600}.thumbnail-service.has-cover:hover p,.thumbnail-service.has-cover:hover .service-item .location{color:var(--color-white)}.thumbnail-service.has-cover:hover .service-item img{filter:brightness(0)invert()}.thumbnail-service.has-cover:hover .service-item img.filter{filter:brightness(.25)invert()grayscale()}}