/home/bdqbpbxa/demo-subdomains/sendon.goodface.com.ua/layout/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: 1024px) {



	/** Homepage | hero */

	.hero {
		padding: 64px 0;
		min-height: auto;
	}


	.hero__text>.text {
		margin-top: 32px;
	}

	.hero__text .default-button {
		margin-top: 48px;
		width: fit-content;
	}

	.hero__animation {
		padding: 108px 0 44px 0;
		border-radius: 0;
		min-height: auto;
		width: 100%;
		margin-top: -24px;
	}

	.hero__animation:before {
		width: 303px;
		height: 49px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAyIiBoZWlnaHQ9IjQ5IiB2aWV3Qm94PSIwIDAgMzAyIDQ5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNzE5XzI1NTcpIj4KPHJlY3Qgd2lkdGg9IjMwMiIgaGVpZ2h0PSI0OSIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM0NiA0NDhWMEgzMDEuNDg2QzI5Ny45MDQgMCAyOTUgMi45MDQxIDI5NSA2LjQ4NjQ5QzI5NSAyOS40MTM4IDI3Ni40MTQgNDggMjUzLjQ4NiA0OEg0OC41MTM1QzI1LjU4NjIgNDggNyAyOS40MTM4IDcgNi40ODY0OUM3IDIuOTA0MSA0LjA5NTkgMCAwLjUxMzUxMiAwSC00NFY0NDhIMzQ2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzcxOV8yNTU3KSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzE5XzI1NTciIHgxPSItNDQiIHkxPSIwIiB4Mj0iNDA3Ljc3NiIgeTI9Ijc0Ljc3ODMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y0RjdGRCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFNUU5RjciLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF83MTlfMjU1NyI+CjxyZWN0IHdpZHRoPSIzMDIiIGhlaWdodD0iNDkiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
	}

	/* Homepage | .solutions-section */

	.solutions-section {
		padding: 64px 0;
	}

	.solutions-section .title-wrapper+.solutions-list {
		margin-top: 40px;
	}

	.solutions-list {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 12px;
	}

	.solution-card {
		padding: 32px 12px 12px 12px;
		border-radius: 32px;
	}

	.solution-card__text {
		padding: 0 24px;
	}

	.solution-card .text {
		margin-top: 16px;
	}

	.solution-card__text .link {
		margin-top: 32px;
		padding-right: 32px;
	}

	.solution-card__text .link:after {
		margin-top: -2px;
		transform: translateX(-8px);
	}

	.solution-card__text .link:before {
		width: 24px;
		height: 24px;
		opacity: 1;
	}

	.solution-card__img {
		margin: 21px 0 0 0;
	}

	.solution-card.-big {
		flex-direction: column;
		grid-column: span 6;
		padding: 32px 12px 12px 12px;
	}

	.solution-card.-big .solution-card__text {
		padding: 0;
	}



	/** Homepage | services-section */

	.services-section {
		padding: 64px 0;
	}

	.title-wrapper+.services {
		margin-top: 40px;
	}

	.services {
		grid-template-columns: repeat(6, 1fr);
	}

	.services__menu {
		overflow: hidden;
		margin: 0 -12px;
		padding: 0 12px;
		grid-column: span 6;
		order: 2;
	}

	.services__menu-item:before {
		top: 10px;
		width: 16px;
		height: 16px;
		transform: translateX(-32px);
	}

	.services__menu-item:after {
		left: 3px;
		top: 13px;
		width: 10px;
		height: 10px;
		transform: translateX(-32px);
	}

	.-apple .services__menu-item:before {
		top: 10px;
	}

	.-apple .services__menu-item:after {
		top: 13px;
	}

	.services__menu-item+.services__menu-item {
		margin-top: 72px;
	}

	.services__menu-item.-active {
		transform: translateX(32px);
	}

	.services__items {
		order: 1;
		position: sticky;
		top: 80px;
		margin-bottom: 50px;
		grid-column: span 6;
		transition: height 0.4s;
		background: var(--white);
		border-radius: 32px;
		overflow: hidden;
	}

	.services__item {
		position: absolute;
		opacity: 0;
		top: 0;
		transform: translateY(0);
		width: 100%;
	}

	.services__item.-active {
		opacity: 1;
		position: relative;
	}

	.services__item img {
		display: block;
		width: 100%;
	}



	/** Homepage | why-choose-us */

	.why-choose-us {
		overflow: hidden;
		padding: 64px 0;
	}

	.why-choose-us-cards {
		margin-top: 40px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 12px;
	}

	.why-choose-us-card {
		position: relative;
		z-index: 1;
		width: 100%;
		grid-column: span 2;
		padding: 25px 12px 32px 12px;
		box-shadow: none;
	}

	.why-choose-us-card:first-child,
	.why-choose-us-card:last-child {
		position: relative;
	}

	.why-choose-us-card:first-child {
		transform: none;
	}

	.why-choose-us-card:nth-child(2) {
		transform: none;
	}

	.why-choose-us-card:last-child {
		transform: none;
	}

	.why-choose-us-card__img {
		margin: 0;
		padding: 0;
	}

	.why-choose-us-card__text {
		margin-top: 24px;
		padding: 0 20px;
	}

	.why-choose-us-card__text .text {
		margin-top: 16px;
	}



	/** 404 | section-404 */


	.section-404__wrapper {
		min-height: calc(var(--window-inner-height) - 80px - 64px);
	}

	.section-404__wrapper .default-button {
		margin-top: 48px;
	}



	/** About us | about-us-hero */

	.about-us-hero {
		padding-top: 68px;
	}


	.about-us-hero__text>.text {
		margin-top: 30px;
	}

	.about-us-hero__text .default-button {
		margin-top: 46px;
		width: fit-content;
	}

	.about-us-hero__animation {
		margin-top: 46px;
		grid-template-columns: repeat(1, 1fr);
		gap: 12px;
		padding: 0 12px;
	}


	.about-us-hero__animation .img {
		background: var(--gradient-light);
		border-radius: 24px;
	}

	.about-us-hero__animation .img:before {
		display: none;
	}

	.about-us-hero__animation .arrows {
		right: auto;
		left: auto;
		bottom: 0;
		width: 56px;
		height: 56px;
		transform: translate(0, 34px) rotate(90deg);
		border-radius: 50%;
		background-color: var(--white);
	}



	/** About us | call-to-action */

	.call-to-action {
		padding: 64px 0;
		overflow: hidden;
	}

	.call-to-action-wrapper {
		border-radius: 24px;
		padding: 32px 10px 56px 10px;
	}

	.emoji-wrapper {
		grid-template-columns: repeat(5, 56px);
		align-items: center;
		align-content: center;
		gap: 8px;
		width: fit-content;
		margin: 0 auto;
	}

	.call-to-action-wrapper .emoji-wrapper+.title {
		margin-top: 0;
	}

	.call-to-action-wrapper * {
		order: 3;
	}

	.call-to-action-wrapper .emoji-wrapper {
		order: 2;
		margin-top: 24px;
	}

	.call-to-action-wrapper .title {
		order: 1;
	}

	.call-to-action-wrapper .text {
		margin-top: 24px;
	}

	.call-to-action-wrapper .default-button {
		margin-top: 38px;
	}



	/** about-us | benefits-section */

	.benefits-section {
		overflow: hidden;
		padding: 64px 0;
	}

	.benefits__slider {
		position: relative;
		margin-top: 40px;
	}

	.benefits__slider .swiper-wrapper {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.benefits-slide {
		grid-column: span 1;
		border-radius: 32px;
		padding: 12px;
		grid-template-columns: repeat(1, 1fr);
		gap: 36px;
		min-height: auto;
	}

	.benefits-slide:not(.swiper-slide-active) {
		opacity: 1;
		cursor: auto;
	}

	.benefits-slide__text {
		padding: 40px 24px 0 24px;
	}

	.benefits-slide__img {
		border-radius: 20px;
	}

	.benefits__slider .swiper-pagination {
		display: none;
	}



	/** About us | partners-section */

	.partners-section {
		padding: 64px 0;
	}

	.partners-wrapper {
		margin-top: 37px;
		padding: 0 12px;
	}

	.partners-wrapper .pc-slider {
		display: none;
	}

	.partners-wrapper .mobile-slider {
		display: grid;
		align-items: flex-start;
		align-content: center;
		grid-template-columns: repeat(3, 1fr);
		gap: 0;
	}

	.partners-wrapper__line {
		display: block;
		grid-column: span 1;
	}

	.partners-wrapper__line .conveyor-belt-part {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.partners-wrapper__item {
		min-width: auto;
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
		margin-left: 0;
		padding: 12px;
	}

	.partners-wrapper__line+.partners-wrapper__line {
		margin-top: 0;
	}

	.partners-wrapper__line:nth-child(2) {
		margin-top: 71px;
	}


	/** Payments solutions | payments-solutions-hero */

	.payments-solutions-hero {
		padding-top: 64px;
	}

	.payments-solutions-hero__text .default-button {
		margin-top: 48px;
	}


	.payments-solutions-hero__animation {
		padding: 108px 0 48px 0;
		margin-top: -24px;
		border-radius: 0;
	}

	.payments-solutions-hero__animation:before {
		width: 303px;
		height: 49px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAyIiBoZWlnaHQ9IjQ5IiB2aWV3Qm94PSIwIDAgMzAyIDQ5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNzE5XzI1NTcpIj4KPHJlY3Qgd2lkdGg9IjMwMiIgaGVpZ2h0PSI0OSIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM0NiA0NDhWMEgzMDEuNDg2QzI5Ny45MDQgMCAyOTUgMi45MDQxIDI5NSA2LjQ4NjQ5QzI5NSAyOS40MTM4IDI3Ni40MTQgNDggMjUzLjQ4NiA0OEg0OC41MTM1QzI1LjU4NjIgNDggNyAyOS40MTM4IDcgNi40ODY0OUM3IDIuOTA0MSA0LjA5NTkgMCAwLjUxMzUxMiAwSC00NFY0NDhIMzQ2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzcxOV8yNTU3KSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNzE5XzI1NTciIHgxPSItNDQiIHkxPSIwIiB4Mj0iNDA3Ljc3NiIgeTI9Ijc0Ljc3ODMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y0RjdGRCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFNUU5RjciLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF83MTlfMjU1NyI+CjxyZWN0IHdpZHRoPSIzMDIiIGhlaWdodD0iNDkiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);

	}

	.payments-solutions-hero__animation-item {
		grid-template-columns: repeat(3, 64px);
		padding: 8px;
	}

	.payments-solutions-hero__animation-item .img img {
		width: 20px;
		height: 20px;
	}

	.payments-solutions-hero__animation-item .img:nth-child(2) img {
		width: 44px;
		height: 44px;
	}



	/** Payments solution | our-offer */

	.our-offer {
		padding: 64px 0;
	}

	.our-offer .title-wrapper+.our-offer-slider {
		margin-top: 40px;
	}

	.our-offer-slider__wrapper {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
		align-items: stretch;
	}

	.our-offer-slide {
		grid-column: span 1;
		position: relative;
		padding: 32px 12px 0 12px;
		border-radius: 24px;
		height: auto;
		background: var(--gradient-blue);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		gap: 0;
	}

	.our-offer-slide__img {
		order: 2;
		margin-top: 32px;
	}

	.our-offer-slide__text {
		padding: 0 24px;
		order: 1;
	}

	.our-offer-slide__text .text {
		margin-top: 16px;
	}

	.our-offer-slide__text .icon-text {
		margin-top: 23px;
	}


	/* text-page | text-page */

	.text-page {
		padding: 64px 0;
	}

}

@media screen and (max-width: 759px) {

	/** Homepage | why-choose-us */

	.why-choose-us-cards {
		grid-template-columns: repeat(2, 1fr);
	}

	/** about-us | benefits-section */


	.benefits-slide {
		grid-column: span 2;
	}



	/** Payments solution | our-offer */

	.our-offer-slider__wrapper {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 12px;
		align-items: stretch;
	}
}
Path: home/bdqbpbxa/demo-subdomains/sendon.goodface.com.ua/layout/css