/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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/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/RollableBlock/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_titleContainer__CN6SE {
		display: flex;
		align-items: center;
		gap: 6px;
		font-size: 13px;
		font-weight: 400;
		line-height: 120%;
}
.style_titleContainer__CN6SE svg {
		margin-top: 4px;
}

.style_open__RsEvo {
		margin-top: 16px;
}
.style_open__RsEvo svg {
		transform: rotateX(180deg);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/shared/modals/ClubModal/ClubModalHowToIncreaseDiscount/components/LevelCard/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__EgzxY {
		padding: 12px 16px;
		border-radius: 4px;
		background-color: #F8F8FB;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__EgzxY {
				padding: 8px 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__EgzxY {
				padding: 12px 16px;
				flex-flow: row;
				align-items: center;
		}
}
.style_cardLevel___vfxi {
		color: #231F20;
		font: 600 11px/130% var(--my-open-sans-regular);
		white-space: nowrap;
}
@media only screen and (max-width: 991px) {
		.style_cardLevel___vfxi {
				font-size: 10px;
		}
}
.style_cardPercent__Op_E8 {
		color: #d2233c;
		font: 600 32px/124% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardPercent__Op_E8 {
				font-size: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardPercent__Op_E8 {
				font-size: 20px;
		}
}
.style_cardText__5Nr1S {
		color: #3E3E43;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_cardText__5Nr1S {
				font-size: 12px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/modals/ClubModal/ClubModalHowToIncreaseDiscount/components/Message/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_message__dbdXk {
		padding: 12px 16px;
		border-radius: 4px;
		background-color: #F8F8FB;
}
.style_messageTitle__dcpxi {
		color: #231F20;
		font: 600 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_messageTitle__dcpxi {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_messageTitle__dcpxi {
				font-size: 13px;
		}
}
.style_messageText__GGk2b {
		color: #231F20;
		font: 400 14px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_messageText__GGk2b {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_messageText__GGk2b {
				font-size: 12px;
		}
}
.style_message__dbdXk svg {
		min-width: 36px;
}
@media only screen and (max-width: 767px) {
		.style_message__dbdXk svg {
				min-width: 28px;
				width: 28px;
				height: 28px;
		}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/lukoilClub/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_wrapper__Lgs7H {
		display: flex;
		flex-flow: column;
		gap: 60px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_wrapper__Lgs7H {
				gap: 40px;
		}
}
@media only screen and (max-width: 767px) {
		.style_wrapper__Lgs7H {
				gap: 32px;
		}
}
.style_wrapper__Lgs7H .style_pageButton__CWkxa {
		width: -moz-fit-content;
		width: fit-content;
		padding: 12px 20px;
		height: auto;
}
@media only screen and (max-width: 991px) {
		.style_wrapper__Lgs7H .style_pageButton__CWkxa {
				padding: 6px 12px;
				font-size: 14px;
		}
}

.style_banner__OqaDU {
		width: 100%;
		height: auto;
		border-radius: 8px;
}
.style_bannerDesc__JYYh9 {
		aspect-ratio: 880/275;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_bannerDesc__JYYh9 {
				aspect-ratio: 484/152;
		}
}
@media only screen and (max-width: 767px) {
		.style_bannerDesc__JYYh9 {
				display: none;
		}
}
.style_bannerMob__k9XJ8 {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_bannerMob__k9XJ8 {
				display: block;
				aspect-ratio: 300/172;
		}
}

.style_sectionTop__JtQeX {
		display: flex;
		flex-flow: column;
		gap: 20px;
}
@media only screen and (max-width: 767px) {
		.style_sectionTop__JtQeX {
				gap: 12px;
		}
}
.style_sectionContent__wsL6z p:nth-child(1) {
		font: 400 20px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionContent__wsL6z p:nth-child(1) {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionContent__wsL6z p:nth-child(1) {
				font-size: 16px;
		}
}
.style_sectionContent__wsL6z p + p,
.style_sectionContent__wsL6z p + div,
.style_sectionContent__wsL6z div + p {
		margin-top: 20px;
}
@media only screen and (max-width: 767px) {
		.style_sectionContent__wsL6z p + p,
		.style_sectionContent__wsL6z p + div,
		.style_sectionContent__wsL6z div + p {
				margin-top: 12px;
		}
}
.style_sectionContent__wsL6z div {
		font: 600 14px/140% var(--my-open-sans-regular);
		color: #d2233c;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionContent__wsL6z div {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionContent__wsL6z div {
				font-size: 12px;
		}
}
.style_sectionTitle__3r4Gb {
		color: #231F20;
		font: 600 20px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionTitle__3r4Gb {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionTitle__3r4Gb {
				font-size: 16px;
		}
}
.style_sectionCenter__Y7guU {
		display: flex;
		flex-flow: column;
		gap: 30px;
}
@media only screen and (max-width: 767px) {
		.style_sectionCenter__Y7guU {
				gap: 20px;
		}
}
.style_sectionCenterGrid__ppx6q {
		display: flex;
		gap: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionCenterGrid__ppx6q {
				gap: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionCenterGrid__ppx6q {
				gap: 12px;
				flex-flow: column;
		}
}
.style_sectionCenterMessage__udQYJ {
		width: calc(66.6666666667% - 10px);
}
@media only screen and (max-width: 991px) {
		.style_sectionCenterMessage__udQYJ {
				width: 100%;
		}
}
.style_sectionBottomTitle__Ndfkg {
		margin-bottom: 16px;
}
.style_sectionBottomContent__enqt8 ul {
		margin: 0;
}
.style_sectionBottomContent__enqt8 ul li + li {
		margin-top: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionBottomContent__enqt8 ul li + li {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionBottomContent__enqt8 ul li + li {
				margin-top: 16px;
		}
}
.style_sectionBottomContentFirst__bCeIs {
		margin-top: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionBottomContentFirst__bCeIs {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionBottomContentFirst__bCeIs {
				margin-top: 16px;
		}
}

.style_rollable__B0PGF {
		font: 600 16px/140% var(--my-open-sans-regular) !important;
		gap: 8px !important;
		color: #d2233c !important;
		margin-top: 20px !important;
		display: flex;
		align-items: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_rollable__B0PGF {
				font-size: 13px !important;
				gap: 4px !important;
		}
}
@media only screen and (max-width: 767px) {
		.style_rollable__B0PGF {
				font-size: 12px !important;
				gap: 2px !important;
		}
}
.style_rollable__B0PGF svg {
		min-width: 16px;
		width: 16px;
		height: 16px;
		margin: 2px 0 0 0;
}
.style_rollableContainer___KIkL {
		margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_rollableContainer___KIkL {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_rollableContainer___KIkL {
				margin-top: 16px;
		}
}

.style_open__mxfoO {
		margin-top: 16px;
}
.style_open__mxfoO svg {
		transform: rotateX(180deg);
}

@media only screen and (max-width: 991px) {
		.style_fragment__blgjK {
				display: none;
		}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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%;
		}
}
