/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Htag/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_h1__42MkN {
		font: 600 40px/124% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h1__42MkN {
				font-size: 20px;
				line-height: 130%;
		}
}

.style_h2___LQuN {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h2___LQuN {
				font-size: 18px;
				line-height: 120%;
		}
}

.style_h3__ctBjL {
		font: 600 28px/120% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h3__ctBjL {
				font-size: 18px;
				line-height: 120%;
		}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/StaticPageMenu/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_menu__Y_zzh {
		display: flex;
		flex-flow: column;
		gap: 12px;
}
.style_menuItem__zbviR {
		display: flex;
		align-items: center;
		gap: 8px;
		color: #231F20;
		font: 600 14px/140% var(--my-open-sans-regular);
		background-color: #fff;
		padding: 8px 16px;
		border-radius: 4px;
		transition: color 0.3s, background-color 0.3s;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_menuItem__zbviR {
				gap: 6px;
				padding: 8px;
				font-size: 13px;
		}
}
.style_menuItem__zbviR:hover {
		color: #d2233c;
}
.style_menuItem__zbviR.style_active__X1zPB {
		background-color: #F1F1F4;
		color: #d2233c;
}
.style_menuItem__zbviR svg {
		min-width: 24px;
		width: 24px;
		height: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_menuItem__zbviR svg {
				min-width: 16px;
				width: 16px;
				height: 16px;
		}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/oplata/FreeDeliveryMessage/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_freeMessage__FARc5 {
		display: flex;
		align-items: center;
}
.style_freeMessage__FARc5 svg {
		height: 36px;
		width: 36px;
		min-width: 36px;
		margin-right: 12px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_freeMessage__FARc5 svg {
				height: 32px;
				width: 32px;
				min-width: 32px;
				margin-right: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_freeMessage__FARc5 svg {
				height: 28px;
				width: 28px;
				min-width: 28px;
				margin-right: 8px;
		}
}
.style_freeMessageText__wgQkE {
		font: 400 18px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_freeMessageText__wgQkE {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_freeMessageText__wgQkE {
				font-size: 13px;
		}
}
.style_freeMessageText__wgQkE strong {
		font-weight: 600;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/oplata/PaymentCard/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__OTTiM {
		display: flex;
		flex-flow: column;
		gap: 8px;
		padding: 32px 24px;
		border: 1px solid #E5E6E7;
		background: #fff;
		flex: 1 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__OTTiM {
				padding: 24px 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__OTTiM {
				padding: 16px 12px;
		}
}
.style_cardText__m5rsC {
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_cardText__m5rsC {
				font-size: 14px;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/oplata/PaymentMethodCard/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__ybiGe {
		display: flex;
		flex-flow: column;
		gap: 8px;
		padding: 32px 24px;
		border: 1px solid #E5E6E7;
		background: #fff;
		flex: 1 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ybiGe {
				padding: 24px 12px;
				gap: 4px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ybiGe {
				padding: 16px;
				gap: 2px;
				min-height: 95px;
		}
}
.style_card__ybiGe svg {
		width: 32px;
		height: 32px;
		min-width: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ybiGe svg {
				width: 24px;
				height: 24px;
				min-width: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ybiGe svg {
				width: 20px;
				height: 20px;
				min-width: 20px;
		}
}
.style_cardText__9Vl_V {
		color: #231F20;
		font: 400 16px/120% var(--my-open-sans-regular);
		max-width: 158px;
}
@media only screen and (max-width: 991px) {
		.style_cardText__9Vl_V {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardText__9Vl_V {
				max-width: 100%;
		}
}
.style_cardInfo__Rk7JC {
		color: #13BB39;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_cardInfo__Rk7JC {
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardInfo__Rk7JC {
				margin-top: 2px;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/NewDesign/Button/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_current__QNI9X {
		cursor: pointer;
		border: 1px solid transparent;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}
.style_current__QNI9X.style_primary___W6lm {
		font: 600 16px/140% var(--my-open-sans-regular);
		height: 46px;
		padding: 12px 24px;
		color: #fff;
		background: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_primary___W6lm {
				height: 36px;
				padding: 8px 24px;
				font-size: 14px;
		}
}
.style_current__QNI9X.style_primary___W6lm:hover {
		background: #B9182F;
}
.style_current__QNI9X.style_primary___W6lm:focus {
		border: 1px solid #B9182F;
}
.style_current__QNI9X.style_primary___W6lm:active {
		background: #E3173E;
}
.style_current__QNI9X.style_primary___W6lm:disabled {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_secondary__BA6pD {
		font: 600 16px/140% var(--my-open-sans-regular);
		height: 46px;
		padding: 12px 24px;
		color: #d2233c;
		background: #F1F1F4;
		display: flex;
		align-items: center;
		justify-content: center;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_secondary__BA6pD {
				height: 36px;
				padding: 8px 24px;
				font-size: 14px;
		}
}
.style_current__QNI9X.style_secondary__BA6pD:hover {
		background: #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:focus {
		border: 1px solid #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:active {
		background: #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:disabled {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_outline__9R_iC {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #d2233c;
		background: #fff;
		border-color: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
		height: 46px;
		padding: 12px 24px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_outline__9R_iC {
				font-size: 14px;
				height: 36px;
				padding: 8px 24px;
		}
}
.style_current__QNI9X.style_outline__9R_iC:hover {
		color: #B9182F;
		border-color: #B9182F;
}
.style_current__QNI9X.style_outline__9R_iC:focus {
		color: 1px solid #B9182F;
		border-color: #B9182F;
}
.style_current__QNI9X.style_outline__9R_iC:active {
		color: #E3173E;
		border-color: #E3173E;
}
.style_current__QNI9X.style_outline__9R_iC:disabled {
		color: #E5E6E7;
		border-color: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_link___kPny {
		color: #d2233c;
		padding: 0;
		background: transparent;
		font: 600 16px/140% var(--my-open-sans-regular);
		width: -moz-fit-content;
		width: fit-content;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_link___kPny {
				font-size: 14px;
		}
}
.style_current__QNI9X.style_link___kPny:hover {
		color: #B9182F;
}
.style_current__QNI9X.style_link___kPny:focus {
		color: #B9182F;
}
.style_current__QNI9X.style_link___kPny:active {
		color: #E3173E;
}
.style_current__QNI9X.style_link___kPny:disabled {
		color: #E5E6E7;
		cursor: not-allowed;
}

.style_old__XM4kf {
		cursor: pointer;
		border: 1px solid transparent;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
		color: #fff;
		font: 600 11px/100% var(--my-open-sans-regular);
		min-height: 35px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
}
.style_old__XM4kf.style_primary___W6lm {
		padding: 10px;
		border-radius: 2px;
		background: #d2233c;
}
.style_old__XM4kf.style_primary___W6lm:hover {
		background: #191714;
}
.style_old__XM4kf.style_primary___W6lm:active {
		background: #191714;
		background-color: #fff;
}
.style_old__XM4kf.style_primary___W6lm:focus {
		background: #191714;
		color: #fff;
}
.style_old__XM4kf.style_primary___W6lm.style_disabled__0qe__ {
		cursor: default;
}
.style_old__XM4kf.style_primary___W6lm.style_disabled__0qe__:hover {
		pointer-events: none;
}
.style_old__XM4kf.style_link___kPny {
		background: transparent;
		color: #d2233c;
		padding: 0;
		border: none;
		min-height: 0;
		text-decoration: none;
		font-weight: 400;
		font-size: 14px;
}
.style_old__XM4kf.style_link___kPny:hover {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny:active {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny:focus {
		background: transparent;
		color: #b11e33;
		box-shadow: none;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny.style_disabled__0qe__ {
		cursor: default;
		background: transparent;
		color: #b11e33;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/oplata/ModalContent/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_content__Y2IZ8 {
		display: flex;
		flex-flow: column;
		max-width: 612px;
		width: 100%;
		color: #231F20;
		max-height: 100vh;
		height: 100%;
		overflow-y: auto;
		padding-right: 40px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__Y2IZ8 {
				padding-right: 30px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__Y2IZ8 {
				padding-right: 16px;
		}
}
.style_content__Y2IZ8::-webkit-scrollbar-track {
		background-color: #F1F1F4;
		border-radius: 2px;
		margin-top: 24px;
		margin-bottom: 0;
}
.style_content__Y2IZ8::-webkit-scrollbar {
		width: 8px;
		border-radius: 1px;
}
.style_content__Y2IZ8::-webkit-scrollbar-thumb {
		background-color: #A5A8AA;
		border-radius: 1px;
		border: 2px solid #F1F1F4;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__Y2IZ8 {
				max-width: 540px;
		}
}
.style_content__Y2IZ8 p {
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__Y2IZ8 p {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__Y2IZ8 p {
				font-size: 13px;
		}
}
.style_content__Y2IZ8 b {
		font-weight: 600;
}
.style_content__Y2IZ8 h3 {
		margin: 0 0 24px 0;
		font-size: 24px;
		color: #231F20;
		max-width: 94%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__Y2IZ8 h3 {
				font-size: 20px;
				margin: 0 0 20px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__Y2IZ8 h3 {
				font-size: 18px;
				margin-bottom: 12px;
		}
}
.style_content__Y2IZ8 h4 {
		font: 600 20px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__Y2IZ8 h4 {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__Y2IZ8 h4 {
				font-size: 16px;
		}
}
.style_contentSteps__7iHWw {
		display: flex;
		flex-flow: column;
		gap: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_contentSteps__7iHWw {
				gap: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_contentSteps__7iHWw {
				gap: 12px;
		}
}
.style_contentStepsItem__6_Dat {
		display: flex;
		flex-flow: column;
		gap: 8px;
}
@media only screen and (max-width: 991px) {
		.style_contentStepsItem__6_Dat {
				gap: 4px;
		}
}
.style_contentStepsItem__6_Dat p {
		color: #231F20;
}
.style_contentStepsItem__6_Dat h4 {
		margin: 0;
		color: #231F20;
}
.style_contentBox__YGh3G {
		display: flex;
		flex-flow: column;
		gap: 8px;
		margin-top: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_contentBox__YGh3G {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_contentBox__YGh3G {
				margin-top: 12px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_contentBox__YGh3G img {
				width: 270px;
				height: 160px;
		}
}
@media only screen and (max-width: 767px) {
		.style_contentBox__YGh3G img {
				width: 244px;
				height: 145px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/oplata/ModalWrap/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__DEXRI {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(142, 142, 147, 0.6);
		z-index: 1000;
		overflow-y: auto;
		padding: 20px 10px;
}
@media only screen and (max-width: 767px) {
		.style_modalOverlay__DEXRI {
				padding: 0;
		}
}

.style_modal__H1eqS {
		margin: auto;
		outline: none;
		background: #fff;
		border-radius: 8px;
}
.style_modalWrap__HfM9l {
		position: relative;
		padding: 60px 20px 60px 60px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_modalWrap__HfM9l {
				padding: 40px 10px 40px 40px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalWrap__HfM9l {
				padding: 20px 10px 20px 20px;
		}
}
.style_modalClose__XW1u_ {
		position: absolute;
		top: 12px;
		right: 12px;
		width: 40px;
		height: 40px;
		min-width: 40px;
		color: #3E3E43;
		transition: color 0.3s;
		cursor: pointer;
		border: none;
		background: transparent;
		padding: 0;
		outline: none;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_modalClose__XW1u_ {
				top: 8px;
				right: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalClose__XW1u_ {
				width: 32px;
				height: 32px;
				min-width: 32px;
				top: 4px;
				right: 4px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_modalClose__XW1u_:hover {
				color: #000;
		}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/oplata/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_content__d1Aqz {
		display: flex;
		flex-flow: column;
		gap: 60px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__d1Aqz {
				gap: 40px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__d1Aqz {
				gap: 32px;
		}
}
.style_contentMax__PfBzR {
		max-width: 779px;
}

.style_section__0OX7G {
		display: flex;
		flex-flow: column;
		gap: 28px;
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_section__0OX7G {
				gap: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__0OX7G {
				gap: 16px;
		}
}
.style_section__0OX7G p {
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_section__0OX7G p {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__0OX7G p {
				font-size: 13px;
		}
}
.style_section__0OX7G h2 {
		margin: 0;
		font-size: 32px;
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_section__0OX7G h2 {
				font-size: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__0OX7G h2 {
				font-size: 20px;
		}
}
.style_section__0OX7G h4 {
		font: 600 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		margin: 0 0 24px 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_section__0OX7G h4 {
				font-size: 18px;
				margin: 0 0 12px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__0OX7G h4 {
				font-size: 16px;
				margin: 0 0 8px 0;
		}
}
.style_sectionMethod__0jQSv p {
		margin-top: -8px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionMethod__0jQSv p {
				margin-top: -4px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionMethod__0jQSv p {
				margin-top: 0;
		}
}
.style_sectionMethodGrid__qPkbR {
		display: flex;
		gap: 8px 12px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionMethodGrid__qPkbR {
				gap: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionMethodGrid__qPkbR {
				flex-flow: column;
				gap: 8px;
		}
}
.style_sectionPayment__Id22z .style_sectionPaymentBtn__hYXyu {
		font-size: 14px !important;
		text-align: left !important;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionPayment__Id22z .style_sectionPaymentBtn__hYXyu {
				font-size: 13px !important;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionPayment__Id22z .style_sectionPaymentBtn__hYXyu {
				font-size: 12px !important;
		}
}
.style_sectionPayment__Id22z h3 {
		font-size: 24px;
		color: #231F20;
		line-height: 130%;
		margin-bottom: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionPayment__Id22z h3 {
				font-size: 20px;
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionPayment__Id22z h3 {
				font-size: 18px;
				margin-bottom: 16px;
		}
}
.style_sectionPaymentGrid__1UNoN {
		gap: 20px;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionPaymentGrid__1UNoN {
				grid-template-columns: repeat(auto-fill, minmax(106px, 1fr));
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionPaymentGrid__1UNoN {
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-template-rows: 1fr 1fr;
				gap: 10px;
		}
}
.style_sectionSubTitle__yIGqY {
		margin: 0 0 24px 0;
}
@media only screen and (max-width: 767px) {
		.style_sectionSubTitle__yIGqY {
				margin: 0 0 8px 0;
		}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Breadcrumbs/HiddenItems/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__F6S_4 {
		display: flex;
		align-items: center;
		gap: 2px;
		border-radius: 4px;
		background: #F1F1F4;
		padding: 4px;
		cursor: pointer;
}
.style_item__F6S_4 span {
		background: #9FAAB0;
		width: 4px;
		height: 4px;
		border-radius: 50%;
}
.style_itemWrap__6k_SC {
		position: relative;
}

.style_popupWrap__jT1mz {
		position: absolute;
		left: 0;
		z-index: 100;
}
@media only screen and (max-width: 767px) {
		.style_popupWrap__jT1mz {
				left: -8px;
		}
}
.style_popupContent__KtB9a {
		position: relative;
		margin-top: 10px;
		padding: 4px 16px;
		background: #fff;
		white-space: nowrap;
		filter: drop-shadow(0 0 4px #DEDEDE);
}
@media only screen and (max-width: 767px) {
		.style_popupContent__KtB9a {
				margin-top: 14px;
				padding: 4px 8px;
		}
}
.style_popupContent__KtB9a::before {
		position: absolute;
		content: "";
		top: -10px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #ffffff;
		border-bottom: 10px solid rgb(255, 255, 255);
}
@media only screen and (max-width: 767px) {
		.style_popupContent__KtB9a::before {
				left: 8px;
		}
}

.style_elem__Hdgbt {
		display: flex;
		gap: 8px;
		align-items: center;
		padding: 12px 0;
		font: 400 15px/140% var(--my-open-sans-regular);
		color: #231F20;
		transition: color 0.3s;
		max-width: 200px;
}
@media only screen and (max-width: 767px) {
		.style_elem__Hdgbt {
				font-size: 13px;
				padding: 8px 0;
		}
}
.style_elem__Hdgbt:hover {
		color: #d2233c;
}
.style_elem__Hdgbt + .style_elem__Hdgbt {
		border-top: 1px solid #DEDEDE;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Breadcrumbs/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_breadcrumbs__ArFZk {
		display: inline-flex;
		align-items: center;
		flex-flow: row nowrap;
		width: 100%;
		margin-bottom: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_breadcrumbs__ArFZk {
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbs__ArFZk {
				margin-bottom: 12px;
		}
}
.style_breadcrumbsItem__gKNGn {
		font-size: 400 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
		transition: color 0.3s;
		white-space: nowrap;
		display: inline-block;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_breadcrumbsItem__gKNGn {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbsItem__gKNGn {
				font-size: 12px;
				line-height: 120%;
		}
}
.style_breadcrumbsItem__gKNGn:hover {
		color: #d2233c;
}
.style_breadcrumbsSeparator___74Mc {
		margin: 2px 10px 0 10px;
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbsSeparator___74Mc {
				margin: 1px 6px 0 6px;
		}
}
.style_breadcrumbsAll__gR_Tg {
		margin-top: 4px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/StaticPageLayout/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_page__2VWKt {
		margin: 48px 0 100px 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__2VWKt {
				margin: 48px 0 80px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__2VWKt {
				margin: 38px 0 60px 0;
		}
}
.style_pageWrapper__Pg_5I {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_pageWrapper__Pg_5I {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_pageWrapper__Pg_5I {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pageWrapper__Pg_5I {
				padding: 0 10px;
		}
}
.style_page__2VWKt .style_pageTitle__p83mk {
		margin: 0 0 40px 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__2VWKt .style_pageTitle__p83mk {
				margin: 0 0 32px 0;
				font-size: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__2VWKt .style_pageTitle__p83mk {
				margin: 0 0 20px 0;
				font-size: 26px;
		}
}

.style_container__QysVT {
		display: flex;
		gap: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__QysVT {
				gap: 24px;
		}
}

.style_aside__K4miK {
		min-width: 268px;
		width: 268px;
		max-width: 268px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_aside__K4miK {
				min-width: 227px;
				width: 227px;
				max-width: 227px;
		}
}
@media only screen and (max-width: 767px) {
		.style_aside__K4miK {
				display: none;
		}
}

.style_content__v5Fw7 {
		display: flex;
		flex-flow: column;
		width: calc(100% - 300px);
		min-width: calc(100% - 300px);
		max-width: calc(100% - 300px);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__v5Fw7 {
				width: calc(100% - 251px);
				min-width: calc(100% - 251px);
				max-width: calc(100% - 251px);
		}
}
@media only screen and (max-width: 767px) {
		.style_content__v5Fw7 {
				width: 100%;
				min-width: 100%;
				max-width: 100%;
		}
}