.article .title-article {color: var(--black);text-align: center; } .article .claim {text-align: center;font-weight: 500;padding: 1.875rem 0; } @media (min-width: 768px) {.article .claim {font-size: 1.5rem;} } .article .card {background: var(--color1); } .article .categories {display: flex;flex-wrap: wrap;gap: 0.9375rem;align-items: center; } .article .categories h2 {font-size: 1.875rem; } .article .categories p {background-color: #f3f3f3;padding: 0.625rem 1.125rem;border-radius: 1.125rem;font-weight: 700; } @media (max-width: 767.98px) {.article .categories {flex-direction: column;gap: 0.3125rem;}.article .categories p, .article .categories h2 {margin-bottom: 0;} } .article-slideshow {position: relative;padding: 1.25rem 0; } .article-slideshow .carousel {display: block;position: relative;width: 100%; } .article-slideshow .carousel .holder {height: 100%;max-height: calc(100vh - 1.125rem);overflow: hidden; } .article-slideshow .carousel .holder .row {flex-wrap: nowrap;position: relative;height: 100%; } .article-slideshow .carousel .holder .col {flex-shrink: 0; } .article-slideshow .carousel .holder .item {position: relative;border: 0;width: 100%;height: 100%;padding: 0;aspect-ratio: 4/3;box-shadow: none; } @media (min-width: 319px) {.article-slideshow .carousel .holder .item {aspect-ratio: 3/2;} } @media (min-width: 576px) {.article-slideshow .carousel .holder .item {aspect-ratio: 1088/658;} } .article-slideshow .carousel .holder .item .img-fluid {width: 100%;height: 100%;object-fit: cover; } .article-slideshow .carousel .holder .item .img-fluid.img-mirror {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: none; } .article-slideshow .carousel .holder .item .zoom {content: " ";position: absolute;z-index: 2;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;color: var(--white);display: flex;align-items: center;justify-content: center;visibility: hidden;opacity: 0;transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out; } .article-slideshow .carousel .holder .item .zoom svg {width: 3.125rem;height: auto; } @media (min-width: 576px) {.article-slideshow .carousel .holder .item .zoom svg {width: 3.75rem;} } @media (min-width: 768px) {.article-slideshow .carousel .holder .item .zoom svg {width: 4.375rem;} } .article-slideshow .carousel .holder .item:hover .zoom {visibility: visible;opacity: 1; } .article-slideshow .carousel .holder.show .item .img-fluid.img-mirror {display: block; } .article-slideshow .carousel .holder.show .item .img-fluid:not(.img-mirror) {transform: rotateY(180deg); } @media (max-width: 991.98px) {.article-slideshow .carousel .btn-prev, .article-slideshow .carousel .btn-next {display: flex;} } .section.article {padding-bottom: 1.125rem; } .section.article .contact {background: var(--black);border-radius: 0.75rem;color: #9CA3AF;padding: 1.875rem; } .section.article .contact h3, .section.article .contact h4, .section.article .contact a {color: var(--white); } .section.article .contact h4 {font-size: 1.125rem; } .section.article .contact img {margin-bottom: 1.25rem; }