.acf-custom-meta ul {
text-align: left;
}
.acf-custom-meta li {
border-bottom: 1px dashed #ddd;
padding: 0 0 5px;
margin-left: 0 !important;
list-style: none;
}
.acf-custom-meta li i {
margin-right: 5px;
}
.acf-custom-meta span {
color: #b20000;
}
.shape-roundtop .shape-first {
position: absolute;
width: 300%;
height: 150vw;
background: #333;
border-radius: 100%;
top: 0;
left: -100%;
}
.shape-roundbottom .shape-first {
position: absolute;
width: 300%;
height: 150vw;
background: #333;
border-radius: 100%;
bottom: 0;
left: -100%;
}
.shape-rounddown .shape-first {
position: absolute;
width: 300%;
height: 150vw;
background: #333;
border-radius: 100%;
top: 0;
left: -150%;
}
.shape-rounddown .shape-second {
position: absolute;
width: 300%;
height: 150vw;
background: #333;
border-radius: 100%;
top: 0;
left: -50%;
}
.shape-wave .shape-first {
position: relative;
height: 70px;
width: 600px;
background: #e0efe3;
}
.shape-wave .shape-first:before {
content: "";
display: block;
position: absolute;
border-radius: 100% 50%;
width: 340px;
height: 80px;
background-color: white;
right: -5px;
top: 40px;
}
.shape-wave .shape-first:after {
content: "";
display: block;
position: absolute;
border-radius: 100% 50%;
width: 300px;
height: 70px;
background-color: #e0efe3;
left: 0;
top: 27px;
} .sec-faq,
.sec-related-posts {
padding: 32px 0px;
}
.sec-faq .title,
.sec-related-posts .title {
font-size: 32px;
line-height: 1.4;
font-weight: 700;
color: #CA3366;
}
.sec-faq .desc,
.sec-related-posts .desc {
font-size: 16px;
line-height: 1.4;
max-width: 60%;
margin: auto;
}
.sec-faq .faq-list,
.sec-related-posts .post-list {
margin-top: 24px;
}
.sec-faq .faq-list {
max-width: 60%;
margin: 24px auto 0;
}
.sec-faq .faq-list .faq-item {
margin-bottom: 16px;
border-radius: 16px; }
.sec-faq .faq-list .faq-item:last-child {
margin-bottom: 0px;
}
.sec-faq .faq-list .faq-item .faq-question {
cursor: pointer;
background-color: #CA33661A;
border: 1px solid #CA3366;
border-radius: 16px;
margin: 0;
padding: 16px;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #CA3366;
display: flex;
justify-content: space-between;
}
.sec-faq .faq-list .faq-item .faq-answer {
display: none;
padding: 16px;
background-color: #FBCCC81A;
border-radius: 0 0 16px 16px;
font-size: 16px;
line-height: 1.4;
}
.sec-faq .faq-list .faq-item .faq-answer p {
margin-bottom: 0px;
}
.sec-faq .faq-list .faq-item.active .faq-question {
border-radius: 16px 16px 0 0;
}
.sec-faq .faq-list .faq-item.active .faq-question i {
transform: rotate(180deg);
}
.sec-faq .faq-list .faq-item.active .faq-answer {
display: block;
} .sec-related-posts .post-list .slick-track {
padding: 0;
margin-bottom: 16px;
}
.sec-related-posts .post-list .slick-track .slick-slide {
padding: 0 12px;
}
.sec-related-posts .post-list {
display: flex;
gap: 24px;
}
.sec-related-posts .post-list>.post-item:nth-child(n+5) {
display: none;
}
.sec-related-posts .post-item {
box-shadow: 0px 4px 10px -2px #585C5F29;
border-radius: 16px;
}
.sec-related-posts .post-item img {
height: 220px;
object-fit: cover;
border-radius: 16px 16px 0 0;
}
.sec-related-posts .post-item .post-title {
font-size: 16px;
line-height: 1.2;
font-weight: 600;
margin-bottom: 0px;
}
.sec-related-posts .post-item .post-date,
.sec-related-posts .post-item .post-content {
font-size: 14px;
line-height: 1.2;
margin: 0px;
}
.sec-related-posts .post-item .post-date {
margin: 8px 0;
}
.category-links {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
.category-links .link {
background-color: #E9E9E9;
color: #433F41;
width: fit-content;
display: block;
border-radius: 32px;
padding: 12px 24px;
font-size: 16px;
line-height: 1.2;
font-weight: 600;
margin: 0px;
}
.category-links .link.has-sub h2{
margin: 0px;
font-size: 16px;
line-height: 1.2;
font-weight: 600;
color: #433F41;
}
.category-links .link:hover,
.category-links .link.has-sub:hover h2 {
background-color: #ce3168;
color: white;
}
@media (max-width: 1024px) {
.archive.woocommerce .category-page-row .archive-content .term-description p {
font-size: 12px;
}
.sec-faq {
padding: 24px 0 0;
}
.sec-faq .title,
.sec-related-posts .title {
padding: 0px;
font-size: 24px;
}
.sec-faq .desc,
.sec-related-posts .desc,
.sec-faq .faq-list {
max-width: 100%;
font-size: 12px;
}
.sec-faq .faq-list {
margin-top: 16px;
}
.sec-faq .faq-list .faq-item {
margin-bottom: 8px;
}
.sec-faq .faq-list .faq-item .faq-question,
.sec-faq .faq-list .faq-item .faq-answer {
font-size: 12px;
padding: 8px 16px;
align-items: center;
}
.sec-related-posts .post-list .slick-track .slick-slide {
padding: 0 4px;
}
.sec-related-posts .post-item img {
height: 100%;
aspect-ratio: 4/3;
}
.slick-slider .slick-arrow {
width: 24px;
height: 24px;
}
.slick-slider .slick-arrow svg {
width: 14px;
height: 14px;
}
.sec-related-posts .post-item .p1 {
padding: 8px;
}
.sec-related-posts .post-item .post-title {
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.sec-related-posts .post-item .post-date {
margin: 4px 0px;
}
.sec-related-posts .post-item .post-date,
.sec-related-posts .post-item .post-content {
font-size: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.sec-faq,
.sec-related-posts {
padding: 16px 0;
}
.category-links {
gap: 8px;
}
.category-links .link {
font-size: 13px;
}
}
@media (max-width: 576px) {
.category-links .link {
padding: 8px 12px;
}
}