.custom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; position: relative; z-index: 1; }

@media (max-width: 991.98px) { .custom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.custom .customContainerTxt { position: relative; display: block; width: 100%; height: 100%; z-index: 1; }

.custom .customContainerTxt .customTitle { display: inline-block; margin: 35px; font-size: 2.2rem; padding: 0.5rem 1.4rem; color: #fff; background: #000; font-weight: 600; }

@media (max-width: 767.98px) { .custom .customContainerTxt .customTitle { font-size: 2rem; } }

@media (max-width: 575.98px) { .custom .customContainerTxt .customTitle { font-size: 1.4rem; text-align: center; margin: 20px; } }

.custom .customContainerTxt .customBadge { position: absolute; display: block; bottom: 35px; left: 35px; }

.custom .customContainerImage { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; z-index: 0; }

.custom .customContainerImage .imageCoverImage { display: block; background-size: cover; background-position: top left; width: 100%; height: 100%; }