:root {  --first-color: hsl(38, 92%, 58%);
--first-color-light: hsl(38, 100%, 78%);
--first-color-alt: hsl(32, 75%, 50%);
--second-color: hsl(195, 75%, 52%) !important;
--dark-color: hsl(212, 40%, 12%);
--white-color: hsl(212, 4%, 95%);
--container-color: hsl(212, 42%, 20%);  --body-font: "Bai Jamjuree", sans-serif;
--h2-font-size: 1.25rem;
--normal-font-size: 2rem;
} * {
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
font-family: var(--body-font);
font-size: 150%;
background-color: var(--body-color);
color: var(--white-color);
}
a {
text-decoration: none;
}
.carousel-item .card-img {}
.card img {
display: block;
width: 100%;
height: 600px;
object-fit:cover;
border-bottom:5px solid darkgreen;
}
.card-footer {
background-position: right +10px bottom +10px;
background-image: url(https://hf-halver.sytes.net/wp-content/themes/HFH5/assets/images/pfote.png) ;
background-repeat: no-repeat;
border-top:5px solid darkgreen;
}
.card-title {
color: darkgreen;
font-weight: bolder;
font-size: 175%;
} .container1 {
display: flex;
justify-content: center;
align-items: center;
height: 100dvh;
}
.card__container {
padding-block: 5rem;
filter: drop-shadow(0.5rem 0.5rem 0.7rem rgba(0, 0, 0, 0.5));
}
.card__content {
margin-inline: 1.75rem;
border-radius: 1.25rem;
overflow: hidden;
}
.card__article {
border-radius: 1.25rem;
overflow: hidden;
}
.card__image {
position: relative;
background-color: var(--first-color-light);
padding-top: 0;
margin-bottom: -.75rem;
object-fit: cover;
}
.card__data {
background-color: var(--container-color);
padding: 1.5rem 2rem;
border-radius: 1rem;
text-align: center;
position: relative;
z-index: 10;
}
.card__img {
width: auto;
max-height: 300px;
object-fit: fill;
margin: 0 auto;
position: relative;
z-index: 5;
}
.card__shadow {
width: 200px;
height: 200px;
background-color: var(--first-color-alt);
border-radius: 50%;
position: absolute;
top: 3.75rem;
left: 0;
right: 0;
margin-inline: auto;
filter: blur(45px);
}
.card__name {
font-size: var(--h2-font-size);
color: var(--second-color);
margin-bottom: 1.75rem;
}
.card__description {
font-weight: 500;
margin-bottom: 1.75rem;
}
.card__button {
display: inline-block;
background-color: var(--first-color);
padding: .75rem 1.5rem;
border-radius: .25rem;
color: var(--dark-color);
font-weight: 600;
} .swiper-button-prev:after,
.swiper-button-next:after {
content: "";
}
.swiper-button-prev,
.swiper-button-next {
width: initial;
height: initial;
font-size: 5rem;
color: var(--second-color);
display: none;
}
.swiper-button-prev {
left: 0;
}
.swiper-button-next {
right: 0;
}
.swiper-pagination-bullet {
background-color: hsl(212, 32%, 40%);
opacity: 1;
}
.swiper-pagination-bullet-active {
background-color: var(--second-color);
}  @media screen and (max-width: 320px) {
.card__data {
padding: 1rem;
}
} @media screen and (min-width: 768px) {
.card__content {
margin-inline: 3rem;
}
.swiper-button-next,
.swiper-button-prev {
display: block;
}
} @media screen and (min-width: 1120px) {
.card__container {
max-width: 1120px;
}
.swiper-button-prev {
left: 1rem;
}
.swiper-button-next {
right: 1rem;
}
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}.clear{clear:both}.nobr{white-space:nowrap}.pvc_clear{clear:both}body .pvc-stats-icon,body .pvc-stats-icon svg{color:#81d742 !important;fill:#81d742 !important}body .pvc_stats{text-align:right;float:right}body .pvc_stats .pvc-stats-icon{vertical-align:middle}body .pvc_stats .pvc-stats-icon.small svg{width:18px}body .pvc_stats .pvc-stats-icon.medium svg{width:24px}body .pvc_stats .pvc-stats-icon.large svg{width:30px}