.subtitle{position:relative;font-size:12px;line-height:100%;text-transform:uppercase}@media(max-width:767px){.subtitle--dots{padding-left:14px}}.subtitle--dots:before{content:"";position:absolute;left:-110px;width:6px;height:6px;border-radius:100px;top:0;bottom:0;margin:auto 0}@media(max-width:1440px){.subtitle--dots:before{left:-16px}}@media(max-width:767px){.subtitle--dots:before{left:0}}.subtitle--primary{color:var(--text-color-primary)}.subtitle--primary:before{background:var(--text-color-primary)}.subtitle--white{color:var(--text-color-light)}.subtitle--white:before{background:var(--text-color-light)}.subtitle--black{color:var(--text-color-black)}.subtitle--black:before{background:var(--text-color-black)}.subtitle--gray{color:var(--text-color-gray)}