html {
  box-sizing: border-box;
  font-size: 62.5%;
}

* {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

body {
  background-color: #333;
  font-size: 1.7rem;
  line-height: 1.7;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

button {
  padding: 0.7rem;
  margin: 0.3rem 0;
  cursor: pointer;
}

.login, .footer, body {
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 40%, #000000 60%, #1c1c1c 100%);
  color: white;
}

.hero, .intro-main {
  margin-top: 100px;
}

.front {
  color: #333;
}

img {
  width: 100%;
}

h1, h2, h3, h4, h5 {
  display: block;
}

.container {
  max-width: 960px;
  margin: 0 auto;
}

.container-mobile {
  max-width: 575px;
  margin: 0 auto;
}

.container-header {
  max-width: 960px;
  margin: 0 auto;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.header {
  z-index: 2000;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: white;
}
.header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1.3rem 1rem;
}
.header .logo a {
  font-size: 2rem;
}
.header .nav-menu > .menu > .menu-item {
  display: inline-block;
  margin-right: 1rem;
  border-bottom: 3px solid whitesmoke;
}
.header .nav-menu > .menu > .has-child-element {
  display: inline-block;
  position: relative;
}
.header .menu > .menu-item > a {
  display: block;
  display: block;
  padding: 0.7rem 1rem;
}
.header .menu > .menu-item:hover > a {
  border-bottom: 3px solid rgb(186, 23, 23);
}
.header .nav-menu > .menu > .menu-item > .sub-menu {
  width: 100px;
  position: absolute;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  width: 140px;
  padding: 1rem 1rem;
  padding-bottom: 1rem;
}
.header .nav-menu > .menu > .menu-item:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}
.header .nav-menu > .menu > .menu-item > .sub-menu > .menu-item > a {
  padding: 0.7rem 0;
  display: block;
}
.header .nav-menu > .menu > .menu-item > .sub-menu > .menu-item:hover > a {
  border-bottom: 3px solid rgb(186, 23, 23);
}
.header .nav-menu-open {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: none;
}
.header .nav-menu-open span {
  height: 4px;
  width: 30px;
  background-color: black;
  display: block;
  position: relative;
}
.header .nav-menu-open span::after {
  background-color: black;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 7px;
  content: "";
}
.header .nav-menu-open span::before {
  background-color: black;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -7px;
  content: "";
}
.header .fa-x {
  color: black;
}
.header .nav-menu-close {
  background-color: white;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: none;
}
.header .fa-solid {
  color: black;
}

@media (max-width: 900px) {
  header .nav-menu {
    padding-top: 3rem;
    display: none;
  }
  header .nav-menu.active {
    position: absolute;
    z-index: 2000;
    border: 1px solid white;
    display: block;
    top: 0;
    right: 0;
    width: 335px;
    background-color: #333;
  }
  header .nav-menu.active .menu > .menu-item {
    display: block;
  }
  header .nav-menu > .menu > .menu-item > .sub-menu {
    opacity: 0;
    position: absolute;
    visibility: hidden;
  }
  header .nav-menu > .menu > .menu-item {
    border-bottom: 3px solid #333 !important;
  }
  header .nav-menu > .menu > .menu-item:hover a {
    border-bottom: 3px solid whitesmoke !important;
  }
  header .nav-menu > .menu > .menu-item > a {
    color: white;
    text-align: center;
  }
  header .nav-menu > .menu > .has-child-element:hover > .sub-menu {
    opacity: 1;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0.2rem;
    visibility: visible;
    padding-left: 1rem;
  }
  header .nav-menu > .menu > .has-child-element:hover > .sub-menu > .menu-item > a {
    color: #333 !important;
  }
  header .nav-menu > .menu > .has-child-element:hover > .sub-menu > .menu-item > a:hover {
    border-bottom: #333 solid 2px !important;
  }
  header .logo a {
    font-size: 1.8rem;
  }
  header .nav-menu-open {
    display: flex !important;
  }
  header .nav-menu-close.active {
    display: flex;
  }
}
.footer .footer-inner {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 3px solid #00bfff;
}
.footer .footer-copy {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
  max-width: 9600px;
  padding: 2rem;
}

.col-2-1, .col-2-2, .col-3-1, .col-3-2, .col-3-3,
.col-4-1,
.col-4-2,
.col-4-3,
.col-4-4 {
  margin-bottom: 2rem;
}

@media (min-width: 768px) and (max-width: 960px) {
  .container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 3rem;
  }
  .spacer {
    margin: 3rem auto;
  }
  .section-four {
    width: 100%;
  }
  .grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 2rem;
    row-gap: 2rem;
  }
  .col-1 {
    grid-column: 1/13;
    padding: 2rem;
  }
  .col-2-1, .col-2-2 {
    padding: 2rem;
  }
  .col-2-1 {
    grid-column: 1/7;
  }
  .col-2-2 {
    grid-column: 7/13;
  }
  .col-3-1 {
    grid-column: 1/5;
  }
  .col-3-2 {
    grid-column: 5/9;
  }
  .col-3-3 {
    grid-column: 9/13;
  }
  .col-3-1, .col-3-2, .col-3-3 {
    padding: 2rem;
  }
  .col-4-1, .col-4-2, .col-4-3, .col-4-4 {
    padding: 2rem;
    border: 1px solid gray;
  }
  .col-4-1 {
    grid-column: 1/7;
  }
  .col-4-2 {
    grid-column: 7/13;
  }
  .col-4-3 {
    grid-column: 1/7;
  }
  .col-4-4 {
    grid-column: 7/13;
  }
}
@media screen and (min-width: 1440px) {
  .container {
    max-width: 1140px;
    margin: 0 auto;
  }
  .spacer {
    margin: 3rem auto;
  }
  .section-four {
    width: 100%;
  }
  .grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 2rem;
  }
  .col-1 {
    grid-column: 1/13;
    padding: 2rem;
  }
  .col-2-1, .col-2-2 {
    padding: 2rem;
    border: 1px solid gray;
  }
  .col-2-1 {
    grid-column: 1/7;
  }
  .col-2-2 {
    grid-column: 7/13;
  }
  .grid-3 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr ifr;
  }
  .col-3-1 {
    grid-column: 1/5;
  }
  .col-3-2 {
    grid-column: 5/9;
  }
  .col-3-3 {
    grid-column: 9/13;
  }
  .col-3-1, .col-3-2, .col-3-3 {
    padding: 2rem;
  }
  .col-4-1, .col-4-2, .col-4-3, .col-4-4 {
    padding: 2rem;
    border: 1px solid gray;
  }
  .col-4-1 {
    grid-column: 1/4;
  }
  .col-4-2 {
    grid-column: 4/7;
  }
  .col-4-3 {
    grid-column: 7/10;
  }
  .col-4-4 {
    grid-column: 10/13;
  }
}
.business-editor,
.ele-editor {
  background-color: whitesmoke;
  width: 100%;
  margin-top: 70px;
}

.hero-home {
  margin-top: 70px;
}
.hero-home-inner {
  border: 4px solid gray;
}
.hero-home .card {
  text-align: center;
  padding: 3rem;
  display: flex;
  gap: 2rem;
  flex-direction: column;
  align-items: center;
}
.hero-home h1 {
  font-size: 3rem;
  margin-top: 3rem;
}
.hero-home p {
  font-size: 2.3rem;
}

.business-editor {
  background-color: whitesmoke;
}
.business-editor-inner {
  background-color: white;
  padding: 2rem;
}
.business-editor .top-front-card {
  border-bottom: red 2px solid;
  padding: 1rem;
  margin-bottom: 2rem;
}
.business-editor .top-front-card ul {
  display: flex;
  padding: 1rem;
}
.business-editor .top-front-card a {
  color: black;
  padding: 0.3rem;
}
.business-editor .top-front-card a:hover {
  border-bottom: 2px solid red;
}
.business-editor .top-front-card span {
  color: black;
}
.business-editor table {
  border-collapse: collapse;
}
.business-editor thead {
  background-color: #333;
  color: white;
}
.business-editor table, .business-editor td, .business-editor th {
  border: 1px solid black;
  padding: 1rem;
}
.business-editor input[type=text] {
  padding: 0.3rem;
  font-size: inherit;
}
.business-editor input[type=submit] {
  font-size: inherit;
  background-color: #333;
  color: whitesmoke;
  padding: 0.6rem;
  cursor: pointer;
}
.business-editor input[type=email] {
  padding: 0.3rem;
  font-size: inherit;
}
.business-editor input[type=number] {
  padding: 0.3rem;
  font-size: inherit;
}
.business-editor input[type=password] {
  padding: 0.3rem;
  font-size: inherit;
}
.business-editor select {
  padding: 0.3rem;
  font-size: inherit;
}
.business-editor #main_2,
.business-editor #main_3 {
  display: none;
}
.business-editor .tbl thead {
  background-color: #333;
  color: white;
}
.business-editor .tbl td:first-child {
  word-wrap: normal;
}
@media (max-width: 599px) {
  .business-editor .tbl.tbl-responsive thead {
    display: none;
  }
  .business-editor .tbl.tbl-responsive td {
    display: block;
  }
  .business-editor .tbl.tbl-responsive td:first-child {
    background-color: #333;
    color: white;
    text-align: center;
  }
  .business-editor .tbl.tbl-responsive td:nth-child(2)::before {
    content: "Mobile";
  }
  .business-editor .tbl.tbl-responsive td:nth-child(3)::before {
    content: "Email";
  }
  .business-editor .tbl.tbl-responsive td:nth-child(4)::before {
    content: "Telegram";
  }
  .business-editor .tbl.tbl-responsive td:nth-child(5)::before {
    content: "Company name";
  }
  .business-editor .tbl.tbl-responsive td {
    text-align: right;
  }
  .business-editor .tbl.tbl-responsive td::before {
    font-weight: bolder;
    float: left;
    margin-right: 3rem;
  }
}
.business-editor .main-qr-code {
  background-color: white;
  width: 250px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.business-editor .main-qr-code .qr-logo {
  width: 70%;
  margin: 0 auto;
  border: 5px solid darkgoldenrod;
  padding: 1rem;
}
.business-editor .main-qr-code .qr-logo img {
  width: 100%;
  overflow-y: hidden;
}
.business-editor .main-qr-code .qr-img-box {
  border: 4px solid darkgoldenrod;
  width: 90%;
  margin: 0 auto;
}
.business-editor .main-qr-code .qr-img-box img {
  width: 100%;
}
.business-editor .main-qr-code .qr-img-box {
  padding: 1rem;
}
.business-editor .main-qr-code .qr-title {
  border: 1px solid darkgoldenrod;
  width: 100%;
  text-align: center;
  background-color: #333;
  color: white;
  text-transform: uppercase;
}
.business-editor .main-qr-code .qr-top {
  border: dotted 1px black;
  margin-bottom: 3rem;
  padding: 2rem;
}
.business-editor .main-qr-code .cov-copy {
  display: flex;
  align-items: center;
}
.business-editor #tbls_2 {
  display: none;
}
.business-editor .cov-btn {
  padding-bottom: 2rem;
  display: flex;
}
.business-editor .cov-btn .btn-close-holder {
  margin-left: auto;
  display: inline-block;
}

.ele-editor {
  margin-top: 70px;
  padding-bottom: 40px;
  padding-top: 1rem;
}
.ele-editor ul {
  display: inline-flex;
  padding: 0.5rem;
  gap: 1rem;
}
.ele-editor .main-front-ele form ul {
  display: block;
  color: black;
}
.ele-editor .top-front-ele {
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid red;
  margin-bottom: 3rem;
}
.ele-editor .top-front-ele ul {
  display: flex;
  align-items: center;
}
.ele-editor .top-front-ele span {
  color: #333;
}
.ele-editor .ele-editor-inner {
  background-color: #fff;
  padding: 2rem;
  margin-top: 6rem;
}
.ele-editor #lang_2,
.ele-editor #lang_3,
.ele-editor #lang_4,
.ele-editor #lang_5,
.ele-editor #lang_6,
.ele-editor #lang_7 {
  display: none;
}
.ele-editor .cover-close {
  display: flex;
  justify-content: space-between;
}
.ele-editor table {
  border: 1px solid black;
}
.ele-editor table thead {
  background-color: #333;
}
.ele-editor table a {
  color: black;
}
.ele-editor table td {
  color: #333;
  border: 1px solid #333;
  padding: 1rem;
}
.ele-editor table th {
  color: white;
  padding: 1rem;
  border: 1px solid gray;
}
.ele-editor li {
  margin: 1rem 0;
}
.ele-editor #pmain_2,
.ele-editor #pmain_3,
.ele-editor #pmain_4,
.ele-editor #pmain_5,
.ele-editor #pmain_6,
.ele-editor #pmain_7,
.ele-editor #pmain_8 {
  display: none;
}
.ele-editor .qr-main hr {
  margin: 5rem 0;
}
.ele-editor .qr {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ele-editor .qr-flex hr {
  margin: 0.1rem;
}
.ele-editor .qr-flex {
  border: 2px solid gray;
  padding: 1rem;
  box-shadow: 10px 10px 10px #ccc;
  width: 200px;
}
.ele-editor .qr-flex img {
  width: 100%;
}
.ele-editor .qr-flex p {
  background-color: black;
  color: white;
  padding: 1rem;
  text-align: center;
  font-weight: bolder;
  font-size: 1.8rem;
}
.ele-editor .qr-flex button {
  display: block;
  background-color: black;
  color: white;
  margin-top: 2rem;
  transition: all 0.3s ease-in;
}
.ele-editor .qr-flex button:hover {
  background-color: gray;
}
.ele-editor .share-link {
  margin-top: 4rem;
}
.ele-editor .share-link input {
  padding: 0.5rem;
  width: 240px;
  margin-top: 2rem;
}
.ele-editor .share-link button {
  background-color: #333;
  color: white;
  transition: all 0.3s ease-in;
}
.ele-editor .share-link button:hover html {
  box-sizing: border-box;
  font-size: 62.5%;
}

* {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

body {
  background-color: #333;
  font-size: 1.7rem;
  line-height: 1.7;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

button {
  padding: 0.7rem;
  margin: 0.3rem 0;
  cursor: pointer;
}

.login, .footer, body {
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 40%, #000000 60%, #1c1c1c 100%);
  color: white;
}

.hero, .intro-main {
  margin-top: 100px;
}

.front {
  color: #333;
}

img {
  width: 100%;
}

h1, h2, h3, h4, h5 {
  display: block;
}

.container {
  max-width: 960px;
  margin: 0 auto;
}

.container-mobile {
  max-width: 575px;
  margin: 0 auto;
}

.container-header {
  max-width: 960px;
  margin: 0 auto;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.header {
  z-index: 2000;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: white;
}
.header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1.3rem 1rem;
}
.header .logo a {
  font-size: 2rem;
}
.header .nav-menu > .menu > .menu-item {
  display: inline-block;
  margin-right: 1rem;
  border-bottom: 3px solid whitesmoke;
}
.header .nav-menu > .menu > .has-child-element {
  display: inline-block;
  position: relative;
}
.header .menu > .menu-item > a {
  display: block;
  display: block;
  padding: 0.7rem 1rem;
}
.header .menu > .menu-item:hover > a {
  border-bottom: 3px solid rgb(186, 23, 23);
}
.header .nav-menu > .menu > .menu-item > .sub-menu {
  width: 100px;
  position: absolute;
  background-color: white;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  width: 140px;
  padding: 1rem 1rem;
  padding-bottom: 1rem;
}
.header .nav-menu > .menu > .menu-item:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}
.header .nav-menu > .menu > .menu-item > .sub-menu > .menu-item > a {
  padding: 0.7rem 0;
  display: block;
}
.header .nav-menu > .menu > .menu-item > .sub-menu > .menu-item:hover > a {
  border-bottom: 3px solid rgb(186, 23, 23);
}
.header .nav-menu-open {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: none;
}
.header .nav-menu-open span {
  height: 4px;
  width: 30px;
  background-color: black;
  display: block;
  position: relative;
}
.header .nav-menu-open span::after {
  background-color: black;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 7px;
  content: "";
}
.header .nav-menu-open span::before {
  background-color: black;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -7px;
  content: "";
}
.header .fa-x {
  color: black;
}
.header .nav-menu-close {
  background-color: white;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: none;
}
.header .fa-solid {
  color: black;
}

@media (max-width: 900px) {
  header .nav-menu {
    padding-top: 3rem;
    display: none;
  }
  header .nav-menu.active {
    position: absolute;
    z-index: 2000;
    border: 1px solid white;
    display: block;
    top: 0;
    right: 0;
    width: 335px;
    background-color: #333;
  }
  header .nav-menu.active .menu > .menu-item {
    display: block;
  }
  header .nav-menu > .menu > .menu-item > .sub-menu {
    opacity: 0;
    position: absolute;
    visibility: hidden;
  }
  header .nav-menu > .menu > .menu-item {
    border-bottom: 3px solid #333 !important;
  }
  header .nav-menu > .menu > .menu-item:hover a {
    border-bottom: 3px solid whitesmoke !important;
  }
  header .nav-menu > .menu > .menu-item > a {
    color: white;
    text-align: center;
  }
  header .nav-menu > .menu > .has-child-element:hover > .sub-menu {
    opacity: 1;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0.2rem;
    visibility: visible;
    padding-left: 1rem;
  }
  header .nav-menu > .menu > .has-child-element:hover > .sub-menu > .menu-item > a {
    color: #333 !important;
  }
  header .nav-menu > .menu > .has-child-element:hover > .sub-menu > .menu-item > a:hover {
    border-bottom: #333 solid 2px !important;
  }
  header .logo a {
    font-size: 1.8rem;
  }
  header .nav-menu-open {
    display: flex !important;
  }
  header .nav-menu-close.active {
    display: flex;
  }
}
.footer .footer-inner {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 3px solid #00bfff;
}
.footer .footer-copy {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
  max-width: 9600px;
  padding: 2rem;
}

.col-2-1, .col-2-2, .col-3-1, .col-3-2, .col-3-3,
.col-4-1,
.col-4-2,
.col-4-3,
.col-4-4 {
  margin-bottom: 2rem;
}

@media (min-width: 768px) and (max-width: 960px) {
  .container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 3rem;
  }
  .spacer {
    margin: 3rem auto;
  }
  .section-four {
    width: 100%;
  }
  .grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 2rem;
    row-gap: 2rem;
  }
  .col-1 {
    grid-column: 1/13;
    padding: 2rem;
  }
  .col-2-1, .col-2-2 {
    padding: 2rem;
  }
  .col-2-1 {
    grid-column: 1/7;
  }
  .col-2-2 {
    grid-column: 7/13;
  }
  .col-3-1 {
    grid-column: 1/5;
  }
  .col-3-2 {
    grid-column: 5/9;
  }
  .col-3-3 {
    grid-column: 9/13;
  }
  .col-3-1, .col-3-2, .col-3-3 {
    padding: 2rem;
  }
  .col-4-1, .col-4-2, .col-4-3, .col-4-4 {
    padding: 2rem;
    border: 1px solid gray;
  }
  .col-4-1 {
    grid-column: 1/7;
  }
  .col-4-2 {
    grid-column: 7/13;
  }
  .col-4-3 {
    grid-column: 1/7;
  }
  .col-4-4 {
    grid-column: 7/13;
  }
}
@media screen and (min-width: 1440px) {
  .container {
    max-width: 1140px;
    margin: 0 auto;
  }
  .spacer {
    margin: 3rem auto;
  }
  .section-four {
    width: 100%;
  }
  .grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 2rem;
  }
  .col-1 {
    grid-column: 1/13;
    padding: 2rem;
  }
  .col-2-1, .col-2-2 {
    padding: 2rem;
    border: 1px solid gray;
  }
  .col-2-1 {
    grid-column: 1/7;
  }
  .col-2-2 {
    grid-column: 7/13;
  }
  .grid-3 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr ifr;
  }
  .col-3-1 {
    grid-column: 1/5;
  }
  .col-3-2 {
    grid-column: 5/9;
  }
  .col-3-3 {
    grid-column: 9/13;
  }
  .col-3-1, .col-3-2, .col-3-3 {
    padding: 2rem;
  }
  .col-4-1, .col-4-2, .col-4-3, .col-4-4 {
    padding: 2rem;
    border: 1px solid gray;
  }
  .col-4-1 {
    grid-column: 1/4;
  }
  .col-4-2 {
    grid-column: 4/7;
  }
  .col-4-3 {
    grid-column: 7/10;
  }
  .col-4-4 {
    grid-column: 10/13;
  }
}
.business-editor,
.ele-editor {
  background-color: whitesmoke;
  width: 100%;
  margin-top: 70px;
}

.hero-home {
  margin-top: 70px;
}
.hero-home-inner {
  border: 4px solid gray;
}
.hero-home .card {
  text-align: center;
  padding: 3rem;
  display: flex;
  gap: 2rem;
  flex-direction: column;
  align-items: center;
}
.hero-home h1 {
  font-size: 3rem;
  margin-top: 3rem;
}
.hero-home p {
  font-size: 2.3rem;
}

.business-editor {
  background-color: whitesmoke;
}
.business-editor-inner {
  background-color: white;
  padding: 2rem;
}
.business-editor .top-front-card {
  border-bottom: red 2px solid;
  padding: 1rem;
  margin-bottom: 2rem;
}
.business-editor .top-front-card ul {
  display: flex;
  padding: 1rem;
}
.business-editor .top-front-card a {
  color: black;
  padding: 0.3rem;
}
.business-editor .top-front-card a:hover {
  border-bottom: 2px solid red;
}
.business-editor .top-front-card span {
  color: black;
}
.business-editor table {
  border-collapse: collapse;
}
.business-editor thead {
  background-color: #333;
  color: white;
}
.business-editor table, .business-editor td, .business-editor th {
  border: 1px solid black;
  padding: 1rem;
}
.business-editor input[type=text] {
  padding: 0.3rem;
  font-size: inherit;
}
.business-editor input[type=submit] {
  font-size: inherit;
  background-color: #333;
  color: whitesmoke;
  padding: 0.6rem;
  cursor: pointer;
}
.business-editor input[type=email] {
  padding: 0.3rem;
  font-size: inherit;
}
.business-editor input[type=number] {
  padding: 0.3rem;
  font-size: inherit;
}
.business-editor input[type=password] {
  padding: 0.3rem;
  font-size: inherit;
}
.business-editor select {
  padding: 0.3rem;
  font-size: inherit;
}
.business-editor #main_2,
.business-editor #main_3 {
  display: none;
}
.business-editor .tbl thead {
  background-color: #333;
  color: white;
}
.business-editor .tbl td:first-child {
  word-wrap: normal;
}
@media (max-width: 599px) {
  .business-editor .tbl.tbl-responsive thead {
    display: none;
  }
  .business-editor .tbl.tbl-responsive td {
    display: block;
  }
  .business-editor .tbl.tbl-responsive td:first-child {
    background-color: #333;
    color: white;
    text-align: center;
  }
  .business-editor .tbl.tbl-responsive td:nth-child(2)::before {
    content: "Mobile";
  }
  .business-editor .tbl.tbl-responsive td:nth-child(3)::before {
    content: "Email";
  }
  .business-editor .tbl.tbl-responsive td:nth-child(4)::before {
    content: "Telegram";
  }
  .business-editor .tbl.tbl-responsive td:nth-child(5)::before {
    content: "Company name";
  }
  .business-editor .tbl.tbl-responsive td {
    text-align: right;
  }
  .business-editor .tbl.tbl-responsive td::before {
    font-weight: bolder;
    float: left;
    margin-right: 3rem;
  }
}
.business-editor .main-qr-code {
  background-color: white;
  width: 250px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.business-editor .main-qr-code .qr-logo {
  width: 70%;
  margin: 0 auto;
  border: 5px solid darkgoldenrod;
  padding: 1rem;
}
.business-editor .main-qr-code .qr-logo img {
  width: 100%;
  overflow-y: hidden;
}
.business-editor .main-qr-code .qr-img-box {
  border: 4px solid darkgoldenrod;
  width: 90%;
  margin: 0 auto;
}
.business-editor .main-qr-code .qr-img-box img {
  width: 100%;
}
.business-editor .main-qr-code .qr-img-box {
  padding: 1rem;
}
.business-editor .main-qr-code .qr-title {
  border: 1px solid darkgoldenrod;
  width: 100%;
  text-align: center;
  background-color: #333;
  color: white;
  text-transform: uppercase;
}
.business-editor .main-qr-code .qr-top {
  border: dotted 1px black;
  margin-bottom: 3rem;
  padding: 2rem;
}
.business-editor .main-qr-code .cov-copy {
  display: flex;
  align-items: center;
}
.business-editor #tbls_2 {
  display: none;
}
.business-editor .cov-btn {
  padding-bottom: 2rem;
  display: flex;
}
.business-editor .cov-btn .btn-close-holder {
  margin-left: auto;
  display: inline-block;
}

.ele-editor {
  margin-top: 70px;
  padding-bottom: 40px;
  padding-top: 1rem;
}
.ele-editor ul {
  display: inline-flex;
  padding: 0.5rem;
  gap: 1rem;
}
.ele-editor .main-front-ele form ul {
  display: block;
  color: black;
}
.ele-editor .top-front-ele {
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid red;
  margin-bottom: 3rem;
}
.ele-editor .top-front-ele ul {
  display: flex;
  align-items: center;
}
.ele-editor .top-front-ele span {
  color: #333;
}
.ele-editor .ele-editor-inner {
  background-color: #fff;
  padding: 2rem;
  margin-top: 6rem;
}
.ele-editor #lang_2,
.ele-editor #lang_3,
.ele-editor #lang_4,
.ele-editor #lang_5,
.ele-editor #lang_6,
.ele-editor #lang_7 {
  display: none;
}
.ele-editor .cover-close {
  display: flex;
  justify-content: space-between;
}
.ele-editor table {
  border: 1px solid black;
}
.ele-editor table thead {
  background-color: #333;
}
.ele-editor table a {
  color: black;
}
.ele-editor table td {
  color: #333;
  border: 1px solid #333;
  padding: 1rem;
}
.ele-editor table th {
  color: white;
  padding: 1rem;
  border: 1px solid gray;
}
.ele-editor li {
  margin: 1rem 0;
}
.ele-editor #pmain_2,
.ele-editor #pmain_3,
.ele-editor #pmain_4,
.ele-editor #pmain_5,
.ele-editor #pmain_6,
.ele-editor #pmain_7,
.ele-editor #pmain_8 {
  display: none;
}
.ele-editor .qr-main hr {
  margin: 5rem 0;
}
.ele-editor .qr {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ele-editor .qr-flex hr {
  margin: 0.1rem;
}
.ele-editor .qr-flex {
  border: 2px solid gray;
  padding: 1rem;
  box-shadow: 10px 10px 10px #ccc;
  width: 200px;
}
.ele-editor .qr-flex img {
  width: 100%;
}
.ele-editor .qr-flex p {
  background-color: black;
  color: white;
  padding: 1rem;
  text-align: center;
  font-weight: bolder;
  font-size: 1.8rem;
}
.ele-editor .qr-flex button {
  display: block;
  background-color: black;
  color: white;
  margin-top: 2rem;
  transition: all 0.3s ease-in;
}
.ele-editor .qr-flex button:hover {
  background-color: gray;
}
.ele-editor .share-link {
  margin-top: 4rem;
}
.ele-editor .share-link input {
  padding: 0.5rem;
  width: 240px;
  margin-top: 2rem;
}
.ele-editor .share-link button {
  background-color: #333;
  color: white;
  transition: all 0.3s ease-in;
}
.ele-editor .share-link button:hover {
  background-color: gray;
  cursor: pointer;
}
.ele-editor .social-media {
  margin-top: 4rem;
}
.ele-editor .social-media ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.ele-editor .social-media a {
  color: #333;
  transition: all 0.4s ease-in-out;
}
.ele-editor .social-media a:hover {
  text-decoration: underline;
  color: brown;
}

.bldg-editor-inner {
  position: relative;
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 1rem;
}
.bldg-editor-inner .top-front-bldg {
  grid-column: 2/3;
  grid-row: 1/2;
  padding: 1rem;
  border-bottom: 2px solid red;
  display: flex;
  justify-content: space-between;
}
.bldg-editor-inner .menu-bldg {
  display: none;
}
.bldg-editor-inner .menu-bldg .fa-bars {
  font-size: 2rem;
}
.bldg-editor-inner .aside-front-bldg {
  padding: 1rem;
  background-color: black;
  grid-column: 1/2;
  grid-row: 1/3;
}
.bldg-editor-inner .aside-front-bldg a {
  color: white;
}
.bldg-editor-inner .aside-front-bldg a:hover {
  text-decoration: underline;
}
.bldg-editor-inner .main-front-bldg {
  background-color: whitesmoke;
  grid-column: 2/3;
  grid-row: 2/3;
  padding: 1rem;
  background-color: white;
}

@media (max-width: 600px) {
  .bldg-editor-inner {
    display: block;
  }
  .bldg-editor-inner .aside-front-bldg {
    display: none;
  }
  .bldg-editor-inner .menu-bldg {
    display: block;
  }
  .bldg-editor-inner .aside-front-bldg.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
.bldg-inner {
  padding: 2rem;
}
.bldg .mall {
  border-bottom: 2px solid #00bfff;
  padding: 2rem;
  margin-bottom: 2rem;
}
.bldg .mall h2 {
  cursor: pointer;
}
.bldg .mall h2:hover {
  color: #00bfff;
}
.bldg .mall a {
  color: whitesmoke;
  padding: 1rem;
  display: inline-block;
}
.bldg .mall-con.hidden, .bldg .mall-detail.hidden {
  display: none;
}
.bldg .btn-close-mall-detail {
  display: block;
  margin-left: auto;
}
.bldg td {
  padding: 1rem;
  border: 1px solid white;
}
.bldg td input {
  width: 100%;
}
.bldg input[type=text] {
  padding: 0.3rem;
  font-size: inherit;
}
.bldg input[type=submit] {
  font-size: inherit;
  background-color: #333;
  color: whitesmoke;
  padding: 0.6rem;
  cursor: pointer;
}
.bldg input[type=text], .bldg select {
  padding: 0.8rem;
  font-size: inherit;
  border: 1px solid #333;
}
.bldg .copy-link input {
  width: 300px;
  padding: 1.3rem;
}
.bldg .btn-copy {
  padding: 1.2rem;
  font-size: inherit;
  background-color: white;
  outline: 0;
}
.bldg .card {
  border: 1px solid gray;
  padding: 0.5rem;
  margin-bottom: 3rem;
}
.bldg .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.bldg .pagination a {
  color: #333;
  font-weight: bolder;
  display: inline-block;
  padding: 1rem;
  border-radius: 4px;
  background: linear-gradient(135deg, #d6f0ff 0%, #aee2ff 40%, #7fd1ff 70%, #bfeaff 100%);
}
.bldg .pagination a:hover {
  background-color: black;
  color: red;
  transform: scale(1.1);
}
.bldg .top-bldg {
  border: 2px solid white;
  margin-bottom: 5rem;
  background-color: whitesmoke;
  color: #333;
}
.bldg .top-bldg p {
  margin: 2rem 0;
}
.bldg .main-bldg {
  border: 2px solid white;
}
.bldg .btn-top-bldg, .bldg .btn-top-bldg-select {
  background-color: #333;
  color: white;
}
.bldg .top-bldg-btn-con {
  border-bottom: 2px solid gray;
  display: inline-flex;
  padding-bottom: 2rem;
  gap: 2rem;
}
.bldg .top-bldg-location {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  border: 2px solid red;
}
.bldg .top-bldg-location.hidden {
  display: none;
}

.hero-inner {
  padding-top: 2rem;
  padding-right: 2rem;
  border-radius: 2rem;
  background: linear-gradient(135deg, #d6f0ff 0%, #aee2ff 40%, #7fd1ff 70%, #bfeaff 100%);
}
.hero .col-2-2 {
  border: 0;
  padding: 0;
}
.hero .col-2-2 img {
  border-radius: 2rem;
}
.hero .col-2-1 {
  border: 0;
  color: black;
}
.hero .card {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  text-align: center;
  line-height: 2;
}
.hero p {
  font-size: 2.4rem;
}

.home-intro {
  background: radial-gradient(circle at top right, rgba(0, 150, 255, 0.25), transparent 40%), linear-gradient(135deg, #050505, #121212, #000000);
  padding-left: 10rem;
  color: whitesmoke;
  position: relative;
  margin-bottom: 5rem;
}
.home-intro::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 70%;
  height: 4px;
  background-color: rgb(16, 180, 174);
}
.home .grid-auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 20px;
}
.home .banner-inner {
  background-color: #1f88a9;
  padding: 4rem 0;
  text-align: center;
}
.home .fa-regular {
  font-size: 5rem;
}
.home .col-auto {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 6rem;
  gap: 2rem;
  text-align: center;
}
.home .col-auto p {
  text-align: left;
  word-break: break-all;
}
.home .explore h2 {
  font-size: 3rem;
  border-bottom: #1f88a9 3px solid;
  display: inline-block;
}
.home a {
  background-color: white;
  display: inline-block;
  padding: 1rem 8rem;
  font-size: inherit;
}
.home a:hover {
  background-color: lightgray;
}

/*# sourceMappingURL=style.css.map */{
  background-color: gray;
  cursor: pointer;
}
.ele-editor .social-media {
  margin-top: 4rem;
}
.ele-editor .social-media ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.ele-editor .social-media a {
  color: #333;
  transition: all 0.4s ease-in-out;
}
.ele-editor .social-media a:hover {
  text-decoration: underline;
  color: brown;
}

.bldg-editor-inner {
  position: relative;
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 1rem;
}
.bldg-editor-inner .top-front-bldg {
  grid-column: 2/3;
  grid-row: 1/2;
  padding: 1rem;
  border-bottom: 2px solid red;
  display: flex;
  justify-content: space-between;
}
.bldg-editor-inner .menu-bldg {
  display: none;
}
.bldg-editor-inner .menu-bldg .fa-bars {
  font-size: 2rem;
}
.bldg-editor-inner .aside-front-bldg {
  padding: 1rem;
  background-color: black;
  grid-column: 1/2;
  grid-row: 1/3;
}
.bldg-editor-inner .aside-front-bldg a {
  color: white;
}
.bldg-editor-inner .aside-front-bldg a:hover {
  text-decoration: underline;
}
.bldg-editor-inner .main-front-bldg {
  background-color: whitesmoke;
  grid-column: 2/3;
  grid-row: 2/3;
  padding: 1rem;
  background-color: white;
}

@media (max-width: 600px) {
  .bldg-editor-inner {
    display: block;
  }
  .bldg-editor-inner .aside-front-bldg {
    display: none;
  }
  .bldg-editor-inner .menu-bldg {
    display: block;
  }
  .bldg-editor-inner .aside-front-bldg.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
.bldg-inner {
  padding: 2rem;
}
.bldg .mall {
  border-bottom: 2px solid #00bfff;
  padding: 2rem;
  margin-bottom: 2rem;
}
.bldg .mall h2 {
  cursor: pointer;
}
.bldg .mall h2:hover {
  color: #00bfff;
}
.bldg .mall a {
  color: whitesmoke;
  padding: 1rem;
  display: inline-block;
}
.bldg .mall-con.hidden, .bldg .mall-detail.hidden {
  display: none;
}
.bldg .btn-close-mall-detail {
  display: block;
  margin-left: auto;
}
.bldg td {
  padding: 1rem;
  border: 1px solid white;
}
.bldg td input {
  width: 100%;
}
.bldg input[type=text] {
  padding: 0.3rem;
  font-size: inherit;
}
.bldg input[type=submit] {
  font-size: inherit;
  background-color: #333;
  color: whitesmoke;
  padding: 0.6rem;
  cursor: pointer;
}
.bldg input[type=text], .bldg select {
  padding: 0.8rem;
  font-size: inherit;
  border: 1px solid #333;
}
.bldg .copy-link input {
  width: 300px;
  padding: 1.3rem;
}
.bldg .btn-copy {
  padding: 1.2rem;
  font-size: inherit;
  background-color: white;
  outline: 0;
}
.bldg .card {
  border: 1px solid gray;
  padding: 0.5rem;
  margin-bottom: 3rem;
}
.bldg .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.bldg .pagination a {
  color: #333;
  font-weight: bolder;
  display: inline-block;
  padding: 1rem;
  border-radius: 4px;
  background: linear-gradient(135deg, #d6f0ff 0%, #aee2ff 40%, #7fd1ff 70%, #bfeaff 100%);
}
.bldg .pagination a:hover {
  background-color: black;
  color: red;
  transform: scale(1.1);
}
.bldg .top-bldg {
  border: 2px solid white;
  margin-bottom: 5rem;
  background-color: whitesmoke;
  color: #333;
}
.bldg .top-bldg p {
  margin: 2rem 0;
}
.bldg .main-bldg {
  border: 2px solid white;
}
.bldg .btn-top-bldg, .bldg .btn-top-bldg-select {
  background-color: #333;
  color: white;
}
.bldg .top-bldg-btn-con {
  border-bottom: 2px solid gray;
  display: inline-flex;
  padding-bottom: 2rem;
  gap: 2rem;
}
.bldg .top-bldg-location {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  border: 2px solid red;
}
.bldg .top-bldg-location.hidden {
  display: none;
}

.hero-inner {
  padding-top: 2rem;
  padding-right: 2rem;
  border-radius: 2rem;
  background: linear-gradient(135deg, #d6f0ff 0%, #aee2ff 40%, #7fd1ff 70%, #bfeaff 100%);
}
.hero .col-2-2 {
  border: 0;
  padding: 0;
}
.hero .col-2-2 img {
  border-radius: 2rem;
}
.hero .col-2-1 {
  border: 0;
  color: black;
}
.hero .card {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  text-align: center;
  line-height: 2;
}
.hero p {
  font-size: 2.4rem;
}

.home-intro {
  background: radial-gradient(circle at top right, rgba(0, 150, 255, 0.25), transparent 40%), linear-gradient(135deg, #050505, #121212, #000000);
  padding-left: 10rem;
  color: whitesmoke;
  position: relative;
  margin-bottom: 5rem;
}
.home-intro::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 70%;
  height: 4px;
  background-color: rgb(16, 180, 174);
}
.home .grid-auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 20px;
}
.home .banner-inner {
  background-color: #1f88a9;
  padding: 4rem 0;
  text-align: center;
}
.home .fa-regular {
  font-size: 5rem;
}
.home .col-auto {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 6rem;
  gap: 2rem;
  text-align: center;
}
.home .col-auto p {
  text-align: left;
  word-break: break-all;
}
.home .explore h2 {
  font-size: 3rem;
  border-bottom: #1f88a9 3px solid;
  display: inline-block;
}
.home a {
  background-color: white;
  display: inline-block;
  padding: 1rem 8rem;
  font-size: inherit;
}
.home a:hover {
  background-color: lightgray;
}

/*# sourceMappingURL=style.css.map */