div.container.success-story { padding-top: 5rem; } h5.customer-success { padding-top: 1rem; padding-bottom: 1rem; font-size: 1.2rem; } img.customer-logo { padding-bottom: 2rem; display: block; } @media (max-width: 1366px) { img.customer-logo { width: 100%; padding-top: 2rem; } } img.customer-logo.quote { width: 20%; padding-bottom: 1.6rem !important; } img.customer-logo.quote2 { width: 32%; padding-bottom: 0px; } img.customer-logo.quote.docs { width: 20%; margin-left: 0px !important; padding-bottom: 0rem !important; } @media (max-width: 1366px) { img.customer-logo.quote { width: 60%; } } h1.customer-success { font-family: ZatoMainFontLight; font-size: 2.2rem !important; padding-top: 2rem; text-align: left; } h1.customer-success, h3.customer-success { padding-bottom: 3rem; } h4.customer-success { padding-top: 3rem; padding-bottom: 1rem; } div.header { font-size: 1.2rem; } div.customer-success { color: #333; font-size: 1.2rem; } div.quote { background-color: #eef; padding-top: 2rem; padding-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; margin-top: 2rem; margin-bottom: 2rem; font-size: 1.6rem; text-align: justify; font-family: ZatoMainFontLight; line-height: 2.2rem; } div.quote.docs { padding-top: 0rem; padding-bottom: 0rem; padding-left: 0.8rem; padding-right: 0.8rem; } div.quote div.strong { font-weight: 900; font-size: 1.2rem; font-family: ZatoMainFont; font-style: normal; padding-top: 1rem; text-align: right; } div.quote div.footer { font-weight: 900; font-size: 1.2rem; font-family: ZatoMainFont; font-style: normal; padding-top: 4rem; text-align: right; } div.quote div.strong.docs { padding-top: 2rem; } div.quote.side-quote { padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1.4rem; text-align: left; } ul.customer-success li { color: #333; font-size: 1.2rem; } div.customer-success.first { padding-top: 3rem } div.customer-success.last { padding-bottom:3rem } div.header-top { background-color: #eee; padding-left: 2rem; padding-right: 2rem; padding-top: 0px; padding-bottom: 40px; } div.customer-success-hero-text div.tags { font-family: ZatoMainFontLight; font-size: 1.1rem; padding-bottom: 1.3rem; font-weight: lighter; letter-spacing: 0.01rem; } div.customer-success.index-div { background-color: #eee; font-size: 1.11rem; margin-bottom: 3rem; border-bottom: 1px solid #eee; border-right: 1px solid #eee; box-shadow: -25px -25px 25px -25px rgba(0, 0, 0, 0.1); } div.customer-success.index-div strong { font-size: 0.9rem; } div.customer-success.index-div div.index-link { margin-top: 0rem; padding-top: 0rem; } h1.success-header { font-family: ZatoMainFontLight; font-size: 2.9rem; color: var(--zato-default-accent-colour); padding-top: 5rem; padding-bottom: 2rem; } div.success-left { padding-top: 3.5rem; padding-bottom: 3.5rem; } div.success-center { padding-top: 13.5rem; padding-bottom: 13.5rem; } div.success-right { padding-top: 3.5rem; padding-bottom: 3.5rem; } @media (min-width: 701px) { div.success-left { text-align: left; } div.success-center { text-align: center; } div.success-right { text-align: right; } } h3.success { padding-left: 0px; padding-top: 1rem; } h3.success.light-padding { padding-top: 1rem; } div.hero-bottom.first { padding-top: 3rem } div.story-row { padding-left: 1rem; padding-bottom: 2rem; } @media (min-width: 1367px) { div.sidebar { padding-left:3.2rem } } div.margin-bottom3 { margin-bottom: 3rem } div.margin-top3 { margin-top: 3rem } @media (max-width: 1366px) { div.margin-bottom6 { margin-bottom: 3rem } } @media (min-width: 1367px) { div.margin-bottom6 { margin-bottom: 3rem } } @media (max-width: 1366px) { div.margin-top6 { margin-top: 3rem } } @media (min-width: 1367px) { div.margin-top6 { margin-top: 6rem } } div.read-more { text-align: left; font-size: 1.5rem; font-family: ZatoMainFontLight; } div.read-more span.arrow { font-size: 1rem; } @media (max-width: 1366px) { div.read-more.main { display: none; } div.read-more.sidebar { display: block; } } @media (min-width: 1367px) { div.read-more.main { display: block; } div.read-more.sidebar { display: none; } } div.with-box-border { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; margin-top: 4rem; } .customer-success-hero-text h2.split-panel { font-size: 2.3rem; } .div-bottom-hero img { position: relative; top: 50%; transform: translateY(-50%); }