/home/bdqbpbxa/demo-subdomains/paytx.goodface.com.ua/css/adaptive.css
@media screen and (max-width: 1400px) {
/* Page name | .block-class-name */
}
@media screen and (max-width: 1260px) {
/* Page name | .block-class-name */
}
@media screen and (max-width: 1320px) {
.log-left {
padding-left: 0;
}
.log-container {
gap: 40px;
}
}
@media screen and (max-width: 1200px) {
.benefits-list {
grid-template-columns: repeat(6, 1fr);
}
.log-left .footer__bottom-wraper {
flex-direction: column-reverse;
gap: 16px;
align-items: start;
}
}
@media screen and (max-width: 1024px) {
/* Global */
main>section:first-child {
padding-top: 72px;
}
main>section:first-child.-bigpt {
padding-top: 112px;
}
/* header */
.header__dropdown-item.-disable .text {
opacity: 0.3;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
}
/* Homepage | hero */
.hero {
order: 1;
padding: 104px 0 64px 0 !important;
}
.hero .button {
order: 3;
margin-top: 40px;
}
.hero .subtitle {
max-width: 100%;
margin: 24px 0 0 0;
order: 2;
}
.hero+.parallax-cols-section {
margin-top: 0;
}
/* Homepage | why-choose-us */
.why-choose-us {
padding: 24px
/*clamp(22px, 6.154vw, 26px)*/
0 40px
/*clamp(38px, 10.256vw, 42px)*/
0;
}
.why-choose-us__inner {
padding: 56px
/*clamp(54px, 14.359vw, 58px)*/
0;
border-radius: 24px
/* clamp(20px, 6.154vw, 28px)*/
;
}
.why-choose-us .bg {
border-radius: 24px
/*clamp(20px, 6.154vw, 28px)*/
;
}
.why-choose-us__wrapper .title {
margin-top: 16px
/*clamp(14px, 4.103vw, 18px)*/
;
}
.why-choose-us__wrapper .text {
margin-top: 16px
/*clamp(14px, 4.103vw, 18px)*/
;
}
.why-choose-us .blur-cards-list {
margin-top: 24px
/*clamp(20px, 6.154vw, 28px)*/
;
}
.blur-cards-list {
gap: 8px
/*clamp(6px, 2.051vw, 10px)*/
;
grid-template-columns: repeat(1, 1fr);
}
.blur-card {
border-radius: 20px
/*clamp(18px, 5.128vw, 22px)*/
;
backdrop-filter: blur(33.65384292602539px);
-webkit-backdrop-filter: blur(33.65384292602539px);
padding: 16px
/*clamp(14px, 4.103vw, 18px)*/
16px
/*clamp(14px, 4.103vw, 18px)*/
24px
/*clamp(20px, 6.154vw, 28px)*/
16px
/*1clamp(14px, 4.103vw, 18px)*/
;
background: var(--white-50, rgba(255, 255, 255, 0.50));
}
.blur-card .img {
border-radius: 16px
/*clamp(14px, 4.103vw, 18px)*/
;
width: 64px
/*clamp(60px, 16.410vw, 68px)*/
;
}
.blur-card .img img {
width: 24px
/*clamp(20px, 6.154vw, 28px)*/
;
}
.blur-card .title {
margin-top: 32px
/*clamp(30px, 8.205vw, 34px)*/
;
}
.blur-card .text {
margin-top: 12px
/*clamp(10px, 3.077vw, 14px)*/
;
}
/* Homepage | use-cases */
.use-cases {
padding: 64px 0 40px 0;
overflow: hidden;
}
.use-cases__wrapper {
width: 100%;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 40px 0;
}
.use-cases__content {
grid-column: span 12;
}
.use-cases__content .title {
margin-top: 16px;
}
.use-cases__content .slider-navigation {
margin-top: 32px;
}
.use-cases__slider {
grid-column: span 12;
max-width: clamp(200px, 100%, 450px);
margin: 0 auto;
}
.use-cases__slider .swiper-slide {
width: 100%;
margin-right: 0;
}
.use-cases__content .slider-navigation {
display: none;
}
.use-cases__slider .slider-navigation {
display: flex;
margin: 32px auto 0 auto;
width: fit-content;
}
.use-cases__slider .swiper-slide-prev {
transform: none;
opacity: 1;
}
/* Homepage | features */
.features {
padding: 64px 0 20px 0;
/* clamp(60px, 16.410vw, 68px) clamp(18px, 5.128vw, 22px)*/
}
.features .title {
margin-top: 16px;
/* clamp(14px, 4.103vw, 18px) */
}
.pinned-tabs {
margin-top: 40px;
/* clamp(38px, 10.256vw, 42px) */
}
.pinned-tabs .pinned-tabs__cards {
margin-top: 0;
}
.pinned-tabs__list {
display: none;
}
.pinned-tab__item {
padding: 20px 20px 32px 20px;
/* clamp(18px, 5.128vw, 22px) clamp(18px, 5.128vw, 22px) clamp(30px, 8.205vw, 34px) clamp(18px, 5.128vw, 22px)*/
border-radius: 24px;
/* clamp(22px, 6.154vw, 26px) */
gap: 24px;
/* clamp(22px, 6.154vw, 26px) */
flex-direction: column-reverse;
pointer-events: auto;
width: clamp(200px, 100%, 500px);
margin: 0 auto;
}
.pinned-tab__item-content {
padding: 0;
width: 100%;
}
.pinned-tab__item-content h1,
.pinned-tab__item-content h2,
.pinned-tab__item-content h3,
.pinned-tab__item-content h4,
.pinned-tab__item-content h5,
.pinned-tab__item-content h6 {
font-size: 28px;
/* clamp(26px, 7.179vw, 30px) */
line-height: 120%;
letter-spacing: normal;
}
.pinned-tab__item-content p {
font-size: 14px;
/* clamp(12px, 3.590vw, 16px) */
line-height: 140%;
letter-spacing: normal;
margin-top: 16px;
/* clamp(14px, 4.103vw, 18px) */
}
.pinned-tab__item-content li {
padding-left: 24px;
/* clamp(22px, 6.154vw, 26px) */
font-size: 14px;
/* clamp(12px, 3.590vw, 16px) */
line-height: 140%;
letter-spacing: normal;
margin-top: 12px;
/* clamp(10px, 3.077vw, 14px) */
}
.pinned-tab__item-content ul {
margin-top: 24px;
/* clamp(22px, 6.154vw, 26px) */
}
.pinned-tab__item-content ul li:before {
width: 16px;
/* clamp(14px, 4.103vw, 18px) */
min-width: 16px;
/* clamp(14px, 4.103vw, 18px) */
left: 0;
top: 1px;
/* clamp(0.5px, 0.256vw, 1.5px) */
}
.pinned-tab__item-content .button {
margin-top: 24px
/* clamp(22px, 6.154vw, 26px) */
}
.pinned-tab__item-img {
width: 100%;
border-radius: 12px;
/* clamp(10px, 3.077vw, 14px) */
}
.pinned-tab__item-img img {
border-radius: inherit;
}
.pinned-tab__card {
position: relative;
width: 100%;
height: auto;
pointer-events: auto;
}
.pinned-tab__card:nth-child(2),
.pinned-tab__card:nth-child(3),
.pinned-tab__card:nth-child(4) {
margin-top: 0;
}
.pinned-tabs__cards {
display: flex;
flex-direction: column;
gap: 16px;
/* clamp(14px, 4.103vw, 18px) */
}
/* Homepage | connect-seamlessly */
.connect-seamlessly {
padding: 64px
/*clamp(60px, 16.410vw, 66px)*/
0;
}
.connect-seamlessly .title {
margin: 16px auto 0 auto;
/* clamp(14px, 4.103vw, 18px) */
width: fit-content;
text-align: center;
}
.connect-seamlessly .text {
margin-top: 40px;
}
.conveyor-list {
margin-top: 40px
/*clamp(38px, 10.256vw, 42px)*/
;
}
.payment-method-card {
border-radius: 24px;
/* clamp(22px, 6.154vw, 26px) */
padding: 8px 24px 8px 8px;
/* clamp(6px, 2.051vw, 10px) clamp(22px, 6.154vw, 26px) clamp(6px, 2.051vw, 10px) clamp(6px, 2.051vw, 10px)*/
gap: 16px;
/* clamp(14px, 4.103vw, 18px) */
}
.payment-method-card .img,
.payment-method-card .img img {
width: 48px;
border-radius: 16px;
/* clamp(14px, 4.103vw, 18px) */
}
.payment-method-card.-smaller {
border-radius: 14px;
/* clamp(12px, 3.590vw, 15px) */
padding: 4px 12px 4px 4px;
/* clamp(3px, 1.026vw, 4px) clamp(10px, 3.077vw, 14px) clamp(3px, 1.026vw, 4px) clamp(3px, 1.026vw, 4px)*/
gap: 7px;
/* clamp(6px, 1.795vw, 8px) */
}
.payment-method-card.-smaller .img,
.payment-method-card.-smaller .img img {
border-radius: 9px;
/* clamp(8px, 2.308vw, 10px) */
width: 29px;
/* clamp(28px, 7.436vw, 30px) */
}
.conveyor-container.-payment-methods .payment-method-card {
margin-right: 8px;
/* clamp(6px, 2.051vw, 10px) */
}
.conveyor-container .conveyor-belt__belt+.conveyor-belt__belt {
margin-top: 8px;
/* clamp(6px, 2.051vw, 10px) */
}
.connect-seamlessly .button {
margin: 32px auto 0 auto;
/* clamp(30px, 8.205vw, 34px) */
width: fit-content;
}
.conveyor-container.-payment-methods:before,
.conveyor-container.-payment-methods:after {
width: 80px;
/* clamp(78px, 20.513vw, 82px) */
}
/* cta-section | Homepage */
.cta-section {
padding: 0;
}
/* why-text-section */
.why-text-section {
margin-top: 64px;
}
.why-text-section .title {
margin-top: 16px;
margin-bottom: 80px;
}
/* customisable-checkout */
.customisable-checkout {
margin-top: 20px;
padding-bottom: 40px;
}
.customisable-checkout-image {
border-radius: 24px;
}
/* faq */
.faq {
display: flex;
flex-direction: column;
margin-top: 80px;
margin-bottom: 120px;
}
.faq-text-conainer {
position: static;
}
.faq-text-conainer .title {
margin: 16px 0 40px;
}
.faq-help {
margin-top: 24px;
}
.faq-help.-mob {
display: block;
}
.faq-items-conainer {
gap: 8px;
}
/* Product | how-it-work */
.how-it-work {
display: flex;
flex-direction: column;
margin-top: 64px;
padding-bottom: 20px;
gap: 40px;
overflow: hidden;
}
.how-it-work .swiper-slide {
height: auto;
}
.how-it-work-text-conainer.-sticky {
position: static;
}
.how-it-work-text-conainer .title {
margin: 16px 0;
}
.how-it-work-text-conainer .text {
max-width: 100%;
}
.how-it-work-image {
border-radius: 24px;
padding: 20px;
}
.how-it-work-slider__container.-pc {
display: none;
}
.how-it-work-slider__container.-mob {
display: block;
}
.how-it-work-slider__item {
opacity: 1;
position: static;
transform: translateY(0);
flex-direction: column;
padding: 20px;
border-radius: 24px;
gap: 24px;
height: 100%;
}
.how-it-work-slider__item-img img {
max-width: 100%;
width: 100%;
}
.how-it-work-slider__item-overlay {
display: none;
}
/* Product page | info */
.info {
margin-top: 64px;
padding-bottom: 40px;
}
.info-item-content .icon {
width: 64px;
}
.info-item-content .icon img {
width: 28px;
}
.info-item-content .title {
margin: 32px 0 16px;
}
.info-item-content .text {
gap: 12px;
}
/* Product Page | seamless-transactions */
.seamless-transactions {
border-radius: 24px;
padding: 56px 0 20px;
}
.seamless-transactions .section-tag {
margin: 0 auto;
}
.seamless-transactions .title {
margin: 16px auto;
}
.seamless-transactions .tabs-container {
padding: 16px;
border-radius: 16px;
}
.seamless-transactions .tabs-list {
margin: 40px 0;
}
.seamless-transactions .tabs-content {
gap: 8px;
justify-content: start;
}
.seamless-transactions .tab {
white-space: nowrap;
}
.seamless-transactions-info.-lite {
margin-top: 40px;
}
.seamless-transactions-info {
border-radius: 16px;
}
/* About page | about-hero */
.about-hero .bg .-pc {
display: none;
}
.about-hero .bg .-mob {
display: block;
max-height: 200px;
}
.about-hero .pinned-tabs {
padding-bottom: 0;
}
.about-hero .text {
margin: 16px auto 32px;
}
.about-hero .button.-discover {
margin-bottom: 66px;
}
/* About page | about-quote */
.about-quote {
max-width: 749px;
margin-top: 84px;
padding-bottom: 64px;
}
.about-quote-container {
padding: 24px;
border-radius: 24px;
}
.about-quote-container .title {
margin: 32px 0 24px;
}
.about-quote-header {
gap: 16px;
}
.about-hero-main-image {
margin-top: 40px;
}
.about-hero-main-image img {
border-radius: 16px;
aspect-ratio: 350/200;
}
/* Contact page | contact-hero */
.contact-hero {
text-align: center;
padding-bottom: 40px;
}
.contact-hero .text {
margin-top: 16px;
}
/* Contact page | contact-cards */
.contact-cards {
margin-top: 20px;
padding-bottom: 64px;
}
.contact-cards-item {
padding: 24px;
border-radius: 24px;
}
.contact-cards-item .icon {
width: 56px;
border-radius: 20px;
}
.contact-cards-item .icon img {
width: 24px;
}
.contact-cards-item .title {
margin: 32px 0 16px;
}
.contact-cards-item .text {
margin-bottom: 32px;
}
/* Contact page | contact-info */
.contact-info {
margin-top: 80px;
}
.contact-info-map {
border-radius: 24px;
}
.contact-info-item {
border-radius: 24px;
padding: 24px;
}
.contact-info-item .link {
width: 100%;
}
.contact-info-item .label {
margin-bottom: 24px;
}
.contact-info-item .icon {
border-radius: 16px;
width: 100%;
max-width: 56px;
}
.contact-info-item .icon img {
width: 28px;
}
/* Legacy page | legacy */
.legacy-hero {
padding-bottom: 40px;
}
.legacy-hero .title {
margin-bottom: 32px;
}
/* solution-hero | Solution page */
main>.solution-hero {
padding-top: 72px !important;
}
.solution-hero {
padding: 0;
}
.solution-hero__wrapper {
border-radius: 24px;
padding: 40px 20px 54px 20px;
}
.solution-hero__wrapper .widget.-mobile {
display: flex;
}
.solution-hero__wrapper .title {
margin-top: 40px;
}
.solution-hero__wrapper .title .widget {
display: none;
}
.solution-hero__wrapper .text {
margin-top: 16px;
}
.solution-hero__wrapper .button {
margin-top: 32px;
}
/* solution-compare | Solution page */
.solution-compare {
margin: 64px 0 40px 0;
}
.solution-compare__wrapper .title {
margin-top: 16px;
}
.solution-compare__wrapper .text {
margin-top: 16px;
max-width: 400px;
}
.compare-imgs {
margin-top: 60px;
gap: 8px;
}
.compare-imgs .side-img {
border-radius: 16px;
}
.compare-imgs .main-img {
border-radius: 24px;
}
/* benefits-section | solution page */
.benefits-section {
padding: 20px 0;
}
.benefits-list {
grid-template-columns: repeat(2, 1fr);
}
.benefits-item {
border-radius: 24px;
padding: 24px;
grid-column: span 1;
}
.benefits-item__img {
border-radius: 16px;
padding: 16px;
width: 56px;
}
.benefits-item__title {
margin-top: 24px;
}
.benefits-item__text {
margin-top: 12px;
}
/* pricing-hero | Pricing */
.pricing-hero {
padding: 112px 0 20px 0 !important;
}
.pricing-hero .widget.-mob {
display: flex;
}
.pricing-hero .hero__wrapper .title .widget {
display: none;
}
.pricing-hero .hero__wrapper .title {
margin-top: 40px;
}
.pricing-hero .hero__wrapper .subtitle {
margin-top: 16px;
}
.pricing-hero .pricing-cards-list {
margin-top: 60px;
}
.pricing-cards-list {
gap: 16px 8px;
grid-template-columns: repeat(1, 1fr);
justify-items: center;
}
.pricing-card {
grid-column: span 1;
border-radius: 24px;
padding: 24px;
width: min(100%, 500px);
}
.pricing-card .img {
width: 56px;
border-radius: 20px;
padding: 18px;
}
.pricing-card .title {
margin-top: 32px;
}
.pricing-card .price {
margin-top: 16px;
}
.pricing-card .checked-list li:before {
width: 16px;
top: 2px;
}
.pricing-card .checked-list li {
padding-left: 24px;
}
.pricing-card .button {
margin-top: 32px;
}
.pricing-card.-bigger .button,
.pricing-card.-bigger .title,
.pricing-card.-bigger .checked-list {
margin-top: 32px;
}
/* pricing-compare | Pricing */
.pricing-compare {
padding: 80px 0;
}
.pricing-compare-table.-pc {
display: none;
}
.pricing-compare-table.-mob {
display: block;
}
.pricing-compare-table .title {
margin-bottom: 40px;
}
.pricing-compare-table .--accordion+.--accordion {
margin-top: 8px;
}
.mob-pricing-compare-table {
padding: 12px 20px 32px 20px;
}
.mob-pricing-compare-table__item {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 16px 0;
border-bottom: 1px solid var(--Grey, #DAE1E7);
}
.mob-pricing-compare-table__item .name {
color: var(--Black-50);
max-width: 80%;
padding-right: 6px;
}
.mob-pricing-compare-table__item .value {
max-width: 70%;
text-align: right;
margin-left: 6px;
}
.mob-pricing-compare-table__item:first-child {
padding-top: 0;
}
.mob-pricing-compare-table__item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.mob-pricing-compare-table__item img {
display: block;
width: 20px;
aspect-ratio: 1/1;
}
/* Support Page */
/* Support Page | help-topic */
.help-topic {
margin-top: 40px;
padding-bottom: 64px;
}
.help-topic-container {
margin-top: 40px;
}
.help-topic-item {
border-radius: 24px;
padding: 24px;
}
.help-topic-item .article-tag {
margin-bottom: 40px;
}
/* Support Page | featured-article */
.featured-article {
margin-top: 40px;
padding-bottom: 64px;
}
.featured-article__title {
margin: 0 auto 24px;
}
.featured-article .tabs-list {
margin-bottom: 40px;
}
.featured-article .tabs-list .tab {
white-space: nowrap;
}
.featured-article__slider .slider-navigation {
margin-top: 40px;
}
/* /* Support Article */
.article-hero .title {
margin: 16px 0;
}
/* Blog | blog-articles */
.blog-articles {
margin-top: 32px;
margin-bottom: 64px;
}
.blog-articles-container {
grid-template-columns: 1fr 1fr;
column-gap: 16px;
row-gap: 20px;
}
.blog-articles-container .article-preview.-big {
grid-column: span 1;
}
.blog-articles .pagination {
margin: 40px auto 0;
}
.blog-articles .tabs-list {
margin-bottom: 40px;
}
/* Brand assets */
/* Brand assets | identity-unveiled*/
.identity-unveiled {
margin-top: 64px;
padding-bottom: 40px;
}
.identity-unveiled .section-tag {
display: none;
}
.identity-unveiled .text {
margin: 16px auto 40px;
}
/* Brand assets | visual-essence*/
.visual-essence {
margin-top: 64px;
padding-bottom: 40px;
}
.visual-essence .section-tag {
display: none;
}
.visual-essence .text {
margin: 40px auto;
}
.visual-essence-container {
flex-direction: column;
}
.visual-essence-item {
border-radius: 24px;
}
.visual-essence-item .image {
border-radius: 12px;
margin-bottom: 24px;
}
.visual-essence-item .buttons-container {
display: flex;
gap: 8px;
}
/* Brand assets | visual-essence*/
.expression {
margin-top: 64px;
padding-bottom: 40px;
}
.expression .section-tag {
display: none;
}
.expression .text {
margin: 16px auto 40px;
}
.expression-items-main {
border-radius: 12px;
padding: 40px;
}
.expression-items {
border-radius: 24px;
}
.expression-items__wrapper {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 8px;
}
.expression-items-rest {
gap: 8px;
}
.expression-items .buttons-container {
gap: 8px;
margin-top: 24px;
}
.expression-items .buttons-container .button {
height: 56px;
}
/* Brand assets | vibrant-palette*/
.vibrant-palette {
margin-top: 64px;
padding-bottom: 64px;
}
.vibrant-palette .section-tag {
display: none;
}
.vibrant-palette .text {
margin: 16px auto 40px;
}
.vibrant-palette-container {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.vibrant-palette-item {
border-radius: 24px;
padding: 20px;
height: 180px;
}
.vibrant-palette-item ul li+li {
margin-top: 4px;
}
.vibrant-palette-item__title {
margin-bottom: 16px;
}
/* Careers */
/* Careers | open-positions*/
.open-positions {
margin-top: 64px;
padding-bottom: 64px;
}
.open-positions .tabs-list {
padding-bottom: 40px;
}
.open-positions-table__top .title {
margin: 16px auto 40px;
}
.open-positions .-show-more {
width: 100%;
margin-top: 20px;
}
.open-positions-table-row {
padding: 20px 0;
}
.open-positions-table-row.-head {
display: none;
}
.open-positions-table-row:nth-child(2) {
border-top: none;
}
.open-positions .tag-text:nth-child(1),
.open-positions .description-1:nth-child(1) {
grid-column: span 12;
}
.open-positions .tag-text:nth-child(2),
.open-positions .article-tag:nth-child(2) {
grid-column: auto;
}
.open-positions .tag-text:nth-child(3),
.open-positions .article-tag:nth-child(3) {
grid-column: auto;
}
.open-positions .tag-text:nth-child(4),
.open-positions .article-tag:nth-child(4) {
grid-column: auto;
}
/* Log */
/* log */
.log-container {
display: flex;
width: 100%;
}
.header.-log {
padding: 32px 0 0 0 !important;
}
.log {
padding: 20px;
}
.log-left {
width: 100%;
grid-column: span 12;
padding-left: 0;
}
.log-right {
display: none;
}
.log-right.parallax-cols-section::before,
.log-right.parallax-cols-section::after {
content: none;
}
.log-right .parallax-item.-img,
.log-right .parallax-item.-text {
aspect-ratio: 260/280;
}
.log-left .footer__bottom-wraper {
flex-direction: column-reverse;
gap: 16px;
}
.log-left .form-wrapper {
margin-top: 92px;
}
.log-left .button {
margin-top: 32px;
}
.log-left .title {
margin-bottom: 32px;
}
.log-left .title.-with-description {
margin-bottom: 16px;
}
.log-left .form-tips {
margin-top: 32px;
}
.log-left .form-tips.-login {
display: flex;
flex-direction: column;
}
.log-left .form-tips.-login .link {
margin-left: 0;
margin-top: 8px;
}
.log-left .security-tip {
margin-bottom: 32px;
}
.toggle-password {
right: 20px;
}
}
@media screen and (max-width: 759px) {
/* Page name | .block-class-name */
.cookies {
max-width: 100%;
left: 12px;
right: 12px;
padding: 20px;
border-radius: 24px;
}
.cookies.-open {
bottom: 12px;
}
.cookies.-scroll-lock {
right: 12px;
}
.cookies-buttons {
grid-template-columns: 1fr;
gap: 8px;
}
/* customisable-checkout */
.customisable-checkout-container {
flex-direction: column;
}
.customisable-checkout-container .checkout-card {
flex: 1 1 100%
}
/* Product page | info */
.info {
gap: 64px;
}
.info-item {
display: flex;
flex-direction: column-reverse;
gap: 32px;
}
/* Product Page | seamless-transactions */
.seamless-transactions .tabs-list,
.open-positions .tabs-list,
.featured-article .tabs-list,
.blog-articles .tabs-list {
margin-left: -20px;
padding: 0 20px;
justify-content: start;
overflow-x: scroll;
width: 100vw;
scrollbar-width: 0;
}
.seamless-transactions .container {
padding: 0 20px;
}
.seamless-transactions .tabs-list::-webkit-scrollbar,
.open-positions .tabs-list::-webkit-scrollbar,
.featured-article .tabs-list::-webkit-scrollbar,
.blog-articles .tabs-list::-webkit-scrollbar {
width: 0;
}
.seamless-transactions-info {
padding: 32px 20px;
aspect-ratio: 350/520;
}
.seamless-transactions-info.-lite {
aspect-ratio: 1280/560;
}
.seamless-transactions-info .bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.seamless-transactions-info .bg img {
width: 100%;
height: auto;
}
.seamless-transactions-info .bg .bg-pc {
display: none;
}
.seamless-transactions-info .bg .bg-mob {
display: block;
}
.seamless-transactions-info.-darkstyle:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.4;
background-color: var(--Black, #0E0F11);
}
.seamless-transactions-info-title {
position: relative;
max-width: 680px;
z-index: 1;
color: var(--White, #FFF);
}
.seamless-transactions-info-text {
position: relative;
z-index: 1;
color: var(--White, #FFF);
margin: auto 0 0 auto;
max-width: 480px;
color: var(--white-70);
}
.seamless-transactions-info-text a {
color: var(--Green);
transition: .4s;
}
.seamless-transactions-info-text a:hover {
opacity: 0.7;
}
/* About page | about-quote */
.about-quote {
display: flex;
flex-direction: column;
}
.about-quote-img {
aspect-ratio: 350/400;
}
/* Contact page | contact-cards */
.contact-cards {
display: flex;
flex-direction: column;
}
/* Contact page | contact-info */
.contact-info {
display: flex;
flex-direction: column;
}
.contact-info-map {
aspect-ratio: 350/280;
}
/* solution-compare | Solution page */
.compare-imgs .side-img {
display: none;
}
.compare-imgs .main-img {
width: min(100%, 450px);
}
/* benefits-section | solution page */
.benefits-list {
max-width: 450px;
margin-left: auto;
margin-right: auto;
grid-template-columns: repeat(1, 1fr);
}
/* Support Page */
/* Support Page | help-topic */
.help-topic-container {
grid-template-columns: 1fr;
}
/* Blog| hero */
.legacy-hero .title {
margin-bottom: 16px;
}
/* Blog | blog-articles */
.blog-articles-container {
grid-template-columns: 1fr;
}
/* Blog Article */
/* Blog Article | article-share */
.article-share {
padding: 40px 16px 0;
margin: 40px auto 86px;
}
/* Blog Article | related-articles */
.related-articles {
padding: 40px 0 64px;
}
.related-articles__title {
margin: 0 auto 40px;
}
.related-articles .article-preview {
height: auto;
}
.related-articles .slider-navigation {
margin: 40px auto 0;
}
/* Brand assets */
/* Brand assets | identity-unveiled*/
.identity-unveiled-calc {
flex-direction: column;
}
.identity-unveiled-calc-item {
height: 200px;
aspect-ratio: 350/200px;
border-radius: 24px;
}
/* Brand assets | visual-essence*/
.expression-items__wrapper {
grid-template-columns: 1fr;
}
.expression-items-main {
grid-column: span 1;
aspect-ratio: 318/216;
}
.expression-items-main img {
max-width: 96px;
}
.expression-items-rest {
grid-template-columns: 1fr 1fr 1fr;
}
.log-left .button {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.legacy-hero .tabs-list {
margin-left: -20px;
padding: 0 20px;
justify-content: start;
overflow-x: scroll;
width: 100vw;
}
}