/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionAbout/SectionAboutCard/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__0Tk97 {
		background-color: #fff;
		display: flex;
		gap: 12px;
		padding: 28px;
		border-radius: 8px;
		color: #151515;
		font: 600 20px/140% var(--my-open-sans-regular);
		flex: 1 1;
}
@media only screen and (max-width: 991px) {
		.style_card__0Tk97 {
				gap: 8px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__0Tk97 {
				padding: 20px;
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__0Tk97 {
				padding: 12px;
				font-size: 16px;
		}
}
.style_card__0Tk97 svg {
		min-width: 32px;
}
@media only screen and (max-width: 991px) {
		.style_card__0Tk97 svg {
				width: 26px;
				height: 26px;
				min-width: 26px;
		}
}
.style_card__0Tk97 span {
		max-width: 172px;
}
@media only screen and (max-width: 767px) {
		.style_card__0Tk97 span {
				max-width: 100%;
		}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionAbout/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_section__27ojp {
		margin-top: 100px;
		background-color: #F1F1F4;
		width: 100%;
		padding: 80px 0 85px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_section__27ojp {
				margin-top: 52px;
				padding: 40px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__27ojp {
				margin-top: 40px;
				padding: 32px 0;
		}
}
.style_sectionWrapper__RCEOt {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_sectionWrapper__RCEOt {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_sectionWrapper__RCEOt {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionWrapper__RCEOt {
				padding: 0 10px;
		}
}
.style_sectionTitle__WfoYc {
		margin-bottom: 38px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionTitle__WfoYc {
				margin-bottom: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionTitle__WfoYc {
				margin-bottom: 20px;
		}
}
.style_sectionSubTitle__8gWOr {
		color: #d2233c;
		font: 600 32px/124% var(--my-open-sans-regular);
		margin-bottom: 32px;
		margin-top: 8px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionSubTitle__8gWOr {
				font-size: 24px;
				margin: 32px 0 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionSubTitle__8gWOr {
				margin: 24px 0 16px;
				font-size: 20px;
		}
}

.style_container__lrObx {
		display: flex;
		gap: 20px 12px;
		width: 100%;
}
@media only screen and (max-width: 767px) {
		.style_container__lrObx {
				flex-flow: column;
		}
}
.style_containerGraphic__zLU5I {
		width: 380px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_containerGraphic__zLU5I {
				width: 295px;
		}
}
@media only screen and (max-width: 767px) {
		.style_containerGraphic__zLU5I {
				width: 100%;
		}
}
.style_containerGraphic__zLU5I img {
		object-fit: cover;
		width: 100%;
		height: auto;
		margin: 0 auto;
}
@media only screen and (max-width: 991px) {
		.style_containerGraphic__zLU5I img {
				max-width: 215px;
		}
}
@media only screen and (max-width: 576px) {
		.style_containerGraphic__zLU5I img {
				max-width: 183px;
		}
}
.style_containerGraphicText__v7TUA {
		margin-top: 8px;
		color: #151515;
		font: 600 18px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_containerGraphicText__v7TUA {
				margin-top: 0;
				font-size: 16px;
		}
}
.style_containerGraphicLink__XR0Hm {
		margin-top: 12px;
		color: #d2233c;
		font: 600 12px/140% var(--my-open-sans-regular);
		text-decoration: underline;
		transition: color 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_containerGraphicLink__XR0Hm {
				margin-top: 4px;
		}
}
.style_containerGraphicLink__XR0Hm:hover {
		color: #B9182F;
}
.style_containerText__Ly41d {
		width: calc(100% - 400px);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_containerText__Ly41d {
				width: calc(100% - 295px);
		}
}
@media only screen and (max-width: 767px) {
		.style_containerText__Ly41d {
				width: 100%;
		}
}

.style_text__JZXnv {
		color: #151515;
		font: 400 20px/140% var(--my-open-sans-regular);
		max-width: 680px;
		margin: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__JZXnv {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__JZXnv {
				font-size: 16px;
		}
}
.style_text__JZXnv + .style_text__JZXnv {
		margin-top: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__JZXnv + .style_text__JZXnv {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__JZXnv + .style_text__JZXnv {
				margin-top: 12px;
		}
}

.style_grid__b7LA8 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 12px 20px;
}
@media only screen and (max-width: 767px) {
		.style_grid__b7LA8 {
				grid-template-columns: 1fr;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionBottom/Social/Item/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__4r5Zk {
		background-color: #fff;
		border-radius: 4px;
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_item__4r5Zk {
				padding: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_item__4r5Zk {
				padding: 12px;
		}
}
.style_item__4r5Zk:hover img {
		opacity: 0.7;
}
.style_item__4r5Zk img {
		transition: opacity 0.3s;
		min-width: 32px;
}
@media only screen and (max-width: 991px) {
		.style_item__4r5Zk img {
				width: 24px;
				height: 24px;
				min-width: 24px;
		}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionBottom/Social/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__JlXL5 {
		position: relative;
		background-color: #F1F1F4;
		border-radius: 8px;
		padding: 40px 40px 0 40px;
		display: flex;
		flex-flow: column;
		overflow: hidden;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_block__JlXL5 {
				padding: 28px 28px 0 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_block__JlXL5 {
				padding: 20px;
				border-radius: 4px;
		}
}

.style_title___YLzh {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #151515;
		margin-bottom: 12px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title___YLzh {
				font-size: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title___YLzh {
				font-size: 18px;
		}
}

.style_text__ECTE6 {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #151515;
		padding-right: 30px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__ECTE6 {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__ECTE6 {
				font-size: 13px;
		}
}

.style_grid__Y87u9 {
		display: flex;
		gap: 16px;
		align-items: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_grid__Y87u9 {
				gap: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_grid__Y87u9 {
				gap: 16px;
				margin-top: 16px;
		}
}

.style_image__K7Ekx {
		align-self: flex-end;
		margin-right: -40px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_image__K7Ekx {
				height: 97px;
				width: auto;
				margin-right: -52px;
				margin-bottom: -10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_image__K7Ekx {
				position: absolute;
				width: auto;
				height: 86px;
				right: -23px;
				bottom: -12px;
				margin-right: 0;
		}
}

.style_container__V6I2c {
		display: flex;
		justify-content: space-between;
		height: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionBottom/Subscribe/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_subscribe__u9DCu {
		padding: 40px;
		background-color: #F1F1F4;
		border-radius: 8px;
		display: flex;
		flex-flow: column;
		overflow: hidden;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_subscribe__u9DCu {
				padding: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_subscribe__u9DCu {
				padding: 20px;
				border-radius: 4px;
		}
}
.style_subscribeTitle__sOkMw {
		font: 600 24px/130% var(--my-open-sans-regular);
		margin-bottom: 20px;
		color: #151515;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_subscribeTitle__sOkMw {
				font-size: 20px;
				margin-bottom: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_subscribeTitle__sOkMw {
				font-size: 18px;
				margin-bottom: 16px;
		}
}
.style_subscribeTitle__sOkMw strong {
		color: #d2233c;
		font-weight: 600;
}
.style_subscribeForm__wQnyP {
		min-height: 36px;
}

.style_text__LN4xi {
		color: #151515;
		font: 400 13px/140% var(--my-open-sans-regular);
		margin-top: 30px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__LN4xi {
				margin-top: 16px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__LN4xi {
				margin-top: 20px;
				font-size: 12px;
		}
}

.style_link__w92QV {
		color: #d2233c;
		transition: color 0.3s;
}
.style_link__w92QV:hover {
		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/home/SectionBottom/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_section__Z43Jd {
		width: 100%;
		margin-top: 100px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_section__Z43Jd {
				margin-top: 52px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__Z43Jd {
				margin-top: 40px;
		}
}
.style_sectionWrapper__yOJAP {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_sectionWrapper__yOJAP {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_sectionWrapper__yOJAP {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionWrapper__yOJAP {
				padding: 0 10px;
		}
}

.style_grid__kYp5A {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		width: 100%;
}
@media only screen and (max-width: 767px) {
		.style_grid__kYp5A {
				grid-template-columns: 1fr;
		}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/SectionCatalogCard/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__XkaBm {
		border-radius: 8px;
		position: relative;
		overflow: hidden;
		height: 280px;
		background-color: #fff;
}
@media only screen and (max-width: 1199px) {
		.style_card__XkaBm {
				height: 172px;
				border-radius: 5px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__XkaBm {
				border-radius: 5px;
				height: 146px;
		}
}
.style_card__XkaBm:hover .style_cardCircle__l2klc:before {
		animation-name: style_arrow-in__4f_V7;
}
.style_cardBg__qtACH {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
}
.style_cardOil__LDoUQ {
		position: absolute;
		right: 12px;
		bottom: 0;
}
@media only screen and (max-width: 1199px) {
		.style_cardOil__LDoUQ {
				width: 150px;
				height: 150px;
				right: 0;
				top: calc(50% - 75px);
		}
}
@media only screen and (max-width: 767px) {
		.style_cardOil__LDoUQ {
				height: 132px;
				right: 0;
				top: calc(50% - 66px);
				width: 132px;
		}
}
.style_cardContent__38QBQ {
		position: relative;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
		height: 100%;
		padding: 40px;
}
@media only screen and (max-width: 1199px) {
		.style_cardContent__38QBQ {
				padding: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardContent__38QBQ {
				padding: 20px;
		}
}
.style_cardTitle__f5lpV {
		color: #231F20;
		font: 600 32px/124% var(--my-open-sans-regular);
		max-width: 270px;
		z-index: 1;
}
@media only screen and (max-width: 1199px) {
		.style_cardTitle__f5lpV {
				font-size: 24px;
				max-width: 225px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardTitle__f5lpV {
				font-size: 20px;
				max-width: 170px;
		}
}
.style_cardCircle__l2klc {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 60px;
		height: 60px;
}
@media only screen and (max-width: 1199px) {
		.style_cardCircle__l2klc {
				width: 40px;
				height: 40px;
				margin-left: -9px;
				margin-bottom: -8px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_cardCircle__l2klc svg {
				height: 40px;
				width: 40px;
				min-width: 40px;
		}
}
.style_cardCircle__l2klc:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border: 2px solid #d2233c;
		animation: style_arrow-out__wy6zW 0.2s alternate forwards ease-out;
}
.style_card__XkaBm.style_small__E4GSc .style_cardOil__LDoUQ {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 180px;
		height: 180px;
}
@media only screen and (max-width: 1199px) {
		.style_card__XkaBm.style_small__E4GSc .style_cardOil__LDoUQ {
				width: 105px;
				height: 105px;
				bottom: 0;
				top: auto;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__XkaBm.style_small__E4GSc .style_cardOil__LDoUQ {
				height: 132px;
				top: calc(50% - 66px);
				width: 132px;
		}
}

@keyframes style_arrow-in__4f_V7 {
		0% {
				opacity: 0;
				transform: scale(0.6);
		}
		50% {
				opacity: 0.7;
		}
		100% {
				opacity: 1;
				transform: scale(1);
		}
}
@keyframes style_arrow-out__wy6zW {
		0% {
				opacity: 1;
				transform: scale(1);
		}
		30% {
				opacity: 0.5;
		}
		100% {
				opacity: 0;
				transform: scale(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/LabelForArticle/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_label__XArzE {
		position: relative;
		text-transform: uppercase;
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3px 4px 3px 6px;
		color: #fff;
		font: 600 11px/130% var(--my-open-sans-regular);
		height: 20px;
		border-radius: 1px;
		background-color: var(--color);
}
@media only screen and (max-width: 767px) {
		.style_label__XArzE {
				font-size: 10px;
				height: 19px;
		}
}
.style_label__XArzE:before, .style_label__XArzE:after {
		content: "";
		width: 0;
		height: 0;
		border-right: 7px solid transparent;
		right: -5px;
		position: absolute;
		top: 0;
}
.style_label__XArzE:before {
		border-top: 20px solid var(--color);
}
@media only screen and (max-width: 767px) {
		.style_label__XArzE:before {
				border-top-width: 19px;
		}
}
.style_label__XArzE:after {
		border-top: none;
		border-bottom: 20px solid var(--color);
}
@media only screen and (max-width: 767px) {
		.style_label__XArzE:after {
				border-bottom-width: 19px;
		}
}

.style_blue___y6SU {
		background-color: #14ABC6;
}
.style_blue___y6SU:before {
		border-top: 20px solid #14ABC6;
}
@media only screen and (max-width: 767px) {
		.style_blue___y6SU:before {
				border-top-width: 19px;
		}
}
.style_blue___y6SU:after {
		border-top: none;
		border-bottom: 20px solid #14ABC6;
}
@media only screen and (max-width: 767px) {
		.style_blue___y6SU:after {
				border-bottom-width: 19px;
		}
}

.style_orange__QgrAd {
		background-color: #FE5721;
}
.style_orange__QgrAd:before {
		border-top: 20px solid #FE5721;
}
@media only screen and (max-width: 767px) {
		.style_orange__QgrAd:before {
				border-top-width: 19px;
		}
}
.style_orange__QgrAd:after {
		border-top: none;
		border-bottom: 20px solid #FE5721;
}
@media only screen and (max-width: 767px) {
		.style_orange__QgrAd:after {
				border-bottom-width: 19px;
		}
}

.style_red__7LHim {
		background-color: #d2233c;
}
.style_red__7LHim:before {
		border-top: 20px solid #d2233c;
}
@media only screen and (max-width: 767px) {
		.style_red__7LHim:before {
				border-top-width: 19px;
		}
}
.style_red__7LHim:after {
		border-top: none;
		border-bottom: 20px solid #d2233c;
}
@media only screen and (max-width: 767px) {
		.style_red__7LHim:after {
				border-bottom-width: 19px;
		}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionBottom/Subscribe/SubscribeForm/InputFormText/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_input__nfe2j {
		max-width: 100%;
		width: 100%;
		font: 400 14px/100% var(--my-open-sans-regular);
		padding: 12px 20px;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		height: 44px;
		color: #231F20;
		flex: 1 1 auto;
}
@media only screen and (max-width: 767px) {
		.style_input__nfe2j {
				height: 38px;
				font-size: 13px;
				padding: 10px 16px;
		}
}
.style_input__nfe2j.style_error__GyI3n {
		border-color: #EC7272;
}
.style_input__nfe2j::placeholder {
		color: #8E8E93;
}
.style_input__nfe2j:focus {
		border: 1px solid #A5A8AA;
}
.style_input__nfe2j:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_input__nfe2j:disabled {
		background: #F2F2F2;
		color: #8E8E93;
}
.style_input__nfe2j + .style_error__GyI3n {
		margin-top: 4px;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #EC7272;
}
.style_inputWrap__2zPQP {
		display: flex;
		flex-flow: column;
		width: 100%;
		position: relative;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionBottom/Subscribe/SubscribeForm/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__R93W_ {
		display: flex;
		flex-flow: column;
		position: relative;
}
.style_formInner__dd7bE {
		display: flex;
		align-items: center;
		width: 100%;
		gap: 0 16px;
}
@media only screen and (max-width: 767px) {
		.style_formInner__dd7bE {
				gap: 0 12px;
		}
}

.style_error__Dioz9 {
		position: absolute;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #EC7272;
		top: 44px;
}
@media only screen and (max-width: 767px) {
		.style_error__Dioz9 {
				top: 36px;
				font-size: 11px;
				line-height: 120%;
		}
}

.style_btnSubmit__Zj_nB {
		height: 44px;
		padding: 0;
		width: 44px;
		min-width: 44px;
		border-radius: 4px;
		border: 1px solid #d2233c;
		cursor: pointer;
		background-color: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_btnSubmit__Zj_nB {
				height: 38px;
				width: 38px;
				min-width: 38px;
		}
}
.style_btnSubmit__Zj_nB svg {
		min-width: 14px;
		margin-left: 3px;
}
@media only screen and (max-width: 767px) {
		.style_btnSubmit__Zj_nB svg {
				width: 13px;
				min-width: 13px;
				height: auto;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_btnSubmit__Zj_nB:hover {
				background-color: #B9182F;
		}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionCatalog/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_section___10n1 {
		margin-top: 100px;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_section___10n1 {
				margin-top: 52px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section___10n1 {
				margin-top: 40px;
		}
}
.style_sectionWrapper__IO7On {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_sectionWrapper__IO7On {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_sectionWrapper__IO7On {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionWrapper__IO7On {
				padding: 0 10px;
		}
}

.style_grid__0iUtU {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
		.style_grid__0iUtU {
				margin-bottom: 16px;
				gap: 16px;
				grid-template-columns: 1fr;
		}
}

.style_gridBottom___TFLj {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
}
@media only screen and (max-width: 767px) {
		.style_gridBottom___TFLj {
				gap: 16px;
				grid-template-columns: 1fr;
		}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./node_modules/swiper/swiper.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionMain/MainSlider/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_sliderWrap__0ZHlO {
		margin-bottom: 24px;
		position: relative;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sliderWrap__0ZHlO {
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sliderWrap__0ZHlO {
				margin-bottom: 16px;
		}
}

.style_slideLink__1afgx {
		height: 100%;
		width: 100%;
}
.style_slideContainer__v2KlD {
		border-radius: 12px;
		overflow: hidden;
}
@media only screen and (max-width: 767px) {
		.style_slideContainer__v2KlD {
				border-radius: 4px;
		}
}

.style_img__DsXwx {
		object-fit: cover;
		position: absolute;
}
@media only screen and (max-width: 767px) {
		.style_img__DsXwx {
				object-fit: contain;
		}
}
.style_imgMob__Xiu5B {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_imgMob__Xiu5B {
				display: block;
		}
}
@media only screen and (max-width: 767px) {
		.style_imgDesc__DEJMU {
				display: none;
		}
}
.style_imgWrap__9Oew7 {
		position: relative;
		padding-bottom: 38.98%;
		height: 0;
		pointer-events: none;
}
@media only screen and (max-width: 767px) {
		.style_imgWrap__9Oew7 {
				padding-bottom: 57.33%;
		}
}
.style_imgWrap__9Oew7 img {
		object-fit: contain;
}

.style_swiperPagination__Gw0Fc {
		display: flex;
		justify-content: center;
		margin-top: 20px;
		align-items: center;
		cursor: pointer;
		gap: 8px;
}
@media only screen and (max-width: 1199px) {
		.style_swiperPagination__Gw0Fc {
				margin-top: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_swiperPagination__Gw0Fc {
				margin-top: 8px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionMain/SectionCard/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__P8h27 {
		background-color: #fff;
		display: flex;
		gap: 8px;
		align-items: center;
		padding: 10px 12px;
		border-radius: 8px;
		color: #231F20;
		font: 600 16px/140% var(--my-open-sans-regular);
		cursor: pointer;
		transition: color 0.3s, background-color 0.3s;
		flex: 1 1;
		min-height: 64px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__P8h27 {
				padding: 12px;
				font-size: 14px;
				gap: 6px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__P8h27 {
				padding: 10px 16px;
				gap: 8px;
				font-size: 14px;
				min-height: 44px;
		}
}
.style_card__P8h27 span {
		max-width: 120px;
}
@media only screen and (max-width: 767px) {
		.style_card__P8h27 span {
				max-width: 100%;
		}
}
.style_card__P8h27 svg {
		color: #d2233c;
		transition: color 0.3s;
		min-width: 24px;
}
.style_card__P8h27:hover {
		background-color: #d2233c;
		color: #fff;
}
.style_card__P8h27:hover svg {
		color: #fff;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionMain/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_section__Qw_tl {
		background-color: #F1F1F4;
		display: flex;
		width: 100%;
}

.style_wrapper__NVjKC {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
		width: 100%;
}
@media only screen and (min-width: 1399px) {
		.style_wrapper__NVjKC {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_wrapper__NVjKC {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_wrapper__NVjKC {
				padding: 0 10px;
		}
}

.style_content__AnUuu {
		padding: 32px 0;
		display: flex;
		flex-flow: column;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__AnUuu {
				padding: 24px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__AnUuu {
				padding: 20px 0;
		}
}

.style_grid__i8tOy {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
		gap: 20px;
}
@media only screen and (max-width: 767px) {
		.style_grid__i8tOy {
				gap: 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/core/SectionLinkFromSlider/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_link__c_Iu0 {
		display: flex;
		align-items: center;
		gap: 4px;
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #151515;
		transition: color 0.3s;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_link__c_Iu0 {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_link__c_Iu0 {
				font-size: 13px;
		}
}
.style_link__c_Iu0:hover {
		color: #B9182F;
}
.style_link__c_Iu0:focus {
		color: #d2233c;
}
.style_link__c_Iu0:active {
		color: #E3173E;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionNews/SectionNewsCard/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes style_hover__s34_W {
		0% {
				top: auto;
		}
		5% {
				top: 35%;
		}
		10% {
				top: 31%;
		}
		15% {
				top: 28%;
		}
		20% {
				top: 25%;
		}
		30% {
				top: 21%;
		}
		40% {
				top: 17%;
		}
		50% {
				top: 13%;
		}
		60% {
				top: 9%;
		}
		70% {
				top: 7%;
		}
		80% {
				top: 5%;
		}
		90% {
				top: 3%;
		}
		100% {
				top: 0;
		}
}
@keyframes style_idle__U_XCU {
		0% {
				top: 0;
		}
		5% {
				top: 5%;
		}
		10% {
				top: 9%;
		}
		15% {
				top: 14%;
		}
		20% {
				top: 19%;
		}
		30% {
				top: 24%;
		}
		40% {
				top: 27%;
		}
		50% {
				top: 30%;
		}
		60% {
				top: 31%;
		}
		70% {
				top: 32%;
		}
		80% {
				top: 34%;
		}
		90% {
				top: 36%;
		}
		100% {
				top: auto;
		}
}
.style_card__J7obr {
		border-radius: 12px;
		padding: 28px;
		position: relative;
		overflow: hidden;
		height: 380px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__J7obr {
				height: 280px;
				padding: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__J7obr {
				height: 247px;
				padding: 16px;
				border-radius: 4px;
		}
}
.style_card__J7obr:hover .style_cardContent__wZ65q {
		animation: style_hover__s34_W 0.4s forwards alternate ease-out;
}
.style_card__J7obr:hover .style_cardLink__9QvEl {
		opacity: 1;
}
@media only screen and (max-width: 767px) {
		.style_card__J7obr:nth-child(2) {
				display: none;
		}
}
@media only screen and (max-width: 991px) {
		.style_card__J7obr:nth-child(3) {
				display: none;
		}
}
.style_cardContent__wZ65q {
		animation: style_idle__U_XCU 0.4s forwards alternate ease-out;
}
.style_cardBg__VL9EI {
		background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%) no-repeat;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}
.style_card__J7obr img {
		object-fit: cover;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}
.style_cardBox__B3t94 {
		position: relative;
		display: flex;
		flex-flow: column;
		justify-content: flex-end;
		height: 100%;
}
.style_cardContent__wZ65q {
		position: absolute;
}
.style_cardTop__eQMbc {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
		.style_cardTop__eQMbc {
				gap: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardTop__eQMbc {
				margin-bottom: 8px;
		}
}
.style_cardTopDate__RKsz8 {
		color: #fff;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_cardTopDate__RKsz8 {
				font-size: 12px;
		}
}
.style_cardTitle__N2xk6 {
		color: #fff;
		font: 600 20px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardTitle__N2xk6 {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardTitle__N2xk6 {
				font-size: 16px;
		}
}
.style_cardText__UQwSq {
		color: #fff;
		font: 400 16px/140% var(--my-open-sans-regular);
		margin-top: 8px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardText__UQwSq {
				font-size: 14px;
				margin-top: 6px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardText__UQwSq {
				font-size: 13px;
				margin-top: 4px;
		}
}
.style_cardTextBox__ONJl9 {
		overflow: hidden;
		position: relative;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		text-overflow: ellipsis;
		white-space: pre-line;
}
.style_cardBottom__giqc7 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-top: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardBottom__giqc7 {
				margin-top: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardBottom__giqc7 {
				margin-top: 12px;
		}
}
.style_cardBottomItem__SLlJh {
		display: flex;
		align-items: center;
		gap: 8px;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #fff;
}
@media only screen and (max-width: 991px) {
		.style_cardBottomItem__SLlJh {
				font-size: 12px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardBottomItem__SLlJh {
				gap: 6px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardBottomItem__SLlJh {
				gap: 4px;
		}
}
.style_cardBottomItem__SLlJh svg {
		min-width: 16px;
}
.style_cardLink__9QvEl {
		display: flex;
		align-items: center;
		gap: 4px;
		color: #fff;
		font: 600 16px/140% var(--my-open-sans-regular);
		width: -moz-fit-content;
		width: fit-content;
		transition: all 0.3s;
		position: relative;
		opacity: 0;
}
@media only screen and (max-width: 991px) {
		.style_cardLink__9QvEl {
				font-size: 13px;
		}
}
.style_cardLink__9QvEl svg {
		display: block;
		min-width: 16px;
}
.style_cardLink__9QvEl:hover {
		color: #B9182F;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionNews/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_section__9O_Bd {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
		width: 100%;
}
@media only screen and (min-width: 1399px) {
		.style_section__9O_Bd {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_section__9O_Bd {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__9O_Bd {
				padding: 0 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__9O_Bd .style_linkContainerDesktop__qLJmW {
				display: none;
		}
}
.style_section__9O_Bd .style_linkContainerMobile__n9x4N {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_section__9O_Bd .style_linkContainerMobile__n9x4N {
				display: flex;
				margin-top: 24px;
		}
}

.style_titleContainer__On97a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 32px;
		margin-top: 100px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_titleContainer__On97a {
				margin-bottom: 28px;
				margin-top: 52px;
		}
}
@media only screen and (max-width: 767px) {
		.style_titleContainer__On97a {
				margin-bottom: 20px;
				margin-top: 40px;
		}
}

.style_grid__LRexu {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		flex: 1 1;
		gap: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_grid__LRexu {
				grid-template-columns: 1fr 1fr;
		}
}
@media only screen and (max-width: 767px) {
		.style_grid__LRexu {
				grid-template-columns: 1fr;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionOil/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_section__ZH2O5 {
		margin-top: 100px;
		width: 100%;
		position: relative;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_section__ZH2O5 {
				margin-top: 52px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__ZH2O5 {
				margin-top: 40px;
		}
}
.style_sectionWrapper__uUPDp {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_sectionWrapper__uUPDp {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_sectionWrapper__uUPDp {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionWrapper__uUPDp {
				padding: 0 10px;
		}
}
.style_sectionContent__2dH5s {
		position: relative;
		width: 100%;
		border-radius: 8px;
		overflow: hidden;
		display: flex;
		justify-content: center;
}
@media only screen and (max-width: 767px) {
		.style_sectionContent__2dH5s {
				border-radius: 4px;
				flex-flow: column;
				justify-content: flex-end;
		}
}
.style_section__ZH2O5 .style_link__94yS5 {
		height: 36px;
		width: 168px;
		padding: 8px 20px;
		font-size: 14px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_section__ZH2O5 .style_link__94yS5 {
				height: 34px;
				width: 136px;
				padding: 5px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__ZH2O5 .style_link__94yS5 {
				height: 28px;
				width: 123px;
				padding: 4px;
				font-size: 12px;
		}
}
.style_sectionBg__LOX6L {
		object-fit: cover;
		z-index: -1;
}
@media only screen and (max-width: 767px) {
		.style_sectionBg__LOX6L {
				min-height: 480px;
		}
}
.style_sectionBgMob__nfhfs {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_sectionBgMob__nfhfs {
				display: block;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionBgDesc__JUWXl {
				display: none;
		}
}
.style_sectionBgOil__XbSoq {
		object-fit: contain;
		width: auto;
		height: 100%;
		position: relative;
		top: 9px;
		right: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionBgOil__XbSoq {
				top: 5px;
				right: 1px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionBgOil__XbSoq {
				top: 11px;
				right: 10px;
				width: 280px;
				object-fit: contain;
				position: absolute;
		}
}
.style_sectionBgOilContainer__rDeNA {
		position: relative;
		width: 40.8333333333%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionBgOilContainer__rDeNA {
				width: 51%;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionBgOilContainer__rDeNA {
				height: 220px;
				width: 100%;
		}
}
.style_sectionBox__5BwTY {
		width: 59.1666666667%;
		padding: 80px 0 74px 80px;
		order: -1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionBox__5BwTY {
				width: 49%;
				padding: 32px 0 32px 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionBox__5BwTY {
				width: 100%;
				padding: 0 20px 20px;
				order: 1;
		}
}
.style_sectionTitle__0sKP2 {
		font: 600 40px/124% var(--my-open-sans-regular);
		color: #fff;
		margin-bottom: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionTitle__0sKP2 {
				font-size: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionTitle__0sKP2 {
				font-size: 26px;
				margin-bottom: 8px;
		}
}
.style_sectionText__4ub_q {
		font: 400 20px/140% var(--my-open-sans-regular);
		color: #fff;
		margin-bottom: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionText__4ub_q {
				font-size: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionText__4ub_q {
				margin-bottom: 16px;
				font-size: 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/core/AddToCart/AddToCardPreloader/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_loader___0WKp {
		position: absolute;
		inset: 0;
		background-color: rgba(255, 255, 255, 0.8);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Favorite/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_like__FQmiz {
		display: flex;
		align-items: center;
		gap: 8px;
		cursor: pointer;
		white-space: nowrap;
		width: -moz-fit-content;
		width: fit-content;
		padding: 0;
		border: none;
		background: transparent;
}
@media only screen and (max-width: 767px) {
		.style_like__FQmiz {
				gap: 4px;
		}
}
.style_like__FQmiz svg {
		min-width: 24px;
}
.style_like__FQmiz svg path {
		transition: fill 0.3s ease, stroke 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
		.style_like__FQmiz:hover svg path {
				stroke: #d2233c;
		}
		.style_like__FQmiz:hover .style_text__GUlCd {
				color: #d2233c;
		}
}
.style_like__FQmiz.style_active__ucf9V svg path {
		fill: #d2233c;
		stroke: #d2233c;
}
.style_like__FQmiz.style_active__ucf9V .style_text__GUlCd {
		color: #d2233c;
}
@media (hover: hover) and (pointer: fine) {
		.style_like__FQmiz.style_active__ucf9V:hover svg path {
				fill: #d2233c;
				stroke: #d2233c;
		}
}

.style_text__GUlCd {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_text__GUlCd {
				font-size: 13px;
				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/core/LabelProduct/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_label__KiNpg {
		position: relative;
		border: 1.5px solid #000;
		text-transform: uppercase;
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 8px;
		color: #000;
		background-color: #fff;
}
.style_labelDetail__J7GUv {
		font: 600 12px 100% var(--my-open-sans-regular);
		border-radius: 2px;
}
@media only screen and (max-width: 767px) {
		.style_labelDetail__J7GUv {
				font-size: 10px;
				padding: 6px;
				height: 18px;
		}
}
.style_labelCard__zMAgH {
		font: 600 11px 100% var(--my-open-sans-regular);
}
.style_labelLk__Anveq {
		font: 600 10px 130% var(--my-open-sans-regular);
		height: 17px;
		padding: 2px 4px;
		border-radius: 4px;
		border-width: 1px;
}
@media only screen and (max-width: 991px) {
		.style_labelLk__Anveq {
				height: 14px;
				font-size: 9px;
				line-height: 100%;
		}
}

.style_green__Dvdkq {
		color: #00bb31;
		border-color: #00bb31;
}

.style_blue__kmfGb {
		color: #0072b7;
		border-color: #0072b7;
}

.style_blue-lite__QJs8W {
		color: #00acc8;
		border-color: #00acc8;
}

.style_gray__GkBmG {
		color: #8E8E93;
		border-color: #F1F1F4;
		background-color: #F1F1F4;
}

.style_orange__ISRPR {
		color: #ff5200;
		border-color: #ff5200;
}

.style_percent__iKx3U {
		border-color: #13BB39;
		color: #13BB39;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProductCard/Counter/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_counter__0iS5Q {
		height: 36px;
		padding: 6px;
		background: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #DEDEDE;
		display: flex;
		align-items: center;
		overflow: hidden;
		gap: 10px;
		width: 100%;
		justify-content: space-between;
}
.style_counterBtn__3B3j_ {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		background: transparent;
		border: none;
		outline: unset;
		padding: 0;
}
.style_counterBtn__3B3j_ svg {
		width: 16px;
		min-width: 16px;
}
.style_counterBtn__3B3j_.style_inactive__J0aH6 {
		pointer-events: none;
}
.style_counterBtn__3B3j_.style_inactive__J0aH6 svg path {
		stroke: #DEDEDE;
}
.style_counterInput__iz0_Z {
		text-align: center;
		font: 400 14px/140% var(--my-open-sans-regular);
		width: 32px;
		height: 20px;
		padding: 0;
		border: 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/core/ProductCard/AddToCart/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__dMMS3 {
		display: flex;
		align-items: center;
		gap: 16px;
}
.style_card__dMMS3 .style_addCart__gsrLR {
		padding: 8px 8px;
		width: 100%;
		font-size: 14px;
		line-height: 100%;
		height: 36px;
}

.style_small__Dz7_J.style_card__dMMS3 .style_addCart__gsrLR {
		padding: 6px;
		font-size: 13px;
		height: 30px;
}
@media only screen and (max-width: 576px) {
		.style_small__Dz7_J.style_card__dMMS3 .style_addCart__gsrLR {
				height: 26px;
				font-size: 12px;
		}
}
.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg {
		height: 30px;
		gap: 4px;
}
@media only screen and (max-width: 576px) {
		.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg {
				height: 26px;
		}
}
.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg input {
		font-size: 13px;
		height: 18px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProductCard/Options/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_options__0sZ6_ {
		display: flex;
		flex-flow: wrap row;
		gap: 8px;
}
.style_optionsItem__mqYsp {
		font: 400 13px/140% var(--my-open-sans-regular);
		padding: 1px 8px;
		transition: color 0.3s, background-color 0.3s;
		border-radius: 2px;
		cursor: pointer;
		border: 1px solid #E5E6E7;
		color: #231F20;
		background: #fff;
}
.style_optionsItem__mqYsp.style_active__52RNr {
		color: #231F20;
		border-color: #d2233c;
		pointer-events: none;
}
.style_optionsItem__mqYsp:hover {
		color: #231F20;
		border-color: #d2233c;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProductCard/Price/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block____lOc {
		display: flex;
		gap: 12px;
		align-items: center;
		flex-flow: wrap;
}

.style_price__7nVlc {
		font: 700 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		padding: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_price__7nVlc {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_price__7nVlc {
				font-size: 16px;
		}
}
.style_priceDiscount__kzt_3 {
		padding: 3px 4px 4px 6px;
		border-radius: 4px;
		background: #13BB39;
		color: #fff;
		height: 28px;
		line-height: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_priceDiscount__kzt_3 {
				height: 27px;
				padding: 4px 4px 4px 6px;
		}
}
@media only screen and (max-width: 767px) {
		.style_priceDiscount__kzt_3 {
				height: 25px;
				padding: 4px 4px 3px 6px;
		}
}
.style_priceNotAvailable__TwGOi {
		color: #8E8E93;
		background: transparent;
		padding-left: 0;
		padding-right: 0;
}
.style_priceNotInStock__WPkdX {
		display: block;
		opacity: 0;
		height: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_priceNotInStock__WPkdX {
				height: 25.2px;
		}
}
@media only screen and (max-width: 767px) {
		.style_priceNotInStock__WPkdX {
				height: 22.4px;
		}
}
.style_priceWithoutDiscount__Rw6iY {
		font: 600 13px/140% var(--my-open-sans-regular);
		text-decoration: line-through;
		color: #8E8E93;
}
@media only screen and (max-width: 767px) {
		.style_priceWithoutDiscount__Rw6iY {
				font-size: 12px;
		}
}

.style_small__0Ji1_.style_block____lOc {
		gap: 8px;
}
@media only screen and (max-width: 991px) {
		.style_small__0Ji1_.style_block____lOc {
				gap: 12px;
		}
}
.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
		font-size: 18px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
				font-size: 16px;
		}
}
.style_small__0Ji1_.style_block____lOc .style_priceDiscount__kzt_3 {
		height: 27px;
}
@media only screen and (max-width: 767px) {
		.style_small__0Ji1_.style_block____lOc .style_priceDiscount__kzt_3 {
				height: 25px;
				padding: 4px 4px 2px 6px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Checkbox/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_checkboxWrap__gYEDt {
		position: relative;
}
.style_checkboxWrap__gYEDt.style_disabled__gnvDw label {
		color: #8E8E93;
		pointer-events: none;
}
.style_checkboxInput__4Mew2 {
		position: absolute;
		z-index: -1;
		left: -9999px;
		opacity: 0;
		display: none;
		top: 0;
}
.style_checkboxInput__4Mew2 + label {
		display: inline-flex;
		user-select: none;
		cursor: pointer;
}
.style_checkboxInput__4Mew2 + label::before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		flex-shrink: 0;
		flex-grow: 0;
		border-radius: 2px;
		border: 1px solid #E5E6E7;
		background-color: #fff;
		margin-right: 8px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 50% 50%;
		transition: background-color 0.3s, border-color 0.3s;
}
.style_checkboxInput__4Mew2:checked + label::before {
		background: #d2233c url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrYm94Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDIyMzNDIi8+CjxwYXRoIGlkPSJWZWN0b3IgMzUiIGQ9Ik0zIDcuMjMwNzdMNi44NSAxMUwxNCA0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9nPgo8L3N2Zz4K") no-repeat center/contain;
		border: 1px solid #d2233c;
}
.style_checkboxInput__4Mew2:not(:disabled):not(:checked) + label:hover::before {
		border-color: #E5E6E7;
		background-color: #F1F1F4;
}
.style_checkboxInput__4Mew2:not(:disabled):active + label::before {
		background-color: #F1F1F4;
		border-color: #F6677B;
}
.style_checkboxInput__4Mew2:focus:not(:checked) + label::before {
		background-color: #F1F1F4;
		border-color: #F6677B;
}
.style_checkboxInput__4Mew2:disabled:not(:checked) + label::before {
		background-color: #fff;
		border-color: #F1F1F4;
}
.style_checkbox__eAfQT label {
		color: #0A0A0A;
}
.style_checkboxError__REHVf {
		margin-top: 4px;
		color: #FFA7B3;
		font: 400 14px/120% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_checkboxError__REHVf {
				font-size: 12px;
				line-height: 140%;
		}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/product/ModalCustomWrap/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__RXsO1 {
		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;
}

.style_modal__gBg61 {
		margin: auto;
		outline: none;
		background: #fff;
		z-index: 1001;
}
@media only screen and (max-width: 576px) {
		.style_modal__gBg61 {
				max-width: 450px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalSend__J9kF2 {
				padding: 50px 60px 50px 60px;
		}
}
.style_modalWrap__ePP4i {
		position: relative;
		padding: 60px;
}
@media only screen and (max-width: 767px) {
		.style_modalWrap__ePP4i {
				padding: 52px 11px 24px 11px;
		}
}
.style_modalTitle__j_rLy {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #151515;
		margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
		.style_modalTitle__j_rLy {
				font-size: 28px;
		}
}
.style_modalClose__7Q_FU {
		position: relative;
		margin-left: auto;
		transition: opacity 0.3s;
		cursor: pointer;
		padding: 0;
		border: none;
		background: transparent;
}
.style_modalClose__7Q_FU:hover {
		opacity: 0.7;
		transition: opacity 0.3s;
}
.style_modalCloseWrap__ebp8H {
		position: absolute;
		content: "";
		right: 22px;
		top: 22px;
}
@media only screen and (max-width: 767px) {
		.style_modalCloseWrap__ebp8H {
				right: 11px;
				top: 11px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalCloseWrap__ebp8H svg {
				width: 16px;
				height: 16px;
				min-width: 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/fields/InputTextWrap/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_componentWrap__sUbqA {
		position: relative;
}
.style_componentPlaceholder__Y50tJ {
		position: absolute;
		content: "";
		left: 12px;
		top: 50%;
		transform: translate(0, -50%);
		font: 400 16px/100% var(--my-open-sans-regular);
		color: #A5A4A4;
		margin: 0;
		opacity: 1;
		transition: opacity 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_componentPlaceholder__Y50tJ {
				font-size: 14px;
		}
}
.style_componentPlaceholder__Y50tJ.style_hidden__7buhQ {
		opacity: 0;
		z-index: -1;
}
.style_componentPlaceholder__Y50tJ span {
		color: #d2233c;
}
.style_componentError__rfQ50 {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_component__counter__x_ZCw {
		position: absolute;
		font: 400 12px/100% var(--my-open-sans-regular);
		color: #64686B;
		right: 10px;
		bottom: 10px;
}
.style_component__area__5gtUI {
		border: 1px solid #E5E6E7;
		padding-bottom: 20px;
}
.style_component__area__5gtUI .style_custom-textarea__Eg8Ua {
		padding-bottom: 2px;
		resize: none;
		overflow: hidden;
		min-height: 50px;
		border-color: transparent;
}
.style_component__area__5gtUI .style_custom-textarea--error__RTpZ5 {
		border-color: transparent;
}
.style_component__area__5gtUI .style_custom-textarea__Eg8Ua:focus {
		border-color: transparent;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/product/Subscribe/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__Un_PN {
		max-width: 460px;
}
.style_formBox__dFR2C {
		display: flex;
		flex-flow: column;
		gap: 20px;
		margin-top: 28px;
}
@media only screen and (max-width: 767px) {
		.style_formBox__dFR2C {
				margin-top: 18px;
		}
}
.style_formText__LtMXB {
		color: #231F20;
		font: 600 18px/120% var(--my-open-sans-regular);
		margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
		.style_formText__LtMXB {
				margin-top: -10px;
		}
}
.style_formMessage__vO9IX {
		color: #231F20;
		font: 600 18px/120% var(--my-open-sans-regular);
		text-align: center;
		margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
		.style_formMessage__vO9IX {
				margin-bottom: 24px;
		}
}
.style_formCheckboxText__qny5B {
		color: #0A0A0A;
		font: 400 11px/120% var(--my-open-sans-regular);
}
.style_formCheckboxText__qny5B a {
		color: #464B52;
		text-decoration-line: underline;
		transition: color 0.3s;
}
.style_formCheckboxText__qny5B a:hover {
		color: #d2233c;
}
.style_formFieldError__HCOL1 {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_formCheckbox__zIEv9 span {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_form__Un_PN .style_formSubmit__Cb3eE {
		padding: 18px 24px;
		font-size: 16px;
		height: 48px;
		width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProductCard/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__ovtAT {
		position: relative;
		padding: 16px;
		border-radius: 4px;
		border: 1px solid #E5E6E7;
		background: #fff;
		display: flex;
		flex-flow: column;
		z-index: 0;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT {
				padding: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT {
				border-color: transparent;
				padding: 0;
		}
}
.style_cardTop__q1Lae {
		position: relative;
		padding: 12px 0;
		margin-bottom: 8px;
}
@media only screen and (max-width: 991px) {
		.style_cardTop__q1Lae {
				margin-bottom: 4px;
		}
}
.style_cardTop__q1Lae img {
		margin: 0 auto;
		object-fit: contain;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardTop__q1Lae img {
				width: 132px;
				height: 132px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardTop__q1Lae img {
				width: 124px;
				height: 124px;
		}
}
.style_cardTop__q1Lae.style_disabled__WgkaI {
		opacity: 0.5;
}
.style_cardBottom__16uX3 {
		display: flex;
		flex-flow: column;
		margin-bottom: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardBottom__16uX3 {
				margin-bottom: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardBottom__16uX3 {
				margin-bottom: 16px;
		}
}

.style_label__8dqGc {
		font: 600 11px/130% var(--my-open-sans-regular);
		height: 22px;
		border-width: 1.5px;
		border-radius: 4px;
		padding: 4px 8px 3px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__8dqGc {
				padding: 4px 6px 3px;
				height: 19px;
				font-size: 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_label__8dqGc {
				border-width: 1px;
				border-radius: 2px;
				height: 16px;
				font-size: 10px;
				padding: 2px 5px;
		}
}
.style_label__8dqGc.style_notAvailable__GA9qP {
		text-transform: none;
		font-size: 10px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__8dqGc.style_notAvailable__GA9qP {
				font-size: 9px;
				padding: 3px 6px;
		}
}
.style_labelContainer__66dz5 {
		position: absolute;
		top: 16px;
		left: 16px;
		z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_labelContainer__66dz5 {
				top: 12px;
				left: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_labelContainer__66dz5 {
				top: 0;
				left: 0;
		}
}
.style_label__8dqGc + .style_label__8dqGc {
		margin-top: 5px;
}

.style_favorite__0OLF2 {
		position: absolute;
		top: 16px;
		right: 16px;
		z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_favorite__0OLF2 {
				top: 12px;
				right: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_favorite__0OLF2 {
				top: 0;
				right: 0;
		}
}

.style_title__NpBGf {
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
		margin: 4px 0 12px 0;
		transition: color 0.3s;
		max-height: 66px;
		overflow-y: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		white-space: pre-line;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__NpBGf {
				font-size: 14px;
				max-height: 60px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__NpBGf {
				margin: 2px 0 8px 0;
				font-size: 13px;
				max-height: 34px;
				-webkit-line-clamp: 2;
		}
}
.style_title__NpBGf:hover {
		color: #d2233c;
}

.style_card__ovtAT .style_action__36J9C {
		position: relative;
		margin-top: auto;
}
.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
		width: 116px;
		height: 36px;
		padding: 8px;
		font-size: 14px;
		line-height: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				height: 34px;
				width: 87px;
				padding: 5px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				padding: 4px;
				font-size: 12px;
				width: 78px;
				height: 28px;
		}
}
.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
		padding: 8px 20px;
		height: 36px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				height: 34px;
				padding: 5px 10px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}

.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
		height: 140px;
		width: 140px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
				width: 132px;
				height: 132px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
				width: 124px;
				height: 124px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
		font-size: 14px;
		margin: 4px 0 10px 0;
		height: 60px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
				margin: 2px 0 8px 0;
				font-size: 13px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C {
		position: relative;
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
		width: 86px;
		height: 30px;
		padding: 6px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				height: 34px;
				width: 87px;
				padding: 5px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				padding: 4px;
				font-size: 12px;
				width: 78px;
				height: 28px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
		padding: 6px;
		height: 30px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
				height: 34px;
				padding: 5px 10px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
		padding: 6px;
		height: 30px;
		font-size: 13px;
		width: 174px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				height: 34px;
				padding: 5px 10px;
				font-size: 13px;
				width: -moz-fit-content;
				width: fit-content;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
				width: -moz-fit-content;
				width: fit-content;
		}
}

.style_stub__KW4Ml {
		font: 600 13px/100% var(--my-open-sans-regular);
		color: #231F20;
		padding: 8px 20px;
		height: 36px;
		box-shadow: 0 0 16px 0 #EAEAEA;
		border-radius: 4px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_stub__KW4Ml {
				height: 34px;
				padding: 5px 10px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_stub__KW4Ml {
				padding: 4px 8px;
				font-size: 12px;
				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/home/SectionProfitableProposition/CardEmpty/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__k6Otr {
		position: relative;
		padding: 16px;
		border-radius: 4px;
		border: 1px solid #DEDEDE;
		background: #fff;
		display: flex;
		flex-flow: column;
		width: 100%;
		justify-content: center;
		align-items: center;
		gap: 16px;
		height: 100%;
}
@media only screen and (max-width: 767px) {
		.style_card__k6Otr {
				border-color: transparent;
		}
}
.style_cardLink__MKCyn {
		display: flex;
		flex-flow: column;
		align-items: center;
}
.style_cardText__AToEu {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #231F20;
		transition: color 0.3s;
}
.style_card__k6Otr:hover .style_cardText__AToEu {
		color: #B9182F;
}
.style_card__k6Otr:focus .style_cardText__AToEu {
		color: #d2233c;
}
.style_card__k6Otr:active .style_cardText__AToEu {
		color: #E3173E;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionProfitableProposition/SliderProductToCardPrev/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_slider__AMcvU {
		display: flex;
		width: 100%;
		height: auto;
}
.style_sliderContainer__wrZTT {
		position: relative;
		margin: 0 -10px;
}
.style_sliderContainer__wrZTT .style_swiperPd__hohMw {
		padding: 10px !important;
}
.style_sliderTitle__EyKTy {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #151515;
		margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
		.style_sliderTitle__EyKTy {
				margin-bottom: 20px;
				font-size: 18px;
		}
}

.style_slide__BZ6lN {
		height: 100%;
		min-height: 100%;
}
@media only screen and (max-width: 576px) {
		.style_slide__BZ6lN {
				max-width: 280px;
		}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionTitle/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_title__MYsR3 {
		font: 600 40px/124% var(--my-open-sans-regular);
		color: #151515;
		margin: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__MYsR3 {
				font-size: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__MYsR3 {
				font-size: 26px;
		}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionProfitableProposition/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_section__8HJI3 {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
		width: 100%;
}
@media only screen and (min-width: 1399px) {
		.style_section__8HJI3 {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_section__8HJI3 {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__8HJI3 {
				padding: 0 10px;
		}
}
.style_sectionContainer__1RYYv {
		margin-top: 80px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionContainer__1RYYv {
				margin-top: 52px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionContainer__1RYYv {
				margin-top: 40px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__8HJI3 .style_linkContainerDesktop__AvgMc {
				display: none;
		}
}
.style_section__8HJI3 .style_linkContainerMobile__AIa2H {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_section__8HJI3 .style_linkContainerMobile__AIa2H {
				display: flex;
				margin-top: 24px;
		}
}

.style_titleContainer__kkDVz {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_titleContainer__kkDVz {
				margin-bottom: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_titleContainer__kkDVz {
				margin-bottom: 20px;
		}
}

.style_grid__sHMZg {
		position: relative;
		display: flex;
		gap: 20px;
}

.style_slider__29vHB {
		position: relative;
		display: block;
		width: calc(100% - 480px);
}
@media only screen and (max-width: 991px) {
		.style_slider__29vHB {
				width: 100%;
		}
}

.style_banner__E_x7k {
		object-fit: cover;
		border-radius: 4px;
		height: 100%;
		width: 100%;
		max-width: 460px;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
}
.style_bannerWrap__49HzJ {
		width: 460px;
		position: relative;
}
@media only screen and (max-width: 991px) {
		.style_bannerWrap__49HzJ {
				display: none;
		}
}

.style_gridFull__kJVhT {
		position: relative;
}

.style_slide__2Zb_W {
		display: flex;
		width: 100%;
		height: auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/SliderProductToCard/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_slider__WJLot {
		display: flex;
		width: 100%;
		height: auto;
}
.style_sliderContainer__dlyWj {
		position: relative;
		margin: 0 -10px;
}
.style_sliderTitle__6XB4i {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #151515;
		margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
		.style_sliderTitle__6XB4i {
				margin-bottom: 20px;
				font-size: 18px;
		}
}

.style_slide__fEoL4 {
		height: 100%;
		min-height: 100%;
}
@media only screen and (max-width: 576px) {
		.style_slide__fEoL4 {
				max-width: 280px;
		}
}

.style_swiperPd__fNt3V {
		padding: 2px 0 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/SectionSliderCombo/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_section__rcDVT {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
		width: 100%;
}
@media only screen and (min-width: 1399px) {
		.style_section__rcDVT {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_section__rcDVT {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__rcDVT {
				padding: 0 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__rcDVT .style_linkContainerDesktop__diNNA {
				display: none;
		}
}
.style_section__rcDVT .style_linkContainerMobile__OXVNG {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_section__rcDVT .style_linkContainerMobile__OXVNG {
				display: flex;
				margin-top: 24px;
		}
}

.style_titleContainer__JylId {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 32px;
		margin-top: 100px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_titleContainer__JylId {
				margin-bottom: 28px;
				margin-top: 52px;
		}
}
@media only screen and (max-width: 767px) {
		.style_titleContainer__JylId {
				margin-bottom: 20px;
				margin-top: 40px;
		}
}
.style_titleTabs__KDPns {
		display: flex;
		align-items: center;
		gap: 40px;
		position: relative;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_titleTabs__KDPns {
				gap: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_titleTabs__KDPns {
				gap: 20px;
		}
}
.style_titleTabsItem__M7SlC {
		padding: 0 0 12px 0;
		border: none;
		background-color: transparent;
		cursor: pointer;
		position: relative;
}
@media only screen and (max-width: 991px) {
		.style_titleTabsItem__M7SlC {
				padding: 0 0 8px 0;
		}
}
.style_titleTabsItemLine__tZDQU {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 3px;
		background-color: #d2233c;
		transition: left 0.3s, width 0.3s;
}
@media only screen and (max-width: 991px) {
		.style_titleTabsItemLine__tZDQU {
				height: 2px;
		}
}

.style_box__gKUek {
		position: relative;
		min-height: 400px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_box__gKUek {
				min-height: 373px;
		}
}
@media only screen and (max-width: 767px) {
		.style_box__gKUek {
				min-height: 300px;
		}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/feedbackForm/ModalCustomWrap/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__IDq_h {
		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__IDq_h {
				padding: 0;
				align-items: center;
		}
}

.style_modal__vLuJL {
		margin: auto;
		outline: none;
		background: #fff;
		border-radius: 8px;
		z-index: 1001;
}
@media only screen and (max-width: 767px) {
		.style_modal__vLuJL {
				margin: auto;
		}
}
@media only screen and (max-width: 576px) {
		.style_modal__vLuJL {
				flex: 1 1;
				margin: auto;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalSend__iDkqv {
				padding: 50px 60px 50px 60px;
		}
}
.style_modalWrap__QIg30 {
		position: relative;
		padding: 40px 40px 50px 35px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_modalWrap__QIg30 {
				padding: 25px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalWrap__QIg30 {
				padding: 20px 16px 24px 10px;
		}
}
@media only screen and (max-width: 576px) {
		.style_modalWrap__QIg30 {
				padding: 16px 16px 24px 10px;
		}
}
.style_modalTitle__eUumz {
		font: 700 19px/120% var(--my-open-sans-regular);
		color: #4F4F4F;
		text-align: center;
		padding-left: 15px;
}
@media only screen and (max-width: 767px) {
		.style_modalTitle__eUumz {
				font-size: 17px;
				padding-left: 4px;
		}
}
.style_modalClose__AGJTV {
		position: relative;
		width: 24px;
		height: 24px;
		margin-left: auto;
		transition: opacity 0.3s;
		cursor: pointer;
		border: none;
		background: transparent;
		padding: 0;
		outline: none;
}
@media only screen and (max-width: 767px) {
		.style_modalClose__AGJTV {
				width: 20px;
				height: 20px;
		}
}
.style_modalClose__AGJTV:after, .style_modalClose__AGJTV:before {
		top: 0;
		left: 50%;
		position: absolute;
		content: "";
		width: 1px;
		height: 100%;
		background: #8E8E8E;
}
.style_modalClose__AGJTV:after {
		transform: rotate(45deg);
}
.style_modalClose__AGJTV:before {
		transform: rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
		.style_modalClose__AGJTV:hover {
				opacity: 0.7;
				transition: opacity 0.3s;
		}
}
.style_modalCloseWrap__A7ddA {
		position: absolute;
		content: "";
		width: 24px;
		height: 24px;
		right: 20px;
		top: 20px;
}
@media only screen and (max-width: 767px) {
		.style_modalCloseWrap__A7ddA {
				right: 14px;
		}
}
.style_modalContent__NgRvH {
		display: flex;
		flex-flow: column;
		width: 100%;
		overflow-y: auto;
		max-height: calc(100dvh - 140px);
		padding-right: 10px;
		padding-left: 15px;
}
@media only screen and (max-width: 767px) {
		.style_modalContent__NgRvH {
				max-height: calc(100dvh - 110px);
				padding-right: 4px;
				padding-left: 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/features/home/StatusNotification/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_statusNotificationPopup__FmoDv {
		display: grid;
		grid-template-columns: 240px 1fr;
		gap: 24px;
		width: 100%;
}
@media (max-width: 950px) and (max-height: 420px) and (orientation: landscape) {
		.style_statusNotificationPopup__FmoDv {
				min-width: 400px;
		}
}
@media only screen and (max-width: 576px) {
		.style_statusNotificationPopup__FmoDv {
				grid-template-columns: 1fr;
		}
}
@media only screen and (max-width: 767px) {
		.style_statusNotificationImage__NFVJP {
				max-height: 260px;
		}
}
.style_statusNotificationImageWrapper__N34iC {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
}
@media (max-width: 950px) and (max-height: 420px) and (orientation: landscape) {
		.style_statusNotificationImageWrapper__N34iC {
				display: none !important;
		}
}
.style_statusNotificationContent__5d4Kc {
		display: flex;
		flex-flow: column;
		justify-content: center;
		gap: 20px;
		height: 100%;
}
.style_statusNotificationContent__5d4Kc h2 {
		font-size: 32px;
		line-height: 1em;
}
@media only screen and (max-width: 767px) {
		.style_statusNotificationContent__5d4Kc h2 {
				font-size: 32px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/home/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_container__O_Oxu {
		margin-bottom: 100px;
}
@media only screen and (max-width: 1199px) {
		.style_container__O_Oxu {
				margin-bottom: 80px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__O_Oxu {
				margin-bottom: 52px;
		}
}