.mk-title { overflow: hidden; display: flex; flex-direction: column; }

.mk-title-heading span,
.mk-title-subtitle span,
.mk-title-desc span { display: inline-block; position: relative; }

.mk-title-subtitle span:before,
.mk-title-subtitle span:after { content: ''; position: absolute; top: 50%; width: 7px; height: 7px; display: none; transform: translateY(-50%); border-radius: 100%; }
.mk-title-subtitle span:after { right: -22px; }
.mk-title-subtitle span:before { left: -22px; }
.mk-title-circle-yes .mk-title-subtitle span:before,
.mk-title-circle-yes .mk-title-subtitle span:after { display: block; }
.mk-subtitle-left .mk-title-subtitle span:after,
.mk-subtitle-right .mk-title-subtitle span:before { display: none; }
.mk-subtitle-left .mk-title-circle-yes .mk-title-subtitle span { margin-left: 22px; }
.mk-subtitle-right .mk-title-circle-yes .mk-title-subtitle span { margin-right: 22px; }
.mk-title-st-line-both-side .mk-title-subtitle span:before,
.mk-title-st-line-both-side .mk-title-subtitle span:after,
.mk-title-st-line-before .mk-title-subtitle span:before,
.mk-title-st-line-after .mk-title-subtitle span:after { display: block; }
.mk-title-heading { position: relative; z-index: 1; color: var(--swm-color-headings); font-weight: var(--swm-headings-font-weight); font-family: var(--swm-headings-font-family); }
.mk-title-subtitle { position: relative; z-index: 0; color: var(--swm-color-color-1); }
.mk-title-subtitle span:before,
.mk-title-subtitle span:after { background: var(--swm-color-color-2); }
.mk-title-desc { color: var(--swm-color-text); }

.mk-title-align-center .mk-title { align-items: center; }
.mk-title-align-right .mk-title { align-items: flex-end; }

/*text align right*/
.mk-scroll--load.mk-title .mk-title-subtitle,
.mk-scroll--load.mk-title .mk-title-heading,
.mk-scroll--load.mk-title .mk-title-desc { opacity: 0; transform: translateY(30px); transition: opacity 0.25s, transform 0.45s cubic-bezier(0.26, -0.14, 0, 1.01); }
.mk--loaded.mk-title .mk-title-subtitle,
.mk--loaded.mk-title .mk-title-heading,
.mk--loaded.mk-title .mk-title-desc { opacity: 1; transform: translateX(0) translateZ(0); }
.mk--loaded.mk-title .mk-title-heading { transition-delay: 0.25s; }
.mk--loaded.mk-title .mk-title-desc { transition-delay: 0.35s; }

/* ------------------------------------------- */
.mk-title.mk-title-stroke .mk-title-heading,
.mk-title.mk-title-subtitle-stroke .mk-title-subtitle { -webkit-text-stroke-color: var(--swm-color-headings); }
.mk-title-orientation--vertical .mk-title { writing-mode: vertical-lr; transform: rotate(180deg); }
@media only screen and (max-width:1024px) {
    .mk-title-orientation--tablet-vertical .mk-title { writing-mode: vertical-lr; transform: rotate(180deg); }
    .mk-title-orientation--tablet-horizontal .mk-title { writing-mode: unset; transform: rotate(0); }
}
@media only screen and (max-width:767px) {
    .mk-title-orientation--mobile-vertical .mk-title { writing-mode: vertical-lr; transform: rotate(180deg); }
    .mk-title-orientation--mobile-horizontal .mk-title { writing-mode: unset; transform: rotate(0); }
}