.ova-footer-heading{ img{ object-fit:cover; height: 76px; border-radius: 9px; @media(max-width: 600px){ display: none; } &.img1{ width: 137px; } &.img2{ width: 188px; } } .top , .bottom{ display: flex; align-items:center; justify-content:right; } .img1{ margin: 0 14px 0 0; } .img2{ margin: 0 0 0 24px; } .title{ display: inline-block; margin: 0; text-transform: uppercase; font-size: 85px; font-weight: 600; line-height: 1; @media(max-width: 1024px){ font-size: 65px; } @media(max-width: 767px){ font-size: 40px; } &.text-stroke{ opacity: 0.6; } &.text-stroke-white{ color: var(--primary-background); text-shadow: -1px -1px 0 var(--heading), 1px -1px 0 var(--heading), -1px 1px 0 var(--heading), 1px 1px 0 var(--heading); } &.text-stroke-black{ color: var(--heading); text-shadow: -1px -1px 0 var(--primary-background), 1px -1px 0 var(--primary-background), -1px 1px 0 var(--primary-background), 1px 1px 0 var(--primary-background); } .special-word{ color: var(--primary); } } &.template2{ text-align: center; .line-decoration{ display: inline-block; vertical-align: middle; width: 34px; height: 2px; background-color: var(--primary); margin: 0; @media(max-width: 767px){ width: 20px; } } .title{ vertical-align: middle; font-size: 66px; font-weight: 700; opacity: 0.7; text-transform: capitalize; @media(max-width: 767px){ font-size: 25px; } } } }