.about_banner--wrapper { position: relative; } .about_banner--wrapper:before { content: ""; position: absolute; background: url('../../images/vector-bg.svg') no-repeat center; background-size: 100%; width: 100%; height: 100%; top: -14rem; left: 0rem; z-index: -10; } .about_banner--wrapper:after { content: ''; position: absolute; background: url('../../images/dotted-map.png') no-repeat right bottom; width: 100%; height: 100%; bottom: -155px; right: 0rem; z-index: -10; } .about-large__text { text-align: center; padding: 3em 0 4em; } .about-large__text:before { content: ''; position: absolute; background: url('../../images/about-banner-bg-red.png') no-repeat 0 0; width: 300px; height: 519px; top: -10rem; left: 50%; transform: translateX(-50%); z-index: -10; } .about-large__text:after { content: ''; position: absolute; background: url('../../images/dotted-map.png') no-repeat top left; width: 100%; height: 100%; top: 0; left: 0; z-index: -10; } .sub-text { background: #eaeaea; margin: auto; max-width: 154px; padding: 0.5em 1em; font-family: var(--open-sans); font-weight: 600; color: #15213d; letter-spacing: 0.5em; text-transform: uppercase; font-size: 12px; } .sub-text span { color: #e51314; } /* ================ Join Now Search ============ */ .about_banner--wrapper .home_v1_search_bg:after { background: none; } /* ================ Join Now Search ends ============ */ .inner-fix-text-banner__title { position: relative; font-family: var(--open-sans); font-style: normal; font-weight: 900; font-size: 50px; line-height: 50px; text-align: center; letter-spacing: -5px; text-transform: uppercase; margin-bottom: 20px; color: #e31112; z-index: 0; } .inner-fix-text-banner__title:before { position: absolute; content: attr(data-title); font-weight: 900; font-size: 46px; line-height: 50px; text-align: center; letter-spacing: -0.05em; text-transform: uppercase; -webkit-text-fill-color: #e31112; -webkit-text-stroke-width: 15px; -webkit-text-stroke-color: #ffffff; filter: drop-shadow(30px 39px 13px rgba(135, 20, 20, 0.25)); z-index: -1; margin: auto; left: 4px; right: 0; } @media (min-width: 576px) { .inner-fix-text-banner__title { font-size: 90px; line-height: 90px; margin-bottom: 40px; } .inner-fix-text-banner__title:before { font-size: 90px; line-height: 90px; -webkit-text-stroke-width: 30px; left: 0px; } } @media (min-width: 992px) { .inner-fix-text-banner__title { font-size: 100px; line-height: 100px; } .inner-fix-text-banner__title:before { font-size: 100px; line-height: 100px; -webkit-text-stroke-width: 30px; } } @media (min-width: 1680px) { .inner-fix-text-banner__title { font-size: 120px; line-height: 115px; margin-bottom: 4rem; } .inner-fix-text-banner__title:before { font-size: 120px; line-height: 115px; -webkit-text-stroke-width: 30px; } }