{
  "settings": {
    "currentPage": "index.html",
    "theme": {
      "name": "powerm5",
      "title": "PowerM5",
      "styling": {
        "primaryColor": "#ffbf31",
        "secondaryColor": "#ffd7ef",
        "successColor": "#3a341c",
        "infoColor": "#320707",
        "warningColor": "#a0e2e1",
        "dangerColor": "#ffea64",
        "mainFont": "Plus Jakarta Sans",
        "display1Font": "Plus Jakarta Sans",
        "display1Size": 6,
        "display2Font": "Plus Jakarta Sans",
        "display2Size": 4,
        "display5Font": "Plus Jakarta Sans",
        "display5Size": 2,
        "display7Font": "Inter",
        "display7Size": 1.5,
        "display4Font": "Inter",
        "display4Size": 1.3,
        "isRoundedImages": true,
        "isRoundedButtons": false,
        "isLargeButtons": true,
        "isGhostButtonBorder": true,
        "underlinedLinks": false,
        "isAnimatedOnScroll": false,
        "isScrollToTopButton": false
      },
      "titlePreset": "Manufacturing Company",
      "nameSelectPreset": "manufacturing-company",
      "presetSourceTheme": "powerm5"
    },
    "path": "@PROJECT_PATH@",
    "name": "snickers-stretch.ch",
    "versionFirst": "5.9.13",
    "siteFonts": [
      {
        "css": "'Plus Jakarta Sans', sans-serif",
        "name": "Plus Jakarta Sans",
        "url": "https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans:200,300,400,500,600,700,800,200i,300i,400i,500i,600i,700i,800i"
      },
      {
        "css": "'Inter', sans-serif",
        "name": "Inter",
        "url": "https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900"
      }
    ],
    "imageResize": true,
    "uniqCompNum": 0,
    "versionPublish": "5.9.13"
  },
  "pages": {
    "index.html": {
      "settings": {
        "main": true,
        "title": "Home",
        "meta_descr": "",
        "header_custom": "",
        "footer_custom": "",
        "html_before": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "z-index": "1000",
            "width": "100%",
            "position": "relative",
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            "@media (max-width: 767px)": {
              ".navbar-toggler": {
                "transform": "scale(0.8)"
              }
            },
            ".navbar": {
              "@media (min-width: 1400px)": {
                "padding": "0 128px !important"
              },
              "min-height": "90px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "background": "transparent !important",
              "&:not(.navbar-short)": {},
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "z-index": "1",
                "justify-content": "flex-end"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 767px)": {
                ".navbar-logo": {
                  "img": {
                    "height": "2rem !important"
                  }
                },
                "min-height": "72px"
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {}
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "10px"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                ".navbar-logo": {
                  "img": {
                    "height": "2rem"
                  }
                }
              },
              "padding": "0 !important",
              "border": "none !important",
              "box-shadow": "none !important",
              "border-radius": "0 !important"
            },
            ".navbar-brand": {
              "img": {
                "max-width": "100%",
                "max-height": "100%",
                "border-radius": "0px !important"
              },
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".navbar-nav": {
              "margin": "auto",
              "margin-left": "0",
              "& when (@contentAlign = '2')": {
                "margin-left": "auto"
              },
              "& when (@contentAlign = '3')": {
                "margin-left": "auto",
                "margin-right": "0"
              },
              ".nav-item": {
                "padding": "0 !important",
                "transition": ".3s all !important",
                ".nav-link": {
                  "padding": "16px !important",
                  "margin": "0 !important",
                  "border-radius": "1rem !important",
                  "transition": ".3s all !important",
                  "& when not (@isRoundedButtons)": {
                    "border-radius": "4px !important"
                  }
                }
              },
              ".open": {
                ".nav-link": {
                  "&::after": {
                    "transform": "rotate(180deg)"
                  },
                  "@media (min-width: 992px)": {
                    "&::before": {
                      "content": "\"\"",
                      "width": "100%",
                      "height": "20px",
                      "top": "100%",
                      "background": "transparent",
                      "position": "absolute"
                    }
                  }
                }
              },
              ".dropdown-item": {
                "padding": "12px !important",
                "border-radius": "0.5rem !important",
                "margin": "0 8px !important",
                "transition": ".3s all !important",
                "&:hover": {
                  "background-color": "rgba(27, 31, 10, 0.06)"
                },
                "& when not (@isRoundedButtons)": {
                  "border-radius": "4px !important"
                }
              },
              "& when not (@showLogo), (@showBrand)": {
                "@media (min-width: 992px)": {
                  "padding-left": "1.5rem"
                }
              },
              "& when not (@showBrand)": {
                "@media (min-width: 992px)": {
                  "padding-left": "1.5rem"
                }
              }
            },
            ".nav-link": {
              "width": "fit-content",
              "position": "relative"
            },
            ".navbar-logo": {
              "padding-left": "0.5rem",
              "margin": "0 !important",
              "@media (max-width: 767px)": {
                "padding-left": "1rem"
              }
            },
            ".navbar-caption": {
              "padding-left": "1rem",
              "padding-right": ".5rem",
              "& when not (@showLogo)": {
                "@media (min-width: 767px)": {
                  "padding-left": "2rem"
                }
              }
            },
            ".nav-dropdown": {
              "@media (max-width: 767px)": {
                "padding-bottom": "0.5rem"
              }
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem",
              "transition": ".3s all"
            },
            ".container": {
              "display": "flex",
              "height": "90px",
              "max-width": "100%",
              "border-bottom": "1px solid @border",
              "padding": "0.5rem 0.6rem",
              "flex-wrap": "nowrap",
              "& when not (@collapsed)": {
                "@media (min-width: 992px)": {},
                "& when (@transparent)": {
                  "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
                }
              },
              "left": "0",
              "right": "0",
              "-webkit-box-pack": "justify",
              "-ms-flex-pack": "justify",
              "justify-content": "flex-end",
              "-webkit-box-align": "center",
              "-webkit-align-items": "center",
              "-ms-flex-align": "center",
              "align-items": "center",
              "margin-top": "1rem",
              "background-color": "@menuBgColor",
              "@media (max-width: 992px)": {
                "padding-right": "2rem"
              },
              "@media (max-width: 767px)": {
                "width": "95%",
                "height": "56px !important",
                "padding-right": "1rem",
                "margin-top": "0rem"
              },
              "& when not (@isRoundedButtons)": {
                "border-radius": "0px !important"
              }
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".dropdown-menu": {
              "flex-wrap": "wrap",
              "flex-direction": "column",
              "max-width": "100%",
              "padding": "12px 4px !important",
              "border-radius": "1.5rem",
              "transition": ".3s all !important",
              "min-width": "auto",
              "background": "@menuBgColor",
              "& when (@transparent)": {
                "background": "@menuBgColor !important"
              },
              "& when not (@isRoundedButtons)": {
                "border-radius": "4px !important"
              }
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "105%",
                  "transform": "none",
                  "top": "-12px"
                }
              }
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "flex"
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "140px",
              "@media (max-width: 992px)": {
                "text-align": "left"
              }
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem"
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center",
              "@media (max-width: 992px)": {
                "justify-content": "flex-start",
                "margin-bottom": ".5rem"
              }
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".navbar .dropdown > .dropdown-menu": {
              "display": "none",
              "width": "max-content",
              "max-width": "500px !important",
              "transform": "translateX(-50%)",
              "top": "calc(~'100% + 0px')",
              "left": "50%",
              ".dropdown-item": {
                "line-height": "1 !important"
              },
              ".dropdown": {
                ".dropdown-item": {
                  "align-items": "center",
                  "display": "flex",
                  "height": "max-content !important",
                  "min-height": "max-content !important",
                  "&::after": {
                    "display": "inline-block",
                    "position": "static",
                    "margin-left": "0.5rem",
                    "margin-top": "0",
                    "margin-right": "0",
                    "margin-bottom": "0",
                    "transition": ".3s all",
                    "transform": "rotate(-90deg)"
                  }
                }
              },
              ".dropdown.open": {
                ".dropdown-item": {
                  "&::after": {
                    "transform": "rotate(0deg)"
                  }
                }
              }
            },
            ".mbr-section-btn": {
              "margin": "-0.6rem -0.6rem"
            },
            ".navbar-toggler": {
              "margin-left": "12px",
              "margin-right": "8px",
              "order": "1000"
            },
            "& when (@collapsed)": {
              ".navbar-brand": {
                "margin-right": "auto"
              },
              ".navbar-collapse": {
                "z-index": "-1 !important",
                "position": "absolute",
                "top": "110%",
                "left": "0",
                "width": "100%",
                "padding": "1rem",
                "border-radius": "1.5rem",
                "background": "@menuBgColor",
                "& when (@transparent)": {
                  "border-color": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important",
                  "opacity": "1",
                  "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
                },
                "backdrop-filter": "blur(8px)",
                "@media (max-width: 575px)": {
                  "padding": "1rem"
                },
                "& when not (@isRoundedButtons)": {
                  "border-radius": "4px !important"
                }
              },
              ".navbar-nav": {
                ".nav-item": {
                  ".nav-link": {
                    "&::after": {
                      "margin-left": "10px"
                    }
                  }
                },
                ".dropdown-item": {
                  "&:hover": {
                    "background-color": "rgba(27, 31, 10, 0.06)"
                  }
                }
              },
              ".navbar .dropdown > .dropdown-menu": {
                "display": "none",
                "max-width": "100% !important",
                "transform": "translateX(0)",
                "top": "10px",
                "left": "0",
                "padding": "8px !important",
                "border-radius": "0.5rem",
                "background-color": "rgba(27, 31, 10, 0.04) !important",
                ".dropdown-item": {
                  "padding": "8px !important",
                  "line-height": "1 !important",
                  "margin-bottom": "4px !important"
                },
                ".dropdown": {
                  ".dropdown-item": {
                    "align-items": "center",
                    "display": "flex",
                    "height": "max-content !important",
                    "min-height": "max-content !important",
                    "&::after": {
                      "display": "inline-block",
                      "position": "static",
                      "margin-left": "0.5rem",
                      "margin-top": "0",
                      "margin-right": "0",
                      "margin-bottom": "0",
                      "transition": ".3s all",
                      "transform": "rotate(0deg)"
                    }
                  }
                },
                ".dropdown.open": {
                  ".dropdown-item": {
                    "&::after": {
                      "transform": "rotate(180deg)"
                    }
                  }
                },
                ".dropdown-submenu": {
                  "position": "static",
                  "width": "100%",
                  "max-width": "100% !important",
                  "transform": "translateX(0) !important",
                  "top": "0",
                  "left": "0",
                  "padding": "8px !important",
                  "border-radius": "0.5rem",
                  "background-color": "rgba(27, 31, 10, 0.04) !important"
                }
              },
              ".navbar .dropdown.open > .dropdown-menu": {
                "display": "flex",
                "flex-direction": "column",
                "align-items": "flex-start"
              },
              ".navbar .dropdown > .dropdown-submenu.show": {
                "display": "flex",
                "flex-direction": "column",
                "align-items": "flex-start"
              }
            },
            "@media (max-width: 991px)": {
              ".navbar-brand": {
                "margin-right": "auto"
              },
              ".navbar-collapse": {
                "z-index": "-1 !important",
                "position": "absolute",
                "top": "110%",
                "left": "0",
                "width": "100%",
                "padding": "1rem",
                "border-radius": "1.5rem",
                "background": "@menuBgColor",
                "& when (@transparent)": {
                  "opacity": "1",
                  "border-color": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important",
                  "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
                },
                "backdrop-filter": "blur(8px)",
                "& when not (@isRoundedButtons)": {
                  "border-radius": "4px !important"
                }
              },
              ".navbar-nav": {
                ".nav-item": {
                  ".nav-link": {
                    "&::after": {
                      "margin-left": "10px"
                    }
                  }
                },
                ".dropdown-item": {
                  "&:hover": {
                    "background-color": "rgba(27, 31, 10, 0.06)"
                  }
                }
              },
              ".navbar .dropdown > .dropdown-menu": {
                "max-width": "100% !important",
                "transform": "translateX(0)",
                "top": "10px",
                "left": "0",
                "padding": "8px !important",
                "border-radius": "1rem",
                "background-color": "rgba(27, 31, 10, 0.04) !important",
                ".dropdown-item": {
                  "padding": "8px !important",
                  "line-height": "1 !important",
                  "margin-bottom": "4px !important"
                },
                ".dropdown": {
                  ".dropdown-item": {
                    "align-items": "center",
                    "display": "flex",
                    "height": "max-content !important",
                    "min-height": "max-content !important",
                    "&::after": {
                      "display": "inline-block",
                      "position": "static",
                      "margin-left": "0.5rem",
                      "margin-top": "0",
                      "margin-right": "0",
                      "margin-bottom": "0",
                      "transition": ".3s all",
                      "transform": "rotate(0deg)"
                    }
                  }
                },
                ".dropdown.open": {
                  ".dropdown-item": {
                    "&::after": {
                      "transform": "rotate(180deg)"
                    }
                  }
                },
                ".dropdown-submenu": {
                  "position": "static",
                  "width": "100%",
                  "max-width": "100% !important",
                  "transform": "translateX(0) !important",
                  "top": "0",
                  "left": "0",
                  "padding": "8px !important",
                  "border-radius": "1rem",
                  "background-color": "rgba(27, 31, 10, 0.04) !important"
                }
              },
              ".navbar .dropdown.open > .dropdown-menu": {
                "display": "flex !important",
                "flex-direction": "column",
                "align-items": "flex-start"
              }
            },
            ".navbar-collapse": {
              "@media (max-width: 575px)": {
                "padding": "1rem"
              }
            }
          },
          "_name": "menu1",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 menu menu1\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n\t<mbr-parameters>\n\t\t<header>Show/Hide</header>\n\t\t<input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n\t\t<input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"1\" max=\"5\" step=\"0.1\" value=\"3\" condition=\"showLogo\">\n\t\t<input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\" checked>\n\t\t<input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n\t\t<select title=\"Menu Items Align\" name=\"contentAlign\" condition=\"showItems\">\n\t\t\t<option value=\"1\">Left</option>\n\t\t\t<option value=\"2\">Center</option>\n\t\t\t<option value=\"3\" selected>Right</option>\n\t\t</select>\n\t\t<input type=\"checkbox\" title=\"Icons\" name=\"showIcons\" checked>\n\t\t<select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n\t\t\t<option value=\"1\">1</option>\n\t\t\t<option value=\"2\">2</option>\n\t\t\t<option value=\"3\" selected>3</option>\n\t\t\t<option value=\"4\">4</option>\n\t\t</select>\n\t\t<input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n\t\t<input type=\"checkbox\" title=\"Button\" name=\"showButtons\" checked>\n\t\t<header>Styles</header>\n\t\t<input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\" condition=\"none\">\n\t\t<input type=\"checkbox\" title=\"Transparent\" name=\"transparent\" checked>\n\t\t<input type=\"checkbox\" title=\"Sticky\" name=\"sticky\">\n\t\t<input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0\" condition=\"transparent\">\n\t\t<input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#ffffff\">\n\t\t<input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#232323\">\n\t\t<input type=\"color\" title=\"Line\" name=\"border\" value=\"#232323\">\n\t</mbr-parameters>\n\n\t<nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n\t\t<div class=\"container\">\n\t\t\t<div class=\"navbar-brand\">\n\t\t\t\t<span mbr-if=\"showLogo\" class=\"navbar-logo\">\n\t\t\t\t\t<a href=\"https://mobiri.se\">\n\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/logo.png\" alt=\"Mobirise Website Builder\" mbr-style=\"{'height': logoSize + 'rem'}\">\n\t\t\t\t\t</a>\n\t\t\t\t</span>\n\t\t\t\t<span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-black\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">snickers-stretch.ch</a></span>\n\t\t\t</div>\n\t\t\t<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n\t\t\t\t<div class=\"hamburger\">\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t</div>\n\t\t\t</button>\n\t\t\t<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n\t\t\t\t<ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\">\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black show\" href=\"https://mobiri.se\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"true\">Home</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"nav-item\"><a class=\"nav-link link text-black show\" href=\"https://mobiri.se\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">About</a></li>\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black\" href=\"https://mobiri.se\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">Services</a>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link link text-black\" href=\"https://mobiri.se\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contacts</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t\t<div class=\"icons-menu\" mbr-if=\"showIcons\">\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 1\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont socicon-telegram socicon\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 2\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont socicon-mail socicon\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" mbr-if=\"iconsAmount > 3\">\n\t\t\t\t\t\t<span mbr-icon class=\"p-2 mbr-iconfont mobi-mbri-shopping-cart mobi-mbri\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t\t<div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\"><a class=\"btn btn-sm btn-black\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Get Started</a></div>\n\t\t\t</div>\n\t\t</div>\n\t</nav>\n</section>",
          "_cid": "tT2jwVo2lX",
          "_anchor": "menu1-1",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "display": "flex",
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 15px)",
              "padding-bottom": "(@paddingBottom * 15px)"
            },
            "background": "linear-gradient(to bottom, @bg1, @bg2)",
            "@media (min-width: 768px)": {
              "align-items": "~\"@{verticalAlign}\"",
              ".row": {
                "justify-content": "~\"@{horizontalAlign}\""
              }
            },
            ".mbr-section-title": {
              "text-align": "left",
              "color": "#232323"
            },
            ".mbr-text, .mbr-section-btn": {
              "text-align": "left",
              "color": "#232323"
            },
            ".mbr-section-title, .line": {
              "color": "#232323"
            },
            "h2": {
              "position": "relative",
              "width": "fit-content",
              "padding-left": "35px",
              "display": "inline-block",
              "&:before": {
                "content": "''",
                "width": "12px",
                "height": "12px",
                "border-radius": "50%",
                "background": "currentColor",
                "position": "absolute",
                "left": "10px",
                "top": "~\"calc(50% - 6px)\""
              }
            },
            ".mbr-section-subtitle, .align": {
              "text-align": "left",
              "color": "#232323"
            }
          },
          "_name": "header1",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 header1\" group=\"Headers\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n'mbr-parallax-background': bg.parallax}\">\n  <mbr-parameters>\n    <header>Size</header>\n    <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n    <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n    <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"15\" step=\"1\" value=\"15\" condition=\"fullScreen == false\">\n    <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"15\" step=\"1\" value=\"7\" condition=\"fullScreen == false\">\n    <input type=\"range\" inline name=\"contentWidth\" title=\"Content Width\" min=\"4\" max=\"12\" step=\"1\" value=\"12\">\n    <header>Show / Hide</header>\n    <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n    <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n    <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n    <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n    <select title=\"Vertical Align\" name=\"verticalAlign\" condition=\"fullScreen\">\n      <option value=\"flex-start\" selected>Top</option>\n      <option value=\"center\">Center</option>\n      <option value=\"flex-end\">Bottom</option>\n    </select>\n    <select title=\"Horizontal Align\" name=\"horizontalAlign\">\n      <option value=\"flex-start\" selected>Left</option>\n      <option value=\"center\">Center</option>\n      <option value=\"flex-end\">Right</option>\n    </select>\n    <header>Background</header>\n    <input type=\"color\" name=\"bg1\" title=\"Color 1\" value=\"#ffbf31\">\n    <input type=\"color\" name=\"bg2\" title=\"Color 2\" value=\"#ffffff\">\n  </mbr-parameters>\n  <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n  <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n    <div class=\"row\">\n      <div class=\"content-wrap col-12 col-md-{{contentWidth}}\">\n        <div class=\"align w-100\">\n          <h2 class=\"mbr-section-subtitle mbr-fonts-style mbr-white mb-3\" data-app-selector=\".mbr-section-subtitle, .align\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">ABOUT US\n          </h2>\n        </div>\n        <h1 class=\"mbr-section-title mbr-fonts-style mbr-white mb-4\" mbr-theme-style=\"display-1\" data-app-selector=\".mbr-section-title, .line\" mbr-if=\"showTitle\">Manufacturing\n          <div>Company</div>\n        </h1>\n        <p class=\"mbr-fonts-style mbr-text mbr-white mb-4\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n        <div class=\"mbr-section-btn pt-4\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons mbr-theme-style=\"display-4\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"><span class=\"mobi-mbri mobi-mbri-play mbr-iconfont mbr-iconfont-btn\"></span>Get Started</a> <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Read More</a>\n        </div>\n      </div>\n    </div>\n  </div>\n</section>",
          "_cid": "tT2jwIXHx1",
          "_anchor": "header1-0",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            ".card-wrapper": {
              "@media (max-width: 992px)": {
                "margin-bottom": "2rem"
              }
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".mbr-iconfont": {
              "display": "flex",
              "font-size": "1.5rem",
              "color": "@iconColor",
              "align-items": "center",
              "justify-content": "center"
            },
            ".row": {
              "justify-content": "center"
            },
            ".card-box": {
              "display": "flex",
              "align-items": "center",
              "border-bottom": "1px solid @iconColor",
              "padding-bottom": "0.5rem",
              ".iconfont-wrapper": {
                "margin-right": "1rem"
              }
            },
            ".md-pb": {
              "@media (max-width: 992px)": {
                "margin-bottom": "2rem"
              }
            },
            ".card-link": {
              "&:hover a": {
                "background-image": "none !important"
              }
            },
            ".mbr-section-subtitle": {
              "color": "#777777"
            },
            ".card-text": {
              "color": "#232323"
            },
            ".card-title, .iconfont-wrapper": {
              "color": "#232323"
            }
          },
          "_name": "features1",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 features1\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n  <mbr-parameters>\n    <header>Size</header>\n    <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n    <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"6\">\n    <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"9\">\n    <header>Show/Hide</header>\n    <input type=\"checkbox\" title=\"Title\" name=\"showMainTitle\">\n    <input type=\"checkbox\" title=\"Subtitle\" name=\"showMainSubtitle\">\n    <header>Card</header>\n    <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n    <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n    <input type=\"checkbox\" title=\"Title\" name=\"showLink\" checked>\n    <input type=\"checkbox\" title=\"Icons\" name=\"showIcon\" checked>\n    <input type=\"color\" title=\"Icon Color\" name=\"iconColor\" value=\"#232323\" selected condition=\"showIcon\">\n    <select title=\"Columns\" name=\"columns\">\n      <option value=\"12\">1</option>\n      <option value=\"6\">2</option>\n      <option value=\"4\" selected>3</option>\n      <option value=\"3\">4</option>\n    </select>\n    <header>Background</header>\n    <fieldset type=\"background\" name=\"bg\" parallax>\n      <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\" parallax>\n      <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n      <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n    </fieldset>\n    <header condition=\"bg.type === 'video'\">Fallback Image</header>\n    <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n    <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n    <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n    <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n  </mbr-parameters>\n\n  <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n  </div>\n  <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n    <div class=\"row\">\n      <div class=\"col-12 mb-5\" mbr-if=\"showMainTitle || showMainSubtitle\" mbr-class=\"{'col-lg-9': cardsAmount == '3'}\">\n        <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showMainSubtitle\" data-app-selector=\".mbr-section-subtitle\">Subtitle</h5>\n        <h3 class=\"mbr-section-title mbr-fonts-style align-center\" mbr-theme-style=\"display-1\" mbr-if=\"showMainTitle\" data-app-selector=\".mbr-section-title\"><b>Features</b></h3>\n\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"card item features-without-image col-12 col-md-6 md-pb col-lg-{{columns}}\">\n        <div class=\"item-wrapper\">\n          <div class=\"card-box align-left\">\n            <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n              <span mbr-icon class=\"mbr-iconfont mobi-mbri-globe-2 mobi-mbri\"></span>\n            </div>\n            <h5 class=\"card-title mbr-fonts-style m-0 p-0\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\">CLIENTS</h5>\n\n          </div>\n          <h4 class=\"card-link align-left mbr-fonts-style pt-3\" mbr-theme-style=\"display-1\" mbr-if=\"showLink\" data-app-selector=\".card-link\">1.5k</h4>\n          <p class=\"card-text align-left mbr-fonts-style pt-3 mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor, consectetur adipiscing elit. Integer eget massa quis\n            iaculis vehicula.</p>\n\n        </div>\n      </div>\n      <div class=\"card item features-without-image col-12 col-md-6 md-pb col-lg-{{columns}}\">\n        <div class=\"item-wrapper\">\n          <div class=\"card-box align-left\">\n            <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n              <span mbr-icon class=\"mbr-iconfont mobi-mbri-users mobi-mbri\"></span>\n            </div>\n            <h5 class=\"card-title mbr-fonts-style m-0 p-0\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\">EXPERTISE</h5>\n\n          </div>\n          <h4 class=\"card-link align-left mbr-fonts-style pt-3\" mbr-theme-style=\"display-1\" mbr-if=\"showLink\" data-app-selector=\".card-link\">120+</h4>\n          <p class=\"card-text align-left mbr-fonts-style pt-3 mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor, consectetur adipiscing elit. Integer eget massa quis\n            iaculis vehicula.</p>\n\n        </div>\n      </div>\n      <div class=\"card item features-without-image col-12 col-md-6 md-pb col-lg-{{columns}}\">\n        <div class=\"item-wrapper\">\n          <div class=\"card-box align-left\">\n            <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n              <span mbr-icon class=\"mbr-iconfont mobi-mbri-growing-chart mobi-mbri\"></span>\n            </div>\n            <h5 class=\"card-title mbr-fonts-style m-0 p-0\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\">SUCCESS</h5>\n\n          </div>\n          <h4 class=\"card-link align-left mbr-fonts-style pt-3\" mbr-theme-style=\"display-1\" mbr-if=\"showLink\" data-app-selector=\".card-link\">96%</h4>\n          <p class=\"card-text align-left mbr-fonts-style pt-3 mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor, consectetur adipiscing elit. Integer eget massa quis\n            iaculis vehicula.</p>\n\n        </div>\n      </div>\n\n\n    </div>\n  </div>\n</section>",
          "_cid": "tT2tlt5oO3",
          "_anchor": "features1-4",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = \"video\")": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".col-title": {
              "@media (max-width: 991px)": {
                "margin-bottom": "20px"
              }
            },
            ".mbr-section-title": {
              "color": "#ffffff"
            },
            ".mbr-text": {
              "color": "#000000"
            },
            "h2": {
              "position": "relative",
              "width": "fit-content",
              "padding-left": "35px",
              "display": "inline-block",
              "&:before": {
                "content": "''",
                "width": "12px",
                "height": "12px",
                "border-radius": "50%",
                "background": "currentColor",
                "position": "absolute",
                "left": "10px",
                "top": "~\"calc(50% - 6px)\""
              }
            },
            ".row": {
              "justify-content": "space-between"
            },
            ".mbr-text1": {
              "color": "#0046c7"
            },
            "img": {
              "object-fit": "cover"
            },
            "h3": {
              "transition": "all 0.3s",
              "position": "relative",
              "transform": "translateX(110px)",
              "&:hover": {
                "transform": "translateX(0px)",
                "cursor": "pointer",
                "&:before": {
                  "opacity": "0"
                }
              },
              "&:before": {
                "content": "'\\e96b'",
                "color": "currentColor",
                "font-family": "'Moririse2' !important",
                "transition": "all 0.3s",
                "opacity": "1",
                "border-radius": "50%",
                "position": "absolute",
                "left": "-110px",
                "top": "60%",
                "transform": "translateY(-50%)"
              },
              "@media (max-width: 767px)": {
                "transform": "translateX(0px)"
              }
            },
            ".mbr-section-subtitle, .align": {
              "color": "#ffffff"
            }
          },
          "_name": "features9",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 features9\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n  <mbr-parameters>\n    <header>Size</header>\n    <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n    <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n    <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n\n    <header>Show/Hide</header>\n    <input type=\"checkbox\" name=\"showSubtitle\" title=\"Title\" checked>\n    <input type=\"range\" inline title=\"Items\" name=\"items\" min=\"1\" max=\"5\" step=\"1\" value=\"3\">\n    <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n    <header>Background</header>\n    <fieldset type=\"background\" name=\"bg\" parallax>\n      <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\" selected>\n      <input type=\"color\" title=\"Color\" value=\"#ffffff\">\n      <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n    </fieldset>\n    <header condition=\"bg.type === 'video'\">Fallback Image</header>\n    <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n    <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n    <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n    <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlay && bg.type !== 'color'\">\n  </mbr-parameters>\n\n  <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n  <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\"></div>\n  <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"align w-100\">\n          <h2 class=\"mbr-section-subtitle mbr-fonts-style mbr-white mb-5\" data-app-selector=\".mbr-section-subtitle, .align\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">SERVICES\n          </h2>\n        </div>\n      </div>\n      <div class=\"col-lg-8\">\n        <div class=\"item mb-5\" mbr-if=\"items > 0\">\n          <div class=\"col-title\">\n            <h3 class=\"mbr-section-title mbr-fonts-style mb-0\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\">Manufacturing</h3>\n          </div>\n\n        </div>\n        <div class=\"item mb-5\" mbr-if=\"items > 1\">\n          <div class=\"col-title\">\n            <h3 class=\"mbr-section-title mbr-fonts-style mb-0\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\">Electrical Service</h3>\n          </div>\n\n        </div>\n        <div class=\"item mb-5\" mbr-if=\"items > 2\">\n          <div class=\"col-title\">\n            <h3 class=\"mbr-section-title mbr-fonts-style mb-0\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\">Management</h3>\n          </div>\n\n        </div>\n        <div class=\"item mb-5\" mbr-if=\"items > 3\">\n          <div class=\"col-title\">\n            <h3 class=\"mbr-section-title mbr-fonts-style mb-0\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\">Title</h3>\n          </div>\n\n        </div>\n        <div class=\"item mb-5\" mbr-if=\"items > 4\">\n          <div class=\"col-title\">\n            <h3 class=\"mbr-section-title mbr-fonts-style mb-0\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-1\">Title</h3>\n          </div>\n\n        </div>\n\n        <div class=\"mbr-section-btn pt-4\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons mbr-theme-style=\"display-4\"><a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Read More</a></div>\n\n      </div>\n\n    </div>\n  </div>\n</section>",
          "_cid": "tT2tqDAJt4",
          "_anchor": "features9-5",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".card-wrapper": {
              "@media (max-width: 992px)": {
                "margin-bottom": "2rem"
              }
            },
            "img": {
              "max-width": "550px",
              "@media (max-width: 992px)": {
                "margin": "auto",
                "margin-bottom": "3rem"
              }
            },
            ".card": {
              "margin-bottom": "2rem"
            },
            ".mbr-iconfont": {
              "display": "inline-flex",
              "font-size": "5rem",
              "color": "@iconColor",
              "padding-right": "1rem",
              "align-items": "center",
              "justify-content": "center",
              "padding-bottom": "1rem"
            },
            ".row": {
              "justify-content": "space-between"
            },
            ".card-box": {
              "display": "flex",
              "align-items": "center",
              ".iconfont-wrapper": {
                "margin-right": "1rem"
              },
              "@media (max-width: 767px)": {
                "display": "inline-block"
              }
            },
            ".md-pb": {
              "@media (max-width: 992px)": {
                "margin-bottom": "2rem"
              }
            },
            ".mbr-section-subtitle": {
              "color": "#232323",
              "text-align": "left"
            },
            ".card-text": {
              "color": "#808080"
            },
            ".card-title, .iconfont-wrapper": {
              "color": "#232323",
              "text-align": "left"
            },
            ".mbr-section-title": {
              "text-align": "left",
              "color": "#232323"
            },
            ".card-link, .link-icon, .link-align": {
              "color": "#232323"
            }
          },
          "_name": "features6",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 features6\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' &amp;&amp; bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n  <mbr-parameters>\n    <header>Size</header>\n    <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n    <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"6\">\n    <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"6\">\n    <header>Show/Hide</header>\n    <input type=\"checkbox\" title=\"Title\" name=\"showMainTitle\" checked=\"\">\n    <input type=\"checkbox\" title=\"Subtitle\" name=\"showMainSubtitle\" checked=\"\">\n    <header>Card</header>\n    <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked=\"\">\n    <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked=\"\">\n    <input type=\"checkbox\" title=\"Icons\" name=\"showIcon\" checked=\"\">\n    <input type=\"color\" title=\"Icon Color\" name=\"iconColor\" value=\"#232323\" selected=\"\" condition=\"showIcon\">\n    <select title=\"Columns\" name=\"columns\">\n      <option value=\"12\" selected=\"\">1</option>\n      <option value=\"6\">2</option>\n    </select>\n    <header>Background</header>\n    <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n      <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\">\n      <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n      <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n    </fieldset>\n    <header condition=\"bg.type === 'video'\">Fallback Image</header>\n    <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n    <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n    <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay &amp;&amp; bg.type !== 'color'\">\n    <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay &amp;&amp; bg.type !== 'color'\">\n  </mbr-parameters>\n\n  <div class=\"mbr-overlay\" mbr-if=\"overlay &amp;&amp; bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n  </div>\n  <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n    <div class=\"row\">\n      <div class=\"col-lg-5 m-auto\">\n        <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/features2.jpg\" alt=\"Mobirise Website Builder\">\n\n      </div>\n      <div class=\"col-lg-7 m-auto\">\n        <div class=\"row\">\n          <div class=\"col-12 mb-5\" mbr-if=\"showMainTitle || showMainSubtitle\" mbr-class=\"{'col-lg-9': cardsAmount == '3'}\">\n\n            <h3 class=\"mbr-section-title mbr-fonts-style align-center pb-3\" mbr-theme-style=\"display-2\" mbr-if=\"showMainTitle\" data-app-selector=\".mbr-section-title\">Best Technical Solutions<br>For\n              Manufacturing</h3>\n            <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showMainSubtitle\" data-app-selector=\".mbr-section-subtitle\">Nam ipsum massa, aliquam vitae posuere\n              venenatis.</h5>\n\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"card item features-without-image col-12 col-md-12 md-pb col-lg-{{columns}} active\">\n            <div class=\"item-wrapper\">\n              <div class=\"card-box align-left\">\n                <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n                  <span mbr-icon=\"\" class=\"mbr-iconfont mobi-mbri-idea mobi-mbri\"></span>\n                </div>\n                <div class=\"conent-wrap\">\n                  <h5 class=\"card-title mbr-fonts-style m-0 p-0\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>ELECTRICAL</b></h5>\n\n\n\n                  <p class=\"card-text align-left mbr-fonts-style mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"card item features-without-image col-12 col-md-12 md-pb col-lg-{{columns}}\">\n            <div class=\"item-wrapper\">\n              <div class=\"card-box align-left\">\n                <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n                  <span mbr-icon=\"\" class=\"mbr-iconfont mobi-mbri-setting mobi-mbri\"></span>\n                </div>\n                <div class=\"conent-wrap\">\n                  <h5 class=\"card-title mbr-fonts-style m-0 p-0\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>MANUFACTURING</b></h5>\n\n\n\n                  <p class=\"card-text align-left mbr-fonts-style mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"card item features-without-image col-12 col-md-12 md-pb col-lg-{{columns}}\">\n            <div class=\"item-wrapper\">\n              <div class=\"card-box align-left\">\n                <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n                  <span mbr-icon=\"\" class=\"mbr-iconfont mobi-mbri-users mobi-mbri\"></span>\n                </div>\n                <div class=\"conent-wrap\">\n                  <h5 class=\"card-title mbr-fonts-style m-0 p-0\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>MANAGEMENT</b></h5>\n\n\n\n                  <p class=\"card-text align-left mbr-fonts-style mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</section>",
          "_cid": "tT2tjoeW2v",
          "_anchor": "features6-2",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "background": "linear-gradient(to bottom, @bg1, @bg2)",
            ".card-wrapper": {
              "@media (max-width: 992px)": {
                "margin-bottom": "2rem"
              }
            },
            ".card-link": {
              "position": "relative",
              "width": "fit-content",
              "margin-top": "1rem",
              "&:before": {
                "content": "''",
                "position": "absolute",
                "width": "100%",
                "transition": "all 0.3s",
                "height": "1px",
                "background": "currentColor",
                "left": "0",
                "bottom": "0"
              },
              "&:hover a": {
                "background-image": "none !important"
              },
              "&:hover": {
                "cursor": "pointer",
                "&:before": {
                  "width": "0%"
                }
              }
            },
            ".mbr-iconfont": {
              "display": "flex",
              "font-size": "1.5rem",
              "color": "@iconColor",
              "align-items": "center",
              "justify-content": "center"
            },
            ".row": {
              "justify-content": "center"
            },
            ".card-box": {
              "display": "flex",
              "align-items": "center",
              "border-bottom": "2px solid @iconColor",
              "padding-bottom": "1.5rem",
              "margin-bottom": "0.5rem",
              ".iconfont-wrapper": {
                "margin-right": "1rem"
              }
            },
            ".md-pb": {
              "@media (max-width: 992px)": {
                "margin-bottom": "2rem"
              }
            },
            ".mbr-section-subtitle": {
              "color": "#777777"
            },
            ".card-text": {
              "color": "#232323"
            },
            ".card-title, .iconfont-wrapper": {
              "color": "#232323"
            },
            ".mbr-section-title": {
              "text-align": "left"
            },
            ".card-link, .link-icon, .link-align": {
              "color": "#232323"
            }
          },
          "_name": "features4",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 features4\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' &amp;&amp; bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n  <mbr-parameters>\n    <header>Size</header>\n    <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n    <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"9\">\n    <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"9\">\n    <header>Show/Hide</header>\n    <input type=\"checkbox\" title=\"Title\" name=\"showMainTitle\" checked=\"\">\n    <input type=\"checkbox\" title=\"Subtitle\" name=\"showMainSubtitle\">\n    <header>Card</header>\n    <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked=\"\">\n    <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked=\"\">\n    <input type=\"checkbox\" title=\"Title\" name=\"showLink\">\n    <input type=\"checkbox\" name=\"showlinks\" title=\"Links\" checked=\"\">\n    <input type=\"checkbox\" title=\"Icons\" name=\"showIcon\" checked=\"\">\n    <input type=\"color\" title=\"Icon Color\" name=\"iconColor\" value=\"#232323\" selected=\"\" condition=\"showIcon\">\n    <select title=\"Columns\" name=\"columns\">\n      <option value=\"12\">1</option>\n      <option value=\"6\">2</option>\n      <option value=\"4\" selected=\"\">3</option>\n      <option value=\"3\">4</option>\n    </select>\n    <header>Background</header>\n    <input type=\"color\" name=\"bg1\" title=\"Color 1\" value=\"#ffbf31\">\n    <input type=\"color\" name=\"bg2\" title=\"Color 2\" value=\"#ffffff\">\n  </mbr-parameters>\n\n  <div class=\"mbr-overlay\" mbr-if=\"overlay &amp;&amp; bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n  </div>\n  <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n    <div class=\"row\">\n      <div class=\"col-12 mb-5 pb-4\" mbr-if=\"showMainTitle || showMainSubtitle\" mbr-class=\"{'col-lg-9': cardsAmount == '3'}\">\n        <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showMainSubtitle\" data-app-selector=\".mbr-section-subtitle\">Subtitle</h5>\n        <h3 class=\"mbr-section-title mbr-fonts-style align-center\" mbr-theme-style=\"display-1\" mbr-if=\"showMainTitle\" data-app-selector=\".mbr-section-title\">Our Services</h3>\n\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"card item features-without-image col-12 col-md-6 md-pb col-lg-{{columns}}\">\n        <div class=\"item-wrapper\">\n          <div class=\"card-box align-left\">\n            <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n              <span mbr-icon=\"\" class=\"mbr-iconfont mobi-mbri-idea mobi-mbri\"></span>\n            </div>\n            <h5 class=\"card-title mbr-fonts-style m-0 p-0\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\">Electrical Service&nbsp;</h5>\n\n          </div>\n          <h4 class=\"card-title align-left mbr-fonts-style pt-3\" mbr-theme-style=\"display-2\" mbr-if=\"showLink\" data-app-selector=\".card-title\">Title</h4>\n          <p class=\"card-text align-left mbr-fonts-style pt-3 mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum nunc\n            non ante vehicula bibendum. Donec non pretium nisl.</p>\n\n          <div class=\"link-align w-100\" mbr-if=\"showlinks\">\n            <div class=\"link-wrapper\">\n              <h6 class=\"card-link mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".card-link, .link-icon, .link-align\">\n                Read More</h6>\n\n            </div>\n          </div>\n\n\n        </div>\n      </div>\n      <div class=\"card item features-without-image col-12 col-md-6 md-pb col-lg-{{columns}}\">\n        <div class=\"item-wrapper\">\n          <div class=\"card-box align-left\">\n            <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n              <span mbr-icon=\"\" class=\"mbr-iconfont mobi-mbri-setting mobi-mbri\"></span>\n            </div>\n            <h5 class=\"card-title mbr-fonts-style m-0 p-0\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\">Manufacturing Company</h5>\n\n          </div>\n          <h4 class=\"card-title align-left mbr-fonts-style pt-3\" mbr-theme-style=\"display-2\" mbr-if=\"showLink\" data-app-selector=\".card-title\">Title</h4>\n          <p class=\"card-text align-left mbr-fonts-style pt-3 mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum nunc\n            non ante vehicula bibendum. Donec non pretium nisl.</p>\n\n          <div class=\"link-align w-100\" mbr-if=\"showlinks\">\n            <div class=\"link-wrapper\">\n              <h6 class=\"card-link mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".card-link, .link-icon, .link-align\">\n                Read More</h6>\n\n            </div>\n          </div>\n\n\n        </div>\n      </div>\n      <div class=\"card item features-without-image col-12 col-md-6 md-pb col-lg-{{columns}}\">\n        <div class=\"item-wrapper\">\n          <div class=\"card-box align-left\">\n            <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n              <span mbr-icon=\"\" class=\"mbr-iconfont mobi-mbri-users mobi-mbri\"></span>\n            </div>\n            <h5 class=\"card-title mbr-fonts-style m-0 p-0\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\">Management Service&nbsp;</h5>\n\n          </div>\n          <h4 class=\"card-title align-left mbr-fonts-style pt-3\" mbr-theme-style=\"display-2\" mbr-if=\"showLink\" data-app-selector=\".card-title\">Title</h4>\n          <p class=\"card-text align-left mbr-fonts-style pt-3 mb-0\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum nunc\n            non ante vehicula bibendum. Donec non pretium nisl.</p>\n\n          <div class=\"link-align w-100\" mbr-if=\"showlinks\">\n            <div class=\"link-wrapper\">\n              <h6 class=\"card-link mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".card-link, .link-icon, .link-align\">\n                Read More</h6>\n\n            </div>\n          </div>\n\n\n        </div>\n      </div>\n\n\n\n\n    </div>\n  </div>\n</section>",
          "_cid": "tT2tYtfgD6",
          "_anchor": "features4-e",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = \"video\")": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".item-subtitle": {
              "line-height": "1.2",
              "color": "#232323"
            },
            ".item-title": {
              "border-bottom": "1px solid currentColor",
              "color": "#232323",
              "padding-bottom": "1rem",
              "margin-top": "1rem"
            },
            "img, .item-img": {
              "width": "100%",
              "& when (@autoSize)": {
                "height": "100%",
                "object-fit": "cover",
                "& when (@showCardTitle)": {
                  "height": "(@imageHeight * 100px)",
                  "object-fit": "cover"
                },
                "& when (@showCardSubtitle)": {
                  "height": "(@imageHeight * 100px)",
                  "object-fit": "cover"
                },
                "& when (@showText)": {
                  "height": "(@imageHeight * 100px)",
                  "object-fit": "cover"
                },
                "& when (@showButtons)": {
                  "height": "(@imageHeight * 100px)",
                  "object-fit": "cover"
                }
              }
            },
            ".item:focus, span:focus": {
              "outline": "none"
            },
            ".item": {
              "margin-bottom": "2rem",
              "@media (max-width: 767px)": {
                "margin-bottom": "1rem"
              }
            },
            "& when not (@spacing)": {
              ".row": {
                "margin-left": "0",
                "margin-right": "0"
              },
              ".item": {
                "padding": "0",
                "margin": "0"
              }
            },
            ".item-wrapper": {
              "position": "relative",
              "border-radius": "4px",
              "height": "100%",
              "display": "flex",
              "flex-flow": "column nowrap"
            },
            ".mbr-section-title": {
              "color": "#232323"
            },
            ".mbr-text, .mbr-section-btn": {
              "color": "#232323"
            },
            ".content-head": {
              "max-width": "800px"
            }
          },
          "_name": "features8",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 features8\" group=\"Features\">\n  <mbr-parameters>\n    <header>Size</header>\n    <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n    <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n    <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n    <select title=\"Columns\" name=\"cardsWidth\">\n      <option value=\"12\">1</option>\n      <option value=\"6\">2</option>\n      <option value=\"4\" selected>3</option>\n      <option value=\"3\">4</option>\n    </select>\n    <header>Show/Hide</header>\n    <input type=\"checkbox\" name=\"showTitle\" title=\"Title\" checked>\n    <input type=\"checkbox\" name=\"showSubtitle\" title=\"Subtitle\">\n    <header>Cards</header>\n    <input type=\"checkbox\" name=\"autoSize\" title=\"Auto Size\" checked>\n    <input type=\"range\" name=\"imageHeight\" title=\"Height\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"autoSize && !(showButtons==false && showCardSubtitle==false && showCardTitle==false && showText==false)\">\n    <input type=\"checkbox\" title=\"Spacing\" name=\"spacing\" checked>\n    <input type=\"checkbox\" name=\"showCardTitle\" title=\"Title\" checked>\n    <input type=\"checkbox\" name=\"showCardSubtitle\" title=\"Subtitle\" checked>\n    <input type=\"checkbox\" name=\"showText\" title=\"Text\">\n    <input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\">\n    <header>Background</header>\n    <fieldset type=\"background\" name=\"bg\" parallax>\n      <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\" parallax>\n      <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n      <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n    </fieldset>\n    <header condition=\"bg.type === 'video'\">Fallback Image</header>\n    <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n    <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n    <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n    <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n  </mbr-parameters>\n\n  <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n  <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\"></div>\n  <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n    <div class=\"row justify-content-center\">\n      <div class=\"col-12 content-head\">\n        <div class=\"mbr-section-head mb-5\" mbr-if=\"showTitle || showSubtitle\">\n          <h4 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n            Our News\n          </h4>\n          <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mt-4 mb-0\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            To add more cards, hover on a card and click 'Add items'\n          </h5>\n        </div>\n      </div>\n    </div>\n    <div class=\"row justify-content-center\">\n      <div class=\"item features-image col-12 col-md-6 col-lg-{{cardsWidth}} active\">\n        <div class=\"item-wrapper\">\n\n          <div class=\"item-img mb-3\">\n            <img src=\"@PROJECT_PATH@/assets/images/video1.jpg\" alt=\"Mobirise Website Builder\" title>\n          </div>\n          <div class=\"item-content align-left\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n            <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">MARCH 30, 2025</h5>\n            <h6 class=\"item-subtitle mbr-fonts-style pt-2 mb-3\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">\n              Lorem ipsum dolor sit amet, adipiscing faucibus pellentesque&nbsp; elit.\n            </h6>\n            <p class=\"mbr-text mbr-fonts-style mb-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n              Lorem ipsum dolor sit amet, consectetur adipiscing. Suspendisse faucibus odio vestibulum euismod dapibus.\n            </p>\n            <div class=\"mbr-section-btn item-footer\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\">Read More</a></div>\n          </div>\n        </div>\n      </div>\n      <div class=\"item features-image col-12 col-md-6 col-lg-{{cardsWidth}}\">\n        <div class=\"item-wrapper\">\n\n          <div class=\"item-img mb-3\">\n            <img src=\"@PROJECT_PATH@/assets/images/features1.jpg\" alt=\"Mobirise Website Builder\" title>\n          </div>\n          <div class=\"item-content align-left\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n            <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">NOVEMBER 12, 2025</h5>\n            <h6 class=\"item-subtitle mbr-fonts-style pt-2 mb-3\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">Curabitur egestas augue ipsum, et tempor ex\n              lacinia condimentum nec.</h6>\n            <p class=\"mbr-text mbr-fonts-style mb-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n              Lorem ipsum dolor sit amet, consectetur adipiscing. Suspendisse faucibus odio vestibulum euismod dapibus.\n            </p>\n            <div class=\"mbr-section-btn item-footer\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\">Read More</a></div>\n          </div>\n        </div>\n      </div>\n      <div class=\"item features-image col-12 col-md-6 col-lg-{{cardsWidth}}\">\n        <div class=\"item-wrapper\">\n\n          <div class=\"item-img mb-3\">\n            <img src=\"@PROJECT_PATH@/assets/images/features2.jpg\" alt=\"Mobirise Website Builder\" title>\n          </div>\n          <div class=\"item-content align-left\" mbr-if=\"showCardTitle || showCardSubtitle || showText || showButtons\">\n            <h5 class=\"item-title mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">DECEMBER 24, 2025</h5>\n            <h6 class=\"item-subtitle mbr-fonts-style pt-2 mb-3\" mbr-theme-style=\"display-7\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">Sed tincidunt tempor neque sed maximus\n              tincidunt elementum enim.</h6>\n            <p class=\"mbr-text mbr-fonts-style mb-3\" mbr-if=\"showText\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n              Lorem ipsum dolor sit amet, consectetur adipiscing. Suspendisse faucibus odio vestibulum euismod dapibus.\n            </p>\n            <div class=\"mbr-section-btn item-footer\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-7\"><a href class=\"btn item-btn btn-primary\" data-app-placeholder=\"Type Text\">Read More</a></div>\n          </div>\n        </div>\n      </div>\n\n\n\n    </div>\n  </div>\n</section>",
          "_cid": "tT2tkJUWly",
          "_anchor": "features8-3",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "background": "linear-gradient(to bottom, @bg1, @bg2)",
            ".team-card": {
              "margin-bottom": "2rem",
              "transition": "all 0.3s",
              "&:hover": {
                "transform": "translateY(-10px)"
              }
            },
            "@media (min-width: 1400px)": {
              ".col-lg-3": {
                "padding": "0 1.5rem"
              }
            },
            ".mbr-role": {
              "border-bottom": "1px solid currentColor",
              "padding-bottom": "1rem"
            },
            ".image-wrap": {
              "overflow": "hidden",
              "min-height": "500px",
              "border-radius": "0.8rem"
            },
            ".item": {
              "@media (max-width: 991px)": {
                "margin-bottom": "2rem"
              }
            },
            ".card-wrap": {
              "height": "100%",
              "margin-bottom": "2rem",
              "display": "flex",
              "flex-direction": "column",
              "&:hover": {
                "img": {
                  "transform": "scale(1.05)"
                }
              },
              "border-radius": "4px",
              "@media (max-width: 991px)": {
                "margin-bottom": "2rem"
              },
              ".image-wrap img": {
                "width": "100%",
                "transition": "all 0.3s",
                "height": "500px",
                "object-fit": "cover"
              },
              ".content-wrap": {
                "margin": "auto"
              }
            },
            ".content-wrap": {
              "height": "100%",
              "width": "100%",
              "padding-top": "1rem",
              "justify-content": "space-between",
              "display": "flex",
              "flex-direction": "column"
            },
            ".icons-menu": {
              "display": "flex"
            },
            ".iconfont-wrapper": {
              "font-size": "1.2rem",
              "margin-right": "1rem",
              "display": "block",
              "position": "relative"
            },
            ".mbr-iconfont": {
              "position": "relative",
              "fomt-size": "1rem",
              "color": "@socialIconColor"
            },
            ".card-text, .mbr-section-btn, .social-row": {
              "color": "#232323"
            },
            ".mbr-role, .social-row": {
              "color": "#232323"
            },
            ".card-title, .social-row": {
              "color": "#232323"
            },
            ".mbr-section-title": {
              "color": "#232323",
              "text-align": "left"
            },
            ".mbr-section-subtitle": {
              "text-align": "left"
            }
          },
          "_name": "people2",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 people2\" group=\"People\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background':bg.parallax}\">\n  <mbr-parameters>\n    <header>Size</header>\n    <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\" checked>\n    <input inline type=\"range\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"6\">\n    <input inline type=\"range\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"6\">\n    <header>Show/Hide</header>\n    <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n    <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n    <select title=\"Columns\" name=\"columns\">\n      <option value=\"12\">1</option>\n      <option value=\"6\">2</option>\n      <option value=\"4\" selected>3</option>\n      <option value=\"3\">4</option>\n    </select>\n    <header>Card</header>\n    <input type=\"checkbox\" title=\"Name\" name=\"showName\" checked>\n    <input type=\"checkbox\" title=\"Role\" name=\"showRole\" checked>\n    <input type=\"checkbox\" title=\"Text\" name=\"showCardText\" checked>\n    <input type=\"checkbox\" title=\"Buttons\" name=\"showCardButtons\">\n    <header condition=\"showSocial\">Social</header>\n    <input type=\"checkbox\" title=\"Social\" name=\"showSocial\" checked>\n    <input type=\"range\" name=\"socialCount\" title=\"Count\" min=\"1\" max=\"4\" step=\"1\" value=\"3\" condition=\"showSocial\">\n    <input type=\"color\" title=\"Color\" name=\"socialIconColor\" value=\"#232323\" condition=\"showSocial\">\n    <header>Background</header>\n    <input type=\"color\" name=\"bg1\" title=\"Color 1\" value=\"#ffbf31\">\n    <input type=\"color\" name=\"bg2\" title=\"Color 2\" value=\"#ffffff\">\n  </mbr-parameters>\n  <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n  <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n  </div>\n  <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\" video-to-image-on-mobile=\"{{videoToImageOnMobile}}\">\n    <div class=\"row justify-content-center\">\n      <div class=\"col-12 pb-4\" mbr-if=\"showTitle || showSubtitle\">\n        <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">Meet the Experts: Our Talented <br>Team at Your Service</h3>\n        <p class=\"mbr-section-subtitle mbr-fonts-style align-center mb-5\" mbr-theme-style=\"display-5\" mbr-if=\"showText\" data-app-selector=\".mbr-section-subtitle\">\n          Meet our team\n        </p>\n      </div>\n      <div class=\"col-sm-6 col-lg-3 col-lg-{{columns}} item features-image\">\n        <div class=\"card-wrap item-wrapper\">\n          <div class=\"image-wrap\">\n            <img src=\"@PROJECT_PATH@/assets/images/team2.jpg\" alt=\"Mobirise Website Builder\" data-slide-to=\"1\" data-bs-slide-to=\"2\">\n          </div>\n          <div class=\"content-wrap\">\n            <div class=\"text\">\n              <h6 class=\"mbr-role mbr-fonts-style align-left mb-2\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">DIRECTOR</h6>\n              <h5 class=\"card-title mbr-fonts-style align-left mb-2\" mbr-theme-style=\"display-5\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\">Walter G. Riley</h5>\n\n              <p class=\"card-text mbr-fonts-style align-left\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-4\" mbr-if=\"showCardText\">\n                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget dictum velit nisi.<br>\n              </p>\n            </div>\n            <div class=\"links\">\n              <div class=\"icons-menu\" mbr-if=\"showSocial\">\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                  <span mbr-icon class=\"mbr-iconfont socicon-facebook socicon\"></span>\n                </a>\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"socialCount > 1\">\n                  <span mbr-icon class=\" mbr-iconfont socicon-twitter socicon\"></span>\n                </a>\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"socialCount > 2\">\n                  <span mbr-icon class=\"mbr-iconfont socicon-mail socicon\"></span>\n                </a>\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"socialCount > 3\">\n                  <span mbr-icon class=\" mbr-iconfont socicon-linkedin socicon\"></span>\n                </a>\n              </div>\n              <div class=\"mbr-section-btn pt-3 card-btn align-left\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\">\n                <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n                  Profile</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-sm-6 col-lg-3 col-lg-{{columns}} item features-image\">\n        <div class=\"card-wrap item-wrapper\">\n          <div class=\"image-wrap\">\n            <img src=\"@PROJECT_PATH@/assets/images/team1.jpg\" alt=\"Mobirise Website Builder\" data-slide-to=\"1\" data-bs-slide-to=\"2\">\n          </div>\n          <div class=\"content-wrap\">\n            <div class=\"text\">\n              <h6 class=\"mbr-role mbr-fonts-style align-left mb-2\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">MANAGER</h6>\n              <h5 class=\"card-title mbr-fonts-style align-left mb-2\" mbr-theme-style=\"display-5\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\">Ronald D. Branch</h5>\n\n              <p class=\"card-text mbr-fonts-style align-left\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-4\" mbr-if=\"showCardText\">\n                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget dictum velit nisi.<br>\n              </p>\n            </div>\n            <div class=\"links\">\n              <div class=\"icons-menu\" mbr-if=\"showSocial\">\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                  <span mbr-icon class=\"mbr-iconfont socicon-facebook socicon\"></span>\n                </a>\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"socialCount > 1\">\n                  <span mbr-icon class=\" mbr-iconfont socicon-twitter socicon\"></span>\n                </a>\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"socialCount > 2\">\n                  <span mbr-icon class=\"mbr-iconfont socicon-mail socicon\"></span>\n                </a>\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"socialCount > 3\">\n                  <span mbr-icon class=\"mbr-iconfont socicon-linkedin socicon\"></span>\n                </a>\n              </div>\n              <div class=\"mbr-section-btn pt-3 card-btn align-left\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\">\n                <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n                  Profile</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-sm-6 col-lg-3 col-lg-{{columns}} item features-image\">\n        <div class=\"card-wrap item-wrapper\">\n          <div class=\"image-wrap\">\n            <img src=\"@PROJECT_PATH@/assets/images/team3.jpg\" alt=\"Mobirise Website Builder\" data-slide-to=\"1\" data-bs-slide-to=\"2\">\n          </div>\n          <div class=\"content-wrap\">\n            <div class=\"text\">\n              <h6 class=\"mbr-role mbr-fonts-style align-left mb-2\" mbr-theme-style=\"display-4\" mbr-if=\"showRole\" data-app-selector=\".mbr-role, .social-row\">MANAGER</h6>\n              <h5 class=\"card-title mbr-fonts-style align-left mb-2\" mbr-theme-style=\"display-5\" mbr-if=\"showName\" data-app-selector=\".card-title, .social-row\">Susan W. Chadwell</h5>\n\n              <p class=\"card-text mbr-fonts-style align-left\" data-app-selector=\".card-text, .mbr-section-btn, .social-row\" mbr-theme-style=\"display-4\" mbr-if=\"showCardText\">\n                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget dictum velit nisi.<br>\n              </p>\n            </div>\n            <div class=\"links\">\n              <div class=\"icons-menu\" mbr-if=\"showSocial\">\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                  <span mbr-icon class=\" mbr-iconfont socicon-facebook socicon\"></span>\n                </a>\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"socialCount > 1\">\n                  <span mbr-icon class=\" mbr-iconfont socicon-twitter socicon\"></span>\n                </a>\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"socialCount > 2\">\n                  <span mbr-icon class=\"mbr-iconfont socicon-mail socicon\"></span>\n                </a>\n                <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"socialCount > 3\">\n                  <span mbr-icon class=\" mbr-iconfont socicon-linkedin socicon\"></span>\n                </a>\n              </div>\n              <div class=\"mbr-section-btn pt-3 card-btn align-left\" mbr-buttons data-toolbar=\"-mbrBtnMove\" mbr-if=\"showCardButtons\" mbr-theme-style=\"display-4\">\n                <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">View\n                  Profile</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n\n\n\n\n    </div>\n  </div>\n</section>",
          "_cid": "tT2tqTiZKU",
          "_anchor": "people2-6",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)",
              "& when (@overlay)": {
                ".mbr-overlay": {
                  "background": "@overlayColor",
                  "opacity": "@overlayOpacity"
                }
              }
            },
            ".item-mb": {
              "margin-bottom": "2rem",
              "@media (max-width: 767px)": {
                "margin-bottom": "1rem"
              }
            },
            ".item-content": {
              "border-top": "1px solid #efefef",
              "margin-top": "2rem",
              "padding": "0.25rem 2.25rem 0",
              "@media (min-width: 992px) and (max-width: 1200px)": {
                "padding": "0rem 1.5rem"
              },
              "@media (max-width: 767px)": {
                "padding": "0rem 1.5rem"
              }
            },
            "h5, h4, h6, p, li, li:before": {
              "transition": "all 0.3s"
            },
            ".item-wrapper": {
              "border-radius": "2rem",
              "overflow": "hidden",
              "border": "1px solid #efefef",
              "margin-bottom": "2rem",
              "transition": "all 0.3s",
              "background": "@cardsBg",
              "padding": "0rem",
              "height": "100%",
              "display": "flex",
              "flex-flow": "column nowrap",
              "&:hover": {
                "background": "@cardsHover",
                "h5, h4, h6, p, li, li:before": {
                  "color": "@cardsHoverText"
                }
              }
            },
            ".btn": {
              "width": "-webkit-fill-available"
            },
            ".item:focus, span:focus": {
              "outline": "none"
            },
            ".mbr-section-btn": {
              "padding": "0 1rem",
              "width": "100%",
              ".btn": {
                "width": "100%"
              }
            },
            ".mbr-section-title": {
              "color": "#000000"
            },
            ".mbr-section-subtitle": {
              "color": "#ffffff"
            },
            ".mbr-text, .mbr-section-btn": {
              "text-align": "center"
            },
            ".item-title": {
              "text-align": "center",
              "color": "#000000"
            },
            ".item-subtitle": {
              "text-align": "center",
              "color": "#000000"
            },
            ".content-head": {
              "max-width": "800px"
            },
            ".counter-container": {
              "ul": {
                "margin": "0",
                "padding-left": "2.25rem",
                "list-style": "none",
                "li": {
                  "position": "relative",
                  "list-style": "none",
                  "padding": "0",
                  "line-height": "1",
                  "margin-bottom": "1rem",
                  "&:before": {
                    "position": "absolute",
                    "font-family": "'Moririse2' !important",
                    "left": "-1.5em",
                    "content": "\"\\e97c\"",
                    "display": "flex",
                    "justify-content": "center",
                    "align-items": "center",
                    "color": "@iconColor",
                    "width": "0.5em",
                    "height": "0.5em",
                    "top": "0.3em",
                    "border-radius": "50%"
                  }
                }
              }
            },
            ".counter-container ul li": {
              "margin-bottom": "1rem"
            },
            ".mbr-text UL": {
              "text-align": "left"
            },
            ".item-maintitle": {
              "text-align": "center"
            }
          },
          "_name": "pricing1",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 pricing1\" group=\"Pricing\">\n  <mbr-parameters>\n    <header>Size</header>\n    <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n    <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n    <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n    <header>Show/Hide</header>\n    <input type=\"checkbox\" name=\"showTitle\" title=\"Title\" checked>\n    <select title=\"Columns\" name=\"columns\">\n      <option value=\"6\">2</option>\n      <option value=\"4\" selected>3</option>\n      <option value=\"3\">4</option>\n    </select>\n    <header>Card</header>\n    <input type=\"checkbox\" name=\"showCardTitle\" title=\"Title\" checked>\n    <input type=\"checkbox\" name=\"showCardSubtitle\" title=\"Subtitle\" checked>\n    <input type=\"checkbox\" name=\"showText\" title=\"Text\" checked>\n    <input type=\"checkbox\" name=\"showList\" title=\"List\" checked>\n    <input type=\"checkbox\" name=\"showButtons\" title=\"Buttons\" checked>\n    <header>Color</header>\n    <input type=\"color\" name=\"cardsHover\" title=\"Hover Card\" value=\"#232323\">\n    <input type=\"color\" name=\"cardsHoverText\" title=\"Hover Text\" value=\"#ffffff\">\n    <input type=\"color\" name=\"cardsBg\" title=\"BG\" value=\"#ffffff\">\n    <input type=\"color\" name=\"iconColor\" title=\"Icon Color\" value=\"#232323\">\n    <header>Background</header>\n    <fieldset type=\"background\" name=\"bg\" required>\n      <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\">\n      <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n    </fieldset>\n    <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n    <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type == 'image'\">\n    <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.1\" condition=\"overlay && bg.type == 'image'\">\n  </mbr-parameters>\n\n  <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n  <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n    <div class=\"row justify-content-center\">\n      <div class=\"col-12 content-head\">\n        <div class=\"mbr-section-head pb-5\" mbr-if=\"showTitle\">\n          <h4 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n            Pricing</h4>\n\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}} item-mb active\">\n        <div class=\"item-wrapper\">\n          <div class=\"item-head pt-5\">\n            <h5 class=\"item-maintitle mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-app-selector=\".item-maintitle\">Basic</h5>\n            <h5 class=\"item-title mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">Pricing Plan</h5>\n            <h6 class=\"item-subtitle mbr-fonts-style mb-3\" mbr-theme-style=\"display-2\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">$199</h6>\n            <p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text, .mbr-section-btn\">Monthly&nbsp;<br></p>\n            <div class=\"mbr-section-btn pt-2 item-footer \" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-4\"><a href class=\"btn btn-sm item-btn btn-primary\" data-app-placeholder=\"Type Text\">Get this plan</a></div>\n          </div>\n          <div class=\"item-content\" mbr-if=\"showList\">\n\n            <div class=\"mb-4\" mbr-if=\"showList && showText\">\n            </div>\n            <div class=\"counter-container mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text\" data-multiline mbr-article>\n              <ul>\n                <li>Lorem ipsum dolor</li>\n                <li>Ut et nibh ac sem non</li>\n                <li>Nulla viverra porta&nbsp;</li>\n                <li>Cras cursusligula</li>\n                <li>Fusce eleifend morbi&nbsp;</li>\n                <li>Cras vel ipsum a orci</li>\n              </ul>\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}} item-mb\">\n        <div class=\"item-wrapper\">\n          <div class=\"item-head pt-5\">\n            <h5 class=\"item-maintitle mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-app-selector=\".item-maintitle\">Advanced</h5>\n            <h5 class=\"item-title mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">Pricing Plan</h5>\n            <h6 class=\"item-subtitle mbr-fonts-style mb-3\" mbr-theme-style=\"display-2\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">$299</h6>\n            <p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text, .mbr-section-btn\">Monthly&nbsp;<br></p>\n            <div class=\"mbr-section-btn pt-2 item-footer \" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-4\"><a href class=\"btn btn-sm item-btn btn-primary\" data-app-placeholder=\"Type Text\">Get this plan</a></div>\n          </div>\n          <div class=\"item-content\" mbr-if=\"showList\">\n\n            <div class=\"mb-4\" mbr-if=\"showList && showText\">\n            </div>\n            <div class=\"counter-container mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text\" data-multiline mbr-article>\n              <ul>\n                <li>Lorem ipsum dolor</li>\n                <li>Ut et nibh ac sem non</li>\n                <li>Nulla viverra porta&nbsp;</li>\n                <li>Cras cursusligula</li>\n                <li>Fusce eleifend morbi&nbsp;</li>\n                <li>Cras vel ipsum a orci</li>\n              </ul>\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}} item-mb\">\n        <div class=\"item-wrapper\">\n          <div class=\"item-head pt-5\">\n            <h5 class=\"item-maintitle mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" data-app-selector=\".item-maintitle\">Premium</h5>\n            <h5 class=\"item-title mbr-fonts-style mb-2\" mbr-theme-style=\"display-7\" data-app-selector=\".item-title\" mbr-if=\"showCardTitle\">Pricing Plan</h5>\n            <h6 class=\"item-subtitle mbr-fonts-style mb-3\" mbr-theme-style=\"display-2\" data-app-selector=\".item-subtitle\" mbr-if=\"showCardSubtitle\">$399</h6>\n            <p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text, .mbr-section-btn\">Monthly&nbsp;<br></p>\n            <div class=\"mbr-section-btn pt-2 item-footer \" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd\" mbr-buttons mbr-theme-style=\"display-4\"><a href class=\"btn btn-sm item-btn btn-primary\" data-app-placeholder=\"Type Text\">Get this plan</a></div>\n          </div>\n          <div class=\"item-content\" mbr-if=\"showList\">\n\n            <div class=\"mb-4\" mbr-if=\"showList && showText\">\n            </div>\n            <div class=\"counter-container mbr-text mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".mbr-text\" data-multiline mbr-article>\n              <ul>\n                <li>Lorem ipsum dolor</li>\n                <li>Ut et nibh ac sem non</li>\n                <li>Nulla viverra porta&nbsp;</li>\n                <li>Cras cursusligula</li>\n                <li>Fusce eleifend morbi&nbsp;</li>\n                <li>Cras vel ipsum a orci</li>\n              </ul>\n            </div>\n          </div>\n\n        </div>\n      </div>\n\n\n    </div>\n  </div>\n</section>",
          "_cid": "tT2tvVkn8W",
          "_anchor": "pricing1-b",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "display": "flex",
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 15px)",
              "padding-bottom": "(@paddingBottom * 15px)"
            },
            "background": "linear-gradient(to bottom, @bg1, @bg2)",
            "@media (min-width: 768px)": {
              "align-items": "~\"@{verticalAlign}\"",
              ".row": {
                "justify-content": "~\"@{horizontalAlign}\""
              }
            },
            ".mbr-section-title": {
              "text-align": "left",
              "color": "#232323"
            },
            ".mbr-text, .mbr-section-btn": {
              "text-align": "left",
              "color": "#232323"
            },
            ".mbr-section-title, .line": {
              "color": "#232323"
            },
            "h2": {
              "position": "relative",
              "width": "fit-content",
              "padding-left": "35px",
              "display": "inline-block",
              "&:before": {
                "content": "''",
                "width": "12px",
                "height": "12px",
                "border-radius": "50%",
                "background": "currentColor",
                "position": "absolute",
                "left": "10px",
                "top": "~\"calc(50% - 6px)\""
              }
            },
            ".mbr-section-subtitle, .align": {
              "text-align": "left",
              "color": "#232323"
            },
            ".mbr-text2": {
              "color": "#808080"
            }
          },
          "_name": "article2",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 article2\" group=\"Article\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n'mbr-parallax-background': bg.parallax}\">\n  <mbr-parameters>\n    <header>Size</header>\n    <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n    <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n    <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"15\" step=\"1\" value=\"9\" condition=\"fullScreen == false\">\n    <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"15\" step=\"1\" value=\"9\" condition=\"fullScreen == false\">\n    <input type=\"range\" inline=\"\" name=\"contentWidth\" title=\"Content Width\" min=\"4\" max=\"12\" step=\"1\" value=\"10\">\n    <header>Show / Hide</header>\n    <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked=\"\">\n    <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked=\"\">\n    <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked=\"\">\n    <input type=\"checkbox\" title=\"Text 2\" name=\"showText2\" checked=\"\">\n    <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked=\"\">\n    <select title=\"Vertical Align\" name=\"verticalAlign\" condition=\"fullScreen\">\n      <option value=\"flex-start\" selected=\"\">Top</option>\n      <option value=\"center\">Center</option>\n      <option value=\"flex-end\">Bottom</option>\n    </select>\n    <select title=\"Horizontal Align\" name=\"horizontalAlign\">\n      <option value=\"flex-start\" selected=\"\">Left</option>\n      <option value=\"center\">Center</option>\n      <option value=\"flex-end\">Right</option>\n    </select>\n    <header>Background</header>\n    <input type=\"color\" name=\"bg1\" title=\"Color 1\" value=\"#ffbf31\">\n    <input type=\"color\" name=\"bg2\" title=\"Color 2\" value=\"#ffffff\">\n  </mbr-parameters>\n  <div class=\"mbr-overlay\" mbr-if=\"overlay &amp;&amp; bg.type !== 'color'\"></div>\n  <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n    <div class=\"row\">\n      <div class=\"content-wrap col-12 col-md-{{contentWidth}}\">\n        <div class=\"align w-100\">\n          <h2 class=\"mbr-section-subtitle mbr-fonts-style mbr-white mb-3\" data-app-selector=\".mbr-section-subtitle, .align\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\">BLOG\n          </h2>\n        </div>\n        <h1 class=\"mbr-section-title mbr-fonts-style mbr-white mb-4\" mbr-theme-style=\"display-1\" data-app-selector=\".mbr-section-title, .line\" mbr-if=\"showTitle\">Lorem ipsum dolor sit amet, consectetur\n          adipiscing elit.\n        </h1>\n        <p class=\"mbr-fonts-style mbr-text mbr-white mb-4\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n        <p class=\"mbr-fonts-style mbr-text2 mbr-white mb-4\" mbr-theme-style=\"display-4\" mbr-if=\"showText2\" data-app-selector=\".mbr-text2\">\n          5 MIN READ&nbsp; &nbsp; |&nbsp; &nbsp; 10 JAN 2025</p>\n\n        <div class=\"mbr-section-btn pt-4\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons=\"\" mbr-theme-style=\"display-4\"><a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Read More</a></div>\n      </div>\n    </div>\n  </div>\n</section>",
          "_cid": "tT2uakG911",
          "_anchor": "article2-f",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "h3": {
              "text-align": "center"
            },
            ".pie_progress": {
              "padding-top": "1rem",
              "position": "relative",
              "width": "100px !important",
              "height": "100px !important"
            },
            ".content": {
              "padding-left": "1rem",
              "width": "-webkit-fill-available"
            },
            "p": {
              "line-height": "1.6"
            },
            "svg": {
              "width": "100px",
              "height": "100px"
            },
            ".img-col": {
              "@media (min-width: 1600px)": {
                "padding-right": "6rem"
              },
              "@media (max-width: 992px)": {
                "margin-bottom": "3rem"
              }
            },
            ".card": {
              "display": "flex",
              "-webkit-box-orient": "horizontal",
              "-webkit-box-direction": "normal",
              "flex-direction": "row",
              "-webkit-box-align": "center",
              "align-items": "center",
              "flex-basis": "100%",
              "word-wrap": "break-word"
            },
            ".item": {
              "@media (min-width: 1600px)": {
                "padding-right": "3rem"
              },
              "@media (max-width: 767px)": {
                "padding-bottom": "2rem"
              }
            },
            ".number": {
              "position": "absolute",
              "top": "50%",
              "left": "50%",
              "right": "50%",
              "bottom": "50%",
              "height": "fit-content",
              "width": "fit-content",
              "-webkit-transform": "translate(-50%, -50%)",
              "transform": "translate(-50%, -50%)"
            },
            ".wrap": {
              "width": "200px",
              "margin": "0",
              "margin-left": "0",
              "height": "130px !important",
              "margin-right": "auto"
            },
            ".mbr-section-subtitle": {
              "color": "#383838",
              "text-align": "left"
            },
            ".pie_progress__number": {
              "text-align": "center !important"
            },
            ".card-title": {
              "margin-bottom": "0"
            },
            ".svg-gradient": {
              "position": "absolute"
            },
            "ellipse": {
              "stroke": "rgba(206, 206, 206, 0.4)"
            },
            "path": {
              "& when not (@gradientProgress)": {
                "stroke": "@progressColor"
              }
            },
            "@media (max-width: 991px) and (min-width: 768px)": {
              ".card": {
                "flex-basis": "50%"
              }
            },
            "H4": {
              "color": "#232323"
            },
            ".mbr-section-title": {
              "color": "#181818",
              "text-align": "left"
            },
            "@media (max-width: 767px)": {
              ".card": {
                "-webkit-box-orient": "vertical",
                "-webkit-box-direction": "normal",
                "flex-direction": "column"
              },
              ".content": {
                "padding-left": "0rem"
              },
              ".wrap": {
                "width": "100px"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".card-text1": {
              "text-align": "left"
            }
          },
          "_name": "numbers1",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 progress-bars1 circle-progress-section\" group=\"Numbers\" data-bg-video=\"{{bg.type == 'video' &amp;&amp; bg.value.url}}\" plugins=\"as-pie-progress\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n  <mbr-parameters>\n\n    <header>Size</header>\n    <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"5\">\n    <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"5\">\n    <select title=\"Progress count\" name=\"progressCount\">\n      <option value=\"1\">1</option>\n      <option value=\"2\" selected=\"\">2</option>\n      <option value=\"3\">3</option>\n    </select>\n    <input type=\"range\" inline=\"\" title=\"Progress 1\" name=\"progress1\" min=\"0\" max=\"100\" step=\"1\" value=\"76\">\n    <input type=\"range\" inline=\"\" title=\"Progress 2\" name=\"progress2\" min=\"0\" max=\"100\" step=\"1\" value=\"91\" condition=\"progressCount>1\">\n    <input type=\"range\" inline=\"\" title=\"Progress 3\" name=\"progress3\" min=\"0\" max=\"100\" step=\"1\" value=\"84\" condition=\"progressCount>2\">\n    <header>Show / Hide</header>\n    <input type=\"checkbox\" title=\"Title\" name=\"showMainTitle\" checked=\"\">\n    <input type=\"checkbox\" title=\"Subtitle\" name=\"showMainSubtitle\" checked=\"\">\n    <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked=\"\">\n    <header>Color</header>\n    <input type=\"color\" title=\"Progress\" name=\"progressColor\" value=\"#ffbf31\">\n    <input type=\"checkbox\" title=\"Gradient Progress\" name=\"gradientProgress\">\n    <input type=\"color\" title=\"Progress Color 2\" name=\"progressColor2\" value=\"#ffbf31\" condition=\"gradientProgress\">\n    <header>Background</header>\n    <fieldset type=\"background\" name=\"bg\" parallax=\"\">\n      <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\">\n      <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected=\"\">\n      <input type=\"video\" title=\"Video\" value=\"https://www.youtube.com/watch?v=36YgDDJ7XSc\">\n    </fieldset>\n    <header condition=\"bg.type === 'video'\">Fallback Image</header>\n    <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/video1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n    <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n    <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay &amp;&amp; bg.type !== 'color'\">\n    <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay &amp;&amp; bg.type !== 'color'\">\n\n  </mbr-parameters>\n  <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n  <div class=\"mbr-overlay\" mbr-if=\"overlay &amp;&amp; bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n  </div>\n\n  <svg mbr-if=\"gradientProgress\" class=\"svg-gradient\">\n    <linearGradient>\n      <stop offset=\"0%\" stop-color=\"{{progressColor2}}\"></stop>\n      <stop offset=\"100%\" stop-color=\"{{progressColor}}\"></stop>\n    </linearGradient>\n  </svg>\n\n  <div class=\"container-fluid\">\n\n    <div class=\"row\">\n      <div class=\"col-lg-5 img-col\">\n\n        <img class=\"w-100\" src=\"@PROJECT_PATH@/assets/images/features1.jpg\" alt=\"Mobirise Website Builder\">\n\n\n      </div>\n\n      <div class=\"col-lg-7 my-auto\">\n\n        <h3 class=\"mbr-section-title mbr-fonts-style align-center pb-3\" mbr-theme-style=\"display-2\" mbr-if=\"showMainTitle\" data-app-selector=\".mbr-section-title\">Lorem ipsum dolor amet, consectetur\n          elit.&nbsp;</h3>\n        <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-2\" mbr-theme-style=\"display-7\" mbr-if=\"showMainSubtitle\" data-app-selector=\".mbr-section-subtitle\">Nam ipsum massa, aliquam vitae posuere\n          venenatis, rutrum sed quam. Morbi consectetur ipsum sit amet rhoncus vehicula. Integer faucibus justo sit\n          amet lectus rutrum, nec tempus dui placerat.</h5>\n\n        <div class=\"row pt-5\">\n\n          <div class=\"item col-lg-6 col-md-6\">\n            <p class=\"mbr-fonts-style mbr-regular card-text1\" data-app-selector=\".card-text1\" mbr-theme-style=\"display-4\">\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel volutpat risus. Aliquam a lorem eros.\n              Etiam tristique nibh sit amet felis dictum euismod. <br>\n            </p>\n\n            <div class=\"card align-left\">\n              <div class=\"wrap\">\n                <div class=\"pie_progress progress1\" role=\"progressbar\" data-goal=\"{{progress1}}\">\n\n                </div>\n              </div>\n              <div class=\"content\">\n                <div class=\"mbr-crt-title\">\n                  <h4 class=\"card-title mbr-semibold pb-2 mbr-fonts-style\" mbr-theme-style=\"display-2\">83%</h4>\n                </div>\n                <div class=\"mbr-crt-text\">\n                  <p class=\"mbr-fonts-style mbr-regular card-text\" data-app-selector=\".card-text\" mbr-theme-style=\"display-4\" mbr-if=\"showText\">\n                    Happy Clients<br>\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"item col-lg-6 col-md-6\">\n            <p class=\"mbr-fonts-style mbr-regular card-text1\" data-app-selector=\".card-text1\" mbr-theme-style=\"display-4\">\n              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel volutpat risus. Aliquam a lorem eros.\n              Etiam tristique nibh sit amet dictum euismod.<br>\n            </p>\n\n            <div class=\"card align-left\" mbr-if=\"progressCount>1\">\n              <div class=\"wrap\">\n                <div class=\"pie_progress progress2\" role=\"progressbar\" data-goal=\"{{progress2}}\">\n\n                </div>\n              </div>\n              <div class=\"content\">\n                <div class=\"mbr-crt-title\">\n                  <h4 class=\"card-title mbr-semibold pb-2 mbr-fonts-style\" mbr-theme-style=\"display-2\">95%</h4>\n                </div>\n                <div class=\"mbr-crt-text\">\n                  <p class=\"mbr-fonts-style mbr-regular card-text\" data-app-selector=\".card-text\" mbr-theme-style=\"display-4\" mbr-if=\"showText\">Successful Projects<br>\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n\n\n        </div>\n\n      </div>\n\n    </div>\n\n\n\n\n  </div>\n</section>",
          "_cid": "tT2trKAO5Q",
          "_anchor": "numbers1-8",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "background": "linear-gradient(to bottom, @bg1, @bg2)",
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".card-link": {
              "position": "relative",
              "width": "fit-content",
              "&:before": {
                "content": "''",
                "position": "absolute",
                "width": "100%",
                "transition": "all 0.3s",
                "height": "1px",
                "background": "currentColor",
                "left": "0",
                "bottom": "0"
              }
            },
            "h2": {
              "position": "relative",
              "width": "fit-content",
              "padding-left": "35px",
              "display": "inline-block",
              "&:before": {
                "content": "''",
                "width": "12px",
                "height": "12px",
                "border-radius": "50%",
                "background": "currentColor",
                "position": "absolute",
                "left": "10px",
                "top": "~\"calc(50% - 6px)\""
              }
            },
            ".item-wrapper": {
              "margin-bottom": "0rem",
              "padding": "2.5rem 2rem",
              "@media (max-width: 767px)": {
                "margin-bottom": "0rem",
                "padding": "1rem"
              },
              "margin-top": "2rem",
              "background": "@cardbg",
              "transition": "all 0.3s",
              "&:hover": {
                "background": "@iconColor",
                "transform": "translateY(-5px)",
                ".card-title, .card-text": {
                  "color": "white !important"
                },
                "span, .card-link, .card-link a": {
                  "color": "@primaryColor !important"
                },
                ".card-link:before": {
                  "width": "0%"
                }
              }
            },
            ".card-title, .card-text, .card-link, .card-link a": {
              "transition": "all 0.3s"
            },
            ".link-wrapper": {
              "display": "inline-flex",
              "align-items": "center",
              ".link-icon": {
                "color": "currentColor",
                "font-size": "1rem",
                "padding-left": ".5rem",
                "padding-bottom": "4px",
                "transition": "all 0.3s"
              },
              "&:hover": {
                "cursor": "pointer"
              }
            },
            ".iconfont-wrapper .mbr-iconfont": {
              "display": "inline-flex",
              "font-size": "4rem",
              "color": "@iconColor",
              "justify-content": "center",
              "align-items": "center",
              "transition": "all 0.3s",
              "margin-bottom": "1.5rem",
              "@media (max-width: 767px)": {
                "font-size": "4rem"
              }
            },
            ".card-title, .iconfont-wrapper": {
              "color": "#000000"
            },
            ".card-text": {
              "color": "#232323"
            },
            ".mbr-section-title": {
              "color": "#000000",
              "text-align": "left"
            },
            ".card-link, .link-icon, .link-align": {
              "color": "#232323"
            },
            ".mbr-section-subtitle": {
              "text-align": "left"
            },
            ".mbr-section-subtitle, .align": {
              "color": "#232323"
            }
          },
          "_name": "contacts1",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 contacts1\" group=\"Contact\" data-bg-video=\"{{bg.type == 'video' &amp;&amp; bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked=\"\">\n        <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n        <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showMainTitle\" checked=\"\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showMainSubtitle\" checked=\"\">\n        <header>Card</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked=\"\">\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked=\"\">\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcon\" checked=\"\">\n        <input type=\"checkbox\" name=\"showlinks\" title=\"Links\">\n        <input type=\"color\" title=\"Icon/Hover Color\" name=\"iconColor\" value=\"#232323\" selected=\"\" condition=\"showIcon\">\n        <input type=\"color\" title=\"Card BG\" name=\"cardbg\" value=\"#ffffff\" selected=\"\" condition=\"showIcon\">\n        <select title=\"Columns\" name=\"columns\">\n            <option value=\"12\">1</option>\n            <option value=\"6\">2</option>\n            <option value=\"4\">3</option>\n            <option value=\"3\" selected=\"\">4</option>\n        </select>\n        <header>Background</header>\n        <input type=\"color\" name=\"bg1\" title=\"Color 1\" value=\"#ffbf31\">\n        <input type=\"color\" name=\"bg2\" title=\"Color 2\" value=\"#ffffff\">\n    </mbr-parameters>\n\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay &amp;&amp; bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\"></div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center mb-4\" mbr-if=\"showMainTitle || showMainSubtitle\">\n            <div class=\"col-12 mb-0 content-head\">\n                <div class=\"align w-100\">\n                    <h2 class=\"mbr-section-subtitle mbr-fonts-style mbr-white mb-3\" data-app-selector=\".mbr-section-subtitle, .align\" mbr-theme-style=\"display-7\" mbr-if=\"showMainSubtitle\">CONTACT\n                    </h2>\n                </div>\n\n                <h3 class=\"mbr-section-title mbr-fonts-style align-center\" mbr-theme-style=\"display-1\" mbr-if=\"showMainTitle\" data-app-selector=\".mbr-section-title\">If You Have Questions, <br>Please\n                    Contact Us\n                </h3>\n            </div>\n        </div>\n        <div class=\"row justify-content-center\">\n            <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n                <div class=\"item-wrapper\">\n                    <div class=\"card-box align-left\">\n                        <div class=\"iconfont-wrapper mb-3\" mbr-if=\"showIcon\">\n                            <span mbr-icon=\"\" class=\"mbr-iconfont mobi-mbri-home mobi-mbri\"></span>\n                        </div>\n                        <h5 class=\"card-title mbr-fonts-style pb-4\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\">Main Office</h5>\n                        <p class=\"card-text mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">\n                            Oklahoma,&nbsp;Blanchard,<br>127 N. Main St</p>\n\n                        <div class=\"link-align w-100\" mbr-if=\"showlinks\">\n                            <div class=\"link-wrapper\">\n                                <h6 class=\"card-link mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".card-link, .link-icon, .link-align\">\n                                    Read More</h6>\n\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n            <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n                <div class=\"item-wrapper\">\n                    <div class=\"card-box align-left\">\n                        <div class=\"iconfont-wrapper mb-3\" mbr-if=\"showIcon\">\n                            <span mbr-icon=\"\" class=\"mbr-iconfont mobi-mbri-users mobi-mbri\"></span>\n                        </div>\n                        <h5 class=\"card-title mbr-fonts-style pb-4\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\">Support Chat</h5>\n                        <p class=\"card-text mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">support@yoursite.com<br>help@yoursite.com<br></p>\n\n                        <div class=\"link-align w-100\" mbr-if=\"showlinks\">\n                            <div class=\"link-wrapper\">\n                                <h6 class=\"card-link mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".card-link, .link-icon, .link-align\">\n                                    Read More\n                                </h6>\n\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n            <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n                <div class=\"item-wrapper\">\n                    <div class=\"card-box align-left\">\n                        <div class=\"iconfont-wrapper mb-3\" mbr-if=\"showIcon\">\n                            <span mbr-icon=\"\" class=\"mbr-iconfont mobi-mbri-map-pin mobi-mbri\"></span>\n                        </div>\n                        <h5 class=\"card-title mbr-fonts-style pb-4\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\">\n                            Visit Us</h5>\n                        <p class=\"card-text mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">\n                            Bethlehem,&nbsp; Pennsylvania,<br>745 7th Ave<br></p>\n\n                        <div class=\"link-align w-100\" mbr-if=\"showlinks\">\n                            <div class=\"link-wrapper\">\n                                <h6 class=\"card-link mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".card-link, .link-icon, .link-align\">\n                                    <a href=\"#\" class=\"text-black\">Read More</a>\n                                </h6>\n\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n            <div class=\"item features-without-image col-12 col-md-6 col-lg-{{columns}}\">\n                <div class=\"item-wrapper\">\n                    <div class=\"card-box align-left\">\n                        <div class=\"iconfont-wrapper mb-3\" mbr-if=\"showIcon\">\n                            <span mbr-icon=\"\" class=\"mbr-iconfont mobi-mbri-phone mobi-mbri\"></span>\n                        </div>\n                        <h5 class=\"card-title mbr-fonts-style pb-4\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\">\n                            Call Us</h5>\n                        <p class=\"card-text mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".card-text\">\n                            +1(123)567-890<br>+1(123)890-567<br></p>\n\n                        <div class=\"link-align w-100\" mbr-if=\"showlinks\">\n                            <div class=\"link-wrapper\">\n                                <h6 class=\"card-link mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".card-link, .link-icon, .link-align\">\n                                    <a href=\"#\" class=\"text-black\">Read More</a>\n                                </h6>\n\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n\n\n        </div>\n    </div>\n</section>",
          "_cid": "tT2tsC7HME",
          "_anchor": "contacts1-9",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            ".mbr-overlay": {
              "background-color": "@overlayColor",
              "opacity": "@overlayOpacity"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "h4, p": {
              "padding-bottom": "1rem"
            },
            ".col-auto, .btn": {
              "width": "100% !important",
              "padding": "1rem",
              "margin": "0"
            },
            ".mbr-form": {
              "@media (max-width: 992px)": {
                "margin-bottom": "1rem"
              }
            },
            ".google-map": {
              "height": "100%",
              "padding-bottom": "1rem",
              "min-height": "20rem",
              "filter": "grayscale(1)",
              "position": "relative",
              "border-radius": "2rem",
              "iframe": {
                "height": "100%",
                "width": "100%",
                "border-radius": "2rem"
              },
              "[data-state-details]": {
                "color": "#6b6763",
                "height": "1.5em",
                "margin-top": "-0.75em",
                "padding-left": "1.25rem",
                "padding-right": "1.25rem",
                "position": "absolute",
                "text-align": "center",
                "top": "50%",
                "width": "100%"
              },
              "&[data-state]": {
                "background": "#e9e5dc"
              },
              "&[data-state=\"loading\"]": {
                "[data-state-details]": {
                  "display": "none"
                }
              }
            },
            "& when (@customStyle)": {
              ".form-control, .field-input": {
                "padding": "0.5rem",
                "background-color": "@fieldColor",
                "border-color": "@borderColor !important",
                "color": "@formText",
                "transition": "0.4s",
                "box-shadow": "none",
                "font-size": "1rem",
                "font-weight": "400",
                "outline": "none",
                "&::-webkit-input-placeholder, &::-webkit-input-placeholder": {
                  "color": "@formPlaceholder"
                },
                "&:-moz-placeholder, &:-moz-placeholder": {
                  "color": "@formPlaceholder"
                },
                "&:hover, &:focus": {
                  "background-color": "@fieldHover",
                  "border-color": "@borderHover !important",
                  "color": "@formFocusText",
                  "box-shadow": "none",
                  "outline": "none",
                  "&::-webkit-input-placeholder, &::-webkit-input-placeholder": {
                    "color": "@formFocusPlaceholder"
                  },
                  "&:-moz-placeholder, &:-moz-placeholder": {
                    "color": "@formFocusPlaceholder"
                  }
                }
              },
              ".jq-number__spin:hover, .jq-number__spin:focus": {
                "background-color": "@fieldHover",
                "border-color": "@borderHover !important",
                "color": "contrast(@formText, #000000, #ffffff, 30%)",
                "box-shadow": "none",
                "outline": "none"
              },
              ".jq-number__spin": {
                "background-color": "@fieldColor",
                "border-color": "@borderColor",
                "color": "@formText",
                "transition": "0.4s",
                "box-shadow": "none",
                "outline": "none"
              },
              ".jq-selectbox li, .jq-selectbox li": {
                "background-color": "@fieldColor",
                "color": "contrast(@fieldColor, #000000, #ffffff, 30%)"
              },
              ".jq-selectbox li:hover, .jq-selectbox li.selected": {
                "background-color": "@fieldHover",
                "color": "contrast(@fieldHover, #000000, #ffffff, 30%)"
              },
              ".jq-selectbox:hover .jq-selectbox__trigger-arrow, .jq-number__spin.minus:hover:after, .jq-number__spin.plus:hover:after": {
                "border-top-color": "@fieldColor",
                "border-bottom-color": "@fieldColor"
              },
              ".jq-selectbox .jq-selectbox__trigger-arrow, .jq-number__spin.minus:after, .jq-number__spin.plus:after": {
                "border-top-color": "@fieldHover",
                "border-bottom-color": "@fieldHover"
              }
            },
            "& when (@customStyle), (@disableElements)": {
              "input::-webkit-clear-button": {
                "display": "none"
              },
              "input::-webkit-inner-spin-button": {
                "display": "none"
              },
              "input::-webkit-outer-spin-button": {
                "display": "none"
              },
              "input::-webkit-calendar-picker-indicator": {
                "display": "none"
              }
            }
          },
          "_name": "form1",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"form form1\" group=\"Form\" plugins=\"formstyler, datepicker\">\n  <mbr-parameters>\n    <header>Size</header>\n    <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n    <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n    <header>Style</header>\n    <input type=\"checkbox\" name=\"customStyle\" title=\"Custom Style\" checked=\"\">\n    <input type=\"checkbox\" name=\"disableElements\" title=\"Disable Control\">\n    <input type=\"color\" name=\"fieldColor\" title=\"Field\" value=\"#ffffff\" condition=\"customStyle\">\n    <input type=\"color\" name=\"fieldHover\" title=\"Field Hover\" value=\"#ffffff\" condition=\"customStyle\">\n    <input type=\"color\" name=\"borderColor\" title=\"Border\" value=\"#f2f2f2\" condition=\"customStyle\">\n    <input type=\"color\" name=\"borderHover\" title=\"Border Hover\" value=\"#ffbf31\" condition=\"customStyle\">\n    <input type=\"color\" name=\"formText\" title=\"Text\" value=\"#232323\" condition=\"customStyle\">\n    <input type=\"color\" name=\"formFocusText\" title=\"Text Focus\" value=\"#232323\" condition=\"customStyle\">\n    <input type=\"color\" name=\"formPlaceholder\" title=\"Placeholders\" value=\"#cfcfcf\" condition=\"customStyle\">\n    <input type=\"color\" name=\"formFocusPlaceholder\" title=\"Placeholders Focus\" value=\"#c1c1c1\" condition=\"customStyle\">\n    <header>Map</header>\n    <input type=\"map\" title=\"Map\" name=\"googleMap\" place-id=\"360 5th Ave, New York, NY 10118\" value=\"360 5th Ave, New York, NY 10118\">\n    <header>Background</header>\n    <fieldset type=\"background\" name=\"bg\">\n      <input type=\"image\" title=\"Background Image\" value=\"@THEME_PATH@/components/assets/background.jpg\">\n      <input type=\"color\" title=\"Background Color\" value=\"#ffffff\" selected=\"\">\n    </fieldset>\n    <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n    <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay &amp;&amp; bg.type !== 'color'\">\n    <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay &amp;&amp; bg.type !== 'color'\">\n    <input type=\"hidden\" name=\"usedRecaptcha\" value=\"false\">\n  </mbr-parameters>\n  <div class=\"mbr-overlay\" mbr-if=\"(overlay &amp;&amp; bg.type=='image')\"></div>\n  <div class=\"container-fluid\">\n    <div class=\"row\">\n      <div mbr-form=\"\" class=\"col-lg-6 mx-auto mbr-form\">\n        <!--Formbuilder Form-->\n        <form action=\"\" name=\"Form Name\" method=\"POST\" data-rcpha_sitekey=\"\" data-rcpha_secretkey=\"\" class=\"mbr-form form-with-styler\" data-verified=\"\">\n          <div class=\"row\">\n            <div hidden=\"hidden\" data-form-alert=\"\" class=\"alert alert-success col-12\">Thanks for filling out the form!\n            </div>\n            <div hidden=\"hidden\" data-form-alert-danger=\"\" class=\"alert alert-danger col-12\">Oops...! some problem!</div>\n          </div>\n          <div class=\"dragArea row\">\n            <div class=\"col-lg-12 col-md-12 col-sm-12\">\n              <h4 mbr-theme-style=\"display-2\" class=\"mbr-fonts-style\">Get in touch</h4>\n            </div>\n            <div class=\"col-lg-12 col-md-12 col-sm-12\">\n              <p mbr-theme-style=\"display-7\" class=\"mbr-fonts-style\">Lorem ipsum dolor sit amet.</p>\n            </div>\n            <div data-for=\"name1\" class=\"col-lg-6 col-md-12 col-sm-12 form-group mb-3\">\n              <label mbr-text=\"\" mbr-theme-style=\"display-7\" for=\"name1\" class=\"form-control-label mbr-fonts-style\">First\n                Name</label>\n              <input type=\"text\" name=\"name1\" placeholder=\"First Name\" data-form-field=\"name1\" mbr-theme-style=\"display-7\" class=\"form-control\" value=\"\">\n            </div>\n            <div data-for=\"name2\" class=\"col-lg-6 col-md-12 col-sm-12 form-group mb-3\">\n              <label mbr-text=\"\" mbr-theme-style=\"display-7\" for=\"name2\" class=\"form-control-label mbr-fonts-style\">Last\n                Name</label>\n              <input type=\"text\" name=\"name2\" placeholder=\"Last Name\" data-form-field=\"name2\" mbr-theme-style=\"display-7\" class=\"form-control\" value=\"\">\n            </div>\n            <div data-for=\"email\" class=\"col-lg-12 col-md-12 col-sm-12 form-group mb-3\">\n              <label mbr-text=\"\" mbr-theme-style=\"display-7\" for=\"email\" class=\"form-control-label mbr-fonts-style\">Email</label>\n              <input type=\"email\" name=\"email\" placeholder=\"Email\" data-form-field=\"email\" mbr-theme-style=\"display-7\" class=\"form-control\" value=\"\">\n            </div>\n            <div data-for=\"phone\" class=\"col-lg-12 col-md-12 col-sm-12 form-group mb-3\">\n              <label mbr-text=\"\" mbr-theme-style=\"display-7\" for=\"phone\" class=\"form-control-label mbr-fonts-style\">Phone</label>\n              <input type=\"tel\" name=\"phone\" placeholder=\"Phone\" pattern=\"*\" data-form-field=\"phone\" mbr-theme-style=\"display-7\" class=\"form-control\" value=\"\">\n            </div>\n            <div class=\"col-lg-12 col-md-12 col-sm-12 form-group mb-3\" data-for=\"message\">\n              <label mbr-text=\"\" mbr-theme-style=\"display-7\" for=\"message\" class=\"form-control-label mbr-fonts-style\">Message</label>\n              <textarea name=\"message\" placeholder=\"Message\" data-form-field=\"message\" mbr-theme-style=\"display-7\" class=\"form-control\"></textarea>\n            </div>\n            <div mbr-buttons=\"true\" mbr-theme-style=\"display-7\" data-toolbar=\"-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd\" class=\"col-auto\">\n              <a data-toolbar=\"-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd\" type=\"submit\" class=\"btn btn-primary\">Submit</a>\n            </div>\n          </div>\n        </form><!--Formbuilder Form-->\n      </div>\n      <div class=\"col-lg-6\">\n        <div class=\"google-map\" mbr-map=\"googleMap\"></div>\n      </div>\n    </div>\n  </div>\n</section>",
          "_cid": "tT2ttwMykA",
          "_anchor": "form1-a",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "background": "linear-gradient(to bottom, @bg1, @bg2)",
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            "& when (@fullWidth)": {
              ".container-fluid": {
                "padding": "0 40px",
                "@media (max-width: 992px)": {
                  "padding": "0 16px"
                }
              }
            },
            ".container": {
              "@media (max-width: 992px)": {
                "padding": "0 16px"
              }
            },
            "li": {
              "line-height": "1.8",
              "&:hover": {
                "cursor": "pointer"
              }
            },
            ".card": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "space-between",
              "@media (max-width: 992px)": {
                "margin-bottom": "40px"
              },
              ".content-wrapper": {
                ".title-wrapper": {
                  ".title-wrap": {
                    "display": "inline-flex",
                    "align-items": "center",
                    "margin-bottom": "16px",
                    "@media (max-width: 992px)": {
                      "margin-bottom": "40px"
                    },
                    "img": {
                      "width": "32px",
                      "height": "32px",
                      "object-fit": "contain",
                      "margin-right": "1rem"
                    },
                    ".mbr-section-title": {
                      "margin-bottom": "0"
                    }
                  }
                },
                ".copyright": {
                  "margin-bottom": "20px",
                  "@media (max-width: 992px)": {
                    "margin-bottom": "40px"
                  }
                }
              },
              ".social-wrapper": {
                ".social-wrap": {
                  "display": "inline-flex",
                  "flex-wrap": "wrap",
                  ".mbr-iconfont": {
                    "font-size": "20px",
                    "margin-right": "28px",
                    "color": "@social"
                  }
                }
              }
            },
            ".list-wrapper": {
              ".mbr-card-title": {
                "margin-bottom": "16px"
              },
              ".list": {
                "margin": "0",
                "padding": "0",
                "list-style-type": "none",
                ".item-wrap": {
                  "margin-bottom": "16px"
                },
                "@media (max-width: 992px)": {
                  "margin-bottom": "40px"
                }
              }
            },
            ".mbr-section-title": {
              "color": "#ffffff"
            },
            ".copyright": {
              "color": "#232323"
            },
            ".mbr-card-title": {
              "color": "#232323"
            },
            ".list": {
              "color": "#232323"
            },
            ".mbr-section-title, .title-wrapper, .social-wrapper": {
              "color": "#232323"
            }
          },
          "_name": "footer1",
          "_sourceTheme": "powerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"powerm5 footer1\" group=\"Footers\" global=\"\" once=\"footers\" mbr-class=\"{'mbr-fullscreen': fullScreen, 'mbr-parallax-background': bg.parallax}\">\n\t<mbr-parameters>\n\t\t<header>Size</header>\n\t\t<input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n\t\t<input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n\t\t<input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\" condition=\"fullScreen == false\">\n\t\t<input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\" condition=\"fullScreen == false\">\n\t\t<input type=\"checkbox\" title=\"Reverse\" name=\"reverseContent\">\n\t\t<header>Show/Hide</header>\n\t\t<input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked=\"\">\n\t\t<input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked=\"\">\n\t\t<header>Social</header>\n\t\t<input type=\"range\" name=\"socialCount\" title=\"Social Count\" min=\"0\" max=\"4\" step=\"1\" value=\"0\">\n\t\t<input type=\"color\" title=\"Social Color\" value=\"#232323\" name=\"social\" selected=\"\">\n\t\t<header>Lists</header>\n\t\t<input type=\"range\" inline=\"\" title=\"Amount\" name=\"listsAmount\" min=\"0\" max=\"3\" step=\"1\" value=\"3\">\n\t\t<input type=\"checkbox\" title=\"List Title\" name=\"showListTitle\" checked=\"\">\n\t\t<header>Background</header>\n\t\t<input type=\"color\" name=\"bg1\" title=\"Color 1\" value=\"#ffbf31\">\n\t\t<input type=\"color\" name=\"bg2\" title=\"Color 2\" value=\"#ffffff\">\n\t</mbr-parameters>\n\t<div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\t<div class=\"mbr-overlay\" mbr-if=\"overlay &amp;&amp; bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\"></div>\n\n\t<div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n\t\t<div class=\"row\" mbr-class=\"{'flex-row-reverse' : reverseContent}\">\n\t\t\t<div class=\"col-12 col-md-6 col-lg-6 card\">\n\t\t\t\t<div class=\"content-wrapper\">\n\t\t\t\t\t<div class=\"title-wrapper\" mbr-if=\"showLogo || showTitle\">\n\t\t\t\t\t\t<div class=\"title-wrap\">\n\t\t\t\t\t\t\t<img src=\"@PROJECT_PATH@/assets/images/logo.png\" alt=\"Mobirise\" mbr-if=\"showLogo\">\n\t\t\t\t\t\t\t<h2 class=\"mbr-section-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title, .title-wrapper, .social-wrapper\"><b>PowerM5</b>\n\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<p class=\"copyright mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".copyright\">\n\t\t\t\t\t\tLorem ipsum dolor sit amet.<br><br><b>Address:\n\t\t\t\t\t\t</b><br>345 West 12th St, NY 15046<br>\n\t\t\t\t\t\t<br><b>Contact:</b><br>123(456)67890<br>info@yoursite.com\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"social-wrapper\">\n\t\t\t\t\t<div class=\"social-wrap\">\n\t\t\t\t\t\t<span mbr-icon=\"\" class=\"mbr-iconfont socicon socicon-facebook\" mbr-if=\"socialCount > 0\"></span>\n\t\t\t\t\t\t<span mbr-icon=\"\" class=\"mbr-iconfont socicon socicon-twitter\" mbr-if=\"socialCount > 1\"></span>\n\t\t\t\t\t\t<span mbr-icon=\"\" class=\"mbr-iconfont socicon socicon-instagram\" mbr-if=\"socialCount > 2\"></span>\n\t\t\t\t\t\t<span mbr-icon=\"\" class=\"mbr-iconfont socicon-skype socicon\" mbr-if=\"socialCount > 3\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class=\"col-12 col-lg-2 col-md-6\" mbr-if=\"listsAmount > 0\">\n\t\t\t\t<div class=\"list-wrapper\">\n\t\t\t\t\t<h4 class=\"mbr-card-title mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showListTitle\" data-app-selector=\".mbr-card-title\"><b>\n\t\t\t\t\t\t\tServices\n\t\t\t\t\t\t</b></h4>\n\t\t\t\t\t<ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline=\"\" mbr-article=\"\">\n\t\t\t\t\t\t<li class=\"item-wrap\">Manufacturing<br>Electrical<br>Management<br>Repair</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"col-12 col-lg-2 col-md-6\" mbr-if=\"listsAmount > 1\">\n\t\t\t\t<div class=\"list-wrapper\">\n\t\t\t\t\t<h4 class=\"mbr-card-title mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showListTitle\" data-app-selector=\".mbr-card-title\"><b>\n\t\t\t\t\t\t\tCompany\n\t\t\t\t\t\t</b></h4>\n\t\t\t\t\t<ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline=\"\" mbr-article=\"\">\n\t\t\t\t\t\t<li class=\"item-wrap\">About Us<br>Our Team<br>Services<br>Careers<br>Blog</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"col-12 col-lg-2 col-md-6\" mbr-if=\"listsAmount > 2\">\n\t\t\t\t<div class=\"list-wrapper\">\n\t\t\t\t\t<h4 class=\"mbr-card-title mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showListTitle\" data-app-selector=\".mbr-card-title\"><b>Follow us</b></h4>\n\t\t\t\t\t<ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".list\" data-multiline=\"\" mbr-article=\"\">\n\t\t\t\t\t\t<li class=\"item-wrap\">Linkedin<br>Facebook<br>Instagram<br>Twitter</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</section>",
          "_cid": "tT2twVXd7B",
          "_anchor": "footer1-c",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    }
  }
}