* {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  outline: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a, abbr {
  text-decoration: none;
}

a {
  color: inherit;
}

input, select, textarea, button {
  background: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

:disabled {
  opacity: 0.5;
}

button {
  cursor: pointer;
}

ol, ul {
  list-style: none;
}

li {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: inherit;
  text-align: left;
}

img, video {
  height: auto;
  max-width: 100%;
}

audio, video, iframe, embed, canvas, object, img, svg {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
}

.container {
  margin: 0 auto;
  min-width: 320px;
  max-width: 100vw;
}
.container, .container-full {
  width: 100%;
  min-width: 320px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 520px) {
  .container {
    max-width: 500px;
  }
}
@media (min-width: 720px) {
  .container {
    max-width: 700px;
  }
}
@media (min-width: 920px) {
  .container {
    max-width: 900px;
  }
}
@media (min-width: 1220px) {
  .container {
    max-width: 1200px;
  }
}

.grid-1 {
  width: 8.3333333333%;
  padding: 20px;
}
.grid-2 {
  width: 16.6666666667%;
  padding: 20px;
}
.grid-3 {
  width: 25%;
  padding: 20px;
}
.grid-4 {
  width: 33.3333333333%;
  padding: 20px;
}
.grid-5 {
  width: 41.6666666667%;
  padding: 20px;
}
.grid-6 {
  width: 50%;
  padding: 20px;
}
.grid-7 {
  width: 58.3333333333%;
  padding: 20px;
}
.grid-8 {
  width: 66.6666666667%;
  padding: 20px;
}
.grid-9 {
  width: 75%;
  padding: 20px;
}
.grid-10 {
  width: 83.3333333333%;
  padding: 20px;
}
.grid-11 {
  width: 91.6666666667%;
  padding: 20px;
}
.grid-12 {
  width: 100%;
  padding: 20px;
}
@media (min-width: 520px) {
  .grid-sm-1 {
    width: 8.3333333333%;
  }
  .grid-sm-2 {
    width: 16.6666666667%;
  }
  .grid-sm-3 {
    width: 25%;
  }
  .grid-sm-4 {
    width: 33.3333333333%;
  }
  .grid-sm-5 {
    width: 41.6666666667%;
  }
  .grid-sm-6 {
    width: 50%;
  }
  .grid-sm-7 {
    width: 58.3333333333%;
  }
  .grid-sm-8 {
    width: 66.6666666667%;
  }
  .grid-sm-9 {
    width: 75%;
  }
  .grid-sm-10 {
    width: 83.3333333333%;
  }
  .grid-sm-11 {
    width: 91.6666666667%;
  }
  .grid-sm-12 {
    width: 100%;
  }
}
@media (min-width: 720px) {
  .grid-md-1 {
    width: 8.3333333333%;
  }
  .grid-md-2 {
    width: 16.6666666667%;
  }
  .grid-md-3 {
    width: 25%;
  }
  .grid-md-4 {
    width: 33.3333333333%;
  }
  .grid-md-5 {
    width: 41.6666666667%;
  }
  .grid-md-6 {
    width: 50%;
  }
  .grid-md-7 {
    width: 58.3333333333%;
  }
  .grid-md-8 {
    width: 66.6666666667%;
  }
  .grid-md-9 {
    width: 75%;
  }
  .grid-md-10 {
    width: 83.3333333333%;
  }
  .grid-md-11 {
    width: 91.6666666667%;
  }
  .grid-md-12 {
    width: 100%;
  }
}
@media (min-width: 920px) {
  .grid-lg-1 {
    width: 8.3333333333%;
  }
  .grid-lg-2 {
    width: 16.6666666667%;
  }
  .grid-lg-3 {
    width: 25%;
  }
  .grid-lg-4 {
    width: 33.3333333333%;
  }
  .grid-lg-5 {
    width: 41.6666666667%;
  }
  .grid-lg-6 {
    width: 50%;
  }
  .grid-lg-7 {
    width: 58.3333333333%;
  }
  .grid-lg-8 {
    width: 66.6666666667%;
  }
  .grid-lg-9 {
    width: 75%;
  }
  .grid-lg-10 {
    width: 83.3333333333%;
  }
  .grid-lg-11 {
    width: 91.6666666667%;
  }
  .grid-lg-12 {
    width: 100%;
  }
}
@media (min-width: 1220px) {
  .grid-xl-1 {
    width: 8.3333333333%;
  }
  .grid-xl-2 {
    width: 16.6666666667%;
  }
  .grid-xl-3 {
    width: 25%;
  }
  .grid-xl-4 {
    width: 33.3333333333%;
  }
  .grid-xl-5 {
    width: 41.6666666667%;
  }
  .grid-xl-6 {
    width: 50%;
  }
  .grid-xl-7 {
    width: 58.3333333333%;
  }
  .grid-xl-8 {
    width: 66.6666666667%;
  }
  .grid-xl-9 {
    width: 75%;
  }
  .grid-xl-10 {
    width: 83.3333333333%;
  }
  .grid-xl-11 {
    width: 91.6666666667%;
  }
  .grid-xl-12 {
    width: 100%;
  }
}

.push-0 {
  margin-left: 0%;
}
.push-1 {
  margin-left: 8.3333333333%;
}
.push-2 {
  margin-left: 16.6666666667%;
}
.push-3 {
  margin-left: 25%;
}
.push-4 {
  margin-left: 33.3333333333%;
}
.push-5 {
  margin-left: 41.6666666667%;
}
.push-6 {
  margin-left: 50%;
}
.push-7 {
  margin-left: 58.3333333333%;
}
.push-8 {
  margin-left: 66.6666666667%;
}
.push-9 {
  margin-left: 75%;
}
.push-10 {
  margin-left: 83.3333333333%;
}
.push-11 {
  margin-left: 91.6666666667%;
}
.push-12 {
  margin-left: 100%;
}
@media (min-width: 520px) {
  .push-sm-0 {
    margin-left: 0%;
  }
  .push-sm-1 {
    margin-left: 8.3333333333%;
  }
  .push-sm-2 {
    margin-left: 16.6666666667%;
  }
  .push-sm-3 {
    margin-left: 25%;
  }
  .push-sm-4 {
    margin-left: 33.3333333333%;
  }
  .push-sm-5 {
    margin-left: 41.6666666667%;
  }
  .push-sm-6 {
    margin-left: 50%;
  }
  .push-sm-7 {
    margin-left: 58.3333333333%;
  }
  .push-sm-8 {
    margin-left: 66.6666666667%;
  }
  .push-sm-9 {
    margin-left: 75%;
  }
  .push-sm-10 {
    margin-left: 83.3333333333%;
  }
  .push-sm-11 {
    margin-left: 91.6666666667%;
  }
  .push-sm-12 {
    margin-left: 100%;
  }
}
@media (min-width: 720px) {
  .push-md-0 {
    margin-left: 0%;
  }
  .push-md-1 {
    margin-left: 8.3333333333%;
  }
  .push-md-2 {
    margin-left: 16.6666666667%;
  }
  .push-md-3 {
    margin-left: 25%;
  }
  .push-md-4 {
    margin-left: 33.3333333333%;
  }
  .push-md-5 {
    margin-left: 41.6666666667%;
  }
  .push-md-6 {
    margin-left: 50%;
  }
  .push-md-7 {
    margin-left: 58.3333333333%;
  }
  .push-md-8 {
    margin-left: 66.6666666667%;
  }
  .push-md-9 {
    margin-left: 75%;
  }
  .push-md-10 {
    margin-left: 83.3333333333%;
  }
  .push-md-11 {
    margin-left: 91.6666666667%;
  }
  .push-md-12 {
    margin-left: 100%;
  }
}
@media (min-width: 920px) {
  .push-lg-0 {
    margin-left: 0%;
  }
  .push-lg-1 {
    margin-left: 8.3333333333%;
  }
  .push-lg-2 {
    margin-left: 16.6666666667%;
  }
  .push-lg-3 {
    margin-left: 25%;
  }
  .push-lg-4 {
    margin-left: 33.3333333333%;
  }
  .push-lg-5 {
    margin-left: 41.6666666667%;
  }
  .push-lg-6 {
    margin-left: 50%;
  }
  .push-lg-7 {
    margin-left: 58.3333333333%;
  }
  .push-lg-8 {
    margin-left: 66.6666666667%;
  }
  .push-lg-9 {
    margin-left: 75%;
  }
  .push-lg-10 {
    margin-left: 83.3333333333%;
  }
  .push-lg-11 {
    margin-left: 91.6666666667%;
  }
  .push-lg-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1220px) {
  .push-xl-0 {
    margin-left: 0%;
  }
  .push-xl-1 {
    margin-left: 8.3333333333%;
  }
  .push-xl-2 {
    margin-left: 16.6666666667%;
  }
  .push-xl-3 {
    margin-left: 25%;
  }
  .push-xl-4 {
    margin-left: 33.3333333333%;
  }
  .push-xl-5 {
    margin-left: 41.6666666667%;
  }
  .push-xl-6 {
    margin-left: 50%;
  }
  .push-xl-7 {
    margin-left: 58.3333333333%;
  }
  .push-xl-8 {
    margin-left: 66.6666666667%;
  }
  .push-xl-9 {
    margin-left: 75%;
  }
  .push-xl-10 {
    margin-left: 83.3333333333%;
  }
  .push-xl-11 {
    margin-left: 91.6666666667%;
  }
  .push-xl-12 {
    margin-left: 100%;
  }
}

.padding-0 {
  padding: 0px;
}
.padding-x-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.padding-y-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.padding-top-0 {
  padding-top: 0px;
}
.padding-right-0 {
  padding-right: 0px;
}
.padding-bottom-0 {
  padding-bottom: 0px;
}
.padding-left-0 {
  padding-left: 0px;
}
.padding-10 {
  padding: 10px;
}
.padding-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-20 {
  padding: 20px;
}
.padding-x-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-right-20 {
  padding-right: 20px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-40 {
  padding: 40px;
}
.padding-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.padding-top-40 {
  padding-top: 40px;
}
.padding-right-40 {
  padding-right: 40px;
}
.padding-bottom-40 {
  padding-bottom: 40px;
}
.padding-left-40 {
  padding-left: 40px;
}
.padding-60 {
  padding: 60px;
}
.padding-x-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.padding-y-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.padding-top-60 {
  padding-top: 60px;
}
.padding-right-60 {
  padding-right: 60px;
}
.padding-bottom-60 {
  padding-bottom: 60px;
}
.padding-left-60 {
  padding-left: 60px;
}
.padding-80 {
  padding: 80px;
}
.padding-x-80 {
  padding-left: 80px;
  padding-right: 80px;
}
.padding-y-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.padding-top-80 {
  padding-top: 80px;
}
.padding-right-80 {
  padding-right: 80px;
}
.padding-bottom-80 {
  padding-bottom: 80px;
}
.padding-left-80 {
  padding-left: 80px;
}
@media (max-width: 520px) {
  .padding-0-sm-less {
    padding: 0px;
  }
  .padding-x-0-sm-less {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-y-0-sm-less {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top-0-sm-less {
    padding-top: 0px;
  }
  .padding-right-0-sm-less {
    padding-right: 0px;
  }
  .padding-bottom-0-sm-less {
    padding-bottom: 0px;
  }
  .padding-left-0-sm-less {
    padding-left: 0px;
  }
  .padding-10-sm-less {
    padding: 10px;
  }
  .padding-x-10-sm-less {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-y-10-sm-less {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-top-10-sm-less {
    padding-top: 10px;
  }
  .padding-right-10-sm-less {
    padding-right: 10px;
  }
  .padding-bottom-10-sm-less {
    padding-bottom: 10px;
  }
  .padding-left-10-sm-less {
    padding-left: 10px;
  }
  .padding-20-sm-less {
    padding: 20px;
  }
  .padding-x-20-sm-less {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-y-20-sm-less {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-top-20-sm-less {
    padding-top: 20px;
  }
  .padding-right-20-sm-less {
    padding-right: 20px;
  }
  .padding-bottom-20-sm-less {
    padding-bottom: 20px;
  }
  .padding-left-20-sm-less {
    padding-left: 20px;
  }
  .padding-40-sm-less {
    padding: 40px;
  }
  .padding-x-40-sm-less {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-y-40-sm-less {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-top-40-sm-less {
    padding-top: 40px;
  }
  .padding-right-40-sm-less {
    padding-right: 40px;
  }
  .padding-bottom-40-sm-less {
    padding-bottom: 40px;
  }
  .padding-left-40-sm-less {
    padding-left: 40px;
  }
  .padding-60-sm-less {
    padding: 60px;
  }
  .padding-x-60-sm-less {
    padding-left: 60px;
    padding-right: 60px;
  }
  .padding-y-60-sm-less {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .padding-top-60-sm-less {
    padding-top: 60px;
  }
  .padding-right-60-sm-less {
    padding-right: 60px;
  }
  .padding-bottom-60-sm-less {
    padding-bottom: 60px;
  }
  .padding-left-60-sm-less {
    padding-left: 60px;
  }
  .padding-80-sm-less {
    padding: 80px;
  }
  .padding-x-80-sm-less {
    padding-left: 80px;
    padding-right: 80px;
  }
  .padding-y-80-sm-less {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-top-80-sm-less {
    padding-top: 80px;
  }
  .padding-right-80-sm-less {
    padding-right: 80px;
  }
  .padding-bottom-80-sm-less {
    padding-bottom: 80px;
  }
  .padding-left-80-sm-less {
    padding-left: 80px;
  }
}
@media (min-width: 520px) {
  .padding-0-sm-over {
    padding: 0px;
  }
  .padding-x-0-sm-over {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-y-0-sm-over {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top-0-sm-over {
    padding-top: 0px;
  }
  .padding-right-0-sm-over {
    padding-right: 0px;
  }
  .padding-bottom-0-sm-over {
    padding-bottom: 0px;
  }
  .padding-left-0-sm-over {
    padding-left: 0px;
  }
  .padding-10-sm-over {
    padding: 10px;
  }
  .padding-x-10-sm-over {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-y-10-sm-over {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-top-10-sm-over {
    padding-top: 10px;
  }
  .padding-right-10-sm-over {
    padding-right: 10px;
  }
  .padding-bottom-10-sm-over {
    padding-bottom: 10px;
  }
  .padding-left-10-sm-over {
    padding-left: 10px;
  }
  .padding-20-sm-over {
    padding: 20px;
  }
  .padding-x-20-sm-over {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-y-20-sm-over {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-top-20-sm-over {
    padding-top: 20px;
  }
  .padding-right-20-sm-over {
    padding-right: 20px;
  }
  .padding-bottom-20-sm-over {
    padding-bottom: 20px;
  }
  .padding-left-20-sm-over {
    padding-left: 20px;
  }
  .padding-40-sm-over {
    padding: 40px;
  }
  .padding-x-40-sm-over {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-y-40-sm-over {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-top-40-sm-over {
    padding-top: 40px;
  }
  .padding-right-40-sm-over {
    padding-right: 40px;
  }
  .padding-bottom-40-sm-over {
    padding-bottom: 40px;
  }
  .padding-left-40-sm-over {
    padding-left: 40px;
  }
  .padding-60-sm-over {
    padding: 60px;
  }
  .padding-x-60-sm-over {
    padding-left: 60px;
    padding-right: 60px;
  }
  .padding-y-60-sm-over {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .padding-top-60-sm-over {
    padding-top: 60px;
  }
  .padding-right-60-sm-over {
    padding-right: 60px;
  }
  .padding-bottom-60-sm-over {
    padding-bottom: 60px;
  }
  .padding-left-60-sm-over {
    padding-left: 60px;
  }
  .padding-80-sm-over {
    padding: 80px;
  }
  .padding-x-80-sm-over {
    padding-left: 80px;
    padding-right: 80px;
  }
  .padding-y-80-sm-over {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-top-80-sm-over {
    padding-top: 80px;
  }
  .padding-right-80-sm-over {
    padding-right: 80px;
  }
  .padding-bottom-80-sm-over {
    padding-bottom: 80px;
  }
  .padding-left-80-sm-over {
    padding-left: 80px;
  }
}
@media (max-width: 720px) {
  .padding-0-md-less {
    padding: 0px;
  }
  .padding-x-0-md-less {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-y-0-md-less {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top-0-md-less {
    padding-top: 0px;
  }
  .padding-right-0-md-less {
    padding-right: 0px;
  }
  .padding-bottom-0-md-less {
    padding-bottom: 0px;
  }
  .padding-left-0-md-less {
    padding-left: 0px;
  }
  .padding-10-md-less {
    padding: 10px;
  }
  .padding-x-10-md-less {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-y-10-md-less {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-top-10-md-less {
    padding-top: 10px;
  }
  .padding-right-10-md-less {
    padding-right: 10px;
  }
  .padding-bottom-10-md-less {
    padding-bottom: 10px;
  }
  .padding-left-10-md-less {
    padding-left: 10px;
  }
  .padding-20-md-less {
    padding: 20px;
  }
  .padding-x-20-md-less {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-y-20-md-less {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-top-20-md-less {
    padding-top: 20px;
  }
  .padding-right-20-md-less {
    padding-right: 20px;
  }
  .padding-bottom-20-md-less {
    padding-bottom: 20px;
  }
  .padding-left-20-md-less {
    padding-left: 20px;
  }
  .padding-40-md-less {
    padding: 40px;
  }
  .padding-x-40-md-less {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-y-40-md-less {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-top-40-md-less {
    padding-top: 40px;
  }
  .padding-right-40-md-less {
    padding-right: 40px;
  }
  .padding-bottom-40-md-less {
    padding-bottom: 40px;
  }
  .padding-left-40-md-less {
    padding-left: 40px;
  }
  .padding-60-md-less {
    padding: 60px;
  }
  .padding-x-60-md-less {
    padding-left: 60px;
    padding-right: 60px;
  }
  .padding-y-60-md-less {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .padding-top-60-md-less {
    padding-top: 60px;
  }
  .padding-right-60-md-less {
    padding-right: 60px;
  }
  .padding-bottom-60-md-less {
    padding-bottom: 60px;
  }
  .padding-left-60-md-less {
    padding-left: 60px;
  }
  .padding-80-md-less {
    padding: 80px;
  }
  .padding-x-80-md-less {
    padding-left: 80px;
    padding-right: 80px;
  }
  .padding-y-80-md-less {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-top-80-md-less {
    padding-top: 80px;
  }
  .padding-right-80-md-less {
    padding-right: 80px;
  }
  .padding-bottom-80-md-less {
    padding-bottom: 80px;
  }
  .padding-left-80-md-less {
    padding-left: 80px;
  }
}
@media (min-width: 720px) {
  .padding-0-md-over {
    padding: 0px;
  }
  .padding-x-0-md-over {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-y-0-md-over {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top-0-md-over {
    padding-top: 0px;
  }
  .padding-right-0-md-over {
    padding-right: 0px;
  }
  .padding-bottom-0-md-over {
    padding-bottom: 0px;
  }
  .padding-left-0-md-over {
    padding-left: 0px;
  }
  .padding-10-md-over {
    padding: 10px;
  }
  .padding-x-10-md-over {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-y-10-md-over {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-top-10-md-over {
    padding-top: 10px;
  }
  .padding-right-10-md-over {
    padding-right: 10px;
  }
  .padding-bottom-10-md-over {
    padding-bottom: 10px;
  }
  .padding-left-10-md-over {
    padding-left: 10px;
  }
  .padding-20-md-over {
    padding: 20px;
  }
  .padding-x-20-md-over {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-y-20-md-over {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-top-20-md-over {
    padding-top: 20px;
  }
  .padding-right-20-md-over {
    padding-right: 20px;
  }
  .padding-bottom-20-md-over {
    padding-bottom: 20px;
  }
  .padding-left-20-md-over {
    padding-left: 20px;
  }
  .padding-40-md-over {
    padding: 40px;
  }
  .padding-x-40-md-over {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-y-40-md-over {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-top-40-md-over {
    padding-top: 40px;
  }
  .padding-right-40-md-over {
    padding-right: 40px;
  }
  .padding-bottom-40-md-over {
    padding-bottom: 40px;
  }
  .padding-left-40-md-over {
    padding-left: 40px;
  }
  .padding-60-md-over {
    padding: 60px;
  }
  .padding-x-60-md-over {
    padding-left: 60px;
    padding-right: 60px;
  }
  .padding-y-60-md-over {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .padding-top-60-md-over {
    padding-top: 60px;
  }
  .padding-right-60-md-over {
    padding-right: 60px;
  }
  .padding-bottom-60-md-over {
    padding-bottom: 60px;
  }
  .padding-left-60-md-over {
    padding-left: 60px;
  }
  .padding-80-md-over {
    padding: 80px;
  }
  .padding-x-80-md-over {
    padding-left: 80px;
    padding-right: 80px;
  }
  .padding-y-80-md-over {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-top-80-md-over {
    padding-top: 80px;
  }
  .padding-right-80-md-over {
    padding-right: 80px;
  }
  .padding-bottom-80-md-over {
    padding-bottom: 80px;
  }
  .padding-left-80-md-over {
    padding-left: 80px;
  }
}
@media (max-width: 920px) {
  .padding-0-lg-less {
    padding: 0px;
  }
  .padding-x-0-lg-less {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-y-0-lg-less {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top-0-lg-less {
    padding-top: 0px;
  }
  .padding-right-0-lg-less {
    padding-right: 0px;
  }
  .padding-bottom-0-lg-less {
    padding-bottom: 0px;
  }
  .padding-left-0-lg-less {
    padding-left: 0px;
  }
  .padding-10-lg-less {
    padding: 10px;
  }
  .padding-x-10-lg-less {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-y-10-lg-less {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-top-10-lg-less {
    padding-top: 10px;
  }
  .padding-right-10-lg-less {
    padding-right: 10px;
  }
  .padding-bottom-10-lg-less {
    padding-bottom: 10px;
  }
  .padding-left-10-lg-less {
    padding-left: 10px;
  }
  .padding-20-lg-less {
    padding: 20px;
  }
  .padding-x-20-lg-less {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-y-20-lg-less {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-top-20-lg-less {
    padding-top: 20px;
  }
  .padding-right-20-lg-less {
    padding-right: 20px;
  }
  .padding-bottom-20-lg-less {
    padding-bottom: 20px;
  }
  .padding-left-20-lg-less {
    padding-left: 20px;
  }
  .padding-40-lg-less {
    padding: 40px;
  }
  .padding-x-40-lg-less {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-y-40-lg-less {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-top-40-lg-less {
    padding-top: 40px;
  }
  .padding-right-40-lg-less {
    padding-right: 40px;
  }
  .padding-bottom-40-lg-less {
    padding-bottom: 40px;
  }
  .padding-left-40-lg-less {
    padding-left: 40px;
  }
  .padding-60-lg-less {
    padding: 60px;
  }
  .padding-x-60-lg-less {
    padding-left: 60px;
    padding-right: 60px;
  }
  .padding-y-60-lg-less {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .padding-top-60-lg-less {
    padding-top: 60px;
  }
  .padding-right-60-lg-less {
    padding-right: 60px;
  }
  .padding-bottom-60-lg-less {
    padding-bottom: 60px;
  }
  .padding-left-60-lg-less {
    padding-left: 60px;
  }
  .padding-80-lg-less {
    padding: 80px;
  }
  .padding-x-80-lg-less {
    padding-left: 80px;
    padding-right: 80px;
  }
  .padding-y-80-lg-less {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-top-80-lg-less {
    padding-top: 80px;
  }
  .padding-right-80-lg-less {
    padding-right: 80px;
  }
  .padding-bottom-80-lg-less {
    padding-bottom: 80px;
  }
  .padding-left-80-lg-less {
    padding-left: 80px;
  }
}
@media (min-width: 920px) {
  .padding-0-lg-over {
    padding: 0px;
  }
  .padding-x-0-lg-over {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-y-0-lg-over {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top-0-lg-over {
    padding-top: 0px;
  }
  .padding-right-0-lg-over {
    padding-right: 0px;
  }
  .padding-bottom-0-lg-over {
    padding-bottom: 0px;
  }
  .padding-left-0-lg-over {
    padding-left: 0px;
  }
  .padding-10-lg-over {
    padding: 10px;
  }
  .padding-x-10-lg-over {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-y-10-lg-over {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-top-10-lg-over {
    padding-top: 10px;
  }
  .padding-right-10-lg-over {
    padding-right: 10px;
  }
  .padding-bottom-10-lg-over {
    padding-bottom: 10px;
  }
  .padding-left-10-lg-over {
    padding-left: 10px;
  }
  .padding-20-lg-over {
    padding: 20px;
  }
  .padding-x-20-lg-over {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-y-20-lg-over {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-top-20-lg-over {
    padding-top: 20px;
  }
  .padding-right-20-lg-over {
    padding-right: 20px;
  }
  .padding-bottom-20-lg-over {
    padding-bottom: 20px;
  }
  .padding-left-20-lg-over {
    padding-left: 20px;
  }
  .padding-40-lg-over {
    padding: 40px;
  }
  .padding-x-40-lg-over {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-y-40-lg-over {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-top-40-lg-over {
    padding-top: 40px;
  }
  .padding-right-40-lg-over {
    padding-right: 40px;
  }
  .padding-bottom-40-lg-over {
    padding-bottom: 40px;
  }
  .padding-left-40-lg-over {
    padding-left: 40px;
  }
  .padding-60-lg-over {
    padding: 60px;
  }
  .padding-x-60-lg-over {
    padding-left: 60px;
    padding-right: 60px;
  }
  .padding-y-60-lg-over {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .padding-top-60-lg-over {
    padding-top: 60px;
  }
  .padding-right-60-lg-over {
    padding-right: 60px;
  }
  .padding-bottom-60-lg-over {
    padding-bottom: 60px;
  }
  .padding-left-60-lg-over {
    padding-left: 60px;
  }
  .padding-80-lg-over {
    padding: 80px;
  }
  .padding-x-80-lg-over {
    padding-left: 80px;
    padding-right: 80px;
  }
  .padding-y-80-lg-over {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-top-80-lg-over {
    padding-top: 80px;
  }
  .padding-right-80-lg-over {
    padding-right: 80px;
  }
  .padding-bottom-80-lg-over {
    padding-bottom: 80px;
  }
  .padding-left-80-lg-over {
    padding-left: 80px;
  }
}
@media (max-width: 1220px) {
  .padding-0-xl-less {
    padding: 0px;
  }
  .padding-x-0-xl-less {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-y-0-xl-less {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top-0-xl-less {
    padding-top: 0px;
  }
  .padding-right-0-xl-less {
    padding-right: 0px;
  }
  .padding-bottom-0-xl-less {
    padding-bottom: 0px;
  }
  .padding-left-0-xl-less {
    padding-left: 0px;
  }
  .padding-10-xl-less {
    padding: 10px;
  }
  .padding-x-10-xl-less {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-y-10-xl-less {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-top-10-xl-less {
    padding-top: 10px;
  }
  .padding-right-10-xl-less {
    padding-right: 10px;
  }
  .padding-bottom-10-xl-less {
    padding-bottom: 10px;
  }
  .padding-left-10-xl-less {
    padding-left: 10px;
  }
  .padding-20-xl-less {
    padding: 20px;
  }
  .padding-x-20-xl-less {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-y-20-xl-less {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-top-20-xl-less {
    padding-top: 20px;
  }
  .padding-right-20-xl-less {
    padding-right: 20px;
  }
  .padding-bottom-20-xl-less {
    padding-bottom: 20px;
  }
  .padding-left-20-xl-less {
    padding-left: 20px;
  }
  .padding-40-xl-less {
    padding: 40px;
  }
  .padding-x-40-xl-less {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-y-40-xl-less {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-top-40-xl-less {
    padding-top: 40px;
  }
  .padding-right-40-xl-less {
    padding-right: 40px;
  }
  .padding-bottom-40-xl-less {
    padding-bottom: 40px;
  }
  .padding-left-40-xl-less {
    padding-left: 40px;
  }
  .padding-60-xl-less {
    padding: 60px;
  }
  .padding-x-60-xl-less {
    padding-left: 60px;
    padding-right: 60px;
  }
  .padding-y-60-xl-less {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .padding-top-60-xl-less {
    padding-top: 60px;
  }
  .padding-right-60-xl-less {
    padding-right: 60px;
  }
  .padding-bottom-60-xl-less {
    padding-bottom: 60px;
  }
  .padding-left-60-xl-less {
    padding-left: 60px;
  }
  .padding-80-xl-less {
    padding: 80px;
  }
  .padding-x-80-xl-less {
    padding-left: 80px;
    padding-right: 80px;
  }
  .padding-y-80-xl-less {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-top-80-xl-less {
    padding-top: 80px;
  }
  .padding-right-80-xl-less {
    padding-right: 80px;
  }
  .padding-bottom-80-xl-less {
    padding-bottom: 80px;
  }
  .padding-left-80-xl-less {
    padding-left: 80px;
  }
}
@media (min-width: 1220px) {
  .padding-0-xl-over {
    padding: 0px;
  }
  .padding-x-0-xl-over {
    padding-left: 0px;
    padding-right: 0px;
  }
  .padding-y-0-xl-over {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .padding-top-0-xl-over {
    padding-top: 0px;
  }
  .padding-right-0-xl-over {
    padding-right: 0px;
  }
  .padding-bottom-0-xl-over {
    padding-bottom: 0px;
  }
  .padding-left-0-xl-over {
    padding-left: 0px;
  }
  .padding-10-xl-over {
    padding: 10px;
  }
  .padding-x-10-xl-over {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-y-10-xl-over {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-top-10-xl-over {
    padding-top: 10px;
  }
  .padding-right-10-xl-over {
    padding-right: 10px;
  }
  .padding-bottom-10-xl-over {
    padding-bottom: 10px;
  }
  .padding-left-10-xl-over {
    padding-left: 10px;
  }
  .padding-20-xl-over {
    padding: 20px;
  }
  .padding-x-20-xl-over {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-y-20-xl-over {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-top-20-xl-over {
    padding-top: 20px;
  }
  .padding-right-20-xl-over {
    padding-right: 20px;
  }
  .padding-bottom-20-xl-over {
    padding-bottom: 20px;
  }
  .padding-left-20-xl-over {
    padding-left: 20px;
  }
  .padding-40-xl-over {
    padding: 40px;
  }
  .padding-x-40-xl-over {
    padding-left: 40px;
    padding-right: 40px;
  }
  .padding-y-40-xl-over {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-top-40-xl-over {
    padding-top: 40px;
  }
  .padding-right-40-xl-over {
    padding-right: 40px;
  }
  .padding-bottom-40-xl-over {
    padding-bottom: 40px;
  }
  .padding-left-40-xl-over {
    padding-left: 40px;
  }
  .padding-60-xl-over {
    padding: 60px;
  }
  .padding-x-60-xl-over {
    padding-left: 60px;
    padding-right: 60px;
  }
  .padding-y-60-xl-over {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .padding-top-60-xl-over {
    padding-top: 60px;
  }
  .padding-right-60-xl-over {
    padding-right: 60px;
  }
  .padding-bottom-60-xl-over {
    padding-bottom: 60px;
  }
  .padding-left-60-xl-over {
    padding-left: 60px;
  }
  .padding-80-xl-over {
    padding: 80px;
  }
  .padding-x-80-xl-over {
    padding-left: 80px;
    padding-right: 80px;
  }
  .padding-y-80-xl-over {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-top-80-xl-over {
    padding-top: 80px;
  }
  .padding-right-80-xl-over {
    padding-right: 80px;
  }
  .padding-bottom-80-xl-over {
    padding-bottom: 80px;
  }
  .padding-left-80-xl-over {
    padding-left: 80px;
  }
}

.padding-half {
  padding: 10px;
}
.padding-half-x {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-half-y {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-half-top {
  padding-top: 10px;
}
.padding-half-right {
  padding-right: 10px;
}
.padding-half-bottom {
  padding-bottom: 10px;
}
.padding-half-left {
  padding-left: 10px;
}
@media (max-width: 520px) {
  .padding-half-sm-less {
    padding: 10px;
  }
  .padding-half-x-sm-less {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-half-y-sm-less {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-half-top-sm-less {
    padding-top: 10px;
  }
  .padding-half-right-sm-less {
    padding-right: 10px;
  }
  .padding-half-bottom-sm-less {
    padding-bottom: 10px;
  }
  .padding-half-left-sm-less {
    padding-left: 10px;
  }
}
@media (min-width: 520px) {
  .padding-half-sm-over {
    padding: 10px;
  }
  .padding-half-x-sm-over {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-half-y-sm-over {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-half-top-sm-over {
    padding-top: 10px;
  }
  .padding-half-right-sm-over {
    padding-right: 10px;
  }
  .padding-half-bottom-sm-over {
    padding-bottom: 10px;
  }
  .padding-half-left-sm-over {
    padding-left: 10px;
  }
}
@media (max-width: 720px) {
  .padding-half-md-less {
    padding: 10px;
  }
  .padding-half-x-md-less {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-half-y-md-less {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-half-top-md-less {
    padding-top: 10px;
  }
  .padding-half-right-md-less {
    padding-right: 10px;
  }
  .padding-half-bottom-md-less {
    padding-bottom: 10px;
  }
  .padding-half-left-md-less {
    padding-left: 10px;
  }
}
@media (min-width: 720px) {
  .padding-half-md-over {
    padding: 10px;
  }
  .padding-half-x-md-over {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-half-y-md-over {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-half-top-md-over {
    padding-top: 10px;
  }
  .padding-half-right-md-over {
    padding-right: 10px;
  }
  .padding-half-bottom-md-over {
    padding-bottom: 10px;
  }
  .padding-half-left-md-over {
    padding-left: 10px;
  }
}
@media (max-width: 920px) {
  .padding-half-lg-less {
    padding: 10px;
  }
  .padding-half-x-lg-less {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-half-y-lg-less {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-half-top-lg-less {
    padding-top: 10px;
  }
  .padding-half-right-lg-less {
    padding-right: 10px;
  }
  .padding-half-bottom-lg-less {
    padding-bottom: 10px;
  }
  .padding-half-left-lg-less {
    padding-left: 10px;
  }
}
@media (min-width: 920px) {
  .padding-half-lg-over {
    padding: 10px;
  }
  .padding-half-x-lg-over {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-half-y-lg-over {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-half-top-lg-over {
    padding-top: 10px;
  }
  .padding-half-right-lg-over {
    padding-right: 10px;
  }
  .padding-half-bottom-lg-over {
    padding-bottom: 10px;
  }
  .padding-half-left-lg-over {
    padding-left: 10px;
  }
}
@media (max-width: 1220px) {
  .padding-half-xl-less {
    padding: 10px;
  }
  .padding-half-x-xl-less {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-half-y-xl-less {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-half-top-xl-less {
    padding-top: 10px;
  }
  .padding-half-right-xl-less {
    padding-right: 10px;
  }
  .padding-half-bottom-xl-less {
    padding-bottom: 10px;
  }
  .padding-half-left-xl-less {
    padding-left: 10px;
  }
}
@media (min-width: 1220px) {
  .padding-half-xl-over {
    padding: 10px;
  }
  .padding-half-x-xl-over {
    padding-left: 10px;
    padding-right: 10px;
  }
  .padding-half-y-xl-over {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .padding-half-top-xl-over {
    padding-top: 10px;
  }
  .padding-half-right-xl-over {
    padding-right: 10px;
  }
  .padding-half-bottom-xl-over {
    padding-bottom: 10px;
  }
  .padding-half-left-xl-over {
    padding-left: 10px;
  }
}

.padding-none {
  padding: 0;
}
.padding-none-x {
  padding-left: 0;
  padding-right: 0;
}
.padding-none-y {
  padding-top: 0;
  padding-bottom: 0;
}
.padding-none-top {
  padding-top: 0;
}
.padding-none-right {
  padding-right: 0;
}
.padding-none-bottom {
  padding-bottom: 0;
}
.padding-none-left {
  padding-left: 0;
}
@media (max-width: 520px) {
  .padding-none-sm-less {
    padding: 0;
  }
  .padding-none-x-sm-less {
    padding-left: 0;
    padding-right: 0;
  }
  .padding-none-y-sm-less {
    padding-top: 0;
    padding-bottom: 0;
  }
  .padding-none-top-sm-less {
    padding-top: 0;
  }
  .padding-none-right-sm-less {
    padding-right: 0;
  }
  .padding-none-bottom-sm-less {
    padding-bottom: 0;
  }
  .padding-none-left-sm-less {
    padding-left: 0;
  }
}
@media (min-width: 520px) {
  .padding-none-sm-over {
    padding: 0;
  }
  .padding-none-x-sm-over {
    padding-left: 0;
    padding-right: 0;
  }
  .padding-none-y-sm-over {
    padding-top: 0;
    padding-bottom: 0;
  }
  .padding-none-top-sm-over {
    padding-top: 0;
  }
  .padding-none-right-sm-over {
    padding-right: 0;
  }
  .padding-none-bottom-sm-over {
    padding-bottom: 0;
  }
  .padding-none-left-sm-over {
    padding-left: 0;
  }
}
@media (max-width: 720px) {
  .padding-none-md-less {
    padding: 0;
  }
  .padding-none-x-md-less {
    padding-left: 0;
    padding-right: 0;
  }
  .padding-none-y-md-less {
    padding-top: 0;
    padding-bottom: 0;
  }
  .padding-none-top-md-less {
    padding-top: 0;
  }
  .padding-none-right-md-less {
    padding-right: 0;
  }
  .padding-none-bottom-md-less {
    padding-bottom: 0;
  }
  .padding-none-left-md-less {
    padding-left: 0;
  }
}
@media (min-width: 720px) {
  .padding-none-md-over {
    padding: 0;
  }
  .padding-none-x-md-over {
    padding-left: 0;
    padding-right: 0;
  }
  .padding-none-y-md-over {
    padding-top: 0;
    padding-bottom: 0;
  }
  .padding-none-top-md-over {
    padding-top: 0;
  }
  .padding-none-right-md-over {
    padding-right: 0;
  }
  .padding-none-bottom-md-over {
    padding-bottom: 0;
  }
  .padding-none-left-md-over {
    padding-left: 0;
  }
}
@media (max-width: 920px) {
  .padding-none-lg-less {
    padding: 0;
  }
  .padding-none-x-lg-less {
    padding-left: 0;
    padding-right: 0;
  }
  .padding-none-y-lg-less {
    padding-top: 0;
    padding-bottom: 0;
  }
  .padding-none-top-lg-less {
    padding-top: 0;
  }
  .padding-none-right-lg-less {
    padding-right: 0;
  }
  .padding-none-bottom-lg-less {
    padding-bottom: 0;
  }
  .padding-none-left-lg-less {
    padding-left: 0;
  }
}
@media (min-width: 920px) {
  .padding-none-lg-over {
    padding: 0;
  }
  .padding-none-x-lg-over {
    padding-left: 0;
    padding-right: 0;
  }
  .padding-none-y-lg-over {
    padding-top: 0;
    padding-bottom: 0;
  }
  .padding-none-top-lg-over {
    padding-top: 0;
  }
  .padding-none-right-lg-over {
    padding-right: 0;
  }
  .padding-none-bottom-lg-over {
    padding-bottom: 0;
  }
  .padding-none-left-lg-over {
    padding-left: 0;
  }
}
@media (max-width: 1220px) {
  .padding-none-xl-less {
    padding: 0;
  }
  .padding-none-x-xl-less {
    padding-left: 0;
    padding-right: 0;
  }
  .padding-none-y-xl-less {
    padding-top: 0;
    padding-bottom: 0;
  }
  .padding-none-top-xl-less {
    padding-top: 0;
  }
  .padding-none-right-xl-less {
    padding-right: 0;
  }
  .padding-none-bottom-xl-less {
    padding-bottom: 0;
  }
  .padding-none-left-xl-less {
    padding-left: 0;
  }
}
@media (min-width: 1220px) {
  .padding-none-xl-over {
    padding: 0;
  }
  .padding-none-x-xl-over {
    padding-left: 0;
    padding-right: 0;
  }
  .padding-none-y-xl-over {
    padding-top: 0;
    padding-bottom: 0;
  }
  .padding-none-top-xl-over {
    padding-top: 0;
  }
  .padding-none-right-xl-over {
    padding-right: 0;
  }
  .padding-none-bottom-xl-over {
    padding-bottom: 0;
  }
  .padding-none-left-xl-over {
    padding-left: 0;
  }
}

.margin-0 {
  margin: 0px;
}
.margin-x-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.margin-y-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.margin-top-0 {
  margin-top: 0px;
}
.margin-right-0 {
  margin-right: 0px;
}
.margin-bottom-0 {
  margin-bottom: 0px;
}
.margin-left-0 {
  margin-left: 0px;
}
.margin-10 {
  margin: 10px;
}
.margin-x-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-20 {
  margin: 20px;
}
.margin-x-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-40 {
  margin: 40px;
}
.margin-x-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.margin-y-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-right-40 {
  margin-right: 40px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-left-40 {
  margin-left: 40px;
}
.margin-60 {
  margin: 60px;
}
.margin-x-60 {
  margin-left: 60px;
  margin-right: 60px;
}
.margin-y-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-right-60 {
  margin-right: 60px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.margin-left-60 {
  margin-left: 60px;
}
.margin-80 {
  margin: 80px;
}
.margin-x-80 {
  margin-left: 80px;
  margin-right: 80px;
}
.margin-y-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}
.margin-top-80 {
  margin-top: 80px;
}
.margin-right-80 {
  margin-right: 80px;
}
.margin-bottom-80 {
  margin-bottom: 80px;
}
.margin-left-80 {
  margin-left: 80px;
}
@media (max-width: 520px) {
  .margin-0-sm-less {
    margin: 0px;
  }
  .margin-x-0-sm-less {
    margin-left: 0px;
    margin-right: 0px;
  }
  .margin-y-0-sm-less {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .margin-top-0-sm-less {
    margin-top: 0px;
  }
  .margin-right-0-sm-less {
    margin-right: 0px;
  }
  .margin-bottom-0-sm-less {
    margin-bottom: 0px;
  }
  .margin-left-0-sm-less {
    margin-left: 0px;
  }
  .margin-10-sm-less {
    margin: 10px;
  }
  .margin-x-10-sm-less {
    margin-left: 10px;
    margin-right: 10px;
  }
  .margin-y-10-sm-less {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .margin-top-10-sm-less {
    margin-top: 10px;
  }
  .margin-right-10-sm-less {
    margin-right: 10px;
  }
  .margin-bottom-10-sm-less {
    margin-bottom: 10px;
  }
  .margin-left-10-sm-less {
    margin-left: 10px;
  }
  .margin-20-sm-less {
    margin: 20px;
  }
  .margin-x-20-sm-less {
    margin-left: 20px;
    margin-right: 20px;
  }
  .margin-y-20-sm-less {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .margin-top-20-sm-less {
    margin-top: 20px;
  }
  .margin-right-20-sm-less {
    margin-right: 20px;
  }
  .margin-bottom-20-sm-less {
    margin-bottom: 20px;
  }
  .margin-left-20-sm-less {
    margin-left: 20px;
  }
  .margin-40-sm-less {
    margin: 40px;
  }
  .margin-x-40-sm-less {
    margin-left: 40px;
    margin-right: 40px;
  }
  .margin-y-40-sm-less {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .margin-top-40-sm-less {
    margin-top: 40px;
  }
  .margin-right-40-sm-less {
    margin-right: 40px;
  }
  .margin-bottom-40-sm-less {
    margin-bottom: 40px;
  }
  .margin-left-40-sm-less {
    margin-left: 40px;
  }
  .margin-60-sm-less {
    margin: 60px;
  }
  .margin-x-60-sm-less {
    margin-left: 60px;
    margin-right: 60px;
  }
  .margin-y-60-sm-less {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .margin-top-60-sm-less {
    margin-top: 60px;
  }
  .margin-right-60-sm-less {
    margin-right: 60px;
  }
  .margin-bottom-60-sm-less {
    margin-bottom: 60px;
  }
  .margin-left-60-sm-less {
    margin-left: 60px;
  }
  .margin-80-sm-less {
    margin: 80px;
  }
  .margin-x-80-sm-less {
    margin-left: 80px;
    margin-right: 80px;
  }
  .margin-y-80-sm-less {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .margin-top-80-sm-less {
    margin-top: 80px;
  }
  .margin-right-80-sm-less {
    margin-right: 80px;
  }
  .margin-bottom-80-sm-less {
    margin-bottom: 80px;
  }
  .margin-left-80-sm-less {
    margin-left: 80px;
  }
}
@media (min-width: 520px) {
  .margin-0-sm-over {
    margin: 0px;
  }
  .margin-x-0-sm-over {
    margin-left: 0px;
    margin-right: 0px;
  }
  .margin-y-0-sm-over {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .margin-top-0-sm-over {
    margin-top: 0px;
  }
  .margin-right-0-sm-over {
    margin-right: 0px;
  }
  .margin-bottom-0-sm-over {
    margin-bottom: 0px;
  }
  .margin-left-0-sm-over {
    margin-left: 0px;
  }
  .margin-10-sm-over {
    margin: 10px;
  }
  .margin-x-10-sm-over {
    margin-left: 10px;
    margin-right: 10px;
  }
  .margin-y-10-sm-over {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .margin-top-10-sm-over {
    margin-top: 10px;
  }
  .margin-right-10-sm-over {
    margin-right: 10px;
  }
  .margin-bottom-10-sm-over {
    margin-bottom: 10px;
  }
  .margin-left-10-sm-over {
    margin-left: 10px;
  }
  .margin-20-sm-over {
    margin: 20px;
  }
  .margin-x-20-sm-over {
    margin-left: 20px;
    margin-right: 20px;
  }
  .margin-y-20-sm-over {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .margin-top-20-sm-over {
    margin-top: 20px;
  }
  .margin-right-20-sm-over {
    margin-right: 20px;
  }
  .margin-bottom-20-sm-over {
    margin-bottom: 20px;
  }
  .margin-left-20-sm-over {
    margin-left: 20px;
  }
  .margin-40-sm-over {
    margin: 40px;
  }
  .margin-x-40-sm-over {
    margin-left: 40px;
    margin-right: 40px;
  }
  .margin-y-40-sm-over {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .margin-top-40-sm-over {
    margin-top: 40px;
  }
  .margin-right-40-sm-over {
    margin-right: 40px;
  }
  .margin-bottom-40-sm-over {
    margin-bottom: 40px;
  }
  .margin-left-40-sm-over {
    margin-left: 40px;
  }
  .margin-60-sm-over {
    margin: 60px;
  }
  .margin-x-60-sm-over {
    margin-left: 60px;
    margin-right: 60px;
  }
  .margin-y-60-sm-over {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .margin-top-60-sm-over {
    margin-top: 60px;
  }
  .margin-right-60-sm-over {
    margin-right: 60px;
  }
  .margin-bottom-60-sm-over {
    margin-bottom: 60px;
  }
  .margin-left-60-sm-over {
    margin-left: 60px;
  }
  .margin-80-sm-over {
    margin: 80px;
  }
  .margin-x-80-sm-over {
    margin-left: 80px;
    margin-right: 80px;
  }
  .margin-y-80-sm-over {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .margin-top-80-sm-over {
    margin-top: 80px;
  }
  .margin-right-80-sm-over {
    margin-right: 80px;
  }
  .margin-bottom-80-sm-over {
    margin-bottom: 80px;
  }
  .margin-left-80-sm-over {
    margin-left: 80px;
  }
}
@media (max-width: 720px) {
  .margin-0-md-less {
    margin: 0px;
  }
  .margin-x-0-md-less {
    margin-left: 0px;
    margin-right: 0px;
  }
  .margin-y-0-md-less {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .margin-top-0-md-less {
    margin-top: 0px;
  }
  .margin-right-0-md-less {
    margin-right: 0px;
  }
  .margin-bottom-0-md-less {
    margin-bottom: 0px;
  }
  .margin-left-0-md-less {
    margin-left: 0px;
  }
  .margin-10-md-less {
    margin: 10px;
  }
  .margin-x-10-md-less {
    margin-left: 10px;
    margin-right: 10px;
  }
  .margin-y-10-md-less {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .margin-top-10-md-less {
    margin-top: 10px;
  }
  .margin-right-10-md-less {
    margin-right: 10px;
  }
  .margin-bottom-10-md-less {
    margin-bottom: 10px;
  }
  .margin-left-10-md-less {
    margin-left: 10px;
  }
  .margin-20-md-less {
    margin: 20px;
  }
  .margin-x-20-md-less {
    margin-left: 20px;
    margin-right: 20px;
  }
  .margin-y-20-md-less {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .margin-top-20-md-less {
    margin-top: 20px;
  }
  .margin-right-20-md-less {
    margin-right: 20px;
  }
  .margin-bottom-20-md-less {
    margin-bottom: 20px;
  }
  .margin-left-20-md-less {
    margin-left: 20px;
  }
  .margin-40-md-less {
    margin: 40px;
  }
  .margin-x-40-md-less {
    margin-left: 40px;
    margin-right: 40px;
  }
  .margin-y-40-md-less {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .margin-top-40-md-less {
    margin-top: 40px;
  }
  .margin-right-40-md-less {
    margin-right: 40px;
  }
  .margin-bottom-40-md-less {
    margin-bottom: 40px;
  }
  .margin-left-40-md-less {
    margin-left: 40px;
  }
  .margin-60-md-less {
    margin: 60px;
  }
  .margin-x-60-md-less {
    margin-left: 60px;
    margin-right: 60px;
  }
  .margin-y-60-md-less {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .margin-top-60-md-less {
    margin-top: 60px;
  }
  .margin-right-60-md-less {
    margin-right: 60px;
  }
  .margin-bottom-60-md-less {
    margin-bottom: 60px;
  }
  .margin-left-60-md-less {
    margin-left: 60px;
  }
  .margin-80-md-less {
    margin: 80px;
  }
  .margin-x-80-md-less {
    margin-left: 80px;
    margin-right: 80px;
  }
  .margin-y-80-md-less {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .margin-top-80-md-less {
    margin-top: 80px;
  }
  .margin-right-80-md-less {
    margin-right: 80px;
  }
  .margin-bottom-80-md-less {
    margin-bottom: 80px;
  }
  .margin-left-80-md-less {
    margin-left: 80px;
  }
}
@media (min-width: 720px) {
  .margin-0-md-over {
    margin: 0px;
  }
  .margin-x-0-md-over {
    margin-left: 0px;
    margin-right: 0px;
  }
  .margin-y-0-md-over {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .margin-top-0-md-over {
    margin-top: 0px;
  }
  .margin-right-0-md-over {
    margin-right: 0px;
  }
  .margin-bottom-0-md-over {
    margin-bottom: 0px;
  }
  .margin-left-0-md-over {
    margin-left: 0px;
  }
  .margin-10-md-over {
    margin: 10px;
  }
  .margin-x-10-md-over {
    margin-left: 10px;
    margin-right: 10px;
  }
  .margin-y-10-md-over {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .margin-top-10-md-over {
    margin-top: 10px;
  }
  .margin-right-10-md-over {
    margin-right: 10px;
  }
  .margin-bottom-10-md-over {
    margin-bottom: 10px;
  }
  .margin-left-10-md-over {
    margin-left: 10px;
  }
  .margin-20-md-over {
    margin: 20px;
  }
  .margin-x-20-md-over {
    margin-left: 20px;
    margin-right: 20px;
  }
  .margin-y-20-md-over {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .margin-top-20-md-over {
    margin-top: 20px;
  }
  .margin-right-20-md-over {
    margin-right: 20px;
  }
  .margin-bottom-20-md-over {
    margin-bottom: 20px;
  }
  .margin-left-20-md-over {
    margin-left: 20px;
  }
  .margin-40-md-over {
    margin: 40px;
  }
  .margin-x-40-md-over {
    margin-left: 40px;
    margin-right: 40px;
  }
  .margin-y-40-md-over {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .margin-top-40-md-over {
    margin-top: 40px;
  }
  .margin-right-40-md-over {
    margin-right: 40px;
  }
  .margin-bottom-40-md-over {
    margin-bottom: 40px;
  }
  .margin-left-40-md-over {
    margin-left: 40px;
  }
  .margin-60-md-over {
    margin: 60px;
  }
  .margin-x-60-md-over {
    margin-left: 60px;
    margin-right: 60px;
  }
  .margin-y-60-md-over {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .margin-top-60-md-over {
    margin-top: 60px;
  }
  .margin-right-60-md-over {
    margin-right: 60px;
  }
  .margin-bottom-60-md-over {
    margin-bottom: 60px;
  }
  .margin-left-60-md-over {
    margin-left: 60px;
  }
  .margin-80-md-over {
    margin: 80px;
  }
  .margin-x-80-md-over {
    margin-left: 80px;
    margin-right: 80px;
  }
  .margin-y-80-md-over {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .margin-top-80-md-over {
    margin-top: 80px;
  }
  .margin-right-80-md-over {
    margin-right: 80px;
  }
  .margin-bottom-80-md-over {
    margin-bottom: 80px;
  }
  .margin-left-80-md-over {
    margin-left: 80px;
  }
}
@media (max-width: 920px) {
  .margin-0-lg-less {
    margin: 0px;
  }
  .margin-x-0-lg-less {
    margin-left: 0px;
    margin-right: 0px;
  }
  .margin-y-0-lg-less {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .margin-top-0-lg-less {
    margin-top: 0px;
  }
  .margin-right-0-lg-less {
    margin-right: 0px;
  }
  .margin-bottom-0-lg-less {
    margin-bottom: 0px;
  }
  .margin-left-0-lg-less {
    margin-left: 0px;
  }
  .margin-10-lg-less {
    margin: 10px;
  }
  .margin-x-10-lg-less {
    margin-left: 10px;
    margin-right: 10px;
  }
  .margin-y-10-lg-less {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .margin-top-10-lg-less {
    margin-top: 10px;
  }
  .margin-right-10-lg-less {
    margin-right: 10px;
  }
  .margin-bottom-10-lg-less {
    margin-bottom: 10px;
  }
  .margin-left-10-lg-less {
    margin-left: 10px;
  }
  .margin-20-lg-less {
    margin: 20px;
  }
  .margin-x-20-lg-less {
    margin-left: 20px;
    margin-right: 20px;
  }
  .margin-y-20-lg-less {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .margin-top-20-lg-less {
    margin-top: 20px;
  }
  .margin-right-20-lg-less {
    margin-right: 20px;
  }
  .margin-bottom-20-lg-less {
    margin-bottom: 20px;
  }
  .margin-left-20-lg-less {
    margin-left: 20px;
  }
  .margin-40-lg-less {
    margin: 40px;
  }
  .margin-x-40-lg-less {
    margin-left: 40px;
    margin-right: 40px;
  }
  .margin-y-40-lg-less {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .margin-top-40-lg-less {
    margin-top: 40px;
  }
  .margin-right-40-lg-less {
    margin-right: 40px;
  }
  .margin-bottom-40-lg-less {
    margin-bottom: 40px;
  }
  .margin-left-40-lg-less {
    margin-left: 40px;
  }
  .margin-60-lg-less {
    margin: 60px;
  }
  .margin-x-60-lg-less {
    margin-left: 60px;
    margin-right: 60px;
  }
  .margin-y-60-lg-less {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .margin-top-60-lg-less {
    margin-top: 60px;
  }
  .margin-right-60-lg-less {
    margin-right: 60px;
  }
  .margin-bottom-60-lg-less {
    margin-bottom: 60px;
  }
  .margin-left-60-lg-less {
    margin-left: 60px;
  }
  .margin-80-lg-less {
    margin: 80px;
  }
  .margin-x-80-lg-less {
    margin-left: 80px;
    margin-right: 80px;
  }
  .margin-y-80-lg-less {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .margin-top-80-lg-less {
    margin-top: 80px;
  }
  .margin-right-80-lg-less {
    margin-right: 80px;
  }
  .margin-bottom-80-lg-less {
    margin-bottom: 80px;
  }
  .margin-left-80-lg-less {
    margin-left: 80px;
  }
}
@media (min-width: 920px) {
  .margin-0-lg-over {
    margin: 0px;
  }
  .margin-x-0-lg-over {
    margin-left: 0px;
    margin-right: 0px;
  }
  .margin-y-0-lg-over {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .margin-top-0-lg-over {
    margin-top: 0px;
  }
  .margin-right-0-lg-over {
    margin-right: 0px;
  }
  .margin-bottom-0-lg-over {
    margin-bottom: 0px;
  }
  .margin-left-0-lg-over {
    margin-left: 0px;
  }
  .margin-10-lg-over {
    margin: 10px;
  }
  .margin-x-10-lg-over {
    margin-left: 10px;
    margin-right: 10px;
  }
  .margin-y-10-lg-over {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .margin-top-10-lg-over {
    margin-top: 10px;
  }
  .margin-right-10-lg-over {
    margin-right: 10px;
  }
  .margin-bottom-10-lg-over {
    margin-bottom: 10px;
  }
  .margin-left-10-lg-over {
    margin-left: 10px;
  }
  .margin-20-lg-over {
    margin: 20px;
  }
  .margin-x-20-lg-over {
    margin-left: 20px;
    margin-right: 20px;
  }
  .margin-y-20-lg-over {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .margin-top-20-lg-over {
    margin-top: 20px;
  }
  .margin-right-20-lg-over {
    margin-right: 20px;
  }
  .margin-bottom-20-lg-over {
    margin-bottom: 20px;
  }
  .margin-left-20-lg-over {
    margin-left: 20px;
  }
  .margin-40-lg-over {
    margin: 40px;
  }
  .margin-x-40-lg-over {
    margin-left: 40px;
    margin-right: 40px;
  }
  .margin-y-40-lg-over {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .margin-top-40-lg-over {
    margin-top: 40px;
  }
  .margin-right-40-lg-over {
    margin-right: 40px;
  }
  .margin-bottom-40-lg-over {
    margin-bottom: 40px;
  }
  .margin-left-40-lg-over {
    margin-left: 40px;
  }
  .margin-60-lg-over {
    margin: 60px;
  }
  .margin-x-60-lg-over {
    margin-left: 60px;
    margin-right: 60px;
  }
  .margin-y-60-lg-over {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .margin-top-60-lg-over {
    margin-top: 60px;
  }
  .margin-right-60-lg-over {
    margin-right: 60px;
  }
  .margin-bottom-60-lg-over {
    margin-bottom: 60px;
  }
  .margin-left-60-lg-over {
    margin-left: 60px;
  }
  .margin-80-lg-over {
    margin: 80px;
  }
  .margin-x-80-lg-over {
    margin-left: 80px;
    margin-right: 80px;
  }
  .margin-y-80-lg-over {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .margin-top-80-lg-over {
    margin-top: 80px;
  }
  .margin-right-80-lg-over {
    margin-right: 80px;
  }
  .margin-bottom-80-lg-over {
    margin-bottom: 80px;
  }
  .margin-left-80-lg-over {
    margin-left: 80px;
  }
}
@media (max-width: 1220px) {
  .margin-0-xl-less {
    margin: 0px;
  }
  .margin-x-0-xl-less {
    margin-left: 0px;
    margin-right: 0px;
  }
  .margin-y-0-xl-less {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .margin-top-0-xl-less {
    margin-top: 0px;
  }
  .margin-right-0-xl-less {
    margin-right: 0px;
  }
  .margin-bottom-0-xl-less {
    margin-bottom: 0px;
  }
  .margin-left-0-xl-less {
    margin-left: 0px;
  }
  .margin-10-xl-less {
    margin: 10px;
  }
  .margin-x-10-xl-less {
    margin-left: 10px;
    margin-right: 10px;
  }
  .margin-y-10-xl-less {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .margin-top-10-xl-less {
    margin-top: 10px;
  }
  .margin-right-10-xl-less {
    margin-right: 10px;
  }
  .margin-bottom-10-xl-less {
    margin-bottom: 10px;
  }
  .margin-left-10-xl-less {
    margin-left: 10px;
  }
  .margin-20-xl-less {
    margin: 20px;
  }
  .margin-x-20-xl-less {
    margin-left: 20px;
    margin-right: 20px;
  }
  .margin-y-20-xl-less {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .margin-top-20-xl-less {
    margin-top: 20px;
  }
  .margin-right-20-xl-less {
    margin-right: 20px;
  }
  .margin-bottom-20-xl-less {
    margin-bottom: 20px;
  }
  .margin-left-20-xl-less {
    margin-left: 20px;
  }
  .margin-40-xl-less {
    margin: 40px;
  }
  .margin-x-40-xl-less {
    margin-left: 40px;
    margin-right: 40px;
  }
  .margin-y-40-xl-less {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .margin-top-40-xl-less {
    margin-top: 40px;
  }
  .margin-right-40-xl-less {
    margin-right: 40px;
  }
  .margin-bottom-40-xl-less {
    margin-bottom: 40px;
  }
  .margin-left-40-xl-less {
    margin-left: 40px;
  }
  .margin-60-xl-less {
    margin: 60px;
  }
  .margin-x-60-xl-less {
    margin-left: 60px;
    margin-right: 60px;
  }
  .margin-y-60-xl-less {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .margin-top-60-xl-less {
    margin-top: 60px;
  }
  .margin-right-60-xl-less {
    margin-right: 60px;
  }
  .margin-bottom-60-xl-less {
    margin-bottom: 60px;
  }
  .margin-left-60-xl-less {
    margin-left: 60px;
  }
  .margin-80-xl-less {
    margin: 80px;
  }
  .margin-x-80-xl-less {
    margin-left: 80px;
    margin-right: 80px;
  }
  .margin-y-80-xl-less {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .margin-top-80-xl-less {
    margin-top: 80px;
  }
  .margin-right-80-xl-less {
    margin-right: 80px;
  }
  .margin-bottom-80-xl-less {
    margin-bottom: 80px;
  }
  .margin-left-80-xl-less {
    margin-left: 80px;
  }
}
@media (min-width: 1220px) {
  .margin-0-xl-over {
    margin: 0px;
  }
  .margin-x-0-xl-over {
    margin-left: 0px;
    margin-right: 0px;
  }
  .margin-y-0-xl-over {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .margin-top-0-xl-over {
    margin-top: 0px;
  }
  .margin-right-0-xl-over {
    margin-right: 0px;
  }
  .margin-bottom-0-xl-over {
    margin-bottom: 0px;
  }
  .margin-left-0-xl-over {
    margin-left: 0px;
  }
  .margin-10-xl-over {
    margin: 10px;
  }
  .margin-x-10-xl-over {
    margin-left: 10px;
    margin-right: 10px;
  }
  .margin-y-10-xl-over {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .margin-top-10-xl-over {
    margin-top: 10px;
  }
  .margin-right-10-xl-over {
    margin-right: 10px;
  }
  .margin-bottom-10-xl-over {
    margin-bottom: 10px;
  }
  .margin-left-10-xl-over {
    margin-left: 10px;
  }
  .margin-20-xl-over {
    margin: 20px;
  }
  .margin-x-20-xl-over {
    margin-left: 20px;
    margin-right: 20px;
  }
  .margin-y-20-xl-over {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .margin-top-20-xl-over {
    margin-top: 20px;
  }
  .margin-right-20-xl-over {
    margin-right: 20px;
  }
  .margin-bottom-20-xl-over {
    margin-bottom: 20px;
  }
  .margin-left-20-xl-over {
    margin-left: 20px;
  }
  .margin-40-xl-over {
    margin: 40px;
  }
  .margin-x-40-xl-over {
    margin-left: 40px;
    margin-right: 40px;
  }
  .margin-y-40-xl-over {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .margin-top-40-xl-over {
    margin-top: 40px;
  }
  .margin-right-40-xl-over {
    margin-right: 40px;
  }
  .margin-bottom-40-xl-over {
    margin-bottom: 40px;
  }
  .margin-left-40-xl-over {
    margin-left: 40px;
  }
  .margin-60-xl-over {
    margin: 60px;
  }
  .margin-x-60-xl-over {
    margin-left: 60px;
    margin-right: 60px;
  }
  .margin-y-60-xl-over {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .margin-top-60-xl-over {
    margin-top: 60px;
  }
  .margin-right-60-xl-over {
    margin-right: 60px;
  }
  .margin-bottom-60-xl-over {
    margin-bottom: 60px;
  }
  .margin-left-60-xl-over {
    margin-left: 60px;
  }
  .margin-80-xl-over {
    margin: 80px;
  }
  .margin-x-80-xl-over {
    margin-left: 80px;
    margin-right: 80px;
  }
  .margin-y-80-xl-over {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .margin-top-80-xl-over {
    margin-top: 80px;
  }
  .margin-right-80-xl-over {
    margin-right: 80px;
  }
  .margin-bottom-80-xl-over {
    margin-bottom: 80px;
  }
  .margin-left-80-xl-over {
    margin-left: 80px;
  }
}

.flex {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 520px) {
  .flex-sm-less {
    display: flex;
  }
}
@media (min-width: 520px) {
  .flex-sm-over {
    display: flex;
  }
}
@media (max-width: 720px) {
  .flex-md-less {
    display: flex;
  }
}
@media (min-width: 720px) {
  .flex-md-over {
    display: flex;
  }
}
@media (max-width: 920px) {
  .flex-lg-less {
    display: flex;
  }
}
@media (min-width: 920px) {
  .flex-lg-over {
    display: flex;
  }
}
@media (max-width: 1220px) {
  .flex-xl-less {
    display: flex;
  }
}
@media (min-width: 1220px) {
  .flex-xl-over {
    display: flex;
  }
}

.wrap {
  flex-wrap: wrap;
}
@media (max-width: 520px) {
  .wrap-sm-less {
    flex-wrap: wrap;
  }
}
@media (min-width: 520px) {
  .wrap-sm-over {
    flex-wrap: wrap;
  }
}
@media (max-width: 720px) {
  .wrap-md-less {
    flex-wrap: wrap;
  }
}
@media (min-width: 720px) {
  .wrap-md-over {
    flex-wrap: wrap;
  }
}
@media (max-width: 920px) {
  .wrap-lg-less {
    flex-wrap: wrap;
  }
}
@media (min-width: 920px) {
  .wrap-lg-over {
    flex-wrap: wrap;
  }
}
@media (max-width: 1220px) {
  .wrap-xl-less {
    flex-wrap: wrap;
  }
}
@media (min-width: 1220px) {
  .wrap-xl-over {
    flex-wrap: wrap;
  }
}

.nowrap {
  flex-wrap: nowrap;
}
@media (max-width: 520px) {
  .nowrap-sm-less {
    flex-wrap: nowrap;
  }
}
@media (min-width: 520px) {
  .nowrap-sm-over {
    flex-wrap: nowrap;
  }
}
@media (max-width: 720px) {
  .nowrap-md-less {
    flex-wrap: nowrap;
  }
}
@media (min-width: 720px) {
  .nowrap-md-over {
    flex-wrap: nowrap;
  }
}
@media (max-width: 920px) {
  .nowrap-lg-less {
    flex-wrap: nowrap;
  }
}
@media (min-width: 920px) {
  .nowrap-lg-over {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1220px) {
  .nowrap-xl-less {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1220px) {
  .nowrap-xl-over {
    flex-wrap: nowrap;
  }
}

.grow {
  flex-grow: 1;
}
@media (max-width: 520px) {
  .grow-sm-less {
    flex-grow: 1;
  }
}
@media (min-width: 520px) {
  .grow-sm-over {
    flex-grow: 1;
  }
}
@media (max-width: 720px) {
  .grow-md-less {
    flex-grow: 1;
  }
}
@media (min-width: 720px) {
  .grow-md-over {
    flex-grow: 1;
  }
}
@media (max-width: 920px) {
  .grow-lg-less {
    flex-grow: 1;
  }
}
@media (min-width: 920px) {
  .grow-lg-over {
    flex-grow: 1;
  }
}
@media (max-width: 1220px) {
  .grow-xl-less {
    flex-grow: 1;
  }
}
@media (min-width: 1220px) {
  .grow-xl-over {
    flex-grow: 1;
  }
}

.shrink {
  flex-shrink: 1;
}
@media (max-width: 520px) {
  .shrink-sm-less {
    flex-shrink: 1;
  }
}
@media (min-width: 520px) {
  .shrink-sm-over {
    flex-shrink: 1;
  }
}
@media (max-width: 720px) {
  .shrink-md-less {
    flex-shrink: 1;
  }
}
@media (min-width: 720px) {
  .shrink-md-over {
    flex-shrink: 1;
  }
}
@media (max-width: 920px) {
  .shrink-lg-less {
    flex-shrink: 1;
  }
}
@media (min-width: 920px) {
  .shrink-lg-over {
    flex-shrink: 1;
  }
}
@media (max-width: 1220px) {
  .shrink-xl-less {
    flex-shrink: 1;
  }
}
@media (min-width: 1220px) {
  .shrink-xl-over {
    flex-shrink: 1;
  }
}

.direction-row {
  flex-direction: row;
}
.direction-row-reverse {
  flex-direction: row-reverse;
}
.direction-column {
  flex-direction: column;
}
.direction-column-reverse {
  flex-direction: column-reverse;
}
@media (max-width: 520px) {
  .direction-row-sm-less {
    flex-direction: row;
  }
  .direction-row-reverse-sm-less {
    flex-direction: row-reverse;
  }
  .direction-column-sm-less {
    flex-direction: column;
  }
  .direction-column-reverse-sm-less {
    flex-direction: column-reverse;
  }
}
@media (min-width: 520px) {
  .direction-row-sm-over {
    flex-direction: row;
  }
  .direction-row-reverse-sm-over {
    flex-direction: row-reverse;
  }
  .direction-column-sm-over {
    flex-direction: column;
  }
  .direction-column-reverse-sm-over {
    flex-direction: column-reverse;
  }
}
@media (max-width: 720px) {
  .direction-row-md-less {
    flex-direction: row;
  }
  .direction-row-reverse-md-less {
    flex-direction: row-reverse;
  }
  .direction-column-md-less {
    flex-direction: column;
  }
  .direction-column-reverse-md-less {
    flex-direction: column-reverse;
  }
}
@media (min-width: 720px) {
  .direction-row-md-over {
    flex-direction: row;
  }
  .direction-row-reverse-md-over {
    flex-direction: row-reverse;
  }
  .direction-column-md-over {
    flex-direction: column;
  }
  .direction-column-reverse-md-over {
    flex-direction: column-reverse;
  }
}
@media (max-width: 920px) {
  .direction-row-lg-less {
    flex-direction: row;
  }
  .direction-row-reverse-lg-less {
    flex-direction: row-reverse;
  }
  .direction-column-lg-less {
    flex-direction: column;
  }
  .direction-column-reverse-lg-less {
    flex-direction: column-reverse;
  }
}
@media (min-width: 920px) {
  .direction-row-lg-over {
    flex-direction: row;
  }
  .direction-row-reverse-lg-over {
    flex-direction: row-reverse;
  }
  .direction-column-lg-over {
    flex-direction: column;
  }
  .direction-column-reverse-lg-over {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1220px) {
  .direction-row-xl-less {
    flex-direction: row;
  }
  .direction-row-reverse-xl-less {
    flex-direction: row-reverse;
  }
  .direction-column-xl-less {
    flex-direction: column;
  }
  .direction-column-reverse-xl-less {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1220px) {
  .direction-row-xl-over {
    flex-direction: row;
  }
  .direction-row-reverse-xl-over {
    flex-direction: row-reverse;
  }
  .direction-column-xl-over {
    flex-direction: column;
  }
  .direction-column-reverse-xl-over {
    flex-direction: column-reverse;
  }
}

.align-items-start {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
@media (max-width: 520px) {
  .align-items-start-sm-less {
    align-items: flex-start;
  }
  .align-items-center-sm-less {
    align-items: center;
  }
  .align-items-end-sm-less {
    align-items: flex-end;
  }
}
@media (min-width: 520px) {
  .align-items-start-sm-over {
    align-items: flex-start;
  }
  .align-items-center-sm-over {
    align-items: center;
  }
  .align-items-end-sm-over {
    align-items: flex-end;
  }
}
@media (max-width: 720px) {
  .align-items-start-md-less {
    align-items: flex-start;
  }
  .align-items-center-md-less {
    align-items: center;
  }
  .align-items-end-md-less {
    align-items: flex-end;
  }
}
@media (min-width: 720px) {
  .align-items-start-md-over {
    align-items: flex-start;
  }
  .align-items-center-md-over {
    align-items: center;
  }
  .align-items-end-md-over {
    align-items: flex-end;
  }
}
@media (max-width: 920px) {
  .align-items-start-lg-less {
    align-items: flex-start;
  }
  .align-items-center-lg-less {
    align-items: center;
  }
  .align-items-end-lg-less {
    align-items: flex-end;
  }
}
@media (min-width: 920px) {
  .align-items-start-lg-over {
    align-items: flex-start;
  }
  .align-items-center-lg-over {
    align-items: center;
  }
  .align-items-end-lg-over {
    align-items: flex-end;
  }
}
@media (max-width: 1220px) {
  .align-items-start-xl-less {
    align-items: flex-start;
  }
  .align-items-center-xl-less {
    align-items: center;
  }
  .align-items-end-xl-less {
    align-items: flex-end;
  }
}
@media (min-width: 1220px) {
  .align-items-start-xl-over {
    align-items: flex-start;
  }
  .align-items-center-xl-over {
    align-items: center;
  }
  .align-items-end-xl-over {
    align-items: flex-end;
  }
}

.justify-content-start {
  justify-content: flex-start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
@media (max-width: 520px) {
  .justify-content-start-sm-less {
    justify-content: flex-start;
  }
  .justify-content-center-sm-less {
    justify-content: center;
  }
  .justify-content-end-sm-less {
    justify-content: flex-end;
  }
  .justify-content-around-sm-less {
    justify-content: space-around;
  }
  .justify-content-between-sm-less {
    justify-content: space-between;
  }
  .justify-content-evenly-sm-less {
    justify-content: space-evenly;
  }
}
@media (min-width: 520px) {
  .justify-content-start-sm-over {
    justify-content: flex-start;
  }
  .justify-content-center-sm-over {
    justify-content: center;
  }
  .justify-content-end-sm-over {
    justify-content: flex-end;
  }
  .justify-content-around-sm-over {
    justify-content: space-around;
  }
  .justify-content-between-sm-over {
    justify-content: space-between;
  }
  .justify-content-evenly-sm-over {
    justify-content: space-evenly;
  }
}
@media (max-width: 720px) {
  .justify-content-start-md-less {
    justify-content: flex-start;
  }
  .justify-content-center-md-less {
    justify-content: center;
  }
  .justify-content-end-md-less {
    justify-content: flex-end;
  }
  .justify-content-around-md-less {
    justify-content: space-around;
  }
  .justify-content-between-md-less {
    justify-content: space-between;
  }
  .justify-content-evenly-md-less {
    justify-content: space-evenly;
  }
}
@media (min-width: 720px) {
  .justify-content-start-md-over {
    justify-content: flex-start;
  }
  .justify-content-center-md-over {
    justify-content: center;
  }
  .justify-content-end-md-over {
    justify-content: flex-end;
  }
  .justify-content-around-md-over {
    justify-content: space-around;
  }
  .justify-content-between-md-over {
    justify-content: space-between;
  }
  .justify-content-evenly-md-over {
    justify-content: space-evenly;
  }
}
@media (max-width: 920px) {
  .justify-content-start-lg-less {
    justify-content: flex-start;
  }
  .justify-content-center-lg-less {
    justify-content: center;
  }
  .justify-content-end-lg-less {
    justify-content: flex-end;
  }
  .justify-content-around-lg-less {
    justify-content: space-around;
  }
  .justify-content-between-lg-less {
    justify-content: space-between;
  }
  .justify-content-evenly-lg-less {
    justify-content: space-evenly;
  }
}
@media (min-width: 920px) {
  .justify-content-start-lg-over {
    justify-content: flex-start;
  }
  .justify-content-center-lg-over {
    justify-content: center;
  }
  .justify-content-end-lg-over {
    justify-content: flex-end;
  }
  .justify-content-around-lg-over {
    justify-content: space-around;
  }
  .justify-content-between-lg-over {
    justify-content: space-between;
  }
  .justify-content-evenly-lg-over {
    justify-content: space-evenly;
  }
}
@media (max-width: 1220px) {
  .justify-content-start-xl-less {
    justify-content: flex-start;
  }
  .justify-content-center-xl-less {
    justify-content: center;
  }
  .justify-content-end-xl-less {
    justify-content: flex-end;
  }
  .justify-content-around-xl-less {
    justify-content: space-around;
  }
  .justify-content-between-xl-less {
    justify-content: space-between;
  }
  .justify-content-evenly-xl-less {
    justify-content: space-evenly;
  }
}
@media (min-width: 1220px) {
  .justify-content-start-xl-over {
    justify-content: flex-start;
  }
  .justify-content-center-xl-over {
    justify-content: center;
  }
  .justify-content-end-xl-over {
    justify-content: flex-end;
  }
  .justify-content-around-xl-over {
    justify-content: space-around;
  }
  .justify-content-between-xl-over {
    justify-content: space-between;
  }
  .justify-content-evenly-xl-over {
    justify-content: space-evenly;
  }
}

.gap-0 {
  gap: 0px;
}
.gap-x-0 {
  column-gap: 0px;
}
.gap-y-0 {
  row-gap: 0px;
}
.gap-2 {
  gap: 2px;
}
.gap-x-2 {
  column-gap: 2px;
}
.gap-y-2 {
  row-gap: 2px;
}
.gap-4 {
  gap: 4px;
}
.gap-x-4 {
  column-gap: 4px;
}
.gap-y-4 {
  row-gap: 4px;
}
.gap-6 {
  gap: 6px;
}
.gap-x-6 {
  column-gap: 6px;
}
.gap-y-6 {
  row-gap: 6px;
}
.gap-8 {
  gap: 8px;
}
.gap-x-8 {
  column-gap: 8px;
}
.gap-y-8 {
  row-gap: 8px;
}
.gap-10 {
  gap: 10px;
}
.gap-x-10 {
  column-gap: 10px;
}
.gap-y-10 {
  row-gap: 10px;
}
.gap-12 {
  gap: 12px;
}
.gap-x-12 {
  column-gap: 12px;
}
.gap-y-12 {
  row-gap: 12px;
}
.gap-14 {
  gap: 14px;
}
.gap-x-14 {
  column-gap: 14px;
}
.gap-y-14 {
  row-gap: 14px;
}
.gap-16 {
  gap: 16px;
}
.gap-x-16 {
  column-gap: 16px;
}
.gap-y-16 {
  row-gap: 16px;
}
.gap-18 {
  gap: 18px;
}
.gap-x-18 {
  column-gap: 18px;
}
.gap-y-18 {
  row-gap: 18px;
}
.gap-20 {
  gap: 20px;
}
.gap-x-20 {
  column-gap: 20px;
}
.gap-y-20 {
  row-gap: 20px;
}
.gap-24 {
  gap: 24px;
}
.gap-x-24 {
  column-gap: 24px;
}
.gap-y-24 {
  row-gap: 24px;
}
.gap-32 {
  gap: 32px;
}
.gap-x-32 {
  column-gap: 32px;
}
.gap-y-32 {
  row-gap: 32px;
}
.gap-40 {
  gap: 40px;
}
.gap-x-40 {
  column-gap: 40px;
}
.gap-y-40 {
  row-gap: 40px;
}
.gap-48 {
  gap: 48px;
}
.gap-x-48 {
  column-gap: 48px;
}
.gap-y-48 {
  row-gap: 48px;
}
@media (max-width: 520px) {
  .gap-0-sm-less {
    gap: 0px;
  }
  .gap-x-0-sm-less {
    column-gap: 0px;
  }
  .gap-y-0-sm-less {
    row-gap: 0px;
  }
  .gap-2-sm-less {
    gap: 2px;
  }
  .gap-x-2-sm-less {
    column-gap: 2px;
  }
  .gap-y-2-sm-less {
    row-gap: 2px;
  }
  .gap-4-sm-less {
    gap: 4px;
  }
  .gap-x-4-sm-less {
    column-gap: 4px;
  }
  .gap-y-4-sm-less {
    row-gap: 4px;
  }
  .gap-6-sm-less {
    gap: 6px;
  }
  .gap-x-6-sm-less {
    column-gap: 6px;
  }
  .gap-y-6-sm-less {
    row-gap: 6px;
  }
  .gap-8-sm-less {
    gap: 8px;
  }
  .gap-x-8-sm-less {
    column-gap: 8px;
  }
  .gap-y-8-sm-less {
    row-gap: 8px;
  }
  .gap-10-sm-less {
    gap: 10px;
  }
  .gap-x-10-sm-less {
    column-gap: 10px;
  }
  .gap-y-10-sm-less {
    row-gap: 10px;
  }
  .gap-12-sm-less {
    gap: 12px;
  }
  .gap-x-12-sm-less {
    column-gap: 12px;
  }
  .gap-y-12-sm-less {
    row-gap: 12px;
  }
  .gap-14-sm-less {
    gap: 14px;
  }
  .gap-x-14-sm-less {
    column-gap: 14px;
  }
  .gap-y-14-sm-less {
    row-gap: 14px;
  }
  .gap-16-sm-less {
    gap: 16px;
  }
  .gap-x-16-sm-less {
    column-gap: 16px;
  }
  .gap-y-16-sm-less {
    row-gap: 16px;
  }
  .gap-18-sm-less {
    gap: 18px;
  }
  .gap-x-18-sm-less {
    column-gap: 18px;
  }
  .gap-y-18-sm-less {
    row-gap: 18px;
  }
  .gap-20-sm-less {
    gap: 20px;
  }
  .gap-x-20-sm-less {
    column-gap: 20px;
  }
  .gap-y-20-sm-less {
    row-gap: 20px;
  }
  .gap-24-sm-less {
    gap: 24px;
  }
  .gap-x-24-sm-less {
    column-gap: 24px;
  }
  .gap-y-24-sm-less {
    row-gap: 24px;
  }
  .gap-32-sm-less {
    gap: 32px;
  }
  .gap-x-32-sm-less {
    column-gap: 32px;
  }
  .gap-y-32-sm-less {
    row-gap: 32px;
  }
  .gap-40-sm-less {
    gap: 40px;
  }
  .gap-x-40-sm-less {
    column-gap: 40px;
  }
  .gap-y-40-sm-less {
    row-gap: 40px;
  }
  .gap-48-sm-less {
    gap: 48px;
  }
  .gap-x-48-sm-less {
    column-gap: 48px;
  }
  .gap-y-48-sm-less {
    row-gap: 48px;
  }
}
@media (min-width: 520px) {
  .gap-0-sm-over {
    gap: 0px;
  }
  .gap-x-0-sm-over {
    column-gap: 0px;
  }
  .gap-y-0-sm-over {
    row-gap: 0px;
  }
  .gap-2-sm-over {
    gap: 2px;
  }
  .gap-x-2-sm-over {
    column-gap: 2px;
  }
  .gap-y-2-sm-over {
    row-gap: 2px;
  }
  .gap-4-sm-over {
    gap: 4px;
  }
  .gap-x-4-sm-over {
    column-gap: 4px;
  }
  .gap-y-4-sm-over {
    row-gap: 4px;
  }
  .gap-6-sm-over {
    gap: 6px;
  }
  .gap-x-6-sm-over {
    column-gap: 6px;
  }
  .gap-y-6-sm-over {
    row-gap: 6px;
  }
  .gap-8-sm-over {
    gap: 8px;
  }
  .gap-x-8-sm-over {
    column-gap: 8px;
  }
  .gap-y-8-sm-over {
    row-gap: 8px;
  }
  .gap-10-sm-over {
    gap: 10px;
  }
  .gap-x-10-sm-over {
    column-gap: 10px;
  }
  .gap-y-10-sm-over {
    row-gap: 10px;
  }
  .gap-12-sm-over {
    gap: 12px;
  }
  .gap-x-12-sm-over {
    column-gap: 12px;
  }
  .gap-y-12-sm-over {
    row-gap: 12px;
  }
  .gap-14-sm-over {
    gap: 14px;
  }
  .gap-x-14-sm-over {
    column-gap: 14px;
  }
  .gap-y-14-sm-over {
    row-gap: 14px;
  }
  .gap-16-sm-over {
    gap: 16px;
  }
  .gap-x-16-sm-over {
    column-gap: 16px;
  }
  .gap-y-16-sm-over {
    row-gap: 16px;
  }
  .gap-18-sm-over {
    gap: 18px;
  }
  .gap-x-18-sm-over {
    column-gap: 18px;
  }
  .gap-y-18-sm-over {
    row-gap: 18px;
  }
  .gap-20-sm-over {
    gap: 20px;
  }
  .gap-x-20-sm-over {
    column-gap: 20px;
  }
  .gap-y-20-sm-over {
    row-gap: 20px;
  }
  .gap-24-sm-over {
    gap: 24px;
  }
  .gap-x-24-sm-over {
    column-gap: 24px;
  }
  .gap-y-24-sm-over {
    row-gap: 24px;
  }
  .gap-32-sm-over {
    gap: 32px;
  }
  .gap-x-32-sm-over {
    column-gap: 32px;
  }
  .gap-y-32-sm-over {
    row-gap: 32px;
  }
  .gap-40-sm-over {
    gap: 40px;
  }
  .gap-x-40-sm-over {
    column-gap: 40px;
  }
  .gap-y-40-sm-over {
    row-gap: 40px;
  }
  .gap-48-sm-over {
    gap: 48px;
  }
  .gap-x-48-sm-over {
    column-gap: 48px;
  }
  .gap-y-48-sm-over {
    row-gap: 48px;
  }
}
@media (max-width: 720px) {
  .gap-0-md-less {
    gap: 0px;
  }
  .gap-x-0-md-less {
    column-gap: 0px;
  }
  .gap-y-0-md-less {
    row-gap: 0px;
  }
  .gap-2-md-less {
    gap: 2px;
  }
  .gap-x-2-md-less {
    column-gap: 2px;
  }
  .gap-y-2-md-less {
    row-gap: 2px;
  }
  .gap-4-md-less {
    gap: 4px;
  }
  .gap-x-4-md-less {
    column-gap: 4px;
  }
  .gap-y-4-md-less {
    row-gap: 4px;
  }
  .gap-6-md-less {
    gap: 6px;
  }
  .gap-x-6-md-less {
    column-gap: 6px;
  }
  .gap-y-6-md-less {
    row-gap: 6px;
  }
  .gap-8-md-less {
    gap: 8px;
  }
  .gap-x-8-md-less {
    column-gap: 8px;
  }
  .gap-y-8-md-less {
    row-gap: 8px;
  }
  .gap-10-md-less {
    gap: 10px;
  }
  .gap-x-10-md-less {
    column-gap: 10px;
  }
  .gap-y-10-md-less {
    row-gap: 10px;
  }
  .gap-12-md-less {
    gap: 12px;
  }
  .gap-x-12-md-less {
    column-gap: 12px;
  }
  .gap-y-12-md-less {
    row-gap: 12px;
  }
  .gap-14-md-less {
    gap: 14px;
  }
  .gap-x-14-md-less {
    column-gap: 14px;
  }
  .gap-y-14-md-less {
    row-gap: 14px;
  }
  .gap-16-md-less {
    gap: 16px;
  }
  .gap-x-16-md-less {
    column-gap: 16px;
  }
  .gap-y-16-md-less {
    row-gap: 16px;
  }
  .gap-18-md-less {
    gap: 18px;
  }
  .gap-x-18-md-less {
    column-gap: 18px;
  }
  .gap-y-18-md-less {
    row-gap: 18px;
  }
  .gap-20-md-less {
    gap: 20px;
  }
  .gap-x-20-md-less {
    column-gap: 20px;
  }
  .gap-y-20-md-less {
    row-gap: 20px;
  }
  .gap-24-md-less {
    gap: 24px;
  }
  .gap-x-24-md-less {
    column-gap: 24px;
  }
  .gap-y-24-md-less {
    row-gap: 24px;
  }
  .gap-32-md-less {
    gap: 32px;
  }
  .gap-x-32-md-less {
    column-gap: 32px;
  }
  .gap-y-32-md-less {
    row-gap: 32px;
  }
  .gap-40-md-less {
    gap: 40px;
  }
  .gap-x-40-md-less {
    column-gap: 40px;
  }
  .gap-y-40-md-less {
    row-gap: 40px;
  }
  .gap-48-md-less {
    gap: 48px;
  }
  .gap-x-48-md-less {
    column-gap: 48px;
  }
  .gap-y-48-md-less {
    row-gap: 48px;
  }
}
@media (min-width: 720px) {
  .gap-0-md-over {
    gap: 0px;
  }
  .gap-x-0-md-over {
    column-gap: 0px;
  }
  .gap-y-0-md-over {
    row-gap: 0px;
  }
  .gap-2-md-over {
    gap: 2px;
  }
  .gap-x-2-md-over {
    column-gap: 2px;
  }
  .gap-y-2-md-over {
    row-gap: 2px;
  }
  .gap-4-md-over {
    gap: 4px;
  }
  .gap-x-4-md-over {
    column-gap: 4px;
  }
  .gap-y-4-md-over {
    row-gap: 4px;
  }
  .gap-6-md-over {
    gap: 6px;
  }
  .gap-x-6-md-over {
    column-gap: 6px;
  }
  .gap-y-6-md-over {
    row-gap: 6px;
  }
  .gap-8-md-over {
    gap: 8px;
  }
  .gap-x-8-md-over {
    column-gap: 8px;
  }
  .gap-y-8-md-over {
    row-gap: 8px;
  }
  .gap-10-md-over {
    gap: 10px;
  }
  .gap-x-10-md-over {
    column-gap: 10px;
  }
  .gap-y-10-md-over {
    row-gap: 10px;
  }
  .gap-12-md-over {
    gap: 12px;
  }
  .gap-x-12-md-over {
    column-gap: 12px;
  }
  .gap-y-12-md-over {
    row-gap: 12px;
  }
  .gap-14-md-over {
    gap: 14px;
  }
  .gap-x-14-md-over {
    column-gap: 14px;
  }
  .gap-y-14-md-over {
    row-gap: 14px;
  }
  .gap-16-md-over {
    gap: 16px;
  }
  .gap-x-16-md-over {
    column-gap: 16px;
  }
  .gap-y-16-md-over {
    row-gap: 16px;
  }
  .gap-18-md-over {
    gap: 18px;
  }
  .gap-x-18-md-over {
    column-gap: 18px;
  }
  .gap-y-18-md-over {
    row-gap: 18px;
  }
  .gap-20-md-over {
    gap: 20px;
  }
  .gap-x-20-md-over {
    column-gap: 20px;
  }
  .gap-y-20-md-over {
    row-gap: 20px;
  }
  .gap-24-md-over {
    gap: 24px;
  }
  .gap-x-24-md-over {
    column-gap: 24px;
  }
  .gap-y-24-md-over {
    row-gap: 24px;
  }
  .gap-32-md-over {
    gap: 32px;
  }
  .gap-x-32-md-over {
    column-gap: 32px;
  }
  .gap-y-32-md-over {
    row-gap: 32px;
  }
  .gap-40-md-over {
    gap: 40px;
  }
  .gap-x-40-md-over {
    column-gap: 40px;
  }
  .gap-y-40-md-over {
    row-gap: 40px;
  }
  .gap-48-md-over {
    gap: 48px;
  }
  .gap-x-48-md-over {
    column-gap: 48px;
  }
  .gap-y-48-md-over {
    row-gap: 48px;
  }
}
@media (max-width: 920px) {
  .gap-0-lg-less {
    gap: 0px;
  }
  .gap-x-0-lg-less {
    column-gap: 0px;
  }
  .gap-y-0-lg-less {
    row-gap: 0px;
  }
  .gap-2-lg-less {
    gap: 2px;
  }
  .gap-x-2-lg-less {
    column-gap: 2px;
  }
  .gap-y-2-lg-less {
    row-gap: 2px;
  }
  .gap-4-lg-less {
    gap: 4px;
  }
  .gap-x-4-lg-less {
    column-gap: 4px;
  }
  .gap-y-4-lg-less {
    row-gap: 4px;
  }
  .gap-6-lg-less {
    gap: 6px;
  }
  .gap-x-6-lg-less {
    column-gap: 6px;
  }
  .gap-y-6-lg-less {
    row-gap: 6px;
  }
  .gap-8-lg-less {
    gap: 8px;
  }
  .gap-x-8-lg-less {
    column-gap: 8px;
  }
  .gap-y-8-lg-less {
    row-gap: 8px;
  }
  .gap-10-lg-less {
    gap: 10px;
  }
  .gap-x-10-lg-less {
    column-gap: 10px;
  }
  .gap-y-10-lg-less {
    row-gap: 10px;
  }
  .gap-12-lg-less {
    gap: 12px;
  }
  .gap-x-12-lg-less {
    column-gap: 12px;
  }
  .gap-y-12-lg-less {
    row-gap: 12px;
  }
  .gap-14-lg-less {
    gap: 14px;
  }
  .gap-x-14-lg-less {
    column-gap: 14px;
  }
  .gap-y-14-lg-less {
    row-gap: 14px;
  }
  .gap-16-lg-less {
    gap: 16px;
  }
  .gap-x-16-lg-less {
    column-gap: 16px;
  }
  .gap-y-16-lg-less {
    row-gap: 16px;
  }
  .gap-18-lg-less {
    gap: 18px;
  }
  .gap-x-18-lg-less {
    column-gap: 18px;
  }
  .gap-y-18-lg-less {
    row-gap: 18px;
  }
  .gap-20-lg-less {
    gap: 20px;
  }
  .gap-x-20-lg-less {
    column-gap: 20px;
  }
  .gap-y-20-lg-less {
    row-gap: 20px;
  }
  .gap-24-lg-less {
    gap: 24px;
  }
  .gap-x-24-lg-less {
    column-gap: 24px;
  }
  .gap-y-24-lg-less {
    row-gap: 24px;
  }
  .gap-32-lg-less {
    gap: 32px;
  }
  .gap-x-32-lg-less {
    column-gap: 32px;
  }
  .gap-y-32-lg-less {
    row-gap: 32px;
  }
  .gap-40-lg-less {
    gap: 40px;
  }
  .gap-x-40-lg-less {
    column-gap: 40px;
  }
  .gap-y-40-lg-less {
    row-gap: 40px;
  }
  .gap-48-lg-less {
    gap: 48px;
  }
  .gap-x-48-lg-less {
    column-gap: 48px;
  }
  .gap-y-48-lg-less {
    row-gap: 48px;
  }
}
@media (min-width: 920px) {
  .gap-0-lg-over {
    gap: 0px;
  }
  .gap-x-0-lg-over {
    column-gap: 0px;
  }
  .gap-y-0-lg-over {
    row-gap: 0px;
  }
  .gap-2-lg-over {
    gap: 2px;
  }
  .gap-x-2-lg-over {
    column-gap: 2px;
  }
  .gap-y-2-lg-over {
    row-gap: 2px;
  }
  .gap-4-lg-over {
    gap: 4px;
  }
  .gap-x-4-lg-over {
    column-gap: 4px;
  }
  .gap-y-4-lg-over {
    row-gap: 4px;
  }
  .gap-6-lg-over {
    gap: 6px;
  }
  .gap-x-6-lg-over {
    column-gap: 6px;
  }
  .gap-y-6-lg-over {
    row-gap: 6px;
  }
  .gap-8-lg-over {
    gap: 8px;
  }
  .gap-x-8-lg-over {
    column-gap: 8px;
  }
  .gap-y-8-lg-over {
    row-gap: 8px;
  }
  .gap-10-lg-over {
    gap: 10px;
  }
  .gap-x-10-lg-over {
    column-gap: 10px;
  }
  .gap-y-10-lg-over {
    row-gap: 10px;
  }
  .gap-12-lg-over {
    gap: 12px;
  }
  .gap-x-12-lg-over {
    column-gap: 12px;
  }
  .gap-y-12-lg-over {
    row-gap: 12px;
  }
  .gap-14-lg-over {
    gap: 14px;
  }
  .gap-x-14-lg-over {
    column-gap: 14px;
  }
  .gap-y-14-lg-over {
    row-gap: 14px;
  }
  .gap-16-lg-over {
    gap: 16px;
  }
  .gap-x-16-lg-over {
    column-gap: 16px;
  }
  .gap-y-16-lg-over {
    row-gap: 16px;
  }
  .gap-18-lg-over {
    gap: 18px;
  }
  .gap-x-18-lg-over {
    column-gap: 18px;
  }
  .gap-y-18-lg-over {
    row-gap: 18px;
  }
  .gap-20-lg-over {
    gap: 20px;
  }
  .gap-x-20-lg-over {
    column-gap: 20px;
  }
  .gap-y-20-lg-over {
    row-gap: 20px;
  }
  .gap-24-lg-over {
    gap: 24px;
  }
  .gap-x-24-lg-over {
    column-gap: 24px;
  }
  .gap-y-24-lg-over {
    row-gap: 24px;
  }
  .gap-32-lg-over {
    gap: 32px;
  }
  .gap-x-32-lg-over {
    column-gap: 32px;
  }
  .gap-y-32-lg-over {
    row-gap: 32px;
  }
  .gap-40-lg-over {
    gap: 40px;
  }
  .gap-x-40-lg-over {
    column-gap: 40px;
  }
  .gap-y-40-lg-over {
    row-gap: 40px;
  }
  .gap-48-lg-over {
    gap: 48px;
  }
  .gap-x-48-lg-over {
    column-gap: 48px;
  }
  .gap-y-48-lg-over {
    row-gap: 48px;
  }
}
@media (max-width: 1220px) {
  .gap-0-xl-less {
    gap: 0px;
  }
  .gap-x-0-xl-less {
    column-gap: 0px;
  }
  .gap-y-0-xl-less {
    row-gap: 0px;
  }
  .gap-2-xl-less {
    gap: 2px;
  }
  .gap-x-2-xl-less {
    column-gap: 2px;
  }
  .gap-y-2-xl-less {
    row-gap: 2px;
  }
  .gap-4-xl-less {
    gap: 4px;
  }
  .gap-x-4-xl-less {
    column-gap: 4px;
  }
  .gap-y-4-xl-less {
    row-gap: 4px;
  }
  .gap-6-xl-less {
    gap: 6px;
  }
  .gap-x-6-xl-less {
    column-gap: 6px;
  }
  .gap-y-6-xl-less {
    row-gap: 6px;
  }
  .gap-8-xl-less {
    gap: 8px;
  }
  .gap-x-8-xl-less {
    column-gap: 8px;
  }
  .gap-y-8-xl-less {
    row-gap: 8px;
  }
  .gap-10-xl-less {
    gap: 10px;
  }
  .gap-x-10-xl-less {
    column-gap: 10px;
  }
  .gap-y-10-xl-less {
    row-gap: 10px;
  }
  .gap-12-xl-less {
    gap: 12px;
  }
  .gap-x-12-xl-less {
    column-gap: 12px;
  }
  .gap-y-12-xl-less {
    row-gap: 12px;
  }
  .gap-14-xl-less {
    gap: 14px;
  }
  .gap-x-14-xl-less {
    column-gap: 14px;
  }
  .gap-y-14-xl-less {
    row-gap: 14px;
  }
  .gap-16-xl-less {
    gap: 16px;
  }
  .gap-x-16-xl-less {
    column-gap: 16px;
  }
  .gap-y-16-xl-less {
    row-gap: 16px;
  }
  .gap-18-xl-less {
    gap: 18px;
  }
  .gap-x-18-xl-less {
    column-gap: 18px;
  }
  .gap-y-18-xl-less {
    row-gap: 18px;
  }
  .gap-20-xl-less {
    gap: 20px;
  }
  .gap-x-20-xl-less {
    column-gap: 20px;
  }
  .gap-y-20-xl-less {
    row-gap: 20px;
  }
  .gap-24-xl-less {
    gap: 24px;
  }
  .gap-x-24-xl-less {
    column-gap: 24px;
  }
  .gap-y-24-xl-less {
    row-gap: 24px;
  }
  .gap-32-xl-less {
    gap: 32px;
  }
  .gap-x-32-xl-less {
    column-gap: 32px;
  }
  .gap-y-32-xl-less {
    row-gap: 32px;
  }
  .gap-40-xl-less {
    gap: 40px;
  }
  .gap-x-40-xl-less {
    column-gap: 40px;
  }
  .gap-y-40-xl-less {
    row-gap: 40px;
  }
  .gap-48-xl-less {
    gap: 48px;
  }
  .gap-x-48-xl-less {
    column-gap: 48px;
  }
  .gap-y-48-xl-less {
    row-gap: 48px;
  }
}
@media (min-width: 1220px) {
  .gap-0-xl-over {
    gap: 0px;
  }
  .gap-x-0-xl-over {
    column-gap: 0px;
  }
  .gap-y-0-xl-over {
    row-gap: 0px;
  }
  .gap-2-xl-over {
    gap: 2px;
  }
  .gap-x-2-xl-over {
    column-gap: 2px;
  }
  .gap-y-2-xl-over {
    row-gap: 2px;
  }
  .gap-4-xl-over {
    gap: 4px;
  }
  .gap-x-4-xl-over {
    column-gap: 4px;
  }
  .gap-y-4-xl-over {
    row-gap: 4px;
  }
  .gap-6-xl-over {
    gap: 6px;
  }
  .gap-x-6-xl-over {
    column-gap: 6px;
  }
  .gap-y-6-xl-over {
    row-gap: 6px;
  }
  .gap-8-xl-over {
    gap: 8px;
  }
  .gap-x-8-xl-over {
    column-gap: 8px;
  }
  .gap-y-8-xl-over {
    row-gap: 8px;
  }
  .gap-10-xl-over {
    gap: 10px;
  }
  .gap-x-10-xl-over {
    column-gap: 10px;
  }
  .gap-y-10-xl-over {
    row-gap: 10px;
  }
  .gap-12-xl-over {
    gap: 12px;
  }
  .gap-x-12-xl-over {
    column-gap: 12px;
  }
  .gap-y-12-xl-over {
    row-gap: 12px;
  }
  .gap-14-xl-over {
    gap: 14px;
  }
  .gap-x-14-xl-over {
    column-gap: 14px;
  }
  .gap-y-14-xl-over {
    row-gap: 14px;
  }
  .gap-16-xl-over {
    gap: 16px;
  }
  .gap-x-16-xl-over {
    column-gap: 16px;
  }
  .gap-y-16-xl-over {
    row-gap: 16px;
  }
  .gap-18-xl-over {
    gap: 18px;
  }
  .gap-x-18-xl-over {
    column-gap: 18px;
  }
  .gap-y-18-xl-over {
    row-gap: 18px;
  }
  .gap-20-xl-over {
    gap: 20px;
  }
  .gap-x-20-xl-over {
    column-gap: 20px;
  }
  .gap-y-20-xl-over {
    row-gap: 20px;
  }
  .gap-24-xl-over {
    gap: 24px;
  }
  .gap-x-24-xl-over {
    column-gap: 24px;
  }
  .gap-y-24-xl-over {
    row-gap: 24px;
  }
  .gap-32-xl-over {
    gap: 32px;
  }
  .gap-x-32-xl-over {
    column-gap: 32px;
  }
  .gap-y-32-xl-over {
    row-gap: 32px;
  }
  .gap-40-xl-over {
    gap: 40px;
  }
  .gap-x-40-xl-over {
    column-gap: 40px;
  }
  .gap-y-40-xl-over {
    row-gap: 40px;
  }
  .gap-48-xl-over {
    gap: 48px;
  }
  .gap-x-48-xl-over {
    column-gap: 48px;
  }
  .gap-y-48-xl-over {
    row-gap: 48px;
  }
}

.hide {
  display: none !important;
}
@media (max-width: 520px) {
  .hide-sm-less {
    display: none !important;
  }
}
@media (min-width: 520px) {
  .hide-sm-over {
    display: none !important;
  }
}
@media (max-width: 720px) {
  .hide-md-less {
    display: none !important;
  }
}
@media (min-width: 720px) {
  .hide-md-over {
    display: none !important;
  }
}
@media (max-width: 920px) {
  .hide-lg-less {
    display: none !important;
  }
}
@media (min-width: 920px) {
  .hide-lg-over {
    display: none !important;
  }
}
@media (max-width: 1220px) {
  .hide-xl-less {
    display: none !important;
  }
}
@media (min-width: 1220px) {
  .hide-xl-over {
    display: none !important;
  }
}

.rounded-0 {
  border-radius: 0px;
}
.rounded-2 {
  border-radius: 2px;
}
.rounded-4 {
  border-radius: 4px;
}
.rounded-6 {
  border-radius: 6px;
}
.rounded-8 {
  border-radius: 8px;
}
.rounded-10 {
  border-radius: 10px;
}
.rounded-12 {
  border-radius: 12px;
}
.rounded-14 {
  border-radius: 14px;
}
.rounded-16 {
  border-radius: 16px;
}
.rounded-18 {
  border-radius: 18px;
}
.rounded-20 {
  border-radius: 20px;
}
.rounded-24 {
  border-radius: 24px;
}
.rounded-32 {
  border-radius: 32px;
}
.rounded-48 {
  border-radius: 48px;
}
@media (max-width: 520px) {
  .rounded-0-sm-less {
    border-radius: 0px;
  }
  .rounded-2-sm-less {
    border-radius: 2px;
  }
  .rounded-4-sm-less {
    border-radius: 4px;
  }
  .rounded-6-sm-less {
    border-radius: 6px;
  }
  .rounded-8-sm-less {
    border-radius: 8px;
  }
  .rounded-10-sm-less {
    border-radius: 10px;
  }
  .rounded-12-sm-less {
    border-radius: 12px;
  }
  .rounded-14-sm-less {
    border-radius: 14px;
  }
  .rounded-16-sm-less {
    border-radius: 16px;
  }
  .rounded-18-sm-less {
    border-radius: 18px;
  }
  .rounded-20-sm-less {
    border-radius: 20px;
  }
  .rounded-24-sm-less {
    border-radius: 24px;
  }
  .rounded-32-sm-less {
    border-radius: 32px;
  }
  .rounded-48-sm-less {
    border-radius: 48px;
  }
}
@media (min-width: 520px) {
  .rounded-0-sm-over {
    border-radius: 0px;
  }
  .rounded-2-sm-over {
    border-radius: 2px;
  }
  .rounded-4-sm-over {
    border-radius: 4px;
  }
  .rounded-6-sm-over {
    border-radius: 6px;
  }
  .rounded-8-sm-over {
    border-radius: 8px;
  }
  .rounded-10-sm-over {
    border-radius: 10px;
  }
  .rounded-12-sm-over {
    border-radius: 12px;
  }
  .rounded-14-sm-over {
    border-radius: 14px;
  }
  .rounded-16-sm-over {
    border-radius: 16px;
  }
  .rounded-18-sm-over {
    border-radius: 18px;
  }
  .rounded-20-sm-over {
    border-radius: 20px;
  }
  .rounded-24-sm-over {
    border-radius: 24px;
  }
  .rounded-32-sm-over {
    border-radius: 32px;
  }
  .rounded-48-sm-over {
    border-radius: 48px;
  }
}
@media (max-width: 720px) {
  .rounded-0-md-less {
    border-radius: 0px;
  }
  .rounded-2-md-less {
    border-radius: 2px;
  }
  .rounded-4-md-less {
    border-radius: 4px;
  }
  .rounded-6-md-less {
    border-radius: 6px;
  }
  .rounded-8-md-less {
    border-radius: 8px;
  }
  .rounded-10-md-less {
    border-radius: 10px;
  }
  .rounded-12-md-less {
    border-radius: 12px;
  }
  .rounded-14-md-less {
    border-radius: 14px;
  }
  .rounded-16-md-less {
    border-radius: 16px;
  }
  .rounded-18-md-less {
    border-radius: 18px;
  }
  .rounded-20-md-less {
    border-radius: 20px;
  }
  .rounded-24-md-less {
    border-radius: 24px;
  }
  .rounded-32-md-less {
    border-radius: 32px;
  }
  .rounded-48-md-less {
    border-radius: 48px;
  }
}
@media (min-width: 720px) {
  .rounded-0-md-over {
    border-radius: 0px;
  }
  .rounded-2-md-over {
    border-radius: 2px;
  }
  .rounded-4-md-over {
    border-radius: 4px;
  }
  .rounded-6-md-over {
    border-radius: 6px;
  }
  .rounded-8-md-over {
    border-radius: 8px;
  }
  .rounded-10-md-over {
    border-radius: 10px;
  }
  .rounded-12-md-over {
    border-radius: 12px;
  }
  .rounded-14-md-over {
    border-radius: 14px;
  }
  .rounded-16-md-over {
    border-radius: 16px;
  }
  .rounded-18-md-over {
    border-radius: 18px;
  }
  .rounded-20-md-over {
    border-radius: 20px;
  }
  .rounded-24-md-over {
    border-radius: 24px;
  }
  .rounded-32-md-over {
    border-radius: 32px;
  }
  .rounded-48-md-over {
    border-radius: 48px;
  }
}
@media (max-width: 920px) {
  .rounded-0-lg-less {
    border-radius: 0px;
  }
  .rounded-2-lg-less {
    border-radius: 2px;
  }
  .rounded-4-lg-less {
    border-radius: 4px;
  }
  .rounded-6-lg-less {
    border-radius: 6px;
  }
  .rounded-8-lg-less {
    border-radius: 8px;
  }
  .rounded-10-lg-less {
    border-radius: 10px;
  }
  .rounded-12-lg-less {
    border-radius: 12px;
  }
  .rounded-14-lg-less {
    border-radius: 14px;
  }
  .rounded-16-lg-less {
    border-radius: 16px;
  }
  .rounded-18-lg-less {
    border-radius: 18px;
  }
  .rounded-20-lg-less {
    border-radius: 20px;
  }
  .rounded-24-lg-less {
    border-radius: 24px;
  }
  .rounded-32-lg-less {
    border-radius: 32px;
  }
  .rounded-48-lg-less {
    border-radius: 48px;
  }
}
@media (min-width: 920px) {
  .rounded-0-lg-over {
    border-radius: 0px;
  }
  .rounded-2-lg-over {
    border-radius: 2px;
  }
  .rounded-4-lg-over {
    border-radius: 4px;
  }
  .rounded-6-lg-over {
    border-radius: 6px;
  }
  .rounded-8-lg-over {
    border-radius: 8px;
  }
  .rounded-10-lg-over {
    border-radius: 10px;
  }
  .rounded-12-lg-over {
    border-radius: 12px;
  }
  .rounded-14-lg-over {
    border-radius: 14px;
  }
  .rounded-16-lg-over {
    border-radius: 16px;
  }
  .rounded-18-lg-over {
    border-radius: 18px;
  }
  .rounded-20-lg-over {
    border-radius: 20px;
  }
  .rounded-24-lg-over {
    border-radius: 24px;
  }
  .rounded-32-lg-over {
    border-radius: 32px;
  }
  .rounded-48-lg-over {
    border-radius: 48px;
  }
}
@media (max-width: 1220px) {
  .rounded-0-xl-less {
    border-radius: 0px;
  }
  .rounded-2-xl-less {
    border-radius: 2px;
  }
  .rounded-4-xl-less {
    border-radius: 4px;
  }
  .rounded-6-xl-less {
    border-radius: 6px;
  }
  .rounded-8-xl-less {
    border-radius: 8px;
  }
  .rounded-10-xl-less {
    border-radius: 10px;
  }
  .rounded-12-xl-less {
    border-radius: 12px;
  }
  .rounded-14-xl-less {
    border-radius: 14px;
  }
  .rounded-16-xl-less {
    border-radius: 16px;
  }
  .rounded-18-xl-less {
    border-radius: 18px;
  }
  .rounded-20-xl-less {
    border-radius: 20px;
  }
  .rounded-24-xl-less {
    border-radius: 24px;
  }
  .rounded-32-xl-less {
    border-radius: 32px;
  }
  .rounded-48-xl-less {
    border-radius: 48px;
  }
}
@media (min-width: 1220px) {
  .rounded-0-xl-over {
    border-radius: 0px;
  }
  .rounded-2-xl-over {
    border-radius: 2px;
  }
  .rounded-4-xl-over {
    border-radius: 4px;
  }
  .rounded-6-xl-over {
    border-radius: 6px;
  }
  .rounded-8-xl-over {
    border-radius: 8px;
  }
  .rounded-10-xl-over {
    border-radius: 10px;
  }
  .rounded-12-xl-over {
    border-radius: 12px;
  }
  .rounded-14-xl-over {
    border-radius: 14px;
  }
  .rounded-16-xl-over {
    border-radius: 16px;
  }
  .rounded-18-xl-over {
    border-radius: 18px;
  }
  .rounded-20-xl-over {
    border-radius: 20px;
  }
  .rounded-24-xl-over {
    border-radius: 24px;
  }
  .rounded-32-xl-over {
    border-radius: 32px;
  }
  .rounded-48-xl-over {
    border-radius: 48px;
  }
}

.image-left {
  margin-right: auto;
}
.image-center {
  margin-left: auto;
  margin-right: auto;
}
.image-right {
  margin-left: auto;
}
.image-full {
  width: 100%;
}
.image-contain {
  object-fit: contain;
}
.image-cover {
  object-fit: cover;
}
@media (max-width: 520px) {
  .image-left-sm-less {
    margin-right: auto;
  }
  .image-center-sm-less {
    margin-left: auto;
    margin-right: auto;
  }
  .image-right-sm-less {
    margin-left: auto;
  }
}
@media (min-width: 520px) {
  .image-left-sm-over {
    margin-right: auto;
  }
  .image-center-sm-over {
    margin-left: auto;
    margin-right: auto;
  }
  .image-right-sm-over {
    margin-left: auto;
  }
}
@media (max-width: 720px) {
  .image-left-md-less {
    margin-right: auto;
  }
  .image-center-md-less {
    margin-left: auto;
    margin-right: auto;
  }
  .image-right-md-less {
    margin-left: auto;
  }
}
@media (min-width: 720px) {
  .image-left-md-over {
    margin-right: auto;
  }
  .image-center-md-over {
    margin-left: auto;
    margin-right: auto;
  }
  .image-right-md-over {
    margin-left: auto;
  }
}
@media (max-width: 920px) {
  .image-left-lg-less {
    margin-right: auto;
  }
  .image-center-lg-less {
    margin-left: auto;
    margin-right: auto;
  }
  .image-right-lg-less {
    margin-left: auto;
  }
}
@media (min-width: 920px) {
  .image-left-lg-over {
    margin-right: auto;
  }
  .image-center-lg-over {
    margin-left: auto;
    margin-right: auto;
  }
  .image-right-lg-over {
    margin-left: auto;
  }
}
@media (max-width: 1220px) {
  .image-left-xl-less {
    margin-right: auto;
  }
  .image-center-xl-less {
    margin-left: auto;
    margin-right: auto;
  }
  .image-right-xl-less {
    margin-left: auto;
  }
}
@media (min-width: 1220px) {
  .image-left-xl-over {
    margin-right: auto;
  }
  .image-center-xl-over {
    margin-left: auto;
    margin-right: auto;
  }
  .image-right-xl-over {
    margin-left: auto;
  }
}

.text-wrap {
  text-wrap: wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.text-balance {
  text-wrap: balance;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
@media (max-width: 520px) {
  .text-wrap-sm-less {
    text-wrap: wrap;
  }
  .text-nowrap-sm-less {
    text-wrap: nowrap;
  }
  .text-balance-sm-less {
    text-wrap: balance;
  }
  .text-left-sm-less {
    text-align: left;
  }
  .text-center-sm-less {
    text-align: center;
  }
  .text-right-sm-less {
    text-align: right;
  }
  .text-justify-sm-less {
    text-align: justify;
  }
}
@media (min-width: 520px) {
  .text-wrap-sm-over {
    text-wrap: wrap;
  }
  .text-nowrap-sm-over {
    text-wrap: nowrap;
  }
  .text-balance-sm-over {
    text-wrap: balance;
  }
  .text-left-sm-over {
    text-align: left;
  }
  .text-center-sm-over {
    text-align: center;
  }
  .text-right-sm-over {
    text-align: right;
  }
  .text-justify-sm-over {
    text-align: justify;
  }
}
@media (max-width: 720px) {
  .text-wrap-md-less {
    text-wrap: wrap;
  }
  .text-nowrap-md-less {
    text-wrap: nowrap;
  }
  .text-balance-md-less {
    text-wrap: balance;
  }
  .text-left-md-less {
    text-align: left;
  }
  .text-center-md-less {
    text-align: center;
  }
  .text-right-md-less {
    text-align: right;
  }
  .text-justify-md-less {
    text-align: justify;
  }
}
@media (min-width: 720px) {
  .text-wrap-md-over {
    text-wrap: wrap;
  }
  .text-nowrap-md-over {
    text-wrap: nowrap;
  }
  .text-balance-md-over {
    text-wrap: balance;
  }
  .text-left-md-over {
    text-align: left;
  }
  .text-center-md-over {
    text-align: center;
  }
  .text-right-md-over {
    text-align: right;
  }
  .text-justify-md-over {
    text-align: justify;
  }
}
@media (max-width: 920px) {
  .text-wrap-lg-less {
    text-wrap: wrap;
  }
  .text-nowrap-lg-less {
    text-wrap: nowrap;
  }
  .text-balance-lg-less {
    text-wrap: balance;
  }
  .text-left-lg-less {
    text-align: left;
  }
  .text-center-lg-less {
    text-align: center;
  }
  .text-right-lg-less {
    text-align: right;
  }
  .text-justify-lg-less {
    text-align: justify;
  }
}
@media (min-width: 920px) {
  .text-wrap-lg-over {
    text-wrap: wrap;
  }
  .text-nowrap-lg-over {
    text-wrap: nowrap;
  }
  .text-balance-lg-over {
    text-wrap: balance;
  }
  .text-left-lg-over {
    text-align: left;
  }
  .text-center-lg-over {
    text-align: center;
  }
  .text-right-lg-over {
    text-align: right;
  }
  .text-justify-lg-over {
    text-align: justify;
  }
}
@media (max-width: 1220px) {
  .text-wrap-xl-less {
    text-wrap: wrap;
  }
  .text-nowrap-xl-less {
    text-wrap: nowrap;
  }
  .text-balance-xl-less {
    text-wrap: balance;
  }
  .text-left-xl-less {
    text-align: left;
  }
  .text-center-xl-less {
    text-align: center;
  }
  .text-right-xl-less {
    text-align: right;
  }
  .text-justify-xl-less {
    text-align: justify;
  }
}
@media (min-width: 1220px) {
  .text-wrap-xl-over {
    text-wrap: wrap;
  }
  .text-nowrap-xl-over {
    text-wrap: nowrap;
  }
  .text-balance-xl-over {
    text-wrap: balance;
  }
  .text-left-xl-over {
    text-align: left;
  }
  .text-center-xl-over {
    text-align: center;
  }
  .text-right-xl-over {
    text-align: right;
  }
  .text-justify-xl-over {
    text-align: justify;
  }
}

:root {
  --radius: 20px;
  --white: #ffffff;
  --blue: #1BB9EC;
  --gray: #F1F1F1;
  --gray-200: #E3E3E3;
  --gray-250: #E6E7EB;
  --gray-300: #D9D9D9;
  --gray-500: #F0F0F0;
  --gray-600: #767676;
  --gray-750: #777777;
  --gray-border: #F0F0F0;
  --black: #010F29;
}

body {
  background-color: var(--white);
  font-family: "din-2014", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  color: var(--black);
  width: 100vw;
  overflow-x: hidden;
}

.fc-white {
  color: var(--white);
}

::selection {
  background-color: var(--blue);
  color: var(--white);
}

.label {
  display: block;
}

.input, .select, .textarea {
  width: 100%;
  border-radius: var(--radius);
  border: 1px solid var(--gray);
  transition: border-color 0.3s;
}
.input:focus, .select:focus, .textarea:focus {
  border-color: var(--black);
}

.input, .select {
  height: 40px;
}

.input {
  padding: 0 20px;
}
.input::placeholder {
  color: var(--gray);
}

.select {
  padding: 0 56px 0 20px;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7267 2.49952L8.64899 9.28091C8.41195 9.48091 8.18973 9.56239 8.00085 9.56239C7.81196 9.56239 7.55752 9.4802 7.38641 9.31469L0.275392 2.49952C-0.0800107 2.16248 -0.0915661 1.5662 0.248726 1.24398C0.586684 0.887501 1.15168 0.875909 1.50464 1.21736L8.00085 7.4439L14.4971 1.22176C14.8489 0.880316 15.4148 0.891909 15.753 1.24837C16.0933 1.5662 16.0822 2.16248 15.7267 2.49952Z' fill='black'/%3E%3C/svg%3E%0A");
  background-size: 16px auto;
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
}

.textarea {
  height: 120px;
  padding: 20px;
  resize: none;
  display: block;
}

.radio, .checkbox {
  width: 16px;
  height: 16px;
  appearance: none;
  border-radius: 50%;
  border: 1px solid var(--black);
  background-size: 8px auto;
  background-position: center;
  background-repeat: no-repeat;
}
.radio:checked, .checkbox:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.86332 0.120276C8.04556 0.288227 8.04556 0.559807 7.86332 0.711678L3.1464 5.4286C2.99453 5.61084 2.72295 5.61084 2.555 5.4286L0.125588 2.99867C-0.0418626 2.8468 -0.0418626 2.57522 0.125588 2.40727C0.293021 2.2411 0.564601 2.2411 0.732016 2.40727L2.85874 4.53524L7.27191 0.120276C7.43987 -0.0466025 7.71145 -0.0466025 7.86332 0.120276Z' fill='black'/%3E%3C/svg%3E");
}

.d-block {
  display: block;
}

.button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 0 40px;
  text-align: center;
  transition: opacity 0.3s;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 6px;
  cursor: pointer;
}
.button-blue {
  background-color: var(--blue);
  padding: 15px 20px;
  border-radius: var(--radius);
  color: var(--white) !important;
  width: fit-content;
}
.button-blue2 {
  background-color: var(--blue) !important;
  color: var(--white) !important;
  display: flex !important;
  align-items: center;
}
.button-full {
  width: 100%;
}
.button:hover {
  opacity: 0.75;
}
.button-blue {
  background-color: var(--blue);
  color: #fff;
}
.button-gray {
  background-color: var(--gray-500);
  color: #000;
  font-weight: 700;
}
.button-black {
  background-color: var(--black);
  color: #fff;
}

.h-fit {
  height: fit-content;
}

.table {
  width: 100%;
}
.table tr {
  border: 1px solid var(--gray);
}
.table td, .table th {
  padding: 10px;
}

.embedded {
  position: relative;
  padding-bottom: 56.25%;
}
.embedded iframe, .embedded object, .embedded embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.line {
  width: 100%;
  height: 1px;
  background-color: var(--gray);
}

.swiper-slide {
  height: auto;
}

.wpcf7 .screen-reader-response {
  display: none;
}
.wpcf7-not-valid {
  border-color: #F00;
}
.wpcf7-not-valid-tip {
  color: #F00;
  margin-top: 20px;
  display: block;
}
.wpcf7:has(.invalid) .wpcf7-response-output {
  display: none;
}
.wpcf7:has(.failed) .wpcf7-response-output {
  color: #F00;
  margin-top: 20px;
}
.wpcf7:has(.sent) .wpcf7-response-output {
  color: var(--blue);
  margin-top: 20px;
}

.block {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
.block-text {
  padding: 40px;
}
.block-image {
  padding: 0;
  height: 100%;
}
.block-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Post
-------------------------------------------------- */
.editor {
  font-size: 16px;
  line-height: 26px;
}
.editor > * + * {
  margin-top: 10px;
}
.editor > * + h2,
.editor > * + h3,
.editor > * + h4,
.editor > * + h5,
.editor > * + h6 {
  margin-top: 20px;
}
.editor h2 {
  font-size: 24px;
}
.editor h3 {
  font-size: 18px;
}
.editor img {
  display: block;
  height: auto;
  max-width: 100%;
}
.editor img.aligncenter {
  margin: 0 auto;
}
.editor ul {
  list-style: circle outside;
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 30px;
}
.editor ul li {
  display: list-item;
}

.woocommerce-info {
  border-radius: 10px;
}
.woocommerce-info .wc-forward {
  background-color: transparent !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.relative {
  position: relative;
}

.editor-content {
  font-size: 16px;
  line-height: 120%;
  color: var(--gray-750);
}
.editor-content > * + * {
  margin-top: 1.5em;
}
.editor-content h1, .editor-content h2, .editor-content h3, .editor-content h4, .editor-content h5, .editor-content h6 {
  font-weight: 700;
}
.editor-content h1 {
  font-size: 48px;
}
.editor-content h2 {
  font-size: 36px;
}
.editor-content h3 {
  font-size: 24px;
}
.editor-content h4 {
  font-size: 20px;
}
.editor-content h5 {
  font-size: 18px;
}
.editor-content h6 {
  font-size: 16px;
}
.editor-content p, .editor-content ul, .editor-content ol {
  margin-bottom: 20px;
}
.editor-content ul, .editor-content ol {
  padding-left: 20px;
}
.editor-content ul li, .editor-content ol li {
  margin-bottom: 20px;
}
.editor-content ul {
  list-style: disc outside;
}
.editor-content ol {
  list-style: decimal outside;
}
.editor-content a {
  color: var(--blue);
  text-decoration: none;
  transition: color 0.3s;
}
.editor-content a:hover {
  text-decoration: underline;
}
.editor-content blockquote {
  border-left: 4px solid var(--blue);
  padding: 1em 2em;
  margin: 2em 0;
  background-color: var(--gray);
  font-style: italic;
}
.editor-content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius);
  margin: 20px 0;
}
.editor-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
.editor-content table th, .editor-content table td {
  border: 1px solid var(--gray-200);
  padding: 10px;
  text-align: left;
}
.editor-content table th {
  background-color: var(--gray);
  font-weight: 700;
}
.editor-content pre {
  background-color: var(--gray);
  padding: 15px;
  border-radius: var(--radius);
  overflow-x: auto;
  margin: 20px 0;
}
.editor-content .alignleft {
  float: left;
}
.editor-content .alignright {
  float: right;
}
.editor-content .aligncenter {
  display: block;
}

.bg-gray {
  background-color: var(--gray);
}

.header-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.65);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.header-mobile-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--white);
}
.header-mobile-subcat-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: var(--black);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  transform: translateX(-100%);
}
.header-mobile-subcat-menu.active {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
}
.header-mobile-links-button {
  display: flex;
  color: var(--white);
  align-items: center;
  gap: 10px;
  width: 100%;
}
.header-mobile-links-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.header-mobile-content {
  background-color: var(--black);
  position: fixed;
  width: 80%;
  height: 100%;
  border-start-end-radius: 50px;
  border-end-end-radius: 50px;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: 0.3s;
  visibility: hidden;
  transform: translateX(-100%);
  overflow: hidden;
}
.header-mobile.active {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.header-mobile.active .header-mobile-content {
  visibility: visible;
  transform: translateX(0);
}
.header-mobile-links {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-top: 1px var(--gray-border) solid;
  border-bottom: 1px var(--gray-border) solid;
}
.header-mobile-links a {
  color: var(--white);
}
.header-flex {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.header-logo img {
  display: block;
  height: 48px;
}
.header-search {
  width: 400px;
  height: 42px;
  border-radius: 21px;
  border: 1px var(--gray-border) solid;
  display: flex;
  align-items: center;
}
@media (max-width: 720px) {
  .header-search {
    width: 100%;
  }
}
.header-search input {
  height: 42px;
  padding: 0 20px;
  width: calc(100% - 52px);
}
.header-search button {
  width: 52px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-search button svg {
  width: 18px;
  height: 18px;
}
.header-icon {
  width: 42px;
  height: 42px;
  background-color: var(--blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header-icon svg {
  width: 20px;
  height: 20px;
}
.header-icon svg path {
  fill: #fff;
}
.header-icon-number {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  position: absolute;
  right: -5px;
  top: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-account {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.header-account-text span {
  display: block;
  font-weight: 700;
  font-size: 16px;
}

.top {
  background-color: var(--gray);
}
.top a:hover {
  text-decoration: underline;
}
.top-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  font-size: 14px;
}
@media (max-width: 920px) {
  .top-flex {
    justify-content: center;
  }
}
.top-list {
  display: flex;
  gap: 20px;
}
.top-message {
  text-transform: uppercase;
  font-weight: 600;
}

#cart-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.65);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
#cart-menu.active {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
#cart-menu.active .cart-menu-content {
  transform: translate(0);
  opacity: 1;
  pointer-events: all;
}
#cart-menu .cart-menu-content {
  background-color: white;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 80%;
  width: 400px;
  height: 100%;
  padding: 20px;
  transform: translateX(100%);
  transition: 0.3s;
  overflow-y: scroll;
  opacity: 0;
  pointer-events: none;
}
#cart-menu .cart-item {
  border-top: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
  padding: 20px 0;
  display: flex;
  gap: 10px;
}
#cart-menu .cart-item-remove svg {
  height: 18px;
  width: 18px;
  transform: 0.3s;
}
#cart-menu .cart-item-remove:hover svg {
  fill: red;
}
#cart-menu .cart-item-content {
  width: 100%;
}
#cart-menu .cart-item-price {
  display: flex;
  flex-direction: column;
}
#cart-menu .cart-item-price del {
  text-decoration: none;
}
#cart-menu .cart-item-price del bdi {
  font-size: 12px;
  font-weight: 500;
  text-decoration: line-through;
  opacity: 0.7;
}
#cart-menu .cart-item-price ins {
  text-decoration: none;
  font-size: 16px;
}
#cart-menu .cart-item-quantity {
  display: flex;
  border: 1px solid var(--gray-200);
  padding: 2px 0;
  border-radius: 6px;
  width: fit-content;
}
#cart-menu .cart-item-quantity button {
  padding: 0 10px;
}
#cart-menu .cart-item-quantity input {
  width: 25px;
  line-height: 100%;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
#cart-menu .cart-item-quantity input::-webkit-outer-spin-button, #cart-menu .cart-item-quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#cart-menu .cart-item-image {
  height: 70px;
  width: 70px;
  display: block;
}
#cart-menu .cart-loading {
  height: 100%;
  display: flex;
  align-items: center;
  justify-self: center;
}
#cart-menu .cart-loading img {
  max-width: 100px;
}

.cart-freight {
  border-bottom: 1px solid var(--gray-200);
  padding: 20px 0;
}
.cart-freight strong {
  font-weight: 700;
  font-size: 16px;
}
.cart-freight-fields {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.cart-freight-cep {
  border-bottom: 1px solid var(--gray-200);
  max-width: 100px;
}
.cart-freight-list {
  margin: 0;
  transition: 0.3s;
  opacity: 0;
}
.cart-freight-list.active {
  margin-top: 20px;
  opacity: 1;
}
.cart-freight-list li {
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  padding: 10px;
  transition: 0.3s;
}

.bar {
  background-color: var(--black);
  color: #fff;
  font-weight: 700;
}
.bar-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bar-flex > li:not(.bar-more-categories) {
  position: relative;
  padding: 0 40px;
}
.bar-flex > li:not(.bar-more-categories):first-child {
  background-color: var(--blue);
  padding: 0 20px;
}
.bar-flex > li:not(.bar-more-categories):hover .bar-dropdown {
  opacity: 1;
  pointer-events: all;
}
.bar-flex > li:not(.bar-more-categories) > a {
  height: 42px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.bar-flex > li:not(.bar-more-categories) > a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--blue);
  text-underline-offset: 10px;
}
.bar-flex > li:not(.bar-more-categories) .bar-dropdown {
  position: absolute;
  left: 0;
  top: 42px;
  z-index: 300;
  background-color: #fff;
  padding: 20px;
  color: #000;
  border-radius: 0 0 10px 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  width: 100%;
}
.bar-flex > li:not(.bar-more-categories) .bar-dropdown li a {
  line-height: 120%;
  font-weight: 400;
}
.bar-flex > li:not(.bar-more-categories) .bar-dropdown li a:hover {
  text-decoration: underline;
}
.bar-highlight {
  background-color: var(--blue);
  padding: 0 30px;
}
.bar-more-categories {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bar-more-categories-products {
  display: none;
}
.bar-more-categories-products.active {
  display: flex;
}
.bar-more-categories:hover .bar-more-categories-menu {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.bar-more-categories-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #000;
}
.bar-more-categories-list li {
  font-size: 18px;
  font-weight: 400;
}
.bar-more-categories-list li:hover {
  text-decoration: underline;
}
.bar-more-categories-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.3s;
}
.bar-more-categories-menu-content {
  color: #000;
  display: flex;
  background-color: var(--white);
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
}
.bar-more-categories-menu-content del .woocommerce-Price-amount.amount bdi {
  color: var(--gray-750);
}

.newsletter {
  padding: 20px 0;
  background-color: var(--blue);
}
.newsletter-title {
  font-size: 24px;
  font-weight: 700;
  display: block;
}
.newsletter-form {
  width: 100%;
  display: flex;
  border-radius: 6px;
}
.newsletter-form .wpcf7-form {
  display: flex;
  position: relative;
}
.newsletter-form .wpcf7-form .wpcf7-response-output, .newsletter-form .wpcf7-form .wpcf7-not-valid-tip {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0px;
  width: 100%;
}
.newsletter-form .wpcf7-form .wpcf7-form-control-wrap {
  display: contents;
}
.newsletter-form-field {
  width: calc(100% - 140px);
  height: 50px;
  background-color: #fff;
  padding: 0 20px;
  border-end-start-radius: 6px;
  border-start-start-radius: 6px;
}
.newsletter-form-button {
  width: 140px;
  height: 50px;
  background-color: var(--black);
  color: #fff;
  text-transform: uppercase;
  border-end-end-radius: 6px;
  border-start-end-radius: 6px;
}
.newsletter-social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media (max-width: 1220px) {
  .newsletter-social {
    display: flex;
    justify-content: center;
  }
}
.newsletter-social a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px #fff solid;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.newsletter-social a:hover {
  background-color: var(--white);
}
.newsletter-social a:hover path {
  fill: var(--blue);
}
.newsletter-social a svg {
  width: 20px;
  height: 20px;
  transition: 0.3s;
}
.newsletter-social a svg path {
  fill: #fff;
}

.footer {
  padding: 20px 0;
  background-color: var(--black);
  color: #fff;
}
.footer a:hover {
  text-decoration: underline;
}
.footer-logo {
  margin-bottom: 20px;
  display: block;
}
.footer-logo img {
  display: block;
  height: 34px;
}
.footer-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.footer-list-title {
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  margin-bottom: 20px;
  font-weight: 700;
}
.footer-list li a {
  font-size: 14px;
}
.footer-phone {
  color: var(--blue);
  display: block;
  margin-bottom: 40px;
}

.signature-flex {
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
.signature-elleven {
  height: 12px;
}

.title {
  font-size: 32px;
  font-weight: bold;
  text-wrap: balance;
}

.radius {
  border-radius: 10px;
}

.breadcrumb {
  display: flex;
}
.breadcrumb li a::after {
  content: ">";
  margin: 0 10px;
}

.home-slide {
  overflow: hidden;
}
.home-slide-pagination .swiper-pagination {
  display: flex;
  gap: 10px;
}
.home-slide-pagination .swiper-pagination-bullet {
  display: block;
  height: 6px;
  width: 25px;
  border-radius: 3px;
  background-color: var(--gray-300);
}
.home-slide-pagination .swiper-pagination-bullet-active {
  background-color: var(--black);
}
.home-rule {
  background-color: var(--gray);
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 20px;
  padding: 15px 20px;
  font-weight: 600;
  text-wrap: balance;
  height: 100%;
}
.home-rule-icon {
  background-color: var(--blue);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.home-rule-icon img {
  width: 30px;
  height: 30px;
  display: block;
}

.contact-phone {
  font-size: 20px;
  display: block;
  margin-top: 20px;
  font-weight: 600;
}
.contact-form-title {
  font-size: 20px;
  font-weight: 600;
  display: block;
}
.contact-form-line {
  width: 60px;
  height: 2px;
  background-color: var(--brown);
  margin: 20px 0;
}
.contact-form-field {
  width: 100%;
  height: 42px;
  padding: 0 15px;
  color: #9E9E9E;
  background-color: transparent;
  border: 1px var(--gray-border) solid;
  font-size: 14px;
  display: block;
  border-radius: 6px;
}
textarea.contact-form-field {
  height: 120px;
  padding: 10px 15px;
}

.contact-form-label {
  font-weight: 700;
  display: block;
  margin-bottom: 3px;
}
.contact-social {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
}
.contact-social a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-social a svg {
  width: 20px;
  height: 20px;
}
.contact-social a svg path {
  fill: #fff;
}

.testimony {
  border: 1px var(--gray-border) solid;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
}
.testimony-stars {
  margin-bottom: 10px;
}
.testimony-stars svg {
  height: 13px;
}
.testimony-stars svg path {
  fill: #FFB330;
}
.testimony-title {
  font-size: 18px;
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
}
.testimony-name {
  font-weight: 700;
  display: block;
  margin-top: 20px;
}
.testimony-description {
  font-size: 14px;
}

.swiper-testimonials {
  overflow: hidden;
  position: relative;
}
.swiper-testimonials::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 20px;
  left: 0;
  top: 0;
  background-image: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  z-index: 10;
}
.swiper-testimonials::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 20px;
  right: 0;
  top: 0;
  background-image: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  z-index: 10;
}

.woocommerce-breadcrumb {
  color: var(--gray-750);
  font-size: 14px;
}
.woocommerce-breadcrumb a:hover {
  text-decoration: underline;
}

.woocommerce-products-header__title.page-title {
  font-weight: 700;
  font-size: 32px;
}

.content-product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  max-height: 450px;
}
.content-product .attachment-woocommerce_thumbnail {
  margin: 0 auto;
}
.content-product .woocommerce-loop-product__title {
  font-size: 18px;
  font-weight: 400;
}
.content-product .onsale {
  position: absolute;
  background-color: var(--blue);
  padding: 3px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
}
.content-product h2, .content-product h3 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.content-product .price > .woocommerce-Price-amount {
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
}
.content-product .price > del > .woocommerce-Price-amount {
  display: block;
  font-size: 12px;
}
.content-product .price > ins {
  text-decoration: none;
}
.content-product .price > ins > .woocommerce-Price-amount {
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
}
.content-product .button {
  background-color: var(--gray);
  height: 42px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 10px;
}

.bg-gray .content-product {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}

.woocommerce-breadcrumb {
  font-size: 14px;
}

.page-minha-conta {
  padding-bottom: 40px;
}
.page-minha-conta .woocommerce {
  display: flex;
}
.page-minha-conta .woocommerce-MyAccount-navigation {
  width: 25%;
  padding: 20px;
}
.page-minha-conta .woocommerce-MyAccount-content {
  width: 75%;
  padding: 20px;
}

#minha-conta a {
  color: var(--blue);
}
#minha-conta a:hover {
  text-decoration: underline;
}
#minha-conta .login, #minha-conta .register {
  border-radius: var(--radius);
  padding: 40px 20px;
  margin: 0;
}
#minha-conta .select2-selection {
  display: flex;
  align-items: center;
}
#minha-conta .select2-selection .select2-selection__arrow {
  top: 10px;
}
#minha-conta .my-account-input, #minha-conta .woocommerce-Input--text, #minha-conta .input-text, #minha-conta .select2-search__field, #minha-conta .select2-selection,
#minha-conta .woocommerce-Input--email, #minha-conta .woocommerce-Input--password {
  background-color: var(--gray) !important;
  border: 1px solid var(--gray-border);
  height: 50px;
  width: 100%;
  padding: 20px;
  border-radius: var(--radius);
}
#minha-conta .my-account-title {
  font-size: 24px;
}
#minha-conta .my-account-dashboard-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#minha-conta .my-account-dashboard-item.is-active a {
  background-color: var(--gray);
}
#minha-conta .my-account-dashboard-item a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: var(--radius);
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
}
#minha-conta .my-account-dashboard-item a:hover {
  text-decoration: none;
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: red;
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--dashboard a {
  position: relative;
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--dashboard a:before {
  content: "";
  position: relative;
  display: block;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" ><!--Boxicons v3.0 https://boxicons.com | License https://docs.boxicons.com/free--><path d="m20,11h-6c-.55,0-1,.45-1,1v8c0,.55.45,1,1,1h6c.55,0,1-.45,1-1v-8c0-.55-.45-1-1-1Zm-1,8h-4v-6h4v6Z"></path><path d="m10,15h-6c-.55,0-1,.45-1,1v4c0,.55.45,1,1,1h6c.55,0,1-.45,1-1v-4c0-.55-.45-1-1-1Zm-1,4h-4v-2h4v2Z"></path><path d="m20,3h-6c-.55,0-1,.45-1,1v4c0,.55.45,1,1,1h6c.55,0,1-.45,1-1v-4c0-.55-.45-1-1-1Zm-1,4h-4v-2h4v2Z"></path><path d="m10,3h-6c-.55,0-1,.45-1,1v8c0,.55.45,1,1,1h6c.55,0,1-.45,1-1V4c0-.55-.45-1-1-1Zm-1,8h-4v-6h4v6Z"></path></svg>');
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--edit-address a {
  position: relative;
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--edit-address a:before {
  content: "";
  position: relative;
  display: block;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24' %3E%3C!--Boxicons v3.0 https://boxicons.com %7C License https://docs.boxicons.com/free--%3E%3Cpath d='m11.42,21.81c.17.12.38.19.58.19s.41-.06.58-.19c.3-.22,7.45-5.37,7.42-11.82,0-4.41-3.59-8-8-8s-8,3.59-8,8c-.03,6.45,7.12,11.6,7.42,11.82Zm.58-17.81c3.31,0,6,2.69,6,6h0c.02,4.44-4.39,8.43-6,9.74-1.61-1.31-6.02-5.29-6-9.74,0-3.31,2.69-6,6-6Z'%3E%3C/path%3E%3C/svg%3E");
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--downloads a {
  position: relative;
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--downloads a:before {
  content: "";
  position: relative;
  display: block;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24' %3E%3C!--Boxicons v3.0 https://boxicons.com %7C License https://docs.boxicons.com/free--%3E%3Cpath d='M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'%3E%3C/path%3E%3Cpath d='M13 8h-2v4H8l4 4 4-4h-3z'%3E%3C/path%3E%3C/svg%3E");
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--orders a {
  position: relative;
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--orders a:before {
  content: "";
  position: relative;
  display: block;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24' %3E%3C!--Boxicons v3.0 https://boxicons.com %7C License https://docs.boxicons.com/free--%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M5 19V5h14v14z'%3E%3C/path%3E%3Cpath d='M7 7h10v2H7zM7 11h10v2H7zM7 15h10v2H7z'%3E%3C/path%3E%3C/svg%3E");
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--edit-account a {
  position: relative;
}
#minha-conta .my-account-dashboard-item.woocommerce-MyAccount-navigation-link--edit-account a:before {
  content: "";
  position: relative;
  display: block;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 24 24' %3E%3C!--Boxicons v3.0 https://boxicons.com %7C License https://docs.boxicons.com/free--%3E%3Cpath d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m0-8c1.65 0 3 1.35 3 3s-1.35 3-3 3-3-1.35-3-3 1.35-3 3-3M4 22h16c.55 0 1-.45 1-1v-1c0-3.86-3.14-7-7-7h-4c-3.86 0-7 3.14-7 7v1c0 .55.45 1 1 1m6-7h4c2.76 0 5 2.24 5 5H5c0-2.76 2.24-5 5-5'%3E%3C/path%3E%3C/svg%3E");
}
#minha-conta .woocommerce-password-strength {
  border-radius: 10px;
  display: block;
  margin-top: 10px;
}
#minha-conta .woocommerce-Addresses {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.content-single-product .product-freight {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.content-single-product .product-freight-list {
  transition: 0.3s;
  padding: 0px;
  width: 100%;
}
.content-single-product .product-freight-list:has(li) {
  border: 1px solid var(--gray-250);
  padding: 10px;
  border-radius: 10px;
}
.content-single-product .product-freight label {
  color: var(--gray-600);
  font-weight: 700;
  font-size: 14px;
}
.content-single-product .product-freight input {
  width: 110px;
  padding: 10px 16px;
  border: 1px solid var(--gray-250);
  border-radius: 6px;
}
.content-single-product .product-freight-button {
  background-color: var(--blue);
  color: var(--white);
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 16px;
  border-radius: 6px;
  transform: 0.3s;
}
.content-single-product .product-freight-button:hover {
  opacity: 0.7;
}
.content-single-product .single-variation-price, .content-single-product .single-variation-price .woocommerce-Price-amount bdi {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  gap: 10px !important;
  font-size: 28px !important;
  text-align: center;
}
.content-single-product .woocommerce-variation-description {
  display: none;
}
.content-single-product .reset_variations {
  background-color: var(--blue);
  color: var(--white);
  margin-left: 20px;
  padding: 10px 20px;
  border-radius: 10px;
  transition: 0.3s;
}
.content-single-product .reset_variations:hover {
  opacity: 0.7;
}
.content-single-product .variation-price {
  display: flex;
  flex-direction: column;
}
.content-single-product .variations tbody {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.content-single-product .variations tr {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.content-single-product .variations .label {
  font-size: 18px;
  margin-bottom: 10px;
}
.content-single-product .variations select {
  background-color: var(--gray);
  border-radius: var(--radius);
  padding: 10px 20px;
  cursor: pointer;
}
.content-single-product .single-product-shipping {
  display: none;
}
.content-single-product h1 {
  font-size: 40px;
  font-weight: 400;
}
.content-single-product form.cart {
  display: flex;
  gap: 20px;
  padding: 20px 0;
}
.content-single-product form.cart button.single_add_to_cart_button {
  background-color: var(--black);
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  padding: 10px 40px;
}

@media (max-width: 720px) {
  .filter {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: 0.3s;
  }
  .filter > div {
    overflow: hidden;
  }
  .filter.active {
    margin-top: 20px;
    grid-template-rows: 1fr;
  }
}
.filter-open {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 2px solid var(--black);
  color: var(--black);
  border-radius: var(--radius);
  padding: 15px 30px;
  font-family: 700;
}

.filters-title {
  font-size: 32px;
  line-height: 100%;
  font-weight: 700;
}
.filters-item-area {
  border: 1px solid var(--gray-250);
  border-radius: 10px;
  padding: 20px 30px;
}
.filters-item-area + .filters-item-area {
  margin-top: 20px;
}
.filters-item-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--gray-750);
  font-weight: 400;
}
.filters-item-title {
  font-size: 20px;
  font-weight: 700;
}
.filters-item-input {
  display: flex;
  align-items: center;
  gap: 10px;
}
.filters-item-input input[type=checkbox] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--black);
}

.woocommerce-ordering label {
  font-size: 16px;
  font-weight: 400;
  margin-right: 10px;
}
.woocommerce-ordering #orderby {
  background-color: var(--gray-500);
  padding: 10px;
  padding-right: 40px;
  border-radius: 18px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.823624 0.865264C0.912516 0.771165 1.03415 0.699207 1.15613 0.699207C1.26624 0.699207 1.37633 0.738119 1.46347 0.816831L7.0415 5.82899L12.6195 0.816831C12.8035 0.650773 13.0904 0.661151 13.2594 0.84191C13.4292 1.02181 13.4177 1.30106 13.2342 1.46712L7.34769 6.78095C7.17347 6.93837 6.90734 6.93837 6.73301 6.78095L0.846502 1.46712C0.665311 1.32469 0.653821 1.04516 0.823624 0.865264Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
@media (max-width: 720px) {
  .woocommerce-ordering {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.single-product-controller {
  border: 1px solid var(--gray-250);
  border-radius: 10px;
  padding: 5px;
  cursor: pointer;
  width: fit-content;
  height: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  position: relative;
}
@media (max-width: 1220px) {
  .single-product-controller {
    width: 80px;
    height: 100%;
  }
}
.single-product-controller img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: auto;
}
.single-product-controller-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-right: 0;
}
.single-product-controller-area .swiper {
  height: 400px;
  min-width: 80px;
}
@media (max-width: 1220px) {
  .single-product-controller-area .swiper {
    height: 80px;
  }
}
.single-product-controller-area .swiper-image-controller-button-next, .single-product-controller-area .swiper-image-controller-button-prev {
  background-color: var(--gray);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
}
.single-product-controller-area .swiper-image-controller-button-next {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (max-width: 1220px) {
  .single-product-controller-area .swiper-image-controller-button-next {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
  }
  .single-product-controller-area .swiper-image-controller-button-next svg {
    transform: rotate(270deg);
  }
}
.single-product-controller-area .swiper-image-controller-button-prev {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media (max-width: 1220px) {
  .single-product-controller-area .swiper-image-controller-button-prev {
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
  }
  .single-product-controller-area .swiper-image-controller-button-prev svg {
    transform: rotate(270deg);
  }
}
@media (max-width: 1220px) {
  .single-product-controller-area.swiper-image-controller .swiper .swiper-slide {
    height: 100%;
  }
}
@media (min-width: 1220px) {
  .single-product-controller-area.swiper-image-controller .swiper {
    max-height: 500px !important;
  }
}
@media (max-width: 1220px) {
  .single-product-controller-area {
    flex-direction: row;
    order: 2;
    padding: 20px;
  }
}
.single-product-whatsapp {
  background-color: #25D366;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 10px 40px;
  color: var(--white);
  gap: 20px;
  transition: 0.3s;
}
.single-product-whatsapp:hover {
  opacity: 0.7;
}
.single-product-whatsapp svg {
  max-height: 30px;
  fill: var(--white);
}
.single-product-images .swiper-slide {
  border: 1px solid var(--gray-250);
  border-radius: 10px;
  padding: 20px;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 720px) {
  .single-product-images .swiper-slide {
    height: 400px;
  }
}
.single-product-images .swiper-slide img {
  height: 100%;
  width: 100%;
}
.single-product .product_title {
  font-size: 40px;
  line-height: 100%;
  font-weight: 400;
}
.single-product-weight-message {
  background-color: var(--gray);
  padding: 10px;
  width: fit-content;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.single-product-weight-message a {
  text-decoration: underline;
  transition: 0.3s;
}
.single-product-weight-message a:hover {
  opacity: 0.7;
}
.single-product-weight-message svg {
  height: 30px;
  width: 30px;
  flex-shrink: 0;
}
.single-product-stars {
  display: flex;
  gap: 5px;
}
.single-product-star {
  color: var(--gray-750);
  font-weight: 400;
  font-size: 18px;
}
.single-product-star.active path {
  fill: #FFB330;
}
.single-product-sku {
  display: block;
}
.single-product-description-area .cart {
  margin-top: 20px;
  border-top: 1px var(--gray-border) solid;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1220px) {
  .single-product-description-area {
    order: 3;
  }
}
.single-product-description-title {
  font-weight: 700;
  font-size: 32px;
}
.single-product-description-content {
  border-radius: 10px;
  transition: 0.4s;
  padding: 0 30px;
}
.single-product-description .stock, .single-product-description .single-product-description-safe, .single-product-description .single-product-description-availability {
  display: none;
}
.single-product-description .price {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.single-product-description .price del {
  color: var(--gray-750);
  font-size: 16px;
}
.single-product-description .price ins {
  text-decoration: none;
}
.single-product-description .price ins bdi,
.single-product-description .price > .woocommerce-Price-amount bdi {
  font-size: 36px;
  font-weight: 700;
}
.single-product-quantity {
  display: flex;
  border: 1px solid var(--gray-250);
  border-radius: 10px;
  font-weight: 700;
  padding: 0 10px;
  min-height: 40px;
}
.single-product-quantity-increase, .single-product-quantity-decrease {
  font-size: 18px;
  padding: 0 10px;
}
.single-product-quantity .quantity {
  border: transparent;
}
.single-product-quantity .quantity .input-text.qty {
  height: 100%;
  max-width: 80px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  text-align: center;
}
.single-product-quantity .quantity .input-text.qty::-webkit-outer-spin-button, .single-product-quantity .quantity .input-text.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.single-product-tabs {
  border-bottom: 1px solid var(--gray-250);
}
.single-product-tabs.active .single-product-tabs-top svg {
  transform: rotate(180deg);
}
.single-product-tabs.active .single-product-tabs-content {
  grid-template-rows: 1fr;
}
.single-product-tabs.active .single-product-tabs-content .single-product-description-content {
  padding: 30px;
  border: 1px solid var(--gray-250);
}
.single-product-tabs-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.single-product-tabs-top svg {
  transition: 0.4s;
}
.single-product-tabs-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.4s;
  overflow: hidden;
}
.single-product-tabs-content > div {
  overflow: hidden;
}
.single-product-add-comments .rating {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.single-product-add-comments-star {
  cursor: pointer;
}
.single-product-add-comments-star path {
  transition: 0.3s;
}
.single-product-add-comments-star:hover path {
  fill: var(--gray-750);
}
.single-product-add-comments-textarea {
  width: 100%;
  border: 1px solid var(--gray-250);
  height: 200px;
  resize: vertical;
  padding: 20px;
  border-radius: 10px;
}
.single-product-comments-item {
  border: 1px solid var(--gray-250);
  padding: 20px;
  border-radius: 10px;
}
.single-product-related-title {
  font-size: 32px;
  font-weight: 700;
}

.no-products-found {
  display: flex;
  align-items: center;
  gap: 10px;
}

#finalizacao-de-compra .woocommerce-NoticeGroup-checkout {
  width: 100%;
  padding: 0 20px;
}
#finalizacao-de-compra #billing_persontype_field .optional, #finalizacao-de-compra #billing_cpf_field .optional {
  display: none;
}
#finalizacao-de-compra .address-field {
  width: 100%;
}
#finalizacao-de-compra .checkout_coupon.woocommerce-form-coupon {
  display: block !important;
  margin: 0;
  padding: 0;
  border: transparent;
}
#finalizacao-de-compra .woocommerce-info {
  display: none !important;
}
#finalizacao-de-compra .select2-selection {
  border: transparent;
}
#finalizacao-de-compra #coupon_code, #finalizacao-de-compra .input-text, #finalizacao-de-compra .select2-selection__rendered {
  display: block;
  border: var(--black) 1px solid !important;
  border-radius: var(--radius) !important;
}
#finalizacao-de-compra #coupon_code::placeholder, #finalizacao-de-compra .input-text::placeholder, #finalizacao-de-compra .select2-selection__rendered::placeholder {
  color: var(--black) !important;
}
#finalizacao-de-compra #order_comments {
  height: 200px;
}
#finalizacao-de-compra #place_order {
  background-color: var(--blue);
  margin-top: 20px;
  border-radius: var(--radius);
}
#finalizacao-de-compra .woocommerce-checkout-payment {
  border-radius: var(--radius);
  background-color: var(--gray-500);
}
#finalizacao-de-compra .woocommerce-checkout-payment .wc_payment_method label {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: start;
  gap: 20px;
}
#finalizacao-de-compra .woocommerce-checkout-payment .wc_payment_method label img {
  height: 40px;
}
#finalizacao-de-compra .woocommerce-checkout-review-order-table {
  border-radius: var(--radius);
}

.woocommerce-pagination {
  width: 100%;
  padding-top: 60px;
}
.woocommerce-pagination > .page-numbers {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
}
.woocommerce-pagination > .page-numbers .current {
  color: var(--gray-500);
  background-color: var(--gray-750);
}
.woocommerce-pagination > .page-numbers .prev, .woocommerce-pagination > .page-numbers .next {
  border-color: var(--blue);
  background-color: var(--blue);
  color: var(--white);
}
.woocommerce-pagination .page-numbers li span, .woocommerce-pagination .page-numbers li a {
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid var(--gray-750);
  color: var(--gray-750);
  transition: 0.3s ease-in-out;
}

.delivery-popup {
  position: fixed;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.65);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  padding-top: 100px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.delivery-popup.active {
  opacity: 1;
  visibility: visible;
}
.delivery-popup-content {
  margin: 0 auto;
  background-color: white;
  width: 100%;
  padding: 40px;
  max-width: 600px;
  border-radius: 20px;
}
@media (max-width: 720px) {
  .delivery-popup-content {
    padding: 20px;
  }
}

.woocommerce-orders-table__cell-order-actions a {
  padding: 0 10px;
  background-color: transparent !important;
  height: auto;
  margin-top: 10px;
}