.jmkt-v2-trust .jmkt-v2-trust-grid {
gap: 16px;
}
.jmkt-v2-trust .jmkt-v2-trust-item {
position: relative;
justify-content: flex-start;
gap: 20px;
padding: 16px 22px;
border: 1px solid transparent !important;
border-radius: 16px;
transition: background-color .22s, border-color .22s;
}
.jmkt-v2-trust .jmkt-v2-trust-item + .jmkt-v2-trust-item::before {
display: none;
}
.jmkt-v2-trust .jmkt-v2-trust-item .jmkt-v2-icon {
box-sizing: border-box;
display: grid;
place-items: center;
width: 60px;
height: 60px;
padding: 12px;
border-radius: 17px;
transition: background-color .22s, color .22s;
}
.jmkt-v2-trust .jmkt-v2-trust-item .jmkt-v2-icon svg {
width: 30px;
height: 30px;
}
:is(.jmkt-ta24,.editor-styles-wrapper) .jmkt-v2-trust .jmkt-v2-trust-item p {
font-size: 12px;
line-height: 1.7;
}
.jmkt-v2-trust .jmkt-v2-trust-item strong {
font-size: 15px;
}
@media (hover:hover) and (pointer:fine) {
.jmkt-v2-trust .jmkt-v2-trust-item:hover {
background: #fff5f6;
border-color: #f6d8dc !important;
}
.jmkt-v2-trust .jmkt-v2-trust-item:hover .jmkt-v2-icon {
background: #d60b1b;
color: #fff;
box-shadow: none;
transform: none;
}
}
@media (max-width:1000px) {
.jmkt-v2-trust .jmkt-v2-trust-item {
gap: 14px;
padding: 14px;
}
.jmkt-v2-trust .jmkt-v2-trust-item .jmkt-v2-icon {
width: 54px;
height: 54px;
padding: 12px;
}
}
@media (max-width:800px) {
.jmkt-v2-trust .jmkt-v2-trust-grid {
grid-template-columns: 1fr;
}
.jmkt-v2-trust .jmkt-v2-trust-item {
padding: 16px 20px;
border-color: #eee !important;
}
.jmkt-v2-trust .jmkt-v2-trust-item strong {
font-size: 15px;
}
}
@media (prefers-reduced-motion:reduce) {
.jmkt-v2-trust .jmkt-v2-trust-item,
.jmkt-v2-trust .jmkt-v2-icon {
transition: none !important;
}
}