.section.slogan {width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto;background: var(--white);padding-top: 2.25rem; } .section.slogan .holder {border-radius: 1.5rem;background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), linear-gradient(0deg, #F0F0F0, #F0F0F0), radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);overflow: clip;padding-left: 1.0625rem;padding-right: 1.0625rem; } .section.slogan .col-title {display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 5.25rem;padding-bottom: 5.25rem; } @media (max-width: 1638.98px) {.section.slogan .col-title {padding-top: 4rem;padding-bottom: 4rem;} } @media (max-width: 991.98px) {.section.slogan .col-title {padding-top: 2.75rem;padding-bottom: 2.75rem;} } .section.slogan h1, .section.slogan .h1 {color: var(--black);font-size: 4rem;font-weight: 600;text-align: center;line-height: 1.05;margin-bottom: 1.9375rem;max-width: 81.25rem; } @media (max-width: 1638.98px) {.section.slogan h1, .section.slogan .h1 {font-size: 3.25rem;} } @media (max-width: 991.98px) {.section.slogan h1, .section.slogan .h1 {font-size: 2.5rem;} } .section.slogan .col-lg-8 h1, .section.slogan .col-lg-8 .h1 {max-width: 41.875rem; } .section.slogan h2, .section.slogan .h2 {font-family: "DM Sans", sans-serif;font-weight: 700;font-size: 2.25rem;color: var(--secondary);letter-spacing: 1.2px;margin-left: 1.1875rem; } .section.slogan .img-fluid {max-height: 37.8125rem;position: relative;left: 100%;transform: translateX(-100%);width: auto; } @media (min-width: 992px) {.section.slogan .img-fluid {max-width: 36.8125rem;left: -54.5%;transform: none;} } .section.slogan .content {font-weight: 400;font-size: 1.25rem;line-height: 1.95;max-width: 91.9375rem;margin: 0 auto;text-align: center;letter-spacing: 0.01875rem;padding-top: 4.5rem;padding-bottom: 3.875rem; }