:root {
	--swiper-navigation-top-offset: 150px;
}

.langing-header {
	
	padding: 20px;
	background: url(/imgs/landing-header-back.svg);
	background-position: -280px -610px!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	background-color: white;
	
	border-radius: 20px;
	
	
}

.main-header-text-block {
	
	padding: 40px 0px 0px 50px;
	
}
.main-header-text-block .header-h-block {
	padding: 0px 8px;
	
}
.main-header-text-block .header-h-block .header {
	font-family: Raleway;
	font-size: 51px;
	font-weight: 700;
	line-height: 106%;
	
}
.main-header-text-block .header-h-block .header span {
	color: rgb(0, 173, 92);
}
.main-header-text-block .header-h-block .description {
	color: rgba(0, 17, 51, 0.55);
	font-size: 23px;
	font-weight: 600;
	line-height: 130%;
	margin-top: 20px;
	
}
.main-header-text-block .header-h-block .description span {
	font-weight: 700;
	
}


.open-catalog-btn {
	border-radius: 10px;
	box-shadow: 0px 12px 20px 0px rgba(0, 17, 51, 0.08);
	background: rgb(0, 173, 92);
	padding: 16.5px 35px 17.5px 35px;
	
	color: rgb(255, 255, 255);
	font-family: Raleway;
	font-size: 18px;
	font-weight: 600;
	line-height: 130%;
	text-align: center;
	cursor: pointer;
	transition: .1s;
	height: 58px;
}
.open-catalog-btn:hover {
	background: rgb(0, 204, 109);
}

.open-creation-btn {
	border-radius: 10px;
	box-shadow: 0px 12px 20px 0px rgba(0, 17, 51, 0.08);
	background: rgb(23, 43, 54);
	position: relative;
	padding: 15.5px 26px 18px 32px;
	
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 600;
	line-height: 130%;
	height: 58px;
	cursor: pointer;
	transition: .1s;
	
}

.open-creation-btn:hover {
	background: rgb(50, 79, 93);

}

.discount-badge {
	color: rgb(255, 255, 255);
	font-size: 13px;
	font-weight: 700;
	line-height: 23px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 6px;
	background: rgb(244, 65, 52);
	padding: 0px 6px;
	
	position: absolute;
	top: -10px;
	right: -10px;
	cursor: pointer;
}

.open-creation-btn .new-price {
	font-size: 22px;
	font-weight: 700;
	margin-left: 3px;
}




.open-creation-btn .old-price {
	color: rgba(255, 255, 255, 0.37);
	font-size: 15px;
	font-weight: 600;
	line-height: 130%;
	position: relative;
	z-index: 1;
	margin-left: 3px;
}



.open-creation-btn .old-price::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%);
	z-index: 2;
	width: 105%; /* или нужную ширину */
	height: 1px;
	background-color: #B6CEFF;
	border-radius: 999px;
	display: block;
}



.main-header {
	padding: 0px 32px;
	color: rgb(0, 9, 26);
	font-size: 34px;
	font-weight: 700;
	line-height: 110%;

}

.benefit-block {
	border-radius: 20px;
	box-shadow: -6px 22px 24px 0px rgba(0, 27, 82, 0.12);
	padding-top: 109%;
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat;
	position: relative;
}

.benefit-1 {
	background: url(/imgs/benefit-1.webp);
}
.benefit-2 {
	background: url(/imgs/benefit-2.webp);
}
.benefit-3 {
	background: url(/imgs/benefit-3.webp);
}

.benefit-block .label { 
	color: rgb(255, 255, 255);
	font-size: 33px;
	font-weight: 700;
	line-height: 120%;
	text-align: left;
	padding: 0px 46px 44px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	
}

.how-it-work-block {
	box-sizing: border-box;
	border-radius: 20px;
	background: rgb(255, 255, 255);
	position: relative;
	padding: 12px 12px 28px 12px;
	height: 282px;
	
}

.how-it-works-arrow {
	
	width: 46px;
	height: 46px;
	border-radius: 999px;
	box-shadow: 0px 10px 20px 0px rgba(0, 17, 51, 0.1);
	background: rgb(255, 255, 255);
	
	position: absolute;
	top: 50%;
	right: -30px;
	transform: translateY(-50%);
	z-index: 3;
	
}
.how-it-works-arrow svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 4;
	
}

.how-work-timer-block {
	border-radius: 999px;
	box-shadow: 0px 12px 20px 0px rgba(0, 17, 51, 0.08);
	background: rgb(255, 255, 255);
	line-height: 40px;
	padding: 0px 12px;
}
.how-work-timer-block .value {
	color: rgba(0, 8, 26, 0.8);
	font-size: 17px;
	font-weight: 600;
	line-height: 130%;
}

.how-work-timer-block .suffix {
	color: rgba(20, 41, 82, 0.4);
	font-size: 15px;
	font-weight: 600;
	line-height: 130%;
	transform: translateY(-1px);
	display: inline-block;
}


.how-it-work-block {
	
	.progress {
		height: 4.5px;
		border-radius: 999px;
		background: rgba(43, 72, 130, 0.05);
	}
	.progress-block {
		padding-left: 15px;
	}
	.progress-bar {
		border-radius: 999px;
		background: rgb(194, 214, 255);
	}
}

.how-it-works-label {
	padding: 0px 20px;
	color: rgb(0, 9, 26);
	font-size: 20px;
	font-weight: 600;
	line-height: 130%;
	
}



.between-childs {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}



.what-buy-block {
	padding: 20px;
	border-radius: 20px;
	background-color: white;
	background-image: url(/imgs/what-buy-background.svg);
	background-position: 860px -540px!important;
	background-repeat: no-repeat!important;
}

.what-buy-image {
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	
	width: 670px;
	padding-top: 58.96%;
	
	box-sizing: border-box;
	outline: 0.5px solid rgba(0, 34, 102, 0.1);
	border-radius: 10px;
	background: url(/imgs/what-buy-background.webp);
	
}

.what-buy-block .header-block {
	padding-top: 40px;
}
.what-buy-block .header-block .header {
	padding: 0px 8px;
	font-size: 52px;
	font-weight: 700;
	line-height: 106%;
	text-align: left;
	
	
}

.what-buy-block .header-block .header span {
	color: rgb(0, 173, 92);
}

.what-buy-block .header-block .description {
	padding: 0px 8px;
	
	color: rgba(0, 17, 51, 0.55);
	font-size: 20px;
	font-weight: 600;
	line-height: 130%;
	
}


.open-catalog-btn.what-buy-btn {
	padding: 16.5px 40px 17.5px 40px;
	
}

.send-question-btn {
	padding: 16.5px 35px 17.5px 35px;
	color: rgba(0, 34, 51, 0.55);
	font-size: 18px;
	font-weight: 600;
	line-height: 130%;
	background: white;
	height: 58px;
	box-sizing: border-box;
	border: 1px solid rgba(0, 102, 153, 0.15);
	border-radius: 10px;
	cursor: pointer;
	transition: .1s;
}
.send-question-btn:hover {
	border: 1px solid rgba(20, 61, 82, 0.35);
	color: rgba(0, 17, 26, 0.8);
}

.how-to-sell-block {
	background-color: white;
	padding: 20px;
	border-radius: 20px;
	background-image: url(/imgs/how-to-sell-background.svg);
	background-position: -130px -190px!important;
}

.how-to-sell-block .header-block {
	padding-top: 40px;
	
	
}

.how-to-sell-block .header-block .header {
	padding: 0px 8px;
	font-size: 44px;
	font-weight: 700;
	line-height: 106%;
	
}
.how-to-sell-block .header-block .header span {
	color: rgb(0, 173, 92);
	
}

.review-block {
	border-radius: 20px;
	background: rgb(255, 255, 255);
	padding: 26px 24px 32px 24px;
	height: 100%;
}


.review-avatar {
	border-radius: 999px;
	background: rgb(194, 214, 255);
	position: relative;
	width: 46px;
	height: 46px;
	
}
.review-avatar .label {
	color: rgb(255, 255, 255);
	font-size: 17px;
	font-weight: 800;
	line-height: 120%;
	text-align: center;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	
}

.reviewer-label {
	color: rgba(20, 41, 82, 0.5);
	font-size: 14px;
	font-weight: 500;
	line-height: 120%;
}
.reviewer-name {
	color: rgb(0, 9, 26);
	font-size: 15px;
	font-weight: 600;
	line-height: 120%;
}

.review-text {
	color: rgb(0, 9, 26);
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
}

.date-gray-text {
	color: rgba(20, 41, 82, 0.45);
	font-size: 13px;
	font-weight: 600;
	line-height: 140%;
}

.date-gray-text.date-separator {
	color: rgba(0, 51, 153, 0.15);
}
.swiper-container {
	overflow: hidden;
}

.swiper-wrapper {
	padding-bottom: 100px;
}


.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '';
}



.swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-next, .swiper-button-prev {
	width: 48px;
	height: 48px;
	border-radius: 999px;
	box-shadow: 0px 5px 16px 0px rgba(0, 20, 61, 0.08);
	background: rgb(255, 255, 255);
}


.swiper-button-next svg, .swiper-button-prev svg {
	max-width: 24px;
}


.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.swiper-button-next {
	right: -24px;
}


.swiper-button-prev {
	left: -24px;
}

.swiper-block {
	position: relative;
	
}
.header-btns-block {
	margin-toP: 40px;
}

.header-ico-mobile img {
	width: 552px;
}
.progressbar-padding-right {
	padding-right: 22px;
}

.how-it-work-block-1 img {
	width: 111.29px;
}

.how-it-work-block-2 img {
	width: 125.83px;
}

.how-it-work-block-3 img {
	width: 125.39px;
}
.how-it-work-block-4 img {
	width: 101.05px;
}
.how-it-work-block-5 img {
	width: 97px;
}

.how-to-sell-image {
	width: 670px;
}


.scrollable-x {
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none; 
	-ms-overflow-style: none;
}
.scrollable-x::-webkit-scrollbar {
	display: none;
}





@media (max-width: 924px) {
	
	.how-to-sell-image {
		width: 100%;
	}
	.header-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.main-content {
        margin-top: 30px;
    }
	.langing-header {
		padding: 10px;
		background-position: -200px -305px !important;
		background-size: 300% !important;
	}
	
	.main-header-text-block {
		padding: 8px;
	}
	.main-header-text-block .header-h-block {
		padding: 0px 4px;
	}
	.main-header-text-block .header-h-block .header {
		font-size: 25px;
		font-weight: 800;
		line-height: 120%;
	}
	.main-header-text-block .header-h-block .description {
		font-size: 16px;
		font-weight: 700;
		line-height: 140%;
		margin-top: 12px;
	}
	
	.open-catalog-mobile-style {
		width: 100%;
		padding-right: 0px!important;
	}
	
	
	.header-btns-block {
		margin-top: 22px;
	}
	
	.open-catalog-btn {
		font-size: 16px!important;
		font-weight: 600!important;
		line-height: 48px!important;
		padding: 0px!important;
		padding-bottom: 2px!important;
		margin-bottom: 10px!important;
		height: auto!important;
	}
	
	.creation-mobile-style {
		width: 100%;
		padding-left: 0px;
		
	}
	.creation-mobile-style .open-creation-btn {
		font-size: 16px;
		font-weight: 600;
		line-height: 130%;
		height: 50px;
		text-align: center;
		padding: 12px 0px;
		
	}
	.creation-mobile-style .open-creation-btn .new-price {
		font-size: 18px;
		font-weight: 700;
		line-height: 130%;
		
	}
	.open-creation-btn .old-price {
		font-size: 12px;
		font-weight: 600;
		line-height: 130%;
	}
	.discount-badge {
		font-size: 11px;
		font-weight: 700;
		line-height: 19px;
		padding: 1px 4.5px 0px;
		
		top: -6px;
		right: -6px;
		
	}
	.header-ico-mobile {
		padding-left: 0px!important;
		margin-bottom: 10px;
	}
	.header-ico-mobile img {
		width: 100%!important;
	}
	.main-header {
		margin-top: 40px!important;
		padding: 0px 14px;
		
		font-size: 20px;
		font-weight: 700;
		line-height: 140%;
		
	}
	
	.benefit-mobile-style {
		margin-top: 18px!important;
		
		padding-bottom: 45px;
		
	}
	.benefit-block {
		width: 268px;
		height: 292.5px;
	}
	
	.benefit-block .label {
		padding: 0px 26px 26px 26px;
		font-size: 20px;
		font-weight: 700;
		line-height: 130%;
	}
	
	
	.benefit-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.benefit-1-mobile-padding {
		padding-left: 12px;
	}
	.benefit-3-mobile-padding {
		padding-right: 12px;
	}
	
	.how-it-work-mobile-style {
		margin-top: 0px!important;
	}
	
	.how-it-work-margin {
		margin-top: 18px!important;
		
	}
	
	.how-it-work-block {
		width: 220px;
		height: 235px;
		padding: 12px 12px 26px 12px;
		
		
		
	}
	.how-work-timer-block {
		line-height: 38px;
		
	}
	
	
	.how-work-timer-block .value {
		font-size: 15px;
	}
	
	.how-work-timer-block .suffix {
		font-size: 14px;
		font-weight: 600;
		line-height: 130%;
	}
	
	.progressbar-padding-right {
		padding-right: 18px;
	}
	

	.how-it-work-block-1 img {
		width: 89.47px;
	}

	.how-it-work-block-2 img {
		width: 101.16px;
	}

	.how-it-work-block-3 img {
		width: 97.27px;
	}
	.how-it-work-block-4 img {
		width: 84.37px;
	}
	.how-it-work-block-5 img {
		width: 77.92px;
	}

	.how-it-works-label {
		font-size: 16px;
		font-weight: 600;
		line-height: 130%;
		padding: 0px 14px 0px 14px;
	}
	
	.how-it-work-mobile-padding {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	
	.how-it-work-mobile-padding-left {
		padding-left: 12px;
	}
	.how-it-work-mobile-padding-right {
		padding-right: 12px;
	}
	
	.what-buy-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	
	.what-buy-container .mg {
		margin-top: 18px;
	}
	
	.what-buy-block {
		padding: 10px;
	}
	
	.what-buy-block .col.padding-left-70 {
		padding-left: 0px;
	}
	
	.what-buy-image {
		width: 100%;
		height: 210.88px;
	}
	.what-buy-container .block-with-text {
		padding: 8px;
		margin-top: 10px;
	}
	.what-buy-container .block-with-text .header-block {
		padding-top: 0px;
	}
	.what-buy-container .block-with-text .header {
		font-size: 28px;
		font-weight: 800;
		line-height: 116%;
	}
	.what-buy-container .block-with-text .description {
		color: rgba(0, 17, 51, 0.55);
		font-size: 16px;
		font-weight: 600;
		line-height: 140%;
		margin-top: 12px!important;
	}
	.what-buy-container .block-with-text .btn-block {
		margin-top: 22px;
	}
	
	
	
	.mobile-padding-right-0 {
		padding-right: 0px;
	}
	.mobile-padding-left-0 {
		padding-left: 0px;
	}
	
	
	.send-question-btn {
		padding-top: 0px!important;
		padding-bottom: 2px!important;
		height: auto;
		
		font-size: 16px;
		font-weight: 600;
		line-height: 46px;
		text-align: center;
		
	}
	
	.how-to-sell-block {
		margin-top: 18px!important;
		padding: 10px;
		
		
		
	}
	
	
	.how-to-sell-text-block {
		margin-top: 10px;
		padding: 8px;
	}
	
	.how-to-sell-text-block .header-block {
		padding: 0px 8px;
	}
	.how-to-sell-text-block .header {
		font-size: 26px!important;
		font-weight: 800!important;
		line-height: 120%!important;
		padding: 0px!important;
	}
	.how-to-sell-text-block .row.g-0.top-40 {
		margin-top: 22px;
	}
	
	.how-to-sell-block {
		background-position: -130px -110px !important;
	}
	
	.how-to-sell-container {
		padding: 0px!important;
	}
	
	.how-to-sell-text-block {
		.open-creation-btn {
			height: 50px;
			padding-top: 12.5px!important;
			margin-bottom: 10px;
			text-align: center!important;
		}
		.open-creation-btn .new-price {
			font-size: 16px;
			font-weight: 600;
			line-height: 130%;
		}
		.open-creation-btn .new-price {
			font-size: 18px;
			font-weight: 700;
			line-height: 130%;
		}
		
		
	}
	
	.review-block {
		width: 350px;
	}
	
	.review-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	
	.mobile-padding-right-12 {
		padding-right: 12px!important;
	}
	.mobile-padding-left-12 {
		padding-left: 12px!important;
	}
	
	.review-container .mg {
		margin-top: 18px !important;
	}
	
	
	.review-block .review-avatar {
		width: 39px;
		height: 39px;
		
		
	}
	.review-block .review-avatar .label {
		font-size: 17px;
	}
	.review-block .reviewer-label {
		font-size: 13px;
	}
	.review-block .reviewer-name {
		font-size: 14px;
	}
	
	.date-gray-text {
		font-size: 13px;
		font-weight: 600;
		line-height: 140%;
	}
	
	.mobile-normalize {
		margin-top: 3px;
	}
	.review-text {
		font-size: 14px;
		font-weight: 500;
		line-height: 150%;
	}
	
	
	.swiper-button-next {
		display: none!important;
	}
	.swiper-button-prev {
		display: none!important;
	}
	
	.swiper-wrapper {
		padding-bottom: 40px;
	}
	
	#interesting-block {
		
		.mg {
			margin-top: 18px;
		}
		
		
		
	}
	
}