/*!**************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/blocks/g2-sample-guide/style.scss ***!
\**************************************************************************************************************************************************************************************************************************************************************/
.MP--container {
max-width: 744px !important;
padding: 0 !important;
padding: 40px 0 !important;
}
.MP--box {
flex-wrap: nowrap !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 24px !important;
}
.MP--box > .wp-block-heading {
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: 27.6px;
color: #37474F;
}
.MP--items {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
gap: 0;
counter-reset: procceses;
padding: 0 !important;
margin: 0;
list-style: none;
}
.MP--items li {
width: 154px;
height: 80px;
position: relative;
display: flex;
}
.MP--items li > p {
text-align: right;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 180%;
color: #37474F;
margin: 0;
z-index: 3;
padding: 12px 39px 12px 12px;
}
.MP--items li:not(:first-child) {
margin-right: -6px;
}
.MP--items li:first-child {
font-weight: 800;
}
.MP--items li::before {
counter-increment: procceses;
content: counter(procceses, decimal) ".";
position: absolute;
right: 24px;
top: 12px;
font-size: 16px;
color: #E6AF2E;
font-weight: 400;
font-family: "IRANSansX";
z-index: 2;
}
.MP--items li::after {
content: url("data:image/svg+xml,");
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.MP--items li:first-child:after {
content: url("data:image/svg+xml,");
}
.MP--items li:last-child:after {
content: url("data:image/svg+xml,");
}
.MP--items li .wp-block-heading {
text-align: right;
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
@media only screen and (max-width: 992px) {
.MP--container {
max-width: unset !important;
padding: 0 20px !important;
}
}
@media only screen and (max-width: 768px) {
.MP--items li::after {
content: url("data:image/svg+xml,");
}
.MP--items li:first-child:after {
content: url("data:image/svg+xml,");
}
.MP--items li:last-child:after {
content: url("data:image/svg+xml,");
}
.MP--items {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 100%;
gap: 0;
margin-top: 12px;
}
.MP--items li > p {
padding: 0 !important;
}
.MP--items li {
padding: 0 !important;
margin: 0 !important;
padding-top: 50px !important;
padding-right: 12px !important;
padding-left: 12px !important;
height: 160px;
}
.MP--items li::before {
position: unset;
}
}
/*# sourceMappingURL=style-index.css.map*/