.bkbg-sb-wrap { box-sizing: border-box; } .bkbg-sb-item { display: block; } .bkbg-sb-title { margin: 0 0 20px; font-size: var(--bksb-tt-font-size-d, 18px); font-style: var(--bksb-tt-font-style); text-decoration: var(--bksb-tt-text-decoration); text-transform: var(--bksb-tt-text-transform); line-height: var(--bksb-tt-line-height-d); letter-spacing: var(--bksb-tt-letter-spacing-d); word-spacing: var(--bksb-tt-word-spacing-d); } .bkbg-sb-wrap .bkbg-sb-title { font-family: var(--bksb-tt-font-family); font-weight: var(--bksb-tt-font-weight, 600); } .bkbg-sb-label { font-size: var(--bksb-lt-font-size-d, 14px); font-family: var(--bksb-lt-font-family); font-weight: var(--bksb-lt-font-weight, 600); font-style: var(--bksb-lt-font-style); text-decoration: var(--bksb-lt-text-decoration); text-transform: var(--bksb-lt-text-transform); line-height: var(--bksb-lt-line-height-d); letter-spacing: var(--bksb-lt-letter-spacing-d); word-spacing: var(--bksb-lt-word-spacing-d); } .bkbg-sb-value { font-size: var(--bksb-vt-font-size-d, 13px); font-family: var(--bksb-vt-font-family); font-weight: var(--bksb-vt-font-weight, 500); font-style: var(--bksb-vt-font-style); text-decoration: var(--bksb-vt-text-decoration); text-transform: var(--bksb-vt-text-transform); line-height: var(--bksb-vt-line-height-d); letter-spacing: var(--bksb-vt-letter-spacing-d); word-spacing: var(--bksb-vt-word-spacing-d); } @media(max-width:1024px){ .bkbg-sb-title { font-size: var(--bksb-tt-font-size-t, var(--bksb-tt-font-size-d, 18px)); line-height: var(--bksb-tt-line-height-t, var(--bksb-tt-line-height-d)); letter-spacing: var(--bksb-tt-letter-spacing-t, var(--bksb-tt-letter-spacing-d)); word-spacing: var(--bksb-tt-word-spacing-t, var(--bksb-tt-word-spacing-d)); } .bkbg-sb-label { font-size: var(--bksb-lt-font-size-t, var(--bksb-lt-font-size-d, 14px)); line-height: var(--bksb-lt-line-height-t, var(--bksb-lt-line-height-d)); letter-spacing: var(--bksb-lt-letter-spacing-t, var(--bksb-lt-letter-spacing-d)); word-spacing: var(--bksb-lt-word-spacing-t, var(--bksb-lt-word-spacing-d)); } .bkbg-sb-value { font-size: var(--bksb-vt-font-size-t, var(--bksb-vt-font-size-d, 13px)); line-height: var(--bksb-vt-line-height-t, var(--bksb-vt-line-height-d)); letter-spacing: var(--bksb-vt-letter-spacing-t, var(--bksb-vt-letter-spacing-d)); word-spacing: var(--bksb-vt-word-spacing-t, var(--bksb-vt-word-spacing-d)); } } @media(max-width:767px){ .bkbg-sb-title { font-size: var(--bksb-tt-font-size-m, var(--bksb-tt-font-size-t, var(--bksb-tt-font-size-d, 18px))); line-height: var(--bksb-tt-line-height-m, var(--bksb-tt-line-height-t, var(--bksb-tt-line-height-d))); letter-spacing: var(--bksb-tt-letter-spacing-m, var(--bksb-tt-letter-spacing-t, var(--bksb-tt-letter-spacing-d))); word-spacing: var(--bksb-tt-word-spacing-m, var(--bksb-tt-word-spacing-t, var(--bksb-tt-word-spacing-d))); } .bkbg-sb-label { font-size: var(--bksb-lt-font-size-m, var(--bksb-lt-font-size-t, var(--bksb-lt-font-size-d, 14px))); line-height: var(--bksb-lt-line-height-m, var(--bksb-lt-line-height-t, var(--bksb-lt-line-height-d))); letter-spacing: var(--bksb-lt-letter-spacing-m, var(--bksb-lt-letter-spacing-t, var(--bksb-lt-letter-spacing-d))); word-spacing: var(--bksb-lt-word-spacing-m, var(--bksb-lt-word-spacing-t, var(--bksb-lt-word-spacing-d))); } .bkbg-sb-value { font-size: var(--bksb-vt-font-size-m, var(--bksb-vt-font-size-t, var(--bksb-vt-font-size-d, 13px))); line-height: var(--bksb-vt-line-height-m, var(--bksb-vt-line-height-t, var(--bksb-vt-line-height-d))); letter-spacing: var(--bksb-vt-letter-spacing-m, var(--bksb-vt-letter-spacing-t, var(--bksb-vt-letter-spacing-d))); word-spacing: var(--bksb-vt-word-spacing-m, var(--bksb-vt-word-spacing-t, var(--bksb-vt-word-spacing-d))); } }