@charset "UTF-8";
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/geist/Geist-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/geist/Geist-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/geist/Geist-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/geist/GeistMono-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/geist/GeistMono-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/geist/GeistMono-Thin.woff2") format("woff2");
}
@keyframes headerSlideDown {
  0% {
    margin-top: -80px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes pxl_fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.pxl_fadeIn {
  animation-name: pxl_fadeIn;
}
@keyframes pxl_fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, var(--pxl-animation-distance, -35px), 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.pxl_fadeInDown {
  animation-name: pxl_fadeInDown;
}
@keyframes pxl_fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(var(--pxl-animation-distance, -35px), 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.pxl_fadeInLeft {
  animation-name: pxl_fadeInLeft;
}
@keyframes pxl_fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(var(--pxl-animation-distance, 35px), 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.pxl_fadeInRight {
  animation-name: pxl_fadeInRight;
}
@keyframes pxl_fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, var(--pxl-animation-distance, 35px), 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.pxl_fadeInUp {
  animation-name: pxl_fadeInUp;
}
@keyframes pxl_rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.pxl_rotateIn {
  animation-name: pxl_rotateIn;
}
@keyframes pxl_rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.pxl_rotateInDownLeft {
  animation-name: pxl_rotateInDownLeft;
}
@keyframes pxl_rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.pxl_rotateInDownRight {
  animation-name: pxl_rotateInDownRight;
}
@keyframes pxl_rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.pxl_rotateInUpLeft {
  animation-name: pxl_rotateInUpLeft;
}
@keyframes pxl_rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.pxl_rotateInUpRight {
  animation-name: pxl_rotateInUpRight;
}
@keyframes pxl_zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.pxl_zoomIn {
  animation-name: pxl_zoomIn;
}
@keyframes pxl-animation-pulse {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
}
@keyframes pxl-animation-pulse-grow {
  to {
    transform: scale(1.1);
  }
}
@keyframes pxl-animation-pulse-shrink {
  to {
    transform: scale(0.9);
  }
}
@keyframes pxl-animation-push {
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pxl-animation-pop {
  50% {
    transform: scale(1.2);
  }
}
@keyframes pxl-animation-bob {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes pxl-animation-bob-float {
  100% {
    transform: translateY(-8px);
  }
}
@keyframes fadeInOutCustom {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutInCustom {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes pxl-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes pxl-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes pxl-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes pxl-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes pxl-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes pxl_spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes pxl_spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes pxl_spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes pxl_spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slideLoading {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 3;
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes btn_icon_hover {
  0% {
    transform: translate(0);
    opacity: 1;
  }
  50% {
    transform: translate(10px, -10px);
    opacity: 0;
  }
  100% {
    transform: translate(0);
    opacity: 1;
  }
}
*, *:before, *:after {
  outline: none;
  box-sizing: inherit;
}
::-moz-selection {
  background-color: var(--primary-color);
  color: #fff;
}
::selection {
  background-color: var(--primary-color);
  color: #fff;
}
html {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  html {
    overflow-x: hidden;
  }
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: inherit;
  }
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b, strong {
  font-weight: bold;
}
small, .small {
  font-size: 0.875em;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
p {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
dfn, cite, em, i {
  font-style: italic;
}
pre {
  font-size: 14px;
  overflow: auto;
  background: #f5f5f5;
  padding: 15px;
  font-family: monospace, monospace;
  font-size: 1em;
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
code, kbd, tt, var {
  font-size: 12px;
}
code {
  padding: 2px 4px;
  color: #c7254e;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark, ins {
  text-decoration: none;
}
mark {
  background: #fff9c0;
}
big {
  font-size: 125%;
}
a {
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
img, video, iframe, svg {
  max-width: 100%;
  vertical-align: top;
}
figure {
  margin: 0 0 30px 0;
}
figcaption {
  display: block;
}
form label {
  color: var(--gray2-color);
  max-width: 100%;
  margin-bottom: 8px;
}
label {
  display: block;
}
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
  height: auto;
  line-height: normal;
  width: auto;
  margin-right: 10px;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  border: none;
}
button, input, optgroup, select, textarea {
  max-width: 100%;
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  margin: 0;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
body {
  margin: 0;
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  color: var(--body-color);
  background-color: var(--body_bg-color);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
  font-weight: normal;
}
@media (max-width: 575px) {
  body {
    font-size: calc(var(--body-font-size) - 1px);
  }
}
body.single-post {
  font-size: calc(var(--body-font-size) + 2px);
  line-height: 1.333333;
}
@media (max-width: 575px) {
  body.single-post {
    font-size: calc(var(--body-font-size) + 1px);
  }
}
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: #fafafa;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
body::-webkit-scrollbar-thumb {
  background: #c8c8c8;
  border-radius: 7px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body::-webkit-scrollbar-thumb:hover {
  background: #7d7d7d;
  border: 0;
}
body:before, body:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body:before {
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  cursor: progress;
}
body:after {
  width: 0;
  height: 3px;
  background: rgba(255, 255, 255, 0.7);
  z-index: 9999999;
  opacity: 1;
}
body.loading:before {
  opacity: 1;
  visibility: visible;
}
body.loading:after {
  -webkit-animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards;
  -khtml-animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards;
  -moz-animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards;
  -ms-animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards;
  -o-animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards;
  animation: progress-loading 2s cubic-bezier(0.33, 0, 0.67, 0.99) forwards;
}
body.loaded:after {
  -webkit-animation: progress-loaded 0.5s ease-out forwards;
  -khtml-animation: progress-loaded 0.5s ease-out forwards;
  -moz-animation: progress-loaded 0.5s ease-out forwards;
  -ms-animation: progress-loaded 0.5s ease-out forwards;
  -o-animation: progress-loaded 0.5s ease-out forwards;
  animation: progress-loaded 0.5s ease-out forwards;
}
a {
  text-decoration: none;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 16px 0;
  font-family: var(--heading-font-family);
  color: var(--heading-color);
  line-height: var(--heading-line-height);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
}
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  font-family: var(--heading-font-family);
  color: var(--heading-color);
  line-height: var(--heading-line-height);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6, a:hover .h1, a:hover .h2, a:hover .h3, a:hover .h4, a:hover .h4-1, a:hover .h5, a:hover .h6 {
  color: var(--primary-color);
}
h1, .h1, .size-h1 {
  font-size: var(--heading-font-size-h1);
  line-height: 1.11111;
  letter-spacing: -0.06em;
}
@media (max-width: 1599px) {
  h1, .h1, .size-h1 {
    font-size: 56px;
  }
}
@media (max-width: 1199px) {
  h1, .h1, .size-h1 {
    font-size: 48px;
  }
}
@media (max-width: 991px) {
  h1, .h1, .size-h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  h1, .h1, .size-h1 {
    font-size: 36px;
  }
}
h2, .h2, .size-h2 {
  font-size: var(--heading-font-size-h2);
  line-height: 1.14286;
  letter-spacing: -0.06em;
}
@media (max-width: 1599px) {
  h2, .h2, .size-h2 {
    font-size: 48px;
  }
}
@media (max-width: 1199px) {
  h2, .h2, .size-h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  h2, .h2, .size-h2 {
    font-size: 32px;
  }
}
@media (max-width: 575px) {
  h2, .h2, .size-h2 {
    font-size: 26px;
  }
}
h3, .h3, .size-h3 {
  font-size: var(--heading-font-size-h3);
  line-height: 1.25;
  letter-spacing: -0.055em;
}
@media (max-width: 1199px) {
  h3, .h3, .size-h3 {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  h3, .h3, .size-h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  h3, .h3, .size-h3 {
    font-size: 20px;
  }
}
h4, .h4, .size-h4 {
  font-size: var(--heading-font-size-h4);
}
@media (max-width: 1199px) {
  h4, .h4, .size-h4 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  h4, .h4, .size-h4 {
    font-size: 18px;
  }
}
h5, .h5, .size-h5 {
  font-size: var(--heading-font-size-h5);
}
h6, .h6, .size-h6 {
  font-size: var(--heading-font-size-h6);
}
img {
  max-width: 100%;
  height: auto;
}
ul, ol {
  list-style-position: inside;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}
ul ul, ul ol, ol ul, ol ol {
  padding-left: 15px;
}
[dir="rtl"] ul ul, [dir="rtl"] ul ol, [dir="rtl"] ol ul, [dir="rtl"] ol ol {
  padding-left: 0;
  padding-right: 15px;
}
ul.list-unstyled, ul.unstyled, ol.list-unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.list-unstyled ul, ul.list-unstyled ol, ul.unstyled ul, ul.unstyled ol, ol.list-unstyled ul, ol.list-unstyled ol, ol.unstyled ul, ol.unstyled ol {
  list-style: none;
}
ul.horizontal, ol.horizontal {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
ul.horizontal > li, ol.horizontal > li {
  padding: 5px;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
table {
  width: 100%;
  max-width: 100%;
  border: 1px solid #e0e0e0;
  border-spacing: 0;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
table th, table td {
  padding: 8px;
  border: 1px solid #e0e0e0;
  border-top: 0;
  border-left: 0;
  text-align: start;
  vertical-align: middle;
}
table th:last-child, table td:last-child {
  border-right: 0;
}
table + * {
  margin-top: 20px;
}
table tbody tr:last-child th, table tbody tr:last-child td {
  border-bottom: 0;
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
}
img.image-fit, img.img-fit {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  -moz-object-fit: cover;
  -ms-filter-object-fit: cover;
  -webkit-object-fit: cover;
}
img.alignleft[alt="Image Alignment 150x150"], img.alignright[alt="Image Alignment 150x150"] {
  clear: both;
}
a {
  color: var(--main-color);
  text-decoration: none;
}
a:hover {
  color: var(--primary-color);
}
a:hover, a:active, a:focus {
  text-decoration: none;
}
p, ul, ol, dl, dt, dd, blockquote, address {
  margin: 0 0 10px;
}
.p, p {
  line-height: 1.33333;
}
.p:last-child, p:last-child {
  margin-bottom: 0;
}
.dropcap {
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  margin-right: 0.5rem;
  color: var(--primary-color);
  border-radius: 6px;
}
blockquote {
  padding: 24px;
  margin: 15px 0;
  font-size: 16px;
  line-height: 1.2;
  color: var(--heading-color);
  border-radius: 6px;
  text-align: center;
  overflow: hidden;
}
[dir="rtl"] blockquote.has-text-align-right {
  text-align: left;
}
blockquote cite {
  font-family: var(--heading-font-family);
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  font-style: inherit;
  background: transparent;
  text-transform: uppercase;
  color: var(--main-color);
  position: relative;
  display: block;
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin-top: 20px;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-white {
  color: #fff;
}
.text-main {
  color: var(--main-color);
}
.text-primary {
  color: var(--primary-color);
  fill: var(--primary-color);
}
.text-second {
  color: var(--main-color);
  fill: var(--main-color);
}
.txt-secondary {
  color: var(--main-color);
  fill: var(--main-color);
}
.txt-gray1 {
  color: var(--gray1-color);
  fill: var(--gray1-color);
}
.txt-gray2 {
  color: var(--gray2-color);
  fill: var(--gray2-color);
}
.txt-gray10 {
  color: var(--gray10-color);
  fill: var(--gray10-color);
}
.txt-grayx1 {
  color: var(--gray1_dark-color);
  fill: var(--gray1_dark-color);
}
.txt-dark {
  color: #0e1e2b;
  fill: #0e1e2b;
}
.text-white {
  color: #fff;
  fill: #fff;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-muted {
  color: #adb5bd;
}
.bg-primary {
  background-color: var(--primary-color);
}
.hidden-item {
  display: none;
}
.fw-bold, .fw-700 {
  font-weight: 700;
}
.fw-normal, .fw-400 {
  font-weight: 400;
}
.fw-medium, .fw-500 {
  font-weight: 500;
}
.circle {
  border-radius: 100%;
}
.label {
  padding: 4px 15px;
  font-weight: 500;
  border-radius: 4px;
  font-size: 75%;
}
.meta-term {
  font-family: var(--second-font);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.42857;
  letter-spacing: -0.04em;
  color: var(--gray2-color);
  text-transform: uppercase;
  padding: 4px 0;
  text-align: center;
  background-color: var(--gray9-color);
}
.mt-15 {
  margin-top: 1.5rem;
}
.mr-025 {
  margin-right: 0.25rem;
}
.mr-05 {
  margin-right: 0.5rem;
}
.mr-1 {
  margin-right: 1rem;
}
.ml-025 {
  margin-left: 0.25rem;
}
.ml-05 {
  margin-left: 0.5rem;
}
.ml-1 {
  margin-left: 1rem;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-05 {
  margin-bottom: 0.5rem;
}
.mb-1 {
  margin-bottom: 1rem;
}
.bg-light {
  background-color: #f8f9fa;
}
.fw-500 {
  font-weight: 500;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem;
  }
}
[dir="rtl"] .rtl-flip {
  -webkit-transform: scaleX(-1);
  -khtml-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.custom-phone {
  font-family: var(--heading-font-family);
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media (max-width: 480px) {
  .d-xxs-none {
    display: none;
  }
}
.d-flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.d-flex-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.d-flex-wrap > * {
  flex-shrink: 0;
  max-width: 100%;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.min-h-100vh {
  min-height: 100vh !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
@media (max-width: 575px) {
  .overflow-hidden-xs {
    overflow: hidden !important;
  }
}
.bg-image {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.scale-hover {
  overflow: hidden;
}
.scale-hover img {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.scale-hover .parallax-inner {
  -webkit-transform: scale(1.1);
  -khtml-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.scale-hover:hover img {
  -webkit-transform: scale(1.1);
  -khtml-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.scale-hover:hover .parallax-inner {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.scale-hover1 {
  overflow: hidden;
}
.scale-hover1 img {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.scale-hover1 .parallax-inner {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.scale-hover1:hover img {
  -webkit-transform: scale(1.1);
  -khtml-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.scale-hover1:hover .parallax-inner {
  -webkit-transform: scale(1.1) !important;
  -khtml-transform: scale(1.1) !important;
  -moz-transform: scale(1.1) !important;
  -ms-transform: scale(1.1) !important;
  -o-transform: scale(1.1) !important;
  transform: scale(1.1) !important;
}
.icon-hover:hover .pxl-icon i, .icon-hover:hover .pxl-icon span, .icon-hover:hover svg {
  -webkit-animation: pulse 500ms linear 0s;
  -khtml-animation: pulse 500ms linear 0s;
  -moz-animation: pulse 500ms linear 0s;
  -ms-animation: pulse 500ms linear 0s;
  -o-animation: pulse 500ms linear 0s;
  animation: pulse 500ms linear 0s;
}
.icon-hover1:hover .pxl-icon i, .icon-hover1:hover .pxl-icon span, .icon-hover1:hover svg {
  -webkit-animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -khtml-animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -moz-animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -ms-animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  -o-animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
  animation: pxl-zoom-out-in-small 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.hover-underline a, a.hover-underline {
  position: relative;
}
.hover-underline a:after, a.hover-underline:after {
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 1px solid;
  transition: all 350ms;
}
.hover-underline a:hover, a.hover-underline:hover {
  color: inherit;
}
.hover-underline a:hover:after, a.hover-underline:hover:after {
  width: 100%;
}
.bypostauthor {
  display: block;
}
.alignleft, .alignright, .aligncenter {
  margin-top: 6px;
  margin-bottom: 45px;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 35px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 35px;
  clear: right;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sticky {
  display: block;
}
.pxl-sticky {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 35px;
  z-index: 1;
}
.list-style-none {
  list-style: none;
}
.italic {
  font-style: italic;
}
.no-padding {
  padding: 0 !important;
}
.text-underline {
  text-decoration: underline;
}
.relative {
  position: relative;
}
.relative-inner > div {
  position: relative;
}
.static {
  position: static;
}
.absolute {
  position: absolute;
}
.absoluted {
  position: absolute;
  z-index: 1;
}
.pxl-absoluted {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.pxl-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pos-fixed, .pos-fix {
  position: fixed;
}
.img-cover, .object-fit {
  -o-object-fit: cover;
  object-fit: cover;
}
.img-cover-center {
  object-fit: cover;
  object-position: center;
}
.transition, .pxl-transition {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-invisible {
  visibility: hidden;
}
.font-body {
  font-family: var(--body-font-family) !important;
}
.font-heading {
  font-family: var(--heading-font-family);
}
.pxl-heading {
  color: var(--heading-color);
  font-weight: var(--heading-font-weight);
  margin-top: 0;
}
.text-heading {
  color: var(--heading-color);
}
.empty-none:empty {
  display: none !important;
}
.clearfix::after, .clearfix::before {
  display: block;
  clear: both;
  content: "";
}
.pxl-spin {
  -webkit-animation: pxl-spin 2s linear infinite;
  -khtml-animation: pxl-spin 2s linear infinite;
  -moz-animation: pxl-spin 2s linear infinite;
  -ms-animation: pxl-spin 2s linear infinite;
  -o-animation: pxl-spin 2s linear infinite;
  animation: pxl-spin 2s linear infinite;
}
.pxl-transforms {
  -webkit-transform: perspective(var(--pxl-transform-perspective, 0)) rotate(var(--pxl-transform-rotateZ, 0)) rotateX(var(--pxl-transform-rotateX, 0)) rotateY(var(--pxl-transform-rotateY, 0)) translate(var(--pxl-transform-translate, 0)) translateX(var(--pxl-transform-translateX, 0)) translateY(var(--pxl-transform-translateY, 0)) scaleX(calc(var(--pxl-transform-flipX, 1) * var(--pxl-transform-scaleX, var(--pxl-transform-scale, 1)))) scaleY(calc(var(--pxl-transform-flipY, 1) * var(--pxl-transform-scaleY, var(--pxl-transform-scale, 1)))) skewX(var(--pxl-transform-skewX, 0)) skewY(var(--pxl-transform-skewY, 0));
  transform: perspective(var(--pxl-transform-perspective, 0)) rotate(var(--pxl-transform-rotateZ, 0)) rotateX(var(--pxl-transform-rotateX, 0)) rotateY(var(--pxl-transform-rotateY, 0)) translate(var(--pxl-transform-translate, 0)) translateX(var(--pxl-transform-translateX, 0)) translateY(var(--pxl-transform-translateY, 0)) scaleX(calc(var(--pxl-transform-flipX, 1) * var(--pxl-transform-scaleX, var(--pxl-transform-scale, 1)))) scaleY(calc(var(--pxl-transform-flipY, 1) * var(--pxl-transform-scaleY, var(--pxl-transform-scale, 1)))) skewX(var(--pxl-transform-skewX, 0)) skewY(var(--pxl-transform-skewY, 0));
  -webkit-transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
  -ms-transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
  transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
  -webkit-transition: -webkit-transform var(--pxl-transform-transition-duration, 0.4s);
  transition: -webkit-transform var(--pxl-transform-transition-duration, 0.4s);
  -o-transition: transform var(--pxl-transform-transition-duration, 0.4s);
  transition: transform var(--pxl-transform-transition-duration, 0.4s);
  transition: transform var(--pxl-transform-transition-duration, 0.4s), -webkit-transform var(--pxl-transform-transition-duration, 0.4s);
}
.pxl-ken-burns {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 10s;
  -o-transition-duration: 10s;
  transition-duration: 10s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.pxl-ken-burns--out {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.pxl-ken-burns--active {
  -webkit-transition-duration: 20s;
  -o-transition-duration: 20s;
  transition-duration: 20s;
}
.pxl-ken-burns--active.pxl-ken-burns--out {
  -webkit-animation: pxl-ken-burns-out 30s linear infinite;
  -khtml-animation: pxl-ken-burns-out 30s linear infinite;
  -moz-animation: pxl-ken-burns-out 30s linear infinite;
  -ms-animation: pxl-ken-burns-out 30s linear infinite;
  -o-animation: pxl-ken-burns-out 30s linear infinite;
  animation: pxl-ken-burns-out 30s linear infinite;
}
.pxl-ken-burns--active.pxl-ken-burns--in {
  -webkit-animation: pxl-ken-burns-in 30s linear infinite;
  -khtml-animation: pxl-ken-burns-in 30s linear infinite;
  -moz-animation: pxl-ken-burns-in 30s linear infinite;
  -ms-animation: pxl-ken-burns-in 30s linear infinite;
  -o-animation: pxl-ken-burns-in 30s linear infinite;
  animation: pxl-ken-burns-in 30s linear infinite;
}
.pxl-ken-burns--active.pxl-ken-burns--in-out {
  -webkit-animation: pxl-ken-burns-in-out 60s linear infinite;
  -khtml-animation: pxl-ken-burns-in-out 60s linear infinite;
  -moz-animation: pxl-ken-burns-in-out 60s linear infinite;
  -ms-animation: pxl-ken-burns-in-out 60s linear infinite;
  -o-animation: pxl-ken-burns-in-out 60s linear infinite;
  animation: pxl-ken-burns-in-out 60s linear infinite;
}
.cursor-map-target:hover .pxl-map-wrap {
  opacity: 1;
}
.pxl-map-wrap {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -khtml-transition: opacity 0.3s, visibility 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s;
  -ms-transition: opacity 0.3s, visibility 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
.pxl-map-wrap .pxl-map-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -khtml-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  transform-origin: 50% 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pxl-map-wrap.active {
  opacity: 1;
  visibility: visible;
  z-index: 999999;
}
.pxl-map-wrap.active .pxl-map-content {
  opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.pxl-map-wrap.clicked {
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .pxl-map-wrap.clicked {
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.pxl-bg-parallax {
  position: relative;
  overflow: hidden;
}
.parallax-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.pxl-split-text {
  font-kerning: none;
  -webkit-text-rendering: optimizeSpeed;
  text-rendering: optimizeSpeed;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /* .split-line{
		overflow: hidden;
	} */
}
[class*=" pxl-hover-target-"]:not(.item-image) {
  cursor: pointer;
}
.pxl-transition img {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.custom-anm-draw-from-top img, .custom-anm-draw-from-top .parallax-inner {
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
  -khtml-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
  -moz-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
  -ms-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
  -o-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
  transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
}
.custom-anm-draw-from-top.pxl-animated img, .custom-anm-draw-from-top.pxl-animated .parallax-inner {
  clip-path: inset(0 0 0 0);
}
.custom-anm-draw-from-left img, .custom-anm-draw-from-left .parallax-inner {
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
  -khtml-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
  -moz-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
  -ms-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
  -o-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
  transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
}
.custom-anm-draw-from-left.pxl-animated img, .custom-anm-draw-from-left.pxl-animated .parallax-inner {
  clip-path: inset(0 0 0 0);
}
.custom-anm-draw-from-right img, .custom-anm-draw-from-right .parallax-inner {
  clip-path: inset(0 0 0 100%);
  -webkit-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
  -khtml-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
  -moz-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
  -ms-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
  -o-transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
  transition: 1.2s cubic-bezier(0.63, 0.25, 0.25, 1);
}
.custom-anm-draw-from-right.pxl-animated img, .custom-anm-draw-from-right.pxl-animated .parallax-inner {
  clip-path: inset(0 0 0 0);
}
.custom-anm-move-from-left {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.custom-anm-move-from-left img, .custom-anm-move-from-left .parallax-inner {
  transform-origin: 50% 50%;
  transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
  -webkit-transform: scale(1.5) translate(-150px, 0px);
  -khtml-transform: scale(1.5) translate(-150px, 0px);
  -moz-transform: scale(1.5) translate(-150px, 0px);
  -ms-transform: scale(1.5) translate(-150px, 0px);
  -o-transform: scale(1.5) translate(-150px, 0px);
  transform: scale(1.5) translate(-150px, 0px);
}
.custom-anm-move-from-left.pxl-animated {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.custom-anm-move-from-left.pxl-animated img, .custom-anm-move-from-left.pxl-animated .parallax-inner {
  -webkit-transform: scale(1) translate(0px, 0px);
  -khtml-transform: scale(1) translate(0px, 0px);
  -moz-transform: scale(1) translate(0px, 0px);
  -ms-transform: scale(1) translate(0px, 0px);
  -o-transform: scale(1) translate(0px, 0px);
  transform: scale(1) translate(0px, 0px);
}
.custom-anm-move-from-right {
  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}
.custom-anm-move-from-right img, .custom-anm-move-from-right .parallax-inner {
  transform-origin: 50% 50%;
  transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
  -webkit-transform: scale(1.5) translate(150px, 0px);
  -khtml-transform: scale(1.5) translate(150px, 0px);
  -moz-transform: scale(1.5) translate(150px, 0px);
  -ms-transform: scale(1.5) translate(150px, 0px);
  -o-transform: scale(1.5) translate(150px, 0px);
  transform: scale(1.5) translate(150px, 0px);
}
.custom-anm-move-from-right.pxl-animated {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.custom-anm-move-from-right.pxl-animated img, .custom-anm-move-from-right.pxl-animated .parallax-inner {
  -webkit-transform: scale(1) translate(0px, 0px);
  -khtml-transform: scale(1) translate(0px, 0px);
  -moz-transform: scale(1) translate(0px, 0px);
  -ms-transform: scale(1) translate(0px, 0px);
  -o-transform: scale(1) translate(0px, 0px);
  transform: scale(1) translate(0px, 0px);
}
.custom-anm-skew-in {
  visibility: hidden;
}
.custom-anm-skew-in.pxl-animated {
  visibility: visible;
  -webkit-animation-name: pxl_skew_in;
  animation-name: pxl_skew_in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.custom-anm-skew-in-right {
  visibility: hidden;
}
.custom-anm-skew-in-right.pxl-animated {
  visibility: visible;
  -webkit-animation-name: pxl_skew_in_right;
  animation-name: pxl_skew_in_right;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.custom-anm-zoom-in img {
  -webkit-transform: scale(0.4);
  -khtml-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-transition: all 800ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 800ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 800ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 800ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 800ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 800ms cubic-bezier(0.4, 0, 1, 1);
}
.custom-anm-zoom-in.pxl-animated img {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.custom-anm-zoom-out img {
  -webkit-transform: scale(2);
  -khtml-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  -webkit-transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
  -khtml-transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
  -moz-transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
  -ms-transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
  -o-transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
  transition: all 800ms cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.custom-anm-zoom-out.pxl-animated img {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.pxl-anm-gsap:not(.gsap-method-from):not([class*=" anm-assign-for-"]) {
  opacity: var(--pxl_from_opacity, 1);
}
.pxl-anm-gsap.anm-assign-for-list-item .list-item {
  opacity: var(--pxl_from_opacity, 1);
}
.pxl-anm-gsap.anm-assign-for-grid-item .grid-item {
  opacity: var(--pxl_from_opacity, 1);
}
.elementor-element.pxl-border-wg-anm, .elementor-element.pxl-border-wg-anm > .elementor-widget-container {
  border-width: 0 !important;
  position: relative;
}
.pxl-animated {
  animation-duration: var(--pxl-animation-duration, 2.25s);
}
.pxl-border-animated .pxl-border-anm {
  position: absolute;
  transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-border-animated .pxl-border-anm.bt {
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 0;
}
.pxl-border-animated .pxl-border-anm.br {
  top: 0;
  right: 0;
  transform: scaleY(0);
  transform-origin: 100% 0;
}
.pxl-border-animated .pxl-border-anm.bb {
  left: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: 0 100%;
}
.pxl-border-animated .pxl-border-anm.bl {
  top: 0;
  left: 0;
  transform: scaleY(0);
  transform-origin: 0 0;
}
.pxl-border-animated.num-3 .pxl-border-anm.br, .pxl-border-animated.num-3 .pxl-border-anm.bb, .pxl-border-animated.num-4 .pxl-border-anm.br, .pxl-border-animated.num-4 .pxl-border-anm.bb {
  transition-delay: 1s;
}
.pxl-border-animated.pxl-animated .pxl-border-anm {
  transform: scale(1);
}
.pxl-split-text {
  opacity: var(--opacity, 1);
}
.pxl_title_split_text {
  opacity: var(--title_opacity, 1);
}
.pxl_subtitle_split_text {
  opacity: var(--subtitle_opacity, 1);
}
.pxl-hover-anm:active .pulse, .pxl-hover-anm:focus .pulse, .pxl-hover-anm:hover .pulse {
  animation-name: pxl-animation-pulse;
  animation-duration: var(--animation-duration, 1s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.pxl-hover-anm:active .pulse-grow, .pxl-hover-anm:focus .pulse-grow, .pxl-hover-anm:hover .pulse-grow {
  animation-name: pxl-animation-pulse-grow;
  animation-duration: var(--animation-duration, 300ms);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.pxl-hover-anm:active .pulse-shrink, .pxl-hover-anm:focus .pulse-shrink, .pxl-hover-anm:hover .pulse-shrink {
  animation-name: pxl-animation-pulse-shrink;
  animation-duration: var(--animation-duration, 300ms);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.pxl-hover-anm:active .push, .pxl-hover-anm:focus .push, .pxl-hover-anm:hover .push {
  animation-name: pxl-animation-push;
  animation-duration: var(--animation-duration, 300ms);
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.pxl-hover-anm:active .pop, .pxl-hover-anm:focus .pop, .pxl-hover-anm:hover .pop {
  animation-name: pxl-animation-pop;
  animation-duration: var(--animation-duration, 300ms);
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.pxl-hover-anm:active .bob, .pxl-hover-anm:focus .bob, .pxl-hover-anm:hover .bob {
  animation-name: pxl-animation-bob-float, pxl-animation-bob;
  animation-duration: var(--animation-duration, 300ms), 1.5s;
  animation-delay: 0s, 0.3s;
  animation-timing-function: ease-out, ease-in-out;
  animation-iteration-count: 1, infinite;
  animation-fill-mode: forwards;
  animation-direction: normal, alternate;
}
.pxl-hover-anm:active .fade-in-out, .pxl-hover-anm:focus .fade-in-out, .pxl-hover-anm:hover .fade-in-out {
  animation: fadeInOutCustom var(--animation-duration, 8s) infinite linear alternate;
}
.pxl-hover-anm:active .fade-out-in, .pxl-hover-anm:focus .fade-out-in, .pxl-hover-anm:hover .fade-out-in {
  animation: fadeOutInCustom var(--animation-duration, 8s) infinite linear alternate;
}
.container {
  --pxl-gutter-x: 24px;
  width: 100%;
  padding-right: calc(var(--pxl-gutter-x, 12px) * .5);
  padding-left: calc(var(--pxl-gutter-x, 12px) * .5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1392px) {
  .container {
    max-width: 1368px;
  }
}
.row {
  --pxl-gutter-x: 24px;
  --pxl-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--pxl-gutter-y) * -1);
  margin-right: calc(var(--pxl-gutter-x) * -.5);
  margin-left: calc(var(--pxl-gutter-x) * -.5);
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--pxl-gutter-x) * .5);
  padding-left: calc(var(--pxl-gutter-x) * .5);
  margin-top: var(--pxl-gutter-y);
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
@media (min-width: 576px) {
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col {
  flex: 1 0 0%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
.d-inline {
  display: inline;
}
.d-inline-block {
  display: inline-block;
}
.d-block {
  display: block;
}
.d-grid {
  display: grid;
}
.d-table {
  display: table;
}
.d-table-row {
  display: table-row;
}
.d-table-cell {
  display: table-cell;
}
.d-flex {
  display: flex;
}
.d-inline-flex {
  display: inline-flex;
}
.d-none {
  display: none;
}
.flex-fill {
  flex: 1 1 auto;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink-1 {
  flex-shrink: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-center {
  align-items: center;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-stretch {
  align-items: stretch;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-center {
  align-content: center;
}
.align-content-between {
  align-content: space-between;
}
.align-content-around {
  align-content: space-around;
}
.align-content-stretch {
  align-content: stretch;
}
.align-self-auto {
  align-self: auto;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.align-self-baseline {
  align-self: baseline;
}
.align-self-stretch {
  align-self: stretch;
}
.order-first {
  order: -1;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-last {
  order: 6;
}
.text-start {
  text-align: left;
}
.text-end {
  text-align: right;
}
.text-center {
  text-align: center;
}
@media (min-width: 576px) {
  .d-sm-inline {
    display: inline;
  }
  .d-sm-inline-block {
    display: inline-block;
  }
  .d-sm-block {
    display: block;
  }
  .d-sm-grid {
    display: grid;
  }
  .d-sm-table {
    display: table;
  }
  .d-sm-table-row {
    display: table-row;
  }
  .d-sm-table-cell {
    display: table-cell;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-inline-flex {
    display: inline-flex;
  }
  .d-sm-none {
    display: none;
  }
  .flex-sm-fill {
    flex: 1 1 auto;
  }
  .flex-sm-row {
    flex-direction: row;
  }
  .flex-sm-column {
    flex-direction: column;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-sm-grow-0 {
    flex-grow: 0;
  }
  .flex-sm-grow-1 {
    flex-grow: 1;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1;
  }
  .flex-sm-wrap {
    flex-wrap: wrap;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-sm-start {
    justify-content: flex-start;
  }
  .justify-content-sm-end {
    justify-content: flex-end;
  }
  .justify-content-sm-center {
    justify-content: center;
  }
  .justify-content-sm-between {
    justify-content: space-between;
  }
  .justify-content-sm-around {
    justify-content: space-around;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly;
  }
  .align-items-sm-start {
    align-items: flex-start;
  }
  .align-items-sm-end {
    align-items: flex-end;
  }
  .align-items-sm-center {
    align-items: center;
  }
  .align-items-sm-baseline {
    align-items: baseline;
  }
  .align-items-sm-stretch {
    align-items: stretch;
  }
  .align-content-sm-start {
    align-content: flex-start;
  }
  .align-content-sm-end {
    align-content: flex-end;
  }
  .align-content-sm-center {
    align-content: center;
  }
  .align-content-sm-between {
    align-content: space-between;
  }
  .align-content-sm-around {
    align-content: space-around;
  }
  .align-content-sm-stretch {
    align-content: stretch;
  }
  .align-self-sm-auto {
    align-self: auto;
  }
  .align-self-sm-start {
    align-self: flex-start;
  }
  .align-self-sm-end {
    align-self: flex-end;
  }
  .align-self-sm-center {
    align-self: center;
  }
  .align-self-sm-baseline {
    align-self: baseline;
  }
  .align-self-sm-stretch {
    align-self: stretch;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-last {
    order: 6;
  }
  .text-sm-start {
    text-align: left;
  }
  .text-sm-end {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline;
  }
  .d-md-inline-block {
    display: inline-block;
  }
  .d-md-block {
    display: block;
  }
  .d-md-grid {
    display: grid;
  }
  .d-md-table {
    display: table;
  }
  .d-md-table-row {
    display: table-row;
  }
  .d-md-table-cell {
    display: table-cell;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-inline-flex {
    display: inline-flex;
  }
  .d-md-none {
    display: none;
  }
  .flex-md-fill {
    flex: 1 1 auto;
  }
  .flex-md-row {
    flex-direction: row;
  }
  .flex-md-column {
    flex-direction: column;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-md-grow-0 {
    flex-grow: 0;
  }
  .flex-md-grow-1 {
    flex-grow: 1;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1;
  }
  .flex-md-wrap {
    flex-wrap: wrap;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-md-start {
    justify-content: flex-start;
  }
  .justify-content-md-end {
    justify-content: flex-end;
  }
  .justify-content-md-center {
    justify-content: center;
  }
  .justify-content-md-between {
    justify-content: space-between;
  }
  .justify-content-md-around {
    justify-content: space-around;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly;
  }
  .align-items-md-start {
    align-items: flex-start;
  }
  .align-items-md-end {
    align-items: flex-end;
  }
  .align-items-md-center {
    align-items: center;
  }
  .align-items-md-baseline {
    align-items: baseline;
  }
  .align-items-md-stretch {
    align-items: stretch;
  }
  .align-content-md-start {
    align-content: flex-start;
  }
  .align-content-md-end {
    align-content: flex-end;
  }
  .align-content-md-center {
    align-content: center;
  }
  .align-content-md-between {
    align-content: space-between;
  }
  .align-content-md-around {
    align-content: space-around;
  }
  .align-content-md-stretch {
    align-content: stretch;
  }
  .align-self-md-auto {
    align-self: auto;
  }
  .align-self-md-start {
    align-self: flex-start;
  }
  .align-self-md-end {
    align-self: flex-end;
  }
  .align-self-md-center {
    align-self: center;
  }
  .align-self-md-baseline {
    align-self: baseline;
  }
  .align-self-md-stretch {
    align-self: stretch;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-last {
    order: 6;
  }
  .text-md-start {
    text-align: left;
  }
  .text-md-end {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline;
  }
  .d-lg-inline-block {
    display: inline-block;
  }
  .d-lg-block {
    display: block;
  }
  .d-lg-grid {
    display: grid;
  }
  .d-lg-table {
    display: table;
  }
  .d-lg-table-row {
    display: table-row;
  }
  .d-lg-table-cell {
    display: table-cell;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-inline-flex {
    display: inline-flex;
  }
  .d-lg-none {
    display: none;
  }
  .flex-lg-fill {
    flex: 1 1 auto;
  }
  .flex-lg-row {
    flex-direction: row;
  }
  .flex-lg-column {
    flex-direction: column;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-lg-grow-0 {
    flex-grow: 0;
  }
  .flex-lg-grow-1 {
    flex-grow: 1;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1;
  }
  .flex-lg-wrap {
    flex-wrap: wrap;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-lg-start {
    justify-content: flex-start;
  }
  .justify-content-lg-end {
    justify-content: flex-end;
  }
  .justify-content-lg-center {
    justify-content: center;
  }
  .justify-content-lg-between {
    justify-content: space-between;
  }
  .justify-content-lg-around {
    justify-content: space-around;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
  .align-items-lg-start {
    align-items: flex-start;
  }
  .align-items-lg-end {
    align-items: flex-end;
  }
  .align-items-lg-center {
    align-items: center;
  }
  .align-items-lg-baseline {
    align-items: baseline;
  }
  .align-items-lg-stretch {
    align-items: stretch;
  }
  .align-content-lg-start {
    align-content: flex-start;
  }
  .align-content-lg-end {
    align-content: flex-end;
  }
  .align-content-lg-center {
    align-content: center;
  }
  .align-content-lg-between {
    align-content: space-between;
  }
  .align-content-lg-around {
    align-content: space-around;
  }
  .align-content-lg-stretch {
    align-content: stretch;
  }
  .align-self-lg-auto {
    align-self: auto;
  }
  .align-self-lg-start {
    align-self: flex-start;
  }
  .align-self-lg-end {
    align-self: flex-end;
  }
  .align-self-lg-center {
    align-self: center;
  }
  .align-self-lg-baseline {
    align-self: baseline;
  }
  .align-self-lg-stretch {
    align-self: stretch;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-last {
    order: 6;
  }
  .text-lg-start {
    text-align: left;
  }
  .text-lg-end {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline;
  }
  .d-xl-inline-block {
    display: inline-block;
  }
  .d-xl-block {
    display: block;
  }
  .d-xl-grid {
    display: grid;
  }
  .d-xl-table {
    display: table;
  }
  .d-xl-table-row {
    display: table-row;
  }
  .d-xl-table-cell {
    display: table-cell;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-inline-flex {
    display: inline-flex;
  }
  .d-xl-none {
    display: none;
  }
  .flex-xl-fill {
    flex: 1 1 auto;
  }
  .flex-xl-row {
    flex-direction: row;
  }
  .flex-xl-column {
    flex-direction: column;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-xl-grow-0 {
    flex-grow: 0;
  }
  .flex-xl-grow-1 {
    flex-grow: 1;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1;
  }
  .flex-xl-wrap {
    flex-wrap: wrap;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-xl-start {
    justify-content: flex-start;
  }
  .justify-content-xl-end {
    justify-content: flex-end;
  }
  .justify-content-xl-center {
    justify-content: center;
  }
  .justify-content-xl-between {
    justify-content: space-between;
  }
  .justify-content-xl-around {
    justify-content: space-around;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly;
  }
  .align-items-xl-start {
    align-items: flex-start;
  }
  .align-items-xl-end {
    align-items: flex-end;
  }
  .align-items-xl-center {
    align-items: center;
  }
  .align-items-xl-baseline {
    align-items: baseline;
  }
  .align-items-xl-stretch {
    align-items: stretch;
  }
  .align-content-xl-start {
    align-content: flex-start;
  }
  .align-content-xl-end {
    align-content: flex-end;
  }
  .align-content-xl-center {
    align-content: center;
  }
  .align-content-xl-between {
    align-content: space-between;
  }
  .align-content-xl-around {
    align-content: space-around;
  }
  .align-content-xl-stretch {
    align-content: stretch;
  }
  .align-self-xl-auto {
    align-self: auto;
  }
  .align-self-xl-start {
    align-self: flex-start;
  }
  .align-self-xl-end {
    align-self: flex-end;
  }
  .align-self-xl-center {
    align-self: center;
  }
  .align-self-xl-baseline {
    align-self: baseline;
  }
  .align-self-xl-stretch {
    align-self: stretch;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-last {
    order: 6;
  }
  .text-xl-start {
    text-align: left;
  }
  .text-xl-end {
    text-align: right;
  }
  .text-xl-center {
    text-align: center;
  }
}
@media (min-width: 1600px) {
  .d-xxl-inline {
    display: inline;
  }
  .d-xxl-inline-block {
    display: inline-block;
  }
  .d-xxl-block {
    display: block;
  }
  .d-xxl-grid {
    display: grid;
  }
  .d-xxl-table {
    display: table;
  }
  .d-xxl-table-row {
    display: table-row;
  }
  .d-xxl-table-cell {
    display: table-cell;
  }
  .d-xxl-flex {
    display: flex;
  }
  .d-xxl-inline-flex {
    display: inline-flex;
  }
  .d-xxl-none {
    display: none;
  }
  .flex-xxl-fill {
    flex: 1 1 auto;
  }
  .flex-xxl-row {
    flex-direction: row;
  }
  .flex-xxl-column {
    flex-direction: column;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-xxl-start {
    justify-content: flex-start;
  }
  .justify-content-xxl-end {
    justify-content: flex-end;
  }
  .justify-content-xxl-center {
    justify-content: center;
  }
  .justify-content-xxl-between {
    justify-content: space-between;
  }
  .justify-content-xxl-around {
    justify-content: space-around;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly;
  }
  .align-items-xxl-start {
    align-items: flex-start;
  }
  .align-items-xxl-end {
    align-items: flex-end;
  }
  .align-items-xxl-center {
    align-items: center;
  }
  .align-items-xxl-baseline {
    align-items: baseline;
  }
  .align-items-xxl-stretch {
    align-items: stretch;
  }
  .align-content-xxl-start {
    align-content: flex-start;
  }
  .align-content-xxl-end {
    align-content: flex-end;
  }
  .align-content-xxl-center {
    align-content: center;
  }
  .align-content-xxl-between {
    align-content: space-between;
  }
  .align-content-xxl-around {
    align-content: space-around;
  }
  .align-content-xxl-stretch {
    align-content: stretch;
  }
  .align-self-xxl-auto {
    align-self: auto;
  }
  .align-self-xxl-start {
    align-self: flex-start;
  }
  .align-self-xxl-end {
    align-self: flex-end;
  }
  .align-self-xxl-center {
    align-self: center;
  }
  .align-self-xxl-baseline {
    align-self: baseline;
  }
  .align-self-xxl-stretch {
    align-self: stretch;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-last {
    order: 6;
  }
  .text-xxl-start {
    text-align: left;
  }
  .text-xxl-end {
    text-align: right;
  }
  .text-xxl-center {
    text-align: center;
  }
}
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
embed, iframe, object {
  max-width: 100%;
}
.custom-logo-link {
  display: inline-block;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption-text {
  padding-top: 12px;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #707070;
  font-style: italic;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 0px;
  overflow: hidden;
  position: absolute;
  width: 0px;
  word-wrap: normal;
  visibility: hidden;
  opacity: 0;
  display: none;
}
.gallery-caption {
  display: block;
  text-align: left;
  padding: 0 10px 0 0;
  margin-bottom: 0;
}
.gallery {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 25px;
  margin-top: 28px;
}
.gallery-item {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 0 0 1em;
  padding: 0 10px;
  width: 50%;
}
.gallery-item .gallery-icon {
  overflow: hidden;
}
.gallery-caption {
  display: block;
  text-align: left;
  padding: 0 10px 0 0;
  margin-bottom: 0;
  margin-top: 8px;
}
.wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
  display: flex;
}
.wp-block-gallery.alignfull {
  margin-bottom: 20px;
}
.wp-block-gallery.alignfull .blocks-gallery-caption {
  margin-bottom: 20px;
}
.wp-block-gallery.alignleft {
  margin-right: 20px;
}
#primary:not(.content-has-sidebar) .wp-block-gallery.alignfull {
  width: 100vw;
}
#primary:not(.content-has-sidebar) .wp-block-gallery.alignfull .blocks-gallery-grid {
  position: relative;
  left: calc(-12.5% - 128px);
  width: calc(125% + 150px);
  max-width: calc(125% + 150px);
}
.gallery-columns-1 .gallery-item {
  width: 100%;
}
@media (min-width: 480px) {
  .gallery-columns-3 .gallery-item {
    width: 33.333333%;
  }
}
@media (min-width: 480px) {
  .gallery-columns-4 .gallery-item {
    width: 25%;
  }
}
.gallery-columns-5 .gallery-caption {
  display: none;
}
@media (min-width: 480px) {
  .gallery-columns-5 .gallery-item {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .gallery-columns-5 .gallery-item {
    width: 20%;
  }
}
.gallery-columns-6 .gallery-caption {
  display: none;
}
@media (min-width: 480px) {
  .gallery-columns-6 .gallery-item {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .gallery-columns-6 .gallery-item {
    width: 16.66%;
  }
}
.gallery-columns-7 .gallery-caption {
  display: none;
}
@media (min-width: 480px) {
  .gallery-columns-7 .gallery-item {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .gallery-columns-7 .gallery-item {
    width: 14.28%;
  }
}
.gallery-columns-8 .gallery-caption {
  display: none;
}
@media (min-width: 480px) {
  .gallery-columns-8 .gallery-item {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .gallery-columns-8 .gallery-item {
    width: 12.5%;
  }
}
.gallery-columns-9 .gallery-caption {
  display: none;
}
@media (min-width: 480px) {
  .gallery-columns-9 .gallery-item {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .gallery-columns-9 .gallery-item {
    width: 11.11%;
  }
}
.gallery-caption {
  display: block;
}
.wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
  display: flex;
}
.elementor-lightbox .elementor-swiper-button [class*=" eicon-"], .elementor-lightbox .elementor-swiper-button [class^=eicon] {
  font-family: "pxli";
}
.elementor-lightbox .elementor-swiper-button .eicon-chevron-right:before {
  content: "";
}
.elementor-lightbox .elementor-swiper-button .eicon-chevron-left:before {
  content: "";
}
@media (max-width: 991px) {
  .pxl-sidebar-area:not(.sidebar-docs) {
    margin-top: 80px;
  }
}
.pxl-loader {
  background: #fff;
  height: 100vh;
  position: fixed;
  width: 100%;
  z-index: 999999;
  top: 0;
  left: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-loader.style-1 .loading-spinner {
  margin: -45px auto 0 auto;
  width: 90px;
  height: 90px;
  top: 50%;
  position: relative;
  text-align: center;
}
.pxl-loader.style-2 .loading-spinner {
  margin: -20px auto 0 auto;
  width: 40px;
  height: 40px;
  top: 50%;
  position: relative;
  text-align: center;
  -webkit-animation: sk-rotate 2s infinite linear;
  animation: sk-rotate 2s infinite linear;
}
.pxl-loader.style-2 .loading-dot1, .pxl-loader.style-2 .loading-dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: var(--primary-color);
  border-radius: 100%;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.pxl-loader.style-2 .loading-dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.pxl-loader.style-3 .loading-2dot-rotate {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  display: inline-block;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
}
.pxl-loader.style-3 .loading-3 {
  width: 20px;
  height: 20px;
  background-color: #77b80f;
  box-shadow: 3em 0px 0px #77b80f;
  border-radius: 50%;
  animation: loader-5 1s ease-in-out infinite alternate;
}
.swiper-initialized .pxl-swiper-loader {
  display: none;
}
.pxl-swiper-loader {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.pxl-swiper-loader > * {
  max-width: 100%;
}
.pxl-swiper-loader .five-dots {
  display: flex;
  column-gap: 10px;
  z-index: 1;
}
.pxl-swiper-loader .five-dots .dot {
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 100%;
  display: inline-block;
  animation: slideLoading 1s infinite;
}
@media (max-width: 1199px) {
  .pxl-swiper-loader .five-dots .dot {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 767px) {
  .pxl-swiper-loader .five-dots .dot {
    width: 5px;
    height: 5px;
  }
}
.pxl-swiper-loader .five-dots .dot:nth-child(1) {
  animation-delay: 0.1s;
  background: #c1bfbf;
}
.pxl-swiper-loader .five-dots .dot:nth-child(2) {
  animation-delay: 0.2s;
  background: #c1bfbfbf;
}
.pxl-swiper-loader .five-dots .dot:nth-child(3) {
  animation-delay: 0.3s;
  background: #c1bfbf8c;
}
.pxl-swiper-loader .five-dots .dot:nth-child(4) {
  animation-delay: 0.4s;
  background: #c1bfbf59;
}
.pxl-swiper-loader .five-dots .dot:nth-child(5) {
  animation-delay: 0.5s;
  background: #c1bfbf45;
}
.pxl-swiper {
  overflow: hidden;
}
.swiper-nav {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  background-color: var(--nav-bg-color, #fff);
  border-width: var(--nav-border-with);
  border-color: var(--nav-border-color);
  font-size: var(--font-size, 20px);
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper-nav .pxl-icon {
  line-height: 1;
  color: var(--nav-color, var(--main-color));
}
.swiper-nav .pxl-icon span {
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper-nav svg {
  width: 1em;
  height: auto;
  fill: var(--nav-color, var(--main-color));
  -webkit-transition: fill 0.3s ease;
  -khtml-transition: fill 0.3s ease;
  -moz-transition: fill 0.3s ease;
  -ms-transition: fill 0.3s ease;
  -o-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.swiper-nav svg path {
  -webkit-transition: stroke 0.3s ease;
  -khtml-transition: stroke 0.3s ease;
  -moz-transition: stroke 0.3s ease;
  -ms-transition: stroke 0.3s ease;
  -o-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease;
}
.swiper-nav:hover {
  background-color: var(--nav-bg-color-hover, var(--nav-bg-color));
  border-color: var(--nav-border-color-hover, var(--nav-border-color));
}
.swiper-nav:hover .pxl-icon {
  color: var(--nav-color-hover, var(--nav-color));
}
.swiper-nav:hover svg {
  fill: var(--nav-color-hover, var(--nav-color));
}
.swiper-nav.swiper-button-disabled {
  cursor: not-allowed;
}
.nav-on-hover .swiper-nav {
  opacity: 0;
}
.nav-on-hover .swiper-nav-prev {
  -webkit-transform: translate(50px, -50%);
  -khtml-transform: translate(50px, -50%);
  -moz-transform: translate(50px, -50%);
  -ms-transform: translate(50px, -50%);
  -o-transform: translate(50px, -50%);
  transform: translate(50px, -50%);
  -webkit-transition: all 0.3s linear 0s;
  -khtml-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.nav-on-hover .swiper-nav-next {
  -webkit-transform: translate(-50px, -50%);
  -khtml-transform: translate(-50px, -50%);
  -moz-transform: translate(-50px, -50%);
  -ms-transform: translate(-50px, -50%);
  -o-transform: translate(-50px, -50%);
  transform: translate(-50px, -50%);
  -webkit-transition: all 0.3s linear 0s;
  -khtml-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.swiper-progress {
  margin-top: 64px;
  height: var(--progress-bar-height, 2px);
  background: var(--progress-bar-bg-color, #494E57);
}
.swiper-progress:after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: var(--progress-drag-val, 0);
  height: var(--progress-drag-height, 4px);
  background: var(--progress-drag-bg-color, #fff);
}
.pxl-swiper:hover .arrow-on-hover .swiper-nav, .pxl-swiper:focus .arrow-on-hover .swiper-nav {
  opacity: 1;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--gray1-color);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  opacity: 1;
  text-overflow: ellipsis;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: var(--gray1-color);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  opacity: 1;
  text-overflow: ellipsis;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--gray1-color);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  opacity: 1;
  text-overflow: ellipsis;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--gray1-color);
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  opacity: 1;
  text-overflow: ellipsis;
}
input:-internal-autofill-selected {
  background-color: white !important;
  background-image: none !important;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  opacity: 0;
  height: 32px;
  margin-top: 15px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.pxl-input-number-spin {
  width: 19px;
  height: 25px;
  background: #fff;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  top: 12px;
  right: 20px;
}
[dir="rtl"] .pxl-input-number-spin {
  left: 20px;
  right: auto;
}
.pxl-input-number-spin-inner {
  cursor: pointer;
  width: 19px;
  height: 12.5px;
  position: relative;
  display: block;
}
.pxl-input-number-spin-inner:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  border-style: solid;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pxl-input-number-spin-inner.pxl-input-number-spin-up:before {
  border-width: 0 3.5px 4px 3.5px;
  border-color: transparent transparent var(--primary-color) transparent;
}
.pxl-input-number-spin-inner.pxl-input-number-spin-down:before {
  border-width: 4px 3.5px 0 3.5px;
  border-color: var(--primary-color) transparent transparent transparent;
}
.form-field {
  margin-bottom: 16px;
}
.form-label {
  font-size: 14px;
  font-weight: 600;
  line-height: calc(20/14);
  letter-spacing: 0.028em;
  text-transform: uppercase;
}
input::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  text-align: start;
  padding: 0;
  margin: 0;
}
input::-webkit-datetime-edit {
  text-align: start;
  width: 100%;
}
input[type="search" i]::-webkit-search-cancel-button {
  opacity: 0;
  display: none;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, .select2-container.select2-container--default .select2-selection--single {
  background-color: var(--gray8-color);
  border: 1px solid var(--bd-color);
  color: var(--main-color);
  padding: 8px 16px;
  line-height: 32px;
  height: 50px;
  font-size: 14px;
  font-weight: normal;
  text-align: start;
  outline: none;
  border-radius: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, input[type="email"]:hover, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:hover, input[type="url"]:focus, input[type="url"]:active, input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:active, input[type="search"]:hover, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:hover, input[type="tel"]:focus, input[type="tel"]:active, input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:active, input[type="range"]:hover, input[type="range"]:focus, input[type="range"]:active, input[type="date"]:hover, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:hover, input[type="month"]:focus, input[type="month"]:active, input[type="week"]:hover, input[type="week"]:focus, input[type="week"]:active, input[type="time"]:hover, input[type="time"]:focus, input[type="time"]:active, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="color"]:hover, input[type="color"]:focus, input[type="color"]:active, textarea:hover, textarea:focus, textarea:active, .select2-container.select2-container--default .select2-selection--single:hover, .select2-container.select2-container--default .select2-selection--single:focus, .select2-container.select2-container--default .select2-selection--single:active {
  border-color: var(--primary-color);
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="date"] {
  width: 100%;
}
select {
  width: 100%;
  height: 50px;
  line-height: 48px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/select-arrow.png);
  background-position: calc(100% - 18px) 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-left: 16px;
  padding-right: 30px;
}
[dir="rtl"] select {
  background-position: 10px 50%;
  padding-right: 22px;
  padding-left: 30px;
}
textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 110px;
  min-height: 110px;
  padding-top: 15px;
  line-height: normal;
  resize: vertical;
}
.wpcf7 form.wpcf7-form .wpcf7-form-control-wrap {
  display: block;
}
.wpcf7 form.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: none;
}
.wpcf7 form.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid {
  border-color: #fe2724;
}
.wpcf7 form.wpcf7-form .wpcf7-textarea {
  height: 144px;
}
.wpcf7 form.wpcf7-form.submitting button[type="submit"] .btn-icon {
  opacity: 0;
  visibility: hidden;
}
.wpcf7 form.wpcf7-form.submitting button[type="submit"] .btn-text {
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.wpcf7 form.wpcf7-form.submitting button[type="submit"] .pxl-btn-spinner {
  font-size: inherit;
  opacity: 1;
  visibility: visible;
  -webkit-animation: spin 1s infinite linear;
  -khtml-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
.wpcf7 form.wpcf7-form.submitting button[type="submit"] .sq {
  transform: scale(0) !important;
}
.wpcf7 form.wpcf7-form.submitting button[type="submit"] .btn-text {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.wpcf7 form.wpcf7-form .wpcf7-response-output {
  position: absolute;
  color: var(--heading-color);
  padding: 0;
  margin: 0;
  border: 0;
  font-style: italic;
  font-size: 14px;
  line-height: 1.5;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
  color: #27a974;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
  color: #fe2724;
}
.wpcf7 form.wpcf7-form.invalid .wpcf7-response-output {
  color: #fe2724;
}
.contact-form-main + .wpcf7-response-output {
  bottom: -30px;
}
.button, button:not(.none-btn), input[type="button"], input[type="reset"], input[type="submit"] {
  box-sizing: border-box;
  outline: none;
  text-decoration: none;
  vertical-align: bottom;
}
.button:hover, .button:active, .button:focus, button:not(.none-btn):hover, button:not(.none-btn):active, button:not(.none-btn):focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  cursor: pointer;
}
.button:visited, button:not(.none-btn):visited, input[type="button"]:visited, input[type="reset"]:visited, input[type="submit"]:visited {
  text-decoration: none;
}
.button:focus, button:not(.none-btn):focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
  outline: none;
  outline-offset: 0;
}
.btn, button:not(.none-btn), .button, input[type="submit"], input[type="button"], .pxl-btn {
  position: relative;
  display: inline-flex;
  flex-direction: var(--pxl-btn-flex-direction, row);
  align-items: center;
  gap: var(--pxl-btn-gap, 8px);
  font-family: var(--bt-font-family);
  font-size: var(--pxl-btn-font-size, var(--bt-font-size));
  font-weight: var(--bt-font-weight);
  color: var(--pxl-btn-color, var(--bt-color));
  line-height: var(--bt-line-height);
  letter-spacing: var(--bt-letter-spacing);
  padding: var(--pxl-btn-padding-top, var(--bt-padding-top)) var(--pxl-btn-padding-right, var(--bt-padding-right)) var(--pxl-btn-padding-bottom, var(--bt-padding-bottom)) var(--pxl-btn-padding-left, var(--bt-padding-left));
  background-color: var(--pxl-btn-bg-color, var(--bt-bg-color));
  width: var(--pxl-btn-width, auto);
  min-height: var(--pxl-btn-min-height, auto);
  outline: none;
  cursor: pointer;
  vertical-align: top;
  border-style: var(--pxl-btn-border-style, var(--bt-border-style));
  border-width: var(--pxl-btn-border-width, var(--bt-border-width));
  border-color: var(--pxl-btn-border-color, var(--bt-border-color));
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  justify-content: center;
  box-shadow: inset 0 0 0 1px var(--pxl-btn-box-shadow-color) !important;
  border-radius: var(--pxl-btn-border-radius, var(--bt-radius));
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
}
@media (max-width: 767px) {
  .btn, button:not(.none-btn), .button, input[type="submit"], input[type="button"], .pxl-btn {
    font-size: var(--pxl-btn-font-size, 15px);
  }
}
.btn span, button:not(.none-btn) span, .button span, input[type="submit"] span, input[type="button"] span, .pxl-btn span {
  position: relative;
}
.btn:before, button:not(.none-btn):before, .button:before, input[type="submit"]:before, input[type="button"]:before, .pxl-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--pxl-btn-bg-color-hover, var(--bt-bg-color-hover));
  -webkit-transform: translateX(-100%);
  -khtml-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -khtml-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn .pxl-icon, button:not(.none-btn) .pxl-icon, .button .pxl-icon, input[type="submit"] .pxl-icon, input[type="button"] .pxl-icon, .pxl-btn .pxl-icon {
  display: inline-flex;
  color: var(--pxl-btn-icon-color, var(--bt-color));
  font-size: var(--pxl-btn-icon-font-size, 12px);
  -webkit-transform: rotate(var(--icon-rotate));
  -khtml-transform: rotate(var(--icon-rotate));
  -moz-transform: rotate(var(--icon-rotate));
  -ms-transform: rotate(var(--icon-rotate));
  -o-transform: rotate(var(--icon-rotate));
  transform: rotate(var(--icon-rotate));
  -webkit-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  z-index: 1;
}
.btn .pxl-icon svg, button:not(.none-btn) .pxl-icon svg, .button .pxl-icon svg, input[type="submit"] .pxl-icon svg, input[type="button"] .pxl-icon svg, .pxl-btn .pxl-icon svg {
  fill: var(--pxl-btn-icon-color, var(--bt-color));
  width: var(--pxl-btn-icon-font-size, 12px);
  height: auto;
  line-height: 1;
  -webkit-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
  transition: all 300ms cubic-bezier(0.46, 0.23, 1, 1);
}
@media (max-width: 767px) {
  .btn .pxl-icon svg, button:not(.none-btn) .pxl-icon svg, .button .pxl-icon svg, input[type="submit"] .pxl-icon svg, input[type="button"] .pxl-icon svg, .pxl-btn .pxl-icon svg {
    width: var(--pxl-btn-icon-font-size, 11px);
  }
}
.btn .btn-text, button:not(.none-btn) .btn-text, .button .btn-text, input[type="submit"] .btn-text, input[type="button"] .btn-text, .pxl-btn .btn-text {
  display: inline-block;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.3s ease;
  -khtml-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.btn .pxl-btn-spinner, button:not(.none-btn) .pxl-btn-spinner, .button .pxl-btn-spinner, input[type="submit"] .pxl-btn-spinner, input[type="button"] .pxl-btn-spinner, .pxl-btn .pxl-btn-spinner {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -7.5px;
  margin-left: -7.5px;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.btn.loading .btn-icon, button:not(.none-btn).loading .btn-icon, .button.loading .btn-icon, input[type="submit"].loading .btn-icon, input[type="button"].loading .btn-icon, .pxl-btn.loading .btn-icon {
  opacity: 0;
  visibility: hidden;
}
.btn.loading .btn-text, button:not(.none-btn).loading .btn-text, .button.loading .btn-text, input[type="submit"].loading .btn-text, input[type="button"].loading .btn-text, .pxl-btn.loading .btn-text {
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.btn.loading .pxl-btn-spinner, button:not(.none-btn).loading .pxl-btn-spinner, .button.loading .pxl-btn-spinner, input[type="submit"].loading .pxl-btn-spinner, input[type="button"].loading .pxl-btn-spinner, .pxl-btn.loading .pxl-btn-spinner {
  font-size: inherit;
  opacity: 1;
  visibility: visible;
  -webkit-animation: spin 1s infinite linear;
  -khtml-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
.btn.style-1, button:not(.none-btn).style-1, .button.style-1, input[type="submit"].style-1, input[type="button"].style-1, .pxl-btn.style-1 {
  justify-content: space-between;
  padding: var(--pxl-btn-padding-top, 8px) var(--pxl-btn-padding-right, var(--bt-padding-right)) var(--pxl-btn-padding-bottom, 8px) var(--pxl-btn-padding-left, 8px);
}
.btn.style-1:before, button:not(.none-btn).style-1:before, .button.style-1:before, input[type="submit"].style-1:before, input[type="button"].style-1:before, .pxl-btn.style-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--pxl-btn-bg-color-hover, var(--bt-bg-color-hover));
  -webkit-transform: translateX(-100%);
  -khtml-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -khtml-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn.style-1 .sq, button:not(.none-btn).style-1 .sq, .button.style-1 .sq, input[type="submit"].style-1 .sq, input[type="button"].style-1 .sq, .pxl-btn.style-1 .sq {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  background-color: var(--pxl-btn-square-icon-bg-color, var(--bt-square-bg-color));
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s ease;
}
@media (max-width: 767px) {
  .btn.style-1 .sq, button:not(.none-btn).style-1 .sq, .button.style-1 .sq, input[type="submit"].style-1 .sq, input[type="button"].style-1 .sq, .pxl-btn.style-1 .sq {
    width: 28px;
    height: 28px;
  }
}
.btn.style-1 .sq span, button:not(.none-btn).style-1 .sq span, .button.style-1 .sq span, input[type="submit"].style-1 .sq span, input[type="button"].style-1 .sq span, .pxl-btn.style-1 .sq span {
  width: 8px;
  height: 8px;
  display: inline-flex;
  background-color: var(--pxl-btn-square-icon-dot-bg-color, var(--bt-square-dot-color));
  -webkit-transition: background-color 0.3s ease;
  -khtml-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
@media (max-width: 767px) {
  .btn.style-1 .sq span, button:not(.none-btn).style-1 .sq span, .button.style-1 .sq span, input[type="submit"].style-1 .sq span, input[type="button"].style-1 .sq span, .pxl-btn.style-1 .sq span {
    width: 6px;
    height: 6px;
  }
}
.btn.style-1 .text-wrap, button:not(.none-btn).style-1 .text-wrap, .button.style-1 .text-wrap, input[type="submit"].style-1 .text-wrap, input[type="button"].style-1 .text-wrap, .pxl-btn.style-1 .text-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -khtml-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn.style-1.has-icon .text-wrap, button:not(.none-btn).style-1.has-icon .text-wrap, .button.style-1.has-icon .text-wrap, input[type="submit"].style-1.has-icon .text-wrap, input[type="button"].style-1.has-icon .text-wrap, .pxl-btn.style-1.has-icon .text-wrap {
  -webkit-transform: translateX(16px);
  -khtml-transform: translateX(16px);
  -moz-transform: translateX(16px);
  -ms-transform: translateX(16px);
  -o-transform: translateX(16px);
  transform: translateX(16px);
}
.btn.style-1.has-icon .pxl-icon, button:not(.none-btn).style-1.has-icon .pxl-icon, .button.style-1.has-icon .pxl-icon, input[type="submit"].style-1.has-icon .pxl-icon, input[type="button"].style-1.has-icon .pxl-icon, .pxl-btn.style-1.has-icon .pxl-icon {
  opacity: 0;
}
.btn.style-1 .pxl-btn-spinner, button:not(.none-btn).style-1 .pxl-btn-spinner, .button.style-1 .pxl-btn-spinner, input[type="submit"].style-1 .pxl-btn-spinner, input[type="button"].style-1 .pxl-btn-spinner, .pxl-btn.style-1 .pxl-btn-spinner {
  left: 24px;
}
.btn.style-1.loading .sq, button:not(.none-btn).style-1.loading .sq, .button.style-1.loading .sq, input[type="submit"].style-1.loading .sq, input[type="button"].style-1.loading .sq, .pxl-btn.style-1.loading .sq {
  transform: scale(0) !important;
}
.btn.style-1.loading .btn-text, button:not(.none-btn).style-1.loading .btn-text, .button.style-1.loading .btn-text, input[type="submit"].style-1.loading .btn-text, input[type="button"].style-1.loading .btn-text, .pxl-btn.style-1.loading .btn-text {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.btn.style-2, button:not(.none-btn).style-2, .button.style-2, input[type="submit"].style-2, input[type="button"].style-2, .pxl-btn.style-2 {
  color: var(--pxl-btn-color, var(--main-color));
  background-color: var(--pxl-btn-bg-color, transparent);
  border-color: var(--pxl-btn-border-color, transparent);
  justify-content: center;
  padding: var(--pxl-btn-padding-top, 14px) var(--pxl-btn-padding-right, 0) var(--pxl-btn-padding-bottom, 14px) var(--pxl-btn-padding-left, 0);
}
.btn.style-2:before, button:not(.none-btn).style-2:before, .button.style-2:before, input[type="submit"].style-2:before, input[type="button"].style-2:before, .pxl-btn.style-2:before {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  background-color: var(--pxl-btn-underline-color, var(--main-color));
}
.btn.style-2:after, button:not(.none-btn).style-2:after, .button.style-2:after, input[type="submit"].style-2:after, input[type="button"].style-2:after, .pxl-btn.style-2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--pxl-btn-underline-color-hover, var(--primary-color));
  -webkit-transform: translateX(-100%);
  -khtml-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -khtml-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn.style-2 .text-wrap, button:not(.none-btn).style-2 .text-wrap, .button.style-2 .text-wrap, input[type="submit"].style-2 .text-wrap, input[type="button"].style-2 .text-wrap, .pxl-btn.style-2 .text-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -khtml-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn.style-2.has-icon, button:not(.none-btn).style-2.has-icon, .button.style-2.has-icon, input[type="submit"].style-2.has-icon, input[type="button"].style-2.has-icon, .pxl-btn.style-2.has-icon {
  justify-content: space-between;
}
.btn.style-2 .pxl-link-icon, button:not(.none-btn).style-2 .pxl-link-icon, .button.style-2 .pxl-link-icon, input[type="submit"].style-2 .pxl-link-icon, input[type="button"].style-2 .pxl-link-icon, .pxl-btn.style-2 .pxl-link-icon {
  display: inline-flex;
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-flex;
  overflow: hidden;
  font-size: var(--link-icon-width);
}
.btn.style-2 .pxl-link-icon > span, button:not(.none-btn).style-2 .pxl-link-icon > span, .button.style-2 .pxl-link-icon > span, input[type="submit"].style-2 .pxl-link-icon > span, input[type="button"].style-2 .pxl-link-icon > span, .pxl-btn.style-2 .pxl-link-icon > span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
}
.btn.style-2 .pxl-link-icon svg, button:not(.none-btn).style-2 .pxl-link-icon svg, .button.style-2 .pxl-link-icon svg, input[type="submit"].style-2 .pxl-link-icon svg, input[type="button"].style-2 .pxl-link-icon svg, .pxl-btn.style-2 .pxl-link-icon svg {
  width: var(--link-icon-width, 12px);
  height: var(--link-icon-height, 12px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.btn.style-2 .pxl-link-icon .icon-first, button:not(.none-btn).style-2 .pxl-link-icon .icon-first, .button.style-2 .pxl-link-icon .icon-first, input[type="submit"].style-2 .pxl-link-icon .icon-first, input[type="button"].style-2 .pxl-link-icon .icon-first, .pxl-btn.style-2 .pxl-link-icon .icon-first {
  color: var(--pxl-btn-icon-color, var(--main-color));
  transform: translate(0, 0);
}
.btn.style-2 .pxl-link-icon .icon-first svg, button:not(.none-btn).style-2 .pxl-link-icon .icon-first svg, .button.style-2 .pxl-link-icon .icon-first svg, input[type="submit"].style-2 .pxl-link-icon .icon-first svg, input[type="button"].style-2 .pxl-link-icon .icon-first svg, .pxl-btn.style-2 .pxl-link-icon .icon-first svg {
  fill: var(--pxl-btn-icon-color, var(--main-color));
}
.btn.style-2 .pxl-link-icon .icon-second, button:not(.none-btn).style-2 .pxl-link-icon .icon-second, .button.style-2 .pxl-link-icon .icon-second, input[type="submit"].style-2 .pxl-link-icon .icon-second, input[type="button"].style-2 .pxl-link-icon .icon-second, .pxl-btn.style-2 .pxl-link-icon .icon-second {
  transform: translate(-20px, 20px);
  color: var(--pxl-btn-icon-color-hover, var(--primary-color));
}
.btn.style-2 .pxl-link-icon .icon-second svg, button:not(.none-btn).style-2 .pxl-link-icon .icon-second svg, .button.style-2 .pxl-link-icon .icon-second svg, input[type="submit"].style-2 .pxl-link-icon .icon-second svg, input[type="button"].style-2 .pxl-link-icon .icon-second svg, .pxl-btn.style-2 .pxl-link-icon .icon-second svg {
  fill: var(--pxl-btn-icon-color-hover, var(--primary-color));
}
.btn:active, .btn:hover, .btn:focus, button:not(.none-btn):active, button:not(.none-btn):hover, button:not(.none-btn):focus, .button:active, .button:hover, .button:focus, input[type="submit"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:active, input[type="button"]:hover, input[type="button"]:focus, .pxl-btn:active, .pxl-btn:hover, .pxl-btn:focus {
  outline: medium none;
  text-decoration: none;
  color: var(--pxl-btn-color-hover, var(--bt-color-hover));
  background-color: var(--pxl-btn-bg-color-hover, var(--bt-bg-color-hover));
  border-color: var(--pxl-btn-border-color-hover, var(--bt-border-color-hover));
}
.btn:active .pxl-icon, .btn:hover .pxl-icon, .btn:focus .pxl-icon, button:not(.none-btn):active .pxl-icon, button:not(.none-btn):hover .pxl-icon, button:not(.none-btn):focus .pxl-icon, .button:active .pxl-icon, .button:hover .pxl-icon, .button:focus .pxl-icon, input[type="submit"]:active .pxl-icon, input[type="submit"]:hover .pxl-icon, input[type="submit"]:focus .pxl-icon, input[type="button"]:active .pxl-icon, input[type="button"]:hover .pxl-icon, input[type="button"]:focus .pxl-icon, .pxl-btn:active .pxl-icon, .pxl-btn:hover .pxl-icon, .pxl-btn:focus .pxl-icon {
  color: var(--pxl-btn-icon-color-hover, var(--bt-color-hover));
}
.btn:active .pxl-icon svg, .btn:hover .pxl-icon svg, .btn:focus .pxl-icon svg, button:not(.none-btn):active .pxl-icon svg, button:not(.none-btn):hover .pxl-icon svg, button:not(.none-btn):focus .pxl-icon svg, .button:active .pxl-icon svg, .button:hover .pxl-icon svg, .button:focus .pxl-icon svg, input[type="submit"]:active .pxl-icon svg, input[type="submit"]:hover .pxl-icon svg, input[type="submit"]:focus .pxl-icon svg, input[type="button"]:active .pxl-icon svg, input[type="button"]:hover .pxl-icon svg, input[type="button"]:focus .pxl-icon svg, .pxl-btn:active .pxl-icon svg, .pxl-btn:hover .pxl-icon svg, .pxl-btn:focus .pxl-icon svg {
  fill: var(--pxl-btn-icon-color-hover, var(--bt-color-hover));
}
.btn:active:before, .btn:hover:before, .btn:focus:before, button:not(.none-btn):active:before, button:not(.none-btn):hover:before, button:not(.none-btn):focus:before, .button:active:before, .button:hover:before, .button:focus:before, input[type="submit"]:active:before, input[type="submit"]:hover:before, input[type="submit"]:focus:before, input[type="button"]:active:before, input[type="button"]:hover:before, input[type="button"]:focus:before, .pxl-btn:active:before, .pxl-btn:hover:before, .pxl-btn:focus:before {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.btn:active.style-1 .sq, .btn:hover.style-1 .sq, .btn:focus.style-1 .sq, button:not(.none-btn):active.style-1 .sq, button:not(.none-btn):hover.style-1 .sq, button:not(.none-btn):focus.style-1 .sq, .button:active.style-1 .sq, .button:hover.style-1 .sq, .button:focus.style-1 .sq, input[type="submit"]:active.style-1 .sq, input[type="submit"]:hover.style-1 .sq, input[type="submit"]:focus.style-1 .sq, input[type="button"]:active.style-1 .sq, input[type="button"]:hover.style-1 .sq, input[type="button"]:focus.style-1 .sq, .pxl-btn:active.style-1 .sq, .pxl-btn:hover.style-1 .sq, .pxl-btn:focus.style-1 .sq {
  transform: scale(0.25);
}
.btn:active.style-1 .sq span, .btn:hover.style-1 .sq span, .btn:focus.style-1 .sq span, button:not(.none-btn):active.style-1 .sq span, button:not(.none-btn):hover.style-1 .sq span, button:not(.none-btn):focus.style-1 .sq span, .button:active.style-1 .sq span, .button:hover.style-1 .sq span, .button:focus.style-1 .sq span, input[type="submit"]:active.style-1 .sq span, input[type="submit"]:hover.style-1 .sq span, input[type="submit"]:focus.style-1 .sq span, input[type="button"]:active.style-1 .sq span, input[type="button"]:hover.style-1 .sq span, input[type="button"]:focus.style-1 .sq span, .pxl-btn:active.style-1 .sq span, .pxl-btn:hover.style-1 .sq span, .pxl-btn:focus.style-1 .sq span {
  background-color: transparent;
}
.btn:active.style-1 .text-wrap, .btn:hover.style-1 .text-wrap, .btn:focus.style-1 .text-wrap, button:not(.none-btn):active.style-1 .text-wrap, button:not(.none-btn):hover.style-1 .text-wrap, button:not(.none-btn):focus.style-1 .text-wrap, .button:active.style-1 .text-wrap, .button:hover.style-1 .text-wrap, .button:focus.style-1 .text-wrap, input[type="submit"]:active.style-1 .text-wrap, input[type="submit"]:hover.style-1 .text-wrap, input[type="submit"]:focus.style-1 .text-wrap, input[type="button"]:active.style-1 .text-wrap, input[type="button"]:hover.style-1 .text-wrap, input[type="button"]:focus.style-1 .text-wrap, .pxl-btn:active.style-1 .text-wrap, .pxl-btn:hover.style-1 .text-wrap, .pxl-btn:focus.style-1 .text-wrap {
  -webkit-transform: translateX(-5px);
  -khtml-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  transform: translateX(-5px);
}
.btn:active.style-1.has-icon .pxl-icon, .btn:hover.style-1.has-icon .pxl-icon, .btn:focus.style-1.has-icon .pxl-icon, button:not(.none-btn):active.style-1.has-icon .pxl-icon, button:not(.none-btn):hover.style-1.has-icon .pxl-icon, button:not(.none-btn):focus.style-1.has-icon .pxl-icon, .button:active.style-1.has-icon .pxl-icon, .button:hover.style-1.has-icon .pxl-icon, .button:focus.style-1.has-icon .pxl-icon, input[type="submit"]:active.style-1.has-icon .pxl-icon, input[type="submit"]:hover.style-1.has-icon .pxl-icon, input[type="submit"]:focus.style-1.has-icon .pxl-icon, input[type="button"]:active.style-1.has-icon .pxl-icon, input[type="button"]:hover.style-1.has-icon .pxl-icon, input[type="button"]:focus.style-1.has-icon .pxl-icon, .pxl-btn:active.style-1.has-icon .pxl-icon, .pxl-btn:hover.style-1.has-icon .pxl-icon, .pxl-btn:focus.style-1.has-icon .pxl-icon {
  opacity: 1;
}
.btn:active.style-2, .btn:hover.style-2, .btn:focus.style-2, button:not(.none-btn):active.style-2, button:not(.none-btn):hover.style-2, button:not(.none-btn):focus.style-2, .button:active.style-2, .button:hover.style-2, .button:focus.style-2, input[type="submit"]:active.style-2, input[type="submit"]:hover.style-2, input[type="submit"]:focus.style-2, input[type="button"]:active.style-2, input[type="button"]:hover.style-2, input[type="button"]:focus.style-2, .pxl-btn:active.style-2, .pxl-btn:hover.style-2, .pxl-btn:focus.style-2 {
  color: var(--pxl-btn-color-hover, var(--primary-color));
  background-color: var(--pxl-btn-bg-color-hover, transparent);
  border-color: var(--pxl-btn-border-color-hover, transparent);
}
.btn:active.style-2:not(.link-wrap):after, .btn:hover.style-2:not(.link-wrap):after, .btn:focus.style-2:not(.link-wrap):after, button:not(.none-btn):active.style-2:not(.link-wrap):after, button:not(.none-btn):hover.style-2:not(.link-wrap):after, button:not(.none-btn):focus.style-2:not(.link-wrap):after, .button:active.style-2:not(.link-wrap):after, .button:hover.style-2:not(.link-wrap):after, .button:focus.style-2:not(.link-wrap):after, input[type="submit"]:active.style-2:not(.link-wrap):after, input[type="submit"]:hover.style-2:not(.link-wrap):after, input[type="submit"]:focus.style-2:not(.link-wrap):after, input[type="button"]:active.style-2:not(.link-wrap):after, input[type="button"]:hover.style-2:not(.link-wrap):after, input[type="button"]:focus.style-2:not(.link-wrap):after, .pxl-btn:active.style-2:not(.link-wrap):after, .pxl-btn:hover.style-2:not(.link-wrap):after, .pxl-btn:focus.style-2:not(.link-wrap):after {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.btn:active.style-2:not(.link-wrap) .pxl-link-icon .icon-first, .btn:hover.style-2:not(.link-wrap) .pxl-link-icon .icon-first, .btn:focus.style-2:not(.link-wrap) .pxl-link-icon .icon-first, button:not(.none-btn):active.style-2:not(.link-wrap) .pxl-link-icon .icon-first, button:not(.none-btn):hover.style-2:not(.link-wrap) .pxl-link-icon .icon-first, button:not(.none-btn):focus.style-2:not(.link-wrap) .pxl-link-icon .icon-first, .button:active.style-2:not(.link-wrap) .pxl-link-icon .icon-first, .button:hover.style-2:not(.link-wrap) .pxl-link-icon .icon-first, .button:focus.style-2:not(.link-wrap) .pxl-link-icon .icon-first, input[type="submit"]:active.style-2:not(.link-wrap) .pxl-link-icon .icon-first, input[type="submit"]:hover.style-2:not(.link-wrap) .pxl-link-icon .icon-first, input[type="submit"]:focus.style-2:not(.link-wrap) .pxl-link-icon .icon-first, input[type="button"]:active.style-2:not(.link-wrap) .pxl-link-icon .icon-first, input[type="button"]:hover.style-2:not(.link-wrap) .pxl-link-icon .icon-first, input[type="button"]:focus.style-2:not(.link-wrap) .pxl-link-icon .icon-first, .pxl-btn:active.style-2:not(.link-wrap) .pxl-link-icon .icon-first, .pxl-btn:hover.style-2:not(.link-wrap) .pxl-link-icon .icon-first, .pxl-btn:focus.style-2:not(.link-wrap) .pxl-link-icon .icon-first {
  transform: translate(20px, -20px);
}
.btn:active.style-2:not(.link-wrap) .pxl-link-icon .icon-second, .btn:hover.style-2:not(.link-wrap) .pxl-link-icon .icon-second, .btn:focus.style-2:not(.link-wrap) .pxl-link-icon .icon-second, button:not(.none-btn):active.style-2:not(.link-wrap) .pxl-link-icon .icon-second, button:not(.none-btn):hover.style-2:not(.link-wrap) .pxl-link-icon .icon-second, button:not(.none-btn):focus.style-2:not(.link-wrap) .pxl-link-icon .icon-second, .button:active.style-2:not(.link-wrap) .pxl-link-icon .icon-second, .button:hover.style-2:not(.link-wrap) .pxl-link-icon .icon-second, .button:focus.style-2:not(.link-wrap) .pxl-link-icon .icon-second, input[type="submit"]:active.style-2:not(.link-wrap) .pxl-link-icon .icon-second, input[type="submit"]:hover.style-2:not(.link-wrap) .pxl-link-icon .icon-second, input[type="submit"]:focus.style-2:not(.link-wrap) .pxl-link-icon .icon-second, input[type="button"]:active.style-2:not(.link-wrap) .pxl-link-icon .icon-second, input[type="button"]:hover.style-2:not(.link-wrap) .pxl-link-icon .icon-second, input[type="button"]:focus.style-2:not(.link-wrap) .pxl-link-icon .icon-second, .pxl-btn:active.style-2:not(.link-wrap) .pxl-link-icon .icon-second, .pxl-btn:hover.style-2:not(.link-wrap) .pxl-link-icon .icon-second, .pxl-btn:focus.style-2:not(.link-wrap) .pxl-link-icon .icon-second {
  transform: translate(0, 0);
}
.pxl-readmore-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 16px;
  padding: 8px 0 8px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: var(--bd-color);
  border-color: var(--main-color);
  font-family: var(--second-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .pxl-readmore-link {
    font-size: 14px;
    padding: 8px 16px 12px 16px;
  }
}
.pxl-readmore-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--pxl-btn-underline-color-hover, var(--primary-color));
  -webkit-transform: translateX(-101%);
  -khtml-transform: translateX(-101%);
  -moz-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  -o-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -khtml-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.pxl-readmore-link svg {
  fill: var(--main-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-readmore-link .pxl-link-icon {
  display: inline-flex;
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  font-size: var(--link-icon-width);
  align-items: center;
}
.pxl-readmore-link .pxl-link-icon > span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
}
.pxl-readmore-link .pxl-link-icon svg {
  width: var(--link-icon-width, 12px);
  height: var(--link-icon-height, 12px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-readmore-link .pxl-link-icon .icon-first {
  color: var(--main-color);
  transform: translate(0, 0);
}
.pxl-readmore-link .pxl-link-icon .icon-first svg {
  fill: var(--main-color);
}
.pxl-readmore-link .pxl-link-icon .icon-second {
  transform: translate(-20px, 20px);
  color: var(--primary-color);
}
.pxl-readmore-link .pxl-link-icon .icon-second svg {
  fill: var(--primary-color);
}
.pxl-readmore-link:hover {
  border-color: var(--primary-color);
}
.pxl-readmore-link:hover:after {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-readmore-link:hover .pxl-link-icon .icon-first {
  transform: translate(20px, -20px);
}
.pxl-readmore-link:hover .pxl-link-icon .icon-second {
  transform: translate(0, 0);
}
.pxl-readmore-link:hover svg {
  fill: var(--primary-color);
}
.pxl-rm-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 16px;
  padding: 8px 0 8px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: var(--bd-color);
  font-family: var(--second-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .pxl-rm-link {
    font-size: 14px;
    padding: 8px 16px 12px 16px;
  }
}
.pxl-rm-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--pxl-btn-underline-color-hover, var(--primary-color));
  -webkit-transform: translateX(-101%);
  -khtml-transform: translateX(-101%);
  -moz-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  -o-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -khtml-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.pxl-rm-link svg {
  fill: var(--main-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-rm-link .pxl-link-icon {
  display: inline-flex;
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-flex;
  overflow: hidden;
  font-size: var(--link-icon-width);
}
.pxl-rm-link .pxl-link-icon > span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
}
.pxl-rm-link .pxl-link-icon svg {
  width: var(--link-icon-width, 12px);
  height: var(--link-icon-height, 12px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-rm-link .pxl-link-icon .icon-first {
  color: var(--main-color);
  transform: translate(0, 0);
}
.pxl-rm-link .pxl-link-icon .icon-first svg {
  fill: var(--main-color);
}
.pxl-rm-link .pxl-link-icon .icon-second {
  transform: translate(-20px, 20px);
  color: var(--primary-color);
}
.pxl-rm-link .pxl-link-icon .icon-second svg {
  fill: var(--primary-color);
}
.pxl-rm-link:not(.link-wrap):hover:after {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-rm-link:not(.link-wrap):hover .pxl-link-icon .icon-first {
  transform: translate(20px, -20px);
}
.pxl-rm-link:not(.link-wrap):hover .pxl-link-icon .icon-second {
  transform: translate(0, 0);
}
.pxl-header-transparent, .pxl-header-transparent-sticky {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}
#pxl-header {
  -webkit-transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s;
  -khtml-transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s;
  transition: all 0.3s cubic-bezier(0.3, 0.4, 0.5, 1) 0s;
}
.pxl-header-desktop.df {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 24px 0;
}
.pxl-header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 999;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -khtml-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.6s ease-out !important;
  -khtml-transition: all 0.6s ease-out !important;
  -moz-transition: all 0.6s ease-out !important;
  -ms-transition: all 0.6s ease-out !important;
  -o-transition: all 0.6s ease-out !important;
  transition: all 0.6s ease-out !important;
}
.pxl-header-sticky.h-fixed {
  -webkit-transform: translateY(0%);
  -khtml-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}
.pxl-header-sticky.pxl-header-rotate-x {
  -webkit-transition: all 0.3s ease-out !important;
  -khtml-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
  -webkit-transform: perspective(300px) rotateX(-90deg);
  transform: perspective(300px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -khtml-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}
.pxl-header-sticky.pxl-header-rotate-x.h-fixed {
  -webkit-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}
.pxl-header-main-sticky {
  z-index: 1;
}
.pxl-header-main-sticky.h-fixed {
  position: fixed;
  z-index: 999;
  -webkit-animation: 0.45s ease-out headerSlideDown;
  -khtml-animation: 0.45s ease-out headerSlideDown;
  -moz-animation: 0.45s ease-out headerSlideDown;
  -ms-animation: 0.45s ease-out headerSlideDown;
  -o-animation: 0.45s ease-out headerSlideDown;
  animation: 0.45s ease-out headerSlideDown;
}
.pxl-header-transparent-sticky {
  z-index: 1;
}
.pxl-header-transparent-sticky.h-fixed {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
  -webkit-animation: 0.5s ease-out headerSlideDown;
  -khtml-animation: 0.5s ease-out headerSlideDown;
  -moz-animation: 0.5s ease-out headerSlideDown;
  -ms-animation: 0.5s ease-out headerSlideDown;
  -o-animation: 0.5s ease-out headerSlideDown;
  animation: 0.5s ease-out headerSlideDown;
}
.pxl-header-fixed-top {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  box-sizing: border-box;
  z-index: 99;
  -webkit-transition: background 0.4s ease-in-out 0.3s;
  transition: background 0s ease-in-out 0s;
}
.admin-bar .pxl-header-fixed-top {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .pxl-header-fixed-top {
    top: 46px;
  }
}
@media screen and (max-width: 600px) {
  .admin-bar .pxl-header-fixed-top {
    top: 0;
  }
}
@media (max-width: 1199px) {
  .pxl-header-mobile-transparent, .pxl-header-mobile-transparent-sticky {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
  }
}
.pxl-header-mobile.df {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 12px 0;
}
.pxl-header-mobile-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: 0;
  z-index: 999;
  -webkit-transform: translateY(-100%);
  -khtml-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important;
  -khtml-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important;
  -moz-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important;
  -ms-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important;
  -o-transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important;
  transition: 0.6s cubic-bezier(0.43, 0.46, 0.64, 0.66) !important;
}
.pxl-header-mobile-sticky.mh-fixed {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -khtml-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.pxl-header-mobile-sticky.pxl-header-mobile-rotate-x {
  -webkit-transition: all 0.3s ease-out !important;
  -khtml-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
  -webkit-transform: perspective(300px) rotateX(-90deg);
  transform: perspective(300px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -khtml-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}
.pxl-header-mobile-sticky.pxl-header-mobile-rotate-x.mh-fixed {
  -webkit-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}
.pxl-header-mobile-main-sticky {
  z-index: 1;
  -webkit-transition: all 0.3s ease-out !important;
  -khtml-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.pxl-header-mobile-main-sticky.mh-fixed {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
  -webkit-animation: 0.5s ease-out headerSlideDown;
  -khtml-animation: 0.5s ease-out headerSlideDown;
  -moz-animation: 0.5s ease-out headerSlideDown;
  -ms-animation: 0.5s ease-out headerSlideDown;
  -o-animation: 0.5s ease-out headerSlideDown;
  animation: 0.5s ease-out headerSlideDown;
}
.pxl-header-mobile-transparent-sticky {
  z-index: 1;
}
.pxl-header-mobile-transparent-sticky.mh-fixed {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
  -webkit-animation: 0.5s ease-out headerSlideDown;
  -khtml-animation: 0.5s ease-out headerSlideDown;
  -moz-animation: 0.5s ease-out headerSlideDown;
  -ms-animation: 0.5s ease-out headerSlideDown;
  -o-animation: 0.5s ease-out headerSlideDown;
  animation: 0.5s ease-out headerSlideDown;
}
.pxl-header-mobile-fixed-top {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  box-sizing: border-box;
  z-index: 99;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3 ease;
}
.logged-in .pxl-header-mobile-fixed-top {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .logged-in .pxl-header-mobile-fixed-top {
    top: 46px;
  }
}
.header-mobile-nav {
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
}
.menu-mobile-toggle-nav {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 18px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.menu-mobile-toggle-nav span {
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transition: width 0.3s linear 0s, background-color 0.3s ease;
  -khtml-transition: width 0.3s linear 0s, background-color 0.3s ease;
  -moz-transition: width 0.3s linear 0s, background-color 0.3s ease;
  -ms-transition: width 0.3s linear 0s, background-color 0.3s ease;
  -o-transition: width 0.3s linear 0s, background-color 0.3s ease;
  transition: width 0.3s linear 0s, background-color 0.3s ease;
}
.menu-mobile-toggle-nav span:nth-child(1) {
  top: 0;
  bottom: auto;
}
.menu-mobile-toggle-nav span:nth-child(2) {
  top: 8px;
  bottom: auto;
}
.menu-mobile-toggle-nav span:nth-child(3) {
  top: auto;
  bottom: 0;
}
.menu-mobile-toggle-nav:hover span {
  background-color: #fff;
}
@media (max-width: 1199px) {
  .pxl-header-mobile .header-main-mobile {
    position: relative;
    background-color: #fff;
  }
  .pxl-header-mobile .mobile-menu-toggle .bars {
    line-height: 1;
    cursor: pointer;
  }
  .pxl-header-mobile .mobile-menu-toggle .bars span {
    width: 30px;
    height: 3px;
    background-color: var(--main-color);
    display: block;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  }
  .pxl-header-mobile .mobile-menu-toggle .bars span:nth-child(2) {
    margin: 7px 0;
  }
  .pxl-header-mobile .mobile-menu-toggle .bars:hover span {
    background-color: var(--primary-color);
  }
  .header-mobile-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .header-mobile-content > * {
    max-width: 100%;
  }
}
.pxl-primary-menu {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: flex-start;
  gap: 8px;
}
.pxl-primary-menu ul, .pxl-primary-menu ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pxl-primary-menu li {
  position: relative;
  padding: 0;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
.pxl-primary-menu li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: perspective(500px) rotateY(0);
  -khtml-transform: perspective(500px) rotateY(0);
  -moz-transform: perspective(500px) rotateY(0);
  -ms-transform: perspective(500px) rotateY(0);
  -o-transform: perspective(500px) rotateY(0);
  transform: perspective(500px) rotateY(0);
}
.pxl-primary-menu > li {
  flex: 1 0 0%;
  display: inline-flex;
}
.pxl-primary-menu > li > a {
  color: var(--menu-color, #BAC0CC);
  font-size: 14px;
  font-weight: 400;
  font-family: var(--heading-font-family);
  line-height: 24px;
  letter-spacing: -0.04em;
  position: relative;
  display: flex;
  flex: 1 0 0;
  align-items: center;
  padding: 12px 0 12px 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pxl-primary-menu > li > a .link-icon, .pxl-primary-menu > li > a .svg-icon {
  font-size: 14px;
  display: inline-flex;
  position: relative;
  right: 2px;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pxl-primary-menu > li > a .svg-icon svg {
  width: 12px;
  height: auto;
  fill: var(--menu-color-hover, #ffffff);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-primary-menu > li > a:before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-flex;
  background-color: var(--dots-color, #fff);
  margin-right: 8px;
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-primary-menu > li > a:after {
  content: "";
  width: 100%;
  height: 4px;
  display: block;
  background-color: var(--underline-bg-color, #fff);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: height 0.3s ease-in-out;
  -khtml-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.pxl-primary-menu > li > a:hover {
  padding-top: 40px;
  color: var(--menu-color-hover, #ffffff);
}
.pxl-primary-menu > li > a:hover:before {
  background-color: var(--dots-color-hover, var(--dots-color, #fff));
}
.pxl-primary-menu > li > a:hover:after {
  height: 26px;
}
.pxl-primary-menu > li > a:hover .link-icon, .pxl-primary-menu > li > a:hover .svg-icon {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pxl-primary-menu > li.has-icon > a {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.pxl-primary-menu > li.active > a, .pxl-primary-menu > li.active > .main-menu-toggle, .pxl-primary-menu > li.current-menu-item > a, .pxl-primary-menu > li.current-menu-item > .main-menu-toggle, .pxl-primary-menu > li.current-menu-ancestor > a, .pxl-primary-menu > li.current-menu-ancestor > .main-menu-toggle {
  color: var(--menu-color-active, #ffffff);
}
.pxl-primary-menu > li.active > a, .pxl-primary-menu > li.current-menu-item > a, .pxl-primary-menu > li.current-menu-ancestor > a {
  font-family: var(--second-font);
  padding-left: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.pxl-primary-menu > li.active > a:before, .pxl-primary-menu > li.current-menu-item > a:before, .pxl-primary-menu > li.current-menu-ancestor > a:before {
  width: 8px;
  height: 8px;
  background-color: var(--primary-color);
}
.pxl-primary-menu > li.active > a:after, .pxl-primary-menu > li.current-menu-item > a:after, .pxl-primary-menu > li.current-menu-ancestor > a:after {
  background-color: var(--underline-bg-color-active, var(--underline-bg-color, #fff));
}
.pxl-primary-menu > li.active > a .svg-icon svg, .pxl-primary-menu > li.current-menu-item > a .svg-icon svg, .pxl-primary-menu > li.current-menu-ancestor > a .svg-icon svg {
  fill: var(--menu-color-active, #ffffff);
}
.pxl-primary-menu > li.active > a .pxl-menu-title, .pxl-primary-menu > li.current-menu-item > a .pxl-menu-title, .pxl-primary-menu > li.current-menu-ancestor > a .pxl-menu-title {
  display: flex;
  column-gap: 8px;
}
.pxl-primary-menu > li.active > a .pxl-menu-title:before, .pxl-primary-menu > li.current-menu-item > a .pxl-menu-title:before, .pxl-primary-menu > li.current-menu-ancestor > a .pxl-menu-title:before {
  content: "<";
}
.pxl-primary-menu > li.active > a .pxl-menu-title:after, .pxl-primary-menu > li.current-menu-item > a .pxl-menu-title:after, .pxl-primary-menu > li.current-menu-ancestor > a .pxl-menu-title:after {
  content: ">";
}
.pxl-primary-menu > li.pxl-megamenu.current-menu-item:before, .pxl-primary-menu > li.pxl-megamenu.current-menu-ancestor:before {
  width: 0;
  height: 0;
  -webkit-transition: width 0.8s ease 0s, height 0.3s ease 0.3s;
  -khtml-transition: width 0.8s ease 0s, height 0.3s ease 0.3s;
  -moz-transition: width 0.8s ease 0s, height 0.3s ease 0.3s;
  -ms-transition: width 0.8s ease 0s, height 0.3s ease 0.3s;
  -o-transition: width 0.8s ease 0s, height 0.3s ease 0.3s;
  transition: width 0.8s ease 0s, height 0.3s ease 0.3s;
}
.pxl-primary-menu > li.pxl-megamenu.current-menu-item:hover:before, .pxl-primary-menu > li.pxl-megamenu.current-menu-ancestor:hover:before {
  width: 100%;
  height: 4px;
}
.pxl-primary-menu > li > .main-menu-toggle {
  display: none;
  line-height: 1;
  align-self: center;
  margin-left: 8px;
  font-weight: normal;
  color: var(--menu-color, #BAC0CC);
  font-size: 15px;
  margin-bottom: -2px;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-primary-menu > li > .main-menu-toggle:before {
  font-family: "pxli";
  content: "";
}
[dir="rtl"] .pxl-primary-menu > li > .main-menu-toggle {
  margin-left: 0;
  margin-right: 8px;
}
.pxl-primary-menu > li > .sub-menu {
  top: 100%;
  left: 0;
}
[dir="rtl"] .pxl-primary-menu > li > .sub-menu {
  left: auto;
  right: 0;
}
.pxl-primary-menu .sub-menu {
  width: var(--sub-menu-width, 100%);
  min-width: 192px;
  color: var(--sub-menu-color, var(--body-color));
  background-color: var(--sub-menu-bg-color, #ffffff);
  background-repeat: repeat-x;
  background-position: top left;
  position: absolute;
  top: -1px;
  left: 100%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  border: 1px solid var(--bd-color);
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-transform: translateY(15px);
  -khtml-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -khtml-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -ms-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
}
.pxl-primary-menu .sub-menu.back {
  left: auto;
  right: 100%;
}
[dir="rtl"] .pxl-primary-menu .sub-menu {
  left: auto;
  right: 100%;
}
[dir="rtl"] .pxl-primary-menu .sub-menu.back {
  right: auto;
  left: 100%;
}
.pxl-primary-menu .sub-menu a {
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-primary-menu .sub-menu li {
  padding: 0;
}
.pxl-primary-menu .sub-menu li:last-child a {
  border-bottom: 0;
}
.pxl-primary-menu .sub-menu li > .main-menu-toggle {
  line-height: 1;
  align-self: center;
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 15px;
  color: #70798b;
  opacity: 1;
  -webkit-transform: translate(0, -50%);
  -khtml-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.pxl-primary-menu .sub-menu li > .main-menu-toggle:before {
  font-family: "pxli";
  content: "";
}
.pxl-primary-menu .sub-menu li > a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  padding: 12px;
  color: var(--sub-menu-color, var(--body-color));
  background-color: transparent;
  position: relative;
  border-bottom: 1px solid var(--bd-color);
}
.pxl-primary-menu .sub-menu li > a .link-icon, .pxl-primary-menu .sub-menu li > a .svg-icon {
  font-size: 14px;
  display: inline-flex;
  position: relative;
  right: 2px;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pxl-primary-menu .sub-menu li > a .svg-icon svg {
  width: 12px;
  height: auto;
  fill: var(--sub-menu-color-hover, var(--main-color));
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-primary-menu .sub-menu li > a:hover {
  color: var(--sub-menu-color-hover, var(--main-color));
  background-color: transparent;
}
.pxl-primary-menu .sub-menu li > a:hover .link-icon, .pxl-primary-menu .sub-menu li > a:hover .svg-icon {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pxl-primary-menu .sub-menu li:hover > .sub-menu {
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.pxl-primary-menu .sub-menu li:hover > .main-menu-toggle {
  color: var(--primary-color);
}
.pxl-primary-menu .sub-menu li.active > a, .pxl-primary-menu .sub-menu li.current-menu-item > a {
  color: var(--sub-menu-color-active, var(--main-color));
  background-color: transparent;
}
.pxl-primary-menu .sub-menu li.active > a:before, .pxl-primary-menu .sub-menu li.current-menu-item > a:before {
  left: 0;
}
.pxl-primary-menu .sub-menu li.has-icon > a {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.pxl-primary-menu .pxl-parent-menu-icon {
  float: right;
}
.pxl-primary-menu .pxl-parent-menu-icon:before {
  margin-left: 5px;
}
[dir="rtl"] .pxl-primary-menu .pxl-parent-menu-icon:before {
  margin-left: 0;
  margin-right: 5px;
}
[dir="rtl"] .pxl-primary-menu .pxl-parent-menu-icon {
  float: left;
}
.no-arrow .pxl-primary-menu > li > .main-menu-toggle {
  display: none;
}
.style-vr .pxl-primary-menu {
  margin-left: 0;
  margin-right: 0;
  padding: 0 30px;
}
.style-vr .pxl-primary-menu > li {
  margin: 0;
  flex: 0 0 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.style-vr .pxl-primary-menu > li > * {
  max-width: 100%;
}
.style-vr .pxl-primary-menu > li > .main-menu-toggle {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 30px;
  font-size: 16px;
}
.style-vr .pxl-primary-menu > li > .main-menu-toggle:before {
  content: "";
}
.style-vr .pxl-primary-menu > li > a {
  font-weight: normal;
  line-height: 60px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.style-vr .pxl-primary-menu > li.active > a, .style-vr .pxl-primary-menu > li.active > .main-menu-toggle, .style-vr .pxl-primary-menu > li.current-menu-item > a, .style-vr .pxl-primary-menu > li.current-menu-item > .main-menu-toggle, .style-vr .pxl-primary-menu > li.current-menu-ancestor > a, .style-vr .pxl-primary-menu > li.current-menu-ancestor > .main-menu-toggle, .style-vr .pxl-primary-menu > li:hover > a, .style-vr .pxl-primary-menu > li:hover > .main-menu-toggle {
  color: var(--menu-color-active, #ffffff);
  font-weight: 700;
}
.style-vr .pxl-primary-menu > li > .sub-menu {
  left: 0;
  right: 0;
}
[dir="rtl"] .style-vr .pxl-primary-menu > li > .sub-menu {
  left: 0;
}
.style-vr .pxl-primary-menu .sub-menu {
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  padding: 30px 30px;
}
.style-vr .pxl-primary-menu .sub-menu a:hover {
  padding-left: 0;
}
.pxl-nav-menu-mobile ul, .pxl-nav-menu-mobile ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pxl-nav-menu-mobile ul li, .pxl-nav-menu-mobile ol li {
  position: relative;
  padding: 0;
}
.pxl-mobile-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.pxl-mobile-menu > li {
  color: var(--mobile_menu-color, var(--body-color));
  position: relative;
  border-top: solid 1px #f0f0f0;
}
.pxl-mobile-menu > li:last-child {
  border-bottom: solid 1px #f0f0f0;
}
.pxl-mobile-menu > li > a {
  width: 100%;
  padding: 16px 16px 16px 26px;
  color: var(--mobile_menu-color, var(--body-color));
  font-family: var(--heading-font-family);
  font-size: 16px;
  font-weight: 400;
  display: flex;
  flex: 1 0 0;
  align-items: center;
  text-transform: capitalize;
  background-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.pxl-mobile-menu > li > a .link-icon, .pxl-mobile-menu > li > a .svg-icon {
  font-size: 14px;
  display: inline-flex;
  position: relative;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.pxl-mobile-menu > li > a .svg-icon svg {
  width: 12px;
  height: auto;
  fill: var(--mobile_menu-color-hover, var(--main-color));
}
.pxl-mobile-menu > li > a:before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-flex;
  background-color: var(--mobile_menu-color, var(--body-color));
  margin-right: 8px;
  position: absolute;
  left: 16px;
}
.pxl-mobile-menu > li:hover:not(.menu-item-has-children) > a .link-icon, .pxl-mobile-menu > li:hover:not(.menu-item-has-children) > a .svg-icon {
  opacity: 1;
}
.pxl-mobile-menu > li.has-icon > a {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.pxl-mobile-menu .menu-item:hover, .pxl-mobile-menu .menu-item:active, .pxl-mobile-menu .current-menu-item, .pxl-mobile-menu .current-menu-ancestor {
  color: var(--mobile_menu-color-hover, var(--main-color));
}
.pxl-mobile-menu .menu-item:hover > a, .pxl-mobile-menu .menu-item:active > a, .pxl-mobile-menu .current-menu-item > a, .pxl-mobile-menu .current-menu-ancestor > a {
  color: var(--mobile_menu-color-hover, var(--main-color));
  background-color: transparent;
}
.pxl-mobile-menu .menu-item:active {
  color: var(--mobile_menu-color-active, var(--main-color));
}
.pxl-mobile-menu .menu-item:active > a {
  color: var(--mobile_menu-color-active, var(--main-color));
  background-color: transparent;
}
.pxl-mobile-menu .sub-menu {
  display: none;
  list-style: none;
}
.pxl-mobile-menu .sub-menu .menu-item {
  position: relative;
  color: var(--sub-menu-color, var(--body-color));
}
.pxl-mobile-menu .sub-menu .menu-item > a {
  width: 100%;
  padding: 16px 20px 16px 34px;
  border-top: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  color: var(--sub-menu-color, var(--body-color));
  font-size: 15px;
  font-weight: 400;
  background-color: transparent;
  font-family: var(--heading-font-family);
  text-transform: capitalize;
  position: relative;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.pxl-mobile-menu .sub-menu .menu-item > a .link-icon, .pxl-mobile-menu .sub-menu .menu-item > a .svg-icon {
  font-size: 14px;
  display: inline-flex;
  position: relative;
  right: 2px;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pxl-mobile-menu .sub-menu .menu-item > a .svg-icon svg {
  width: 12px;
  height: auto;
  fill: var(--sub-menu-color-hover, var(--main-color));
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-mobile-menu .sub-menu .menu-item > a:hover .link-icon, .pxl-mobile-menu .sub-menu .menu-item > a:hover .svg-icon {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pxl-mobile-menu .sub-menu .menu-item .menu-item > a {
  padding: 12px 20px 12px 42px;
}
.pxl-mobile-menu .sub-menu .menu-item.has-icon > a {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.pxl-mobile-menu .sub-menu .menu-item:hover, .pxl-mobile-menu .sub-menu .current-menu-item, .pxl-mobile-menu .sub-menu .current-menu-ancestor {
  color: var(--sub-menu-color-hover, var(--main-color));
}
.pxl-mobile-menu .sub-menu .menu-item:hover > a, .pxl-mobile-menu .sub-menu .current-menu-item > a, .pxl-mobile-menu .sub-menu .current-menu-ancestor > a {
  color: var(--sub-menu-color-hover, var(--main-color));
  background-color: transparent;
}
.pxl-mobile-menu .sub-menu .menu-item:active {
  color: var(--sub-menu-color-active, var(--main-color));
}
.pxl-mobile-menu .sub-menu .menu-item:active > a {
  color: var(--sub-menu-color-active, var(--main-color));
  background-color: transparent;
}
.pxl-mobile-menu .sub-menu .pxl-heading-wrap {
  display: none;
}
.pxl-mobile-menu .main-menu-toggle {
  cursor: pointer;
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 24px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 14px;
  background-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-border-radius: 4px 4px 0 4px;
  -khtml-border-radius: 4px 4px 0 4px;
  -moz-border-radius: 4px 4px 0 4px;
  -ms-border-radius: 4px 4px 0 4px;
  -o-border-radius: 4px 4px 0 4px;
  border-radius: 4px 4px 0 4px;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
}
.pxl-mobile-menu .main-menu-toggle:before {
  content: "";
  font-family: "pxli";
}
.pxl-mobile-menu .main-menu-toggle.open:before {
  content: "";
  font-family: "pxli";
}
.pxl-nav-menu-inner.style-2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .pxl-nav-menu-inner.style-2 ul {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 575px) {
  .pxl-nav-menu-inner.style-2 ul {
    justify-content: center;
  }
}
.pxl-nav-menu-inner.style-2 ul li {
  position: relative;
  padding: 0;
}
.pxl-nav-menu-inner.style-2 ul > li {
  flex: 0 0 auto;
  width: auto;
  margin: 0 25px;
  display: inline-flex;
}
@media (max-width: 1199px) {
  .pxl-nav-menu-inner.style-2 ul > li {
    margin: 0 15px;
  }
}
.pxl-nav-menu-inner.style-2 ul > li > a {
  text-transform: uppercase;
  display: inline-block;
  color: #7e7e7e;
  font-size: 14px;
  letter-spacing: 0.1em;
}
@media (max-width: 1199px) {
  .pxl-nav-menu-inner.style-2 ul > li > a {
    letter-spacing: 0;
  }
}
.pxl-nav-menu-inner.style-2 ul > li.active > a, .pxl-nav-menu-inner.style-2 ul > li.active > .main-menu-toggle, .pxl-nav-menu-inner.style-2 ul > li.current-menu-item > a, .pxl-nav-menu-inner.style-2 ul > li.current-menu-item > .main-menu-toggle, .pxl-nav-menu-inner.style-2 ul > li.current-menu-ancestor > a, .pxl-nav-menu-inner.style-2 ul > li.current-menu-ancestor > .main-menu-toggle, .pxl-nav-menu-inner.style-2 ul > li:hover > a, .pxl-nav-menu-inner.style-2 ul > li:hover > .main-menu-toggle {
  color: #fff;
}
@media (min-width: 1200px) {
  .logo-default {
    display: block;
    margin-right: 50px;
    position: relative;
    top: -10px;
  }
}
.logo-default.logo-desktop img {
  max-width: var(--logo-width);
}
.logo-default.logo-mobile img {
  max-width: var(--logo-mobile_width);
}
.pxl-pagetitle.layout-df {
  background-image: url(../images/pt-df.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 193px;
  padding-bottom: 48px;
  color: #fff;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .pxl-pagetitle.layout-df {
    padding-top: 150px;
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .pxl-pagetitle.layout-df {
    padding-bottom: 24px;
  }
}
.pxl-pagetitle.layout-df .page-title-inner {
  padding-left: 32px;
}
@media (max-width: 767px) {
  .pxl-pagetitle.layout-df .page-title-inner {
    padding-left: 12px;
  }
}
.pxl-pagetitle.layout-df .main-title {
  color: #fff;
  line-height: 1.111;
  word-wrap: break-word;
}
.pxl-pagetitle.layout-df .pxl-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .breadcrumb-inner {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.33333;
  color: var(--gray1-color);
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .br-item {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .br-item a {
  color: inherit;
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .br-item a:hover {
  color: #fff;
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .br-item:last-child .br-divider {
  display: none !important;
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .br-divider {
  font-size: 14px;
  margin: 0 12px;
  display: inline-flex;
}
@media (max-width: 767px) {
  .pxl-pagetitle.layout-df .pxl-breadcrumb .br-divider {
    font-size: 12px;
  }
}
.pxl-pagetitle.layout-df .pxl-breadcrumb .br-item + .br-item::before {
  display: none;
}
.pxl-content-wrap {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
  padding-top: 80px;
  padding-bottom: 80px;
}
.pxl-content-wrap .pxl-content-area {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}
@media (min-width: 768px) {
  .pxl-content-wrap .pxl-content-area.content-docs.has-sidebar {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .pxl-content-wrap .pxl-content-area.has-sidebar {
    width: 66.66666667%;
  }
}
@media (min-width: 1200px) {
  .pxl-content-wrap .pxl-content-area.content-docs.has-sidebar {
    width: 85%;
  }
}
.pxl-content-wrap .pxl-sidebar-area {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}
@media (min-width: 992px) {
  .pxl-content-wrap .pxl-sidebar-area {
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .pxl-content-wrap .pxl-sidebar-area.sidebar-docs {
    width: 20%;
  }
}
@media (min-width: 1200px) {
  .pxl-content-wrap .pxl-sidebar-area.sidebar-docs {
    width: 15%;
  }
}
@media (max-width: 767px) {
  .admin-bar .pxl-sidebar-area.sidebar-docs {
    top: 46px;
  }
}
.site-content-docs.pxl-content-wrap {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.error404 .pxl-pagetitle.layout-df {
  padding-top: 50px;
  min-height: 98px;
}
@media (max-width: 1199px) {
  .error404 .pxl-pagetitle.layout-df {
    padding-top: 32px;
    min-height: 80px;
  }
}
.error404 .page-404-wrap {
  position: relative;
  padding-top: 42px;
  padding-bottom: 100px;
}
@media (max-width: 1199px) {
  .error404 .page-404-wrap {
    padding-bottom: 80px;
  }
}
.error404 .page-404-wrap .text-number {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 380px;
  color: var(--primary-color);
  margin-bottom: 16px;
  font-weight: 500;
  line-height: 0.8;
}
@media (max-width: 1399px) {
  .error404 .page-404-wrap .text-number {
    font-size: 330px;
  }
}
@media (max-width: 1199px) {
  .error404 .page-404-wrap .text-number {
    font-size: 280px;
  }
}
@media (max-width: 991px) {
  .error404 .page-404-wrap .text-number {
    font-size: 35vw;
  }
}
.error404 .page-404-wrap .text-number .slap {
  font-size: 128px;
  font-style: normal;
  font-weight: 100;
  font-family: var(--second-font);
  letter-spacing: -0.19em;
}
@media (max-width: 991px) {
  .error404 .page-404-wrap .text-number .slap {
    font-size: 20vw;
  }
}
.error404 .page-404-wrap .text-number .zero {
  font-size: 128px;
  font-style: normal;
  font-weight: 500;
  font-family: var(--second-font);
  letter-spacing: -0.19em;
}
@media (max-width: 991px) {
  .error404 .page-404-wrap .text-number .zero {
    font-size: 20vw;
  }
}
.error404 .pxl-button-wrapper {
  margin-top: 80px;
}
@media (max-width: 1199px) {
  .error404 .pxl-button-wrapper {
    margin-top: 50px;
  }
}
.pxl-archive-post {
  margin-bottom: 32px;
  position: relative;
}
.pxl-archive-post:last-child {
  margin-bottom: 0;
}
.pxl-archive-post .post-content {
  padding: 24px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-archive-post .post-featured-image + .post-content {
  border-top: 0;
}
.pxl-archive-post .post-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.pxl-archive-post .post-category {
  font-family: var(--second-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: var(--gray2-color);
  text-transform: uppercase;
  padding: 4px 0;
  background-color: var(--gray9-color);
}
.pxl-archive-post .post-category a {
  color: inherit;
}
.pxl-archive-post .post-category a:hover {
  color: var(--main-color);
}
.pxl-archive-post .post-date {
  font-size: 14px;
  color: var(--gray3-color);
  font-style: normal;
  font-weight: 500;
  line-height: 1.42857;
  letter-spacing: -0.04em;
}
.pxl-archive-post .post-date:before {
  content: "//";
  margin-right: 4px;
  color: var(--gray1-color);
}
.pxl-archive-post .post-title {
  position: relative;
  margin-bottom: 8px;
  word-wrap: break-word;
  line-height: 1.33333;
}
.pxl-archive-post .post-title a {
  color: inherit;
}
.pxl-archive-post .post-title a:hover {
  color: var(--primary-color);
}
.pxl-archive-post .post-excerpt {
  font-size: 16px;
  line-height: 1.375;
}
.pxl-archive-post .post-foot {
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-archive-post .pxl-readmore-link {
  padding: 8px 24px 12px 24px;
}
@media (max-width: 1199px) {
  .pxl-archive-post .pxl-readmore-link {
    padding: 8px 16px 12px 16px;
    font-size: 14px;
  }
}
.pxl-archive-post:hover .post-title a {
  color: var(--primary-color);
}
.pxl-archive-post:hover .post-content, .pxl-archive-post:hover .post-foot {
  border-color: var(--primary-color);
}
.pxl-archive-post:hover .pxl-readmore-link {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.pxl-archive-post:hover .pxl-readmore-link:after {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-archive-post:hover .pxl-readmore-link .pxl-link-icon .icon-first {
  transform: translate(20px, -20px);
}
.pxl-archive-post:hover .pxl-readmore-link .pxl-link-icon .icon-second {
  transform: translate(0, 0);
}
.pxl-archive-post:hover .pxl-readmore-link svg {
  fill: var(--primary-color);
}
.pxl-archive-post .feature-video iframe, .pxl-archive-post .feature-audio iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1.7777777778;
  border-radius: 20px;
}
.pxl-archive-post .pxli-thumbtack {
  width: 32px;
  height: 32px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: var(--main-color);
  border-radius: 50%;
  margin-right: 3px;
  text-align: center;
  line-height: 32px;
  position: relative;
  top: -4px;
}
.pxl-single-page p:last-child {
  clear: both;
}
.pxl-single-page p:last-child img[class*="align"] {
  margin-bottom: 0;
}
.content-post .elementor-widget-image {
  overflow: hidden;
}
.content-post .elementor-widget-pxl_video {
  overflow: hidden;
}
.single-post .pxl-text-editor h1, .single-post .pxl-text-editor h2, .single-post .pxl-text-editor h3, .single-post .pxl-text-editor h4, .single-post .pxl-text-editor h5, .single-post .pxl-text-editor h6 {
  font-weight: 500;
}
.single-post .pxl-text-editor h3 {
  line-height: 1.25;
}
.pxl-post-layout-1 {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pxl-post-layout-1 .post-featured-image {
  position: relative;
}
.pxl-post-layout-1 .post-featured-image:after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-layout-1 .post-featured-image img {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-layout-1 .post-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 24px;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 1199px) {
  .pxl-post-layout-1 .post-content {
    padding: 16px;
  }
}
.pxl-post-layout-1 .post-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.pxl-post-layout-1 .post-category {
  font-family: var(--second-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: var(--gray2-color);
  text-transform: uppercase;
  padding: 4px 0;
  background-color: var(--gray9-color);
}
.pxl-post-layout-1 .post-category a {
  color: inherit;
}
.pxl-post-layout-1 .post-category a:hover {
  color: var(--main-color);
}
.pxl-post-layout-1 .post-date {
  font-size: 14px;
  color: var(--gray3-color);
  font-style: normal;
  font-weight: 500;
  line-height: 1.42857;
  letter-spacing: -0.04em;
}
.pxl-post-layout-1 .post-date:before {
  content: "//";
  margin-right: 4px;
  color: var(--gray1-color);
}
.pxl-post-layout-1 .post-title {
  position: relative;
  margin-bottom: 8px;
  word-wrap: break-word;
  line-height: 1.33333;
}
.pxl-post-layout-1 .post-title a {
  color: inherit;
}
.pxl-post-layout-1 .post-title a:hover {
  color: var(--primary-color);
}
.pxl-post-layout-1 .post-excerpt {
  font-size: 16px;
  line-height: 1.375;
}
@media (max-width: 1199px) {
  .pxl-post-layout-1 .post-excerpt {
    font-size: 15px;
  }
}
.pxl-post-layout-1 .post-foot {
  flex-shrink: 0;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-layout-1 .pxl-readmore-link {
  padding: 8px 24px 12px 24px;
}
@media (max-width: 1199px) {
  .pxl-post-layout-1 .pxl-readmore-link {
    padding: 8px 16px 12px 16px;
    font-size: 14px;
  }
}
.pxl-post-layout-1:hover .post-title a {
  color: var(--primary-color);
}
.pxl-post-layout-1:hover .post-content, .pxl-post-layout-1:hover .post-foot {
  border-color: var(--primary-color);
}
.pxl-post-layout-1:hover .pxl-readmore-link {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.pxl-post-layout-1:hover .pxl-readmore-link:after {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-post-layout-1:hover .pxl-readmore-link .pxl-link-icon .icon-first {
  transform: translate(20px, -20px);
}
.pxl-post-layout-1:hover .pxl-readmore-link .pxl-link-icon .icon-second {
  transform: translate(0, 0);
}
.pxl-post-layout-1:hover .pxl-readmore-link svg {
  fill: var(--primary-color);
}
.post-tags a {
  font-family: var(--second-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375;
  text-transform: uppercase;
  padding: 13px 0;
  position: relative;
}
@media (max-width: 1199px) {
  .post-tags a {
    font-size: 14px;
  }
}
.post-tags a .tag-name {
  position: relative;
  top: 1px;
}
.search-results .pxl-archive-post {
  margin-bottom: 50px;
}
.search-results .pxl-archive-post .post-meta {
  margin-bottom: 8px;
}
.pxl-portfolio-layout-1 {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pxl-portfolio-layout-1 .post-featured-image {
  position: relative;
}
.pxl-portfolio-layout-1 .post-featured-image:after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-portfolio-layout-1 .post-featured-image img {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-portfolio-layout-1 .post-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 24px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 1199px) {
  .pxl-portfolio-layout-1 .post-content {
    padding: 16px;
  }
}
.pxl-portfolio-layout-1 .post-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
}
.pxl-portfolio-layout-1 .post-category {
  font-family: var(--second-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: var(--gray2-color);
  text-transform: uppercase;
  padding: 4px 0;
  background-color: var(--gray9-color);
}
.pxl-portfolio-layout-1 .post-category a {
  color: inherit;
}
.pxl-portfolio-layout-1 .post-category a:hover {
  color: var(--main-color);
}
.pxl-portfolio-layout-1 .post-key {
  font-size: 14px;
  color: var(--gray3-color);
  font-style: normal;
  font-weight: 500;
  line-height: 1.42857;
  letter-spacing: -0.04em;
}
.pxl-portfolio-layout-1 .post-key:before {
  content: "//";
  margin-right: 4px;
  color: var(--gray1-color);
}
.pxl-portfolio-layout-1 .post-title {
  position: relative;
  margin-bottom: 24px;
  word-wrap: break-word;
  line-height: 1.33333;
}
.pxl-portfolio-layout-1 .post-title a {
  color: inherit;
}
.pxl-portfolio-layout-1 .post-title a:hover {
  color: var(--primary-color);
}
.pxl-portfolio-layout-1 .post-excerpt {
  font-size: 16px;
  line-height: 1.375;
}
@media (max-width: 1199px) {
  .pxl-portfolio-layout-1 .post-excerpt {
    font-size: 15px;
  }
}
.pxl-portfolio-layout-1 .post-foot {
  padding-top: 40px;
  flex-shrink: 0;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-portfolio-layout-1 .post-foot .pxl-readmore-link {
  padding: 8px 24px 12px 24px;
}
.pxl-portfolio-layout-1:hover .post-title a {
  color: var(--primary-color);
}
.pxl-portfolio-layout-1:hover .post-content, .pxl-portfolio-layout-1:hover .post-foot {
  border-color: var(--primary-color);
}
.pxl-portfolio-layout-1:hover .pxl-readmore-link {
  color: var(--primary-color);
}
.pxl-portfolio-layout-1:hover .pxl-readmore-link:after {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-portfolio-layout-1:hover .pxl-readmore-link .pxl-link-icon .icon-first {
  transform: translate(20px, -20px);
}
.pxl-portfolio-layout-1:hover .pxl-readmore-link .pxl-link-icon .icon-second {
  transform: translate(0, 0);
}
.pxl-portfolio-meta-wg.post-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 8px;
}
.pxl-portfolio-meta-wg.post-meta .post-category {
  font-family: var(--second-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: var(--gray2-color);
  text-transform: uppercase;
  padding: 4px 0;
  background-color: var(--gray9-color);
}
.pxl-portfolio-meta-wg.post-meta .post-category a {
  color: inherit;
}
.pxl-portfolio-meta-wg.post-meta .post-category a:hover {
  color: var(--main-color);
}
.pxl-portfolio-meta-wg.post-meta .post-key {
  font-size: 14px;
  color: var(--gray3-color);
  font-style: normal;
  font-weight: 500;
  line-height: 1.42857;
  letter-spacing: -0.04em;
}
.pxl-portfolio-meta-wg.post-meta .post-key:before {
  content: "//";
  margin-right: 4px;
  color: var(--gray1-color);
}
.pxl-archive-docs {
  margin-bottom: 32px;
  position: relative;
}
.pxl-archive-docs:last-child {
  margin-bottom: 0;
}
.pxl-archive-docs .post-content {
  padding: 24px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-archive-docs .post-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.pxl-archive-docs .post-category {
  font-family: var(--second-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: var(--gray2-color);
  text-transform: uppercase;
  padding: 4px 0;
  background-color: var(--gray9-color);
}
.pxl-archive-docs .post-category a {
  color: inherit;
}
.pxl-archive-docs .post-category a:hover {
  color: var(--main-color);
}
.pxl-archive-docs .post-date {
  font-size: 14px;
  color: var(--gray3-color);
  font-style: normal;
  font-weight: 500;
  line-height: 1.42857;
  letter-spacing: -0.04em;
}
.pxl-archive-docs .post-date:before {
  content: "//";
  margin-right: 4px;
  color: var(--gray1-color);
}
.pxl-archive-docs .post-title {
  position: relative;
  margin-bottom: 8px;
  word-wrap: break-word;
  line-height: 1.33333;
}
.pxl-archive-docs .post-title a {
  color: inherit;
}
.pxl-archive-docs .post-title a:hover {
  color: var(--primary-color);
}
.pxl-archive-docs .post-excerpt {
  font-size: 16px;
  line-height: 1.375;
}
.pxl-archive-docs .post-foot {
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-archive-docs .post-foot .readmore-link {
  padding: 8px 24px 12px 24px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: var(--bd-color);
  border-color: var(--main-color);
  font-family: var(--second-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}
.pxl-archive-docs .post-foot .readmore-link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--primary-color);
  height: 4px;
  opacity: 0;
  -webkit-transform: translateY(4px);
  -khtml-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-archive-docs .post-foot .readmore-link svg {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-archive-docs .post-foot .readmore-link:hover {
  border-color: var(--primary-color);
}
.pxl-archive-docs .post-foot .readmore-link:hover:after {
  opacity: 1;
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.pxl-archive-docs .post-foot .readmore-link:hover svg {
  fill: var(--primary-color);
}
.pxl-archive-docs:hover .post-title a {
  color: var(--primary-color);
}
.pxl-archive-docs:hover .post-content, .pxl-archive-docs:hover .post-foot {
  border-color: var(--primary-color);
}
.pxl-archive-docs:hover .post-foot .readmore-link {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.pxl-archive-docs:hover .post-foot .readmore-link:after {
  opacity: 1;
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.pxl-archive-docs:hover .post-foot .readmore-link svg {
  fill: var(--primary-color);
}
.pxl-archive-docs .feature-video iframe, .pxl-archive-docs .feature-audio iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1.7777777778;
  border-radius: 20px;
}
.pxl-archive-docs .pxli-thumbtack {
  width: 32px;
  height: 32px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: var(--main-color);
  border-radius: 50%;
  margin-right: 3px;
  text-align: center;
  line-height: 32px;
  position: relative;
  top: -4px;
}
.sidebar-docs {
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-color: var(--bd-color);
  padding: 24px 16px;
  background-color: var(--gray8-color);
}
.single-next-prev-nav {
  position: relative;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--bd-color);
}
.single-next-prev-nav .divider {
  width: 30px;
  padding: 0 15px;
}
.single-next-prev-nav .nav-inner {
  display: inline-block;
  position: relative;
}
.single-next-prev-nav .nav-inner > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media (min-width: 576px) {
  .single-next-prev-nav .nav-label-wrap {
    margin-bottom: 15px;
  }
}
.single-next-prev-nav .nav-label {
  color: var(--heading-color);
  position: relative;
  line-height: 1;
  display: inline-block;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.single-next-prev-nav .nav-icon {
  font-weight: 700;
  font-size: 17px;
  margin-top: -4px;
  display: inline-block;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.single-next-prev-nav .prev .nav-icon {
  margin-right: 7px;
}
.single-next-prev-nav .prev .nav-img {
  margin-right: 20px;
}
@media (max-width: 575px) {
  .single-next-prev-nav .prev .nav-img {
    margin-right: 15px;
  }
}
.single-next-prev-nav .next .nav-icon {
  margin-left: 7px;
}
.single-next-prev-nav .next .nav-img {
  margin-left: 20px;
}
@media (max-width: 575px) {
  .single-next-prev-nav .next .nav-img {
    margin-left: 15px;
  }
}
.single-next-prev-nav .nav-img {
  overflow: hidden;
  position: relative;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.single-next-prev-nav .nav-img img {
  width: 60px;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .single-next-prev-nav .nav-img img {
    width: 50px;
  }
}
@media (max-width: 480px) {
  .single-next-prev-nav .nav-img img {
    width: 40px;
  }
}
.single-next-prev-nav .nav-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: var(--main-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  display: block;
  display: -webkit-box;
  max-height: 48px;
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -khtml-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -khtml-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.single-next-prev-nav .nav-title > * {
  display: block;
  display: -webkit-box;
  max-height: 48px;
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -khtml-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -khtml-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.single-next-prev-nav .nav-next-prev:hover .nav-icon {
  color: var(--main-color);
}
.single-next-prev-nav .nav-next-prev:hover .nav-label {
  color: var(--main-color);
}
.single-next-prev-nav .nav-next-prev:hover .nav-img {
  opacity: 0.8;
}
.single-next-prev-nav .nav-next-prev:hover .nav-title {
  color: var(--main-color);
}
.posts-pagination {
  padding-top: 40px;
}
.posts-pagination:empty {
  display: none;
}
.posts-pagination .pagin-number .page-numbers, .posts-pagination .pagin-number .post-page-numbers {
  flex: 0 0 auto;
  display: flex;
  min-width: 40px;
  height: 40px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  text-align: center;
  font-size: 16px;
  line-height: 1.375;
  border: 1px solid var(--bd-color);
}
.posts-pagination .pagin-number .page-numbers:hover, .posts-pagination .pagin-number .post-page-numbers:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.posts-pagination .pagin-number .page-numbers.current, .posts-pagination .pagin-number .post-page-numbers.current {
  border-color: var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
}
.posts-pagination .post-page-numbers {
  flex: 0 0 auto;
  display: flex;
  min-width: 40px;
  height: 40px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  text-align: center;
  font-size: 16px;
  line-height: 1.375;
  border: 1px solid var(--bd-color);
}
.posts-pagination .post-page-numbers:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.posts-pagination .post-page-numbers.current {
  border-color: var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
}
.posts-pagination.page-links {
  justify-content: start;
}
.posts-pagination .prev, .posts-pagination .next {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  fill: #fff;
  color: #fff;
  background-color: rgba(137, 146, 163, 0.2);
}
.posts-pagination a.prev, .posts-pagination a.next {
  background-color: var(--second-color);
}
.posts-pagination a.prev:hover, .posts-pagination a.next:hover {
  background-color: var(--primary-color);
}
.content-blog .pagination-inner {
  justify-content: center;
}
.comment-list-wrap .navigation {
  justify-content: flex-end;
}
.pxl-entry-content + .navigation.page-links {
  margin-top: 0;
}
.navigation.page-links {
  margin-top: 26px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.navigation.page-links > * {
  max-width: 100%;
}
.navigation.page-links .post-nav-links {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.navigation.page-links .post-nav-links > * {
  max-width: 100%;
}
.navigation.page-links .post-nav-links .post-page-numbers:first-child {
  margin-left: 5px;
}
.navigation.page-links .post-page-numbers {
  flex: 0 0 auto;
  display: flex;
  min-width: 40px;
  height: 40px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  text-align: center;
  font-size: 16px;
  line-height: 1.375;
  border: 1px solid var(--bd-color);
}
.navigation.page-links .post-page-numbers:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.navigation.page-links .post-page-numbers.current {
  border-color: var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
}
.pxl-load-more {
  margin-top: 50px;
}
.pxl-load-more .btn-grid-loadmore {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.pxl-load-more .btn-grid-loadmore > * {
  max-width: 100%;
}
.pxl-load-more .pxl-icon {
  display: inline-flex;
  align-items: center;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.1s ease;
  -khtml-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.pxl-load-more .btn-text {
  display: inline-block;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.3s ease;
  -khtml-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.pxl-load-more .pxl-spinner {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -7.5px;
  margin-left: -7.5px;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-load-more .loading .pxl-icon {
  opacity: 0;
  visibility: hidden;
}
.pxl-load-more .loading .btn-text {
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.pxl-load-more .loading .pxl-spinner {
  font-size: inherit;
  opacity: 1;
  visibility: visible;
  -webkit-animation: spin 1s infinite linear;
  -khtml-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
.comment-list-wrap {
  margin-top: 30px;
  padding-top: 65px;
  border-top: 1px solid var(--bd-color);
  position: relative;
}
.comments-title {
  font-style: normal;
  margin: 0 0 38px 0;
}
.commentlist {
  list-style: none;
  padding: 0;
  margin: 0;
}
.commentlist .comment {
  padding-top: 28px;
  margin-top: 24px;
  border-top: 1px solid rgba(var(--bd-color), 0.6);
}
.commentlist > .comment:first-child, .commentlist > .review:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.commentlist > .comment:not(:last-child) > .children, .commentlist > .review:not(:last-child) > .children {
  margin-bottom: 0;
}
.commentlist .comment-avatar img {
  border-radius: 50%;
}
@media (max-width: 1399px) {
  .commentlist .comment-avatar img {
    max-width: 60px;
  }
}
@media (max-width: 991px) {
  .commentlist .comment-avatar img {
    max-width: 60px;
  }
}
@media (max-width: 575px) {
  .commentlist .comment-avatar img {
    max-width: 40px;
  }
}
.commentlist .comment-content .comment-content-head {
  row-gap: 15px;
}
.commentlist .comment-content .comment-title {
  position: relative;
  font-family: var(--heading-font-family);
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .commentlist .comment-content .comment-title {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.commentlist .comment-content .comment-title a {
  color: inherit;
}
.commentlist .comment-content .comment-title a:hover {
  color: var(--primary-color);
}
.commentlist .comment-content .comment-date {
  line-height: 1;
}
.commentlist .comment-content .comment-meta {
  font-size: 12px;
  color: #333;
}
@media (max-width: 480px) {
  .commentlist .comment-content .comment-meta {
    margin-top: 10px;
  }
}
.commentlist .comment-text-wrap {
  margin-top: 28px;
}
@media (max-width: 1199px) {
  .commentlist .comment-text-wrap {
    margin-top: 24px;
  }
}
@media (max-width: 575px) {
  .commentlist .comment-text-wrap {
    margin-top: 16px;
  }
}
.commentlist .children {
  list-style: none;
  padding: 0 0 0 60px;
  margin: 0;
}
[dir="rtl"] .commentlist .children {
  padding: 0 60px 0 0;
}
@media (max-width: 1399px) {
  .commentlist .children {
    padding: 0 0 0 35px;
  }
  [dir="rtl"] .commentlist .children {
    padding: 0 35px 0 0;
  }
}
@media (max-width: 575px) {
  .commentlist .children {
    padding: 0 0 0 20px;
  }
  [dir="rtl"] .commentlist .children {
    padding: 0 20px 0 0;
  }
}
.commentlist .comment-reply-link {
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  padding: 5px 15px;
  background-color: var(--main-color);
  color: #fff;
  display: inline-flex;
  align-items: center;
  column-gap: 5px;
  overflow: hidden;
}
.commentlist .comment-reply-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  -webkit-transform: translateX(-100%);
  -khtml-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -khtml-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.commentlist .comment-reply-link .reply-icon {
  margin-right: 2px;
  color: #fff;
  font-size: 10px;
  -webkit-transition: color 0.3s ease;
  -khtml-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.commentlist .comment-reply-link:hover:before {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.comments-pagination {
  margin-top: 24px;
}
.comment-respond {
  margin-top: 24px;
  padding-top: 48px;
  border-top: 1px solid var(--bd-color);
  position: relative;
}
.comment-respond .comment-reply-title {
  font-style: normal;
  color: var(--heading-color);
  margin: 0 0 16px 0;
}
.comment-respond .comment-reply-title small {
  font-size: 60%;
}
.comment-respond .comment-form .text-heading {
  margin-bottom: 27px;
  display: block;
}
.comment-respond .comment-form .comment-form-field {
  margin-top: 15px;
}
.comment-respond .comment-form .pxl-comment-form-rating .comment-form-field {
  margin-top: 0;
}
.comment-respond .comment-form input[type=checkbox] {
  display: none;
}
.comment-respond .comment-form input[type=checkbox] + label:before {
  content: "";
  font-family: "pxli";
  border: 1px solid #c8c8c8;
  border-radius: 0;
  color: var(--heading-color);
  background-color: transparent;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  vertical-align: bottom;
  color: transparent;
  transition: 0.2s;
  position: relative;
  top: -4px;
  font-size: 10px;
  text-align: center;
  line-height: 12px;
}
.comment-respond .comment-form input[type=checkbox]:checked + label:before {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.comment-respond .comment-form input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}
.comment-respond .comment-form .comment-form-comment textarea {
  height: 150px;
}
.comment-respond .comment-form-cookies-consent {
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.comment-respond .comment-form-cookies-consent .cms-custom-checkbox {
  flex: 0 0 auto;
  margin-top: 1px;
}
.comment-respond .comment-form-cookies-consent label {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  margin: 0;
  color: var(--heading-color);
  line-height: normal;
}
.comment-respond .form-submit {
  margin: 30px 0 0;
}
.logged-in-as {
  margin-bottom: 10px;
}
#cancel-comment-reply-link {
  padding-left: 15px;
  color: var(--main-color);
  font-weight: normal;
}
[dir="rtl"] #cancel-comment-reply-link {
  padding-left: 0;
  padding-right: 15px;
}
p.no-comments {
  margin-top: 30px;
  color: red;
}
.rating-container {
  display: inline-block;
  height: 18px;
  vertical-align: top;
  font-size: 0;
  unicode-bidi: bidi-override;
  direction: rtl;
}
.rating-container * {
  font-size: 17px;
}
.rating-container > input {
  display: none;
}
.rating-container > input + label {
  font-family: "pxli";
  line-height: 1;
}
.rating-container > input + label:before {
  display: inline-block;
  content: "";
  color: #000;
}
.rating-container > input:checked ~ label:before, .rating-container > input + label:hover ~ label:before, .rating-container > input + label:hover:before, .pxl-rating-icon-filled:before {
  content: "";
  color: var(--main-color);
}
.rating-container:hover > input + label:before, .pxl-rating-icon-empty:before {
  content: "";
  color: #000;
  text-shadow: none;
}
.rating-container:hover > input + label:hover ~ label:before, .rating-container:hover > input + label:hover:before {
  content: "";
  color: var(--main-color);
}
.pxl-rating-icon-filled, .pxl-rating-icon-empty {
  font-family: "pxli";
  display: inline-block;
  overflow: hidden;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
  margin: 0;
}
.pxl-rating-icon-empty {
  z-index: -1;
}
.phb-review-form .phb-review-reply-title {
  text-transform: uppercase;
}
.phb-review-form .phb-stars {
  margin-bottom: 8px;
}
.phb-review-form .phb-stars:hover a {
  color: var(--main-color);
}
.phb-review-form .phb-stars .stars {
  display: flex;
}
.phb-review-form .phb-stars a {
  position: relative;
  height: 1em;
  width: 1em;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
  color: #111111;
}
.phb-review-form .phb-stars a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: -5px;
}
.phb-review-form .phb-stars a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-family: "pxli";
  content: "";
  text-indent: 0;
}
.phb-review-form .phb-stars a:hover ~ a {
  color: #111111;
}
.phb-review-form .phb-stars.selected a.active {
  color: var(--main-color);
}
.phb-review-form .phb-stars.selected a.active ~ a {
  color: #111111;
}
.phb-review-form .phb-stars.selected a:not(.active) {
  color: var(--main-color);
}
.phb-review-form .phb-stars.selected:hover a {
  color: var(--main-color);
}
.phb-review-form .phb-stars.selected:hover a.active ~ a {
  color: var(--main-color);
}
.phb-review-form .phb-stars.selected a:hover ~ a {
  color: #111111 !important;
}
.phb-review-form .phb-review-fields .row > div {
  margin-bottom: 15px;
}
.phb-review-form .phb-review-fields textarea {
  margin-bottom: 30px;
}
.woocommerce-Reviews .comment-title {
  column-gap: 20px;
}
@media (min-width: 992px) {
  .sidebar-sticky .sidebar-area-wrap, .sidebar-sticky .elementor-widget-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
  }
}
.pxl-widget-title {
  margin-bottom: 25px;
}
.elementor-widget-sidebar .widget, .pxl-sidebar-area .widget {
  position: relative;
  border: 1px solid var(--bd-color);
  padding: 30px 24px 30px 24px;
}
.elementor-widget-sidebar .widget ul, .elementor-widget-sidebar .widget ol, .pxl-sidebar-area .widget ul, .pxl-sidebar-area .widget ol {
  list-style: none;
  margin: 0;
}
.elementor-widget-sidebar .widget ul ul, .elementor-widget-sidebar .widget ul ol, .elementor-widget-sidebar .widget ol ul, .elementor-widget-sidebar .widget ol ol, .pxl-sidebar-area .widget ul ul, .pxl-sidebar-area .widget ul ol, .pxl-sidebar-area .widget ol ul, .pxl-sidebar-area .widget ol ol {
  padding-left: 15px;
}
[dir="rlt"] .elementor-widget-sidebar .widget ul ul, [dir="rlt"] .elementor-widget-sidebar .widget ul ol, [dir="rlt"] .elementor-widget-sidebar .widget ol ul, [dir="rlt"] .elementor-widget-sidebar .widget ol ol, [dir="rlt"] .pxl-sidebar-area .widget ul ul, [dir="rlt"] .pxl-sidebar-area .widget ul ol, [dir="rlt"] .pxl-sidebar-area .widget ol ul, [dir="rlt"] .pxl-sidebar-area .widget ol ol {
  padding-left: 0;
  padding-right: 15px;
}
.elementor-widget-sidebar .widget-title, .pxl-sidebar-area .widget-title {
  margin-bottom: 24px;
  position: relative;
}
.elementor-widget-sidebar .widget-title span, .pxl-sidebar-area .widget-title span {
  position: relative;
}
.elementor-widget-sidebar .widget-title a, .pxl-sidebar-area .widget-title a {
  color: inherit;
}
.elementor-widget-sidebar .widget + .widget, .pxl-sidebar-area .widget + .widget {
  margin-top: 40px;
}
.elementor-widget-sidebar p:empty, .pxl-sidebar-area p:empty {
  display: none;
}
.elementor-widget-sidebar .wp-caption .wp-caption-text, .pxl-sidebar-area .wp-caption .wp-caption-text {
  text-align: center;
}
.widget_archive .widget-title, .widget_categories .widget-title, .widget_nav_menu .widget-title, .widget_product_categories .widget-title, .woocommerce-widget-layered-nav .widget-title, .woocommerce-widget-layered-nav-list .widget-title, .widget_layered_nav_filters .widget-title {
  margin-bottom: 8px;
}
.widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_product_categories li, .woocommerce-widget-layered-nav li, .woocommerce-widget-layered-nav-list li, .widget_layered_nav_filters li {
  position: relative;
  padding: 0;
}
.widget_archive li > a, .widget_categories li > a, .widget_nav_menu li > a, .widget_product_categories li > a, .woocommerce-widget-layered-nav li > a, .woocommerce-widget-layered-nav-list li > a, .widget_layered_nav_filters li > a {
  display: inline-flex;
  padding: 8px 0;
}
.widget_pages li, .widget_meta li, .widget_nav_menu li {
  position: relative;
}
.widget_pages a, .widget_meta a, .widget_nav_menu a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding: 8px 0 8px 0;
  -webkit-transform: translateX(-22px);
  -khtml-transform: translateX(-22px);
  -moz-transform: translateX(-22px);
  -ms-transform: translateX(-22px);
  -o-transform: translateX(-22px);
  transform: translateX(-22px);
}
.widget_pages a:before, .widget_meta a:before, .widget_nav_menu a:before {
  content: "";
  font-family: "pxli";
  font-size: 12px;
  width: 12px;
  display: inline-block;
  margin-right: 10px;
  opacity: 0;
  color: var(--main-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.widget_pages a:after, .widget_meta a:after, .widget_nav_menu a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  min-width: 800px;
  border-top: 1px solid rgba(var(--bd-color), 0.6);
  -webkit-transform: translateX(-30%);
  -khtml-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%);
}
.widget_pages a:hover, .widget_meta a:hover, .widget_nav_menu a:hover {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.widget_pages a:hover:before, .widget_meta a:hover:before, .widget_nav_menu a:hover:before {
  opacity: 1;
}
.widget_pages .children, .widget_meta .children, .widget_nav_menu .children {
  padding-left: 15px;
}
.pxl-list-item, .wc-layered-nav-term {
  position: relative;
}
.pxl-list-item a, .wc-layered-nav-term a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  padding: 8px 0 8px 0;
}
.pxl-list-item a > .count, .wc-layered-nav-term a > .count {
  margin-left: 4px;
}
.pxl-list-item a:after, .wc-layered-nav-term a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  min-width: 800px;
  border-top: 1px solid rgba(var(--bd-color), 0.6);
  -webkit-transform: translateX(-30%);
  -khtml-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%);
}
.pxl-list-item a:hover, .wc-layered-nav-term a:hover {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-list-item a:hover:before, .wc-layered-nav-term a:hover:before {
  opacity: 1;
}
.pxl-list-item.current-cat a:before, .wc-layered-nav-term.current-cat a:before {
  opacity: 1;
  font-size: 14px;
  margin-right: 10px;
}
.pxl-list-item .pxl-menu-toggle, .wc-layered-nav-term .pxl-menu-toggle {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 12px;
  right: -8px;
  cursor: pointer;
  z-index: 2;
}
.pxl-list-item .pxl-menu-toggle:hover, .wc-layered-nav-term .pxl-menu-toggle:hover {
  color: var(--primary-color);
}
[dir="rtl"] .pxl-list-item .pxl-menu-toggle, [dir="rtl"] .wc-layered-nav-term .pxl-menu-toggle {
  right: auto;
  left: 0;
}
.pxl-list-item .pxl-menu-toggle.open:before, .wc-layered-nav-term .pxl-menu-toggle.open:before {
  content: "";
}
.pxl-list-item .children, .wc-layered-nav-term .children {
  padding-left: 15px;
}
.widget_nav_menu .menu-item {
  position: relative;
}
.widget_nav_menu .menu-item .pxl-menu-toggle {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 6px;
  right: 0;
  cursor: pointer;
  z-index: 2;
  font-size: 13px;
  margin-top: 4px;
}
.widget_nav_menu .menu-item .pxl-menu-toggle:hover {
  color: var(--primary-color);
}
[dir="rtl"] .widget_nav_menu .menu-item .pxl-menu-toggle {
  right: auto;
  left: 0;
}
.widget_nav_menu .menu-item .pxl-menu-toggle.open:before {
  content: "";
}
.widget_nav_menu .menu-item .sub-menu {
  display: none;
  margin-top: 5px;
  padding-left: 0;
}
.pxl-widget-inner > * {
  position: relative;
  z-index: 1;
}
.pxl-widget-inner > .pxl-wg-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
.pxl-search-form-df {
  position: relative;
}
.pxl-search-form-df [type="search"] {
  padding-right: 50px;
  background-color: transparent;
  border-color: var(--bd-color);
}
.pxl-search-form-df [type="submit"] {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
[dir="rtl"] .pxl-search-form-df [type="submit"] {
  right: auto;
  left: 5px;
}
.pxl-search-form-df [type="submit"] span {
  margin: 0;
}
.pxl-search-form-df [type="submit"] svg {
  width: 14px;
  height: auto;
  fill: #fff;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-search-form-df [type="submit"]:active, .pxl-search-form-df [type="submit"]:hover, .pxl-search-form-df [type="submit"]:focus {
  background-color: var(--primary-color);
  color: #fff;
}
.pxl-search-form-df [type="submit"]:active svg, .pxl-search-form-df [type="submit"]:hover svg, .pxl-search-form-df [type="submit"]:focus svg {
  fill: #fff;
}
.pxl-search-form-df:hover [type="submit"] {
  border-color: transparent;
}
table.wp-calendar-table {
  border-spacing: 0;
}
table.wp-calendar-table caption {
  margin-bottom: 15px;
  color: var(--heading-color);
}
table.wp-calendar-table th, table.wp-calendar-table td {
  text-align: center;
  border-right: 0;
  padding: 5px;
  position: relative;
}
table.wp-calendar-table th a, table.wp-calendar-table td a {
  color: #fff;
  display: block;
}
table.wp-calendar-table th a:before, table.wp-calendar-table td a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--main-color);
  z-index: -1;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
table.wp-calendar-table th:hover a:before, table.wp-calendar-table td:hover a:before {
  background-color: var(--main-color);
}
.widget_calendar .wp-calendar-nav {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.widget_pxl_recent_posts .pxl-post-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
.widget_pxl_recent_posts .pxl-post-item > * {
  max-width: 100%;
}
.widget_pxl_recent_posts .pxl-post-item + .pxl-post-item {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(var(--bd-color), 0.6);
}
.widget_pxl_recent_posts .pxl-post-img {
  flex-shrink: 0;
}
.widget_pxl_recent_posts .pxl-post-img img {
  width: 70px;
  transition: all 0.25s linear;
  border-radius: 6px;
}
.widget_pxl_recent_posts .pxl-list-content {
  padding-left: 16px;
}
.widget_pxl_recent_posts .pxl-wg-post-title {
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 0;
  display: block;
  display: -webkit-box;
  max-height: 42px;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -khtml-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -khtml-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.widget_pxl_recent_posts .pxl-wg-post-title > * {
  display: block;
  display: -webkit-box;
  max-height: 45px;
  font-size: 15px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -khtml-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -khtml-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.widget_pxl_recent_posts .post-date {
  font-size: 14px;
}
.widget_media_gallery #gallery-1 {
  margin: -5px;
}
.widget_media_gallery #gallery-1 .gallery-item {
  float: none;
  padding: 5px;
  margin: 0;
  width: 33.333333%;
}
.widget_media_gallery #gallery-1 .gallery-item a {
  position: relative;
  display: block;
  overflow: hidden;
}
.widget_media_gallery #gallery-1 .gallery-item a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(var(--primary-color-rgb), 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.widget_media_gallery #gallery-1 .gallery-item a:after {
  content: "";
  font-family: "pxli";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px;
  margin-top: -8px;
  margin-left: -8px;
  color: #fff;
  line-height: 1;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.widget_media_gallery #gallery-1 .gallery-item a:hover:before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.widget_media_gallery #gallery-1 .gallery-item a:hover:after {
  transition-delay: 0.3s;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.widget_media_gallery #gallery-1 img {
  border: 0;
}
.widget_nav_menu.horizontal .menu {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}
.widget_nav_menu.horizontal .menu li {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding: 8px;
}
.widget_nav_menu.horizontal .menu li a {
  padding: 0;
  display: inline-block;
  border-bottom: 1px solid transparent;
}
.widget_nav_menu.horizontal .menu li a:hover {
  border-color: var(--main-color);
}
.widget_nav_menu.horizontal .menu li:after {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  margin-left: 8px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
[dir="rtl"] .widget_nav_menu.horizontal .menu li:after {
  margin-left: 0;
  margin-right: 8px;
}
.widget_nav_menu.horizontal .menu li:last-child:after {
  display: none;
}
.widget_nav_menu.horizontal .sub-menu {
  display: none;
}
.widget_recent_comments li {
  padding: 5px 0;
}
.widget_recent_comments a:not([class]) {
  color: var(--primary-color);
}
.widget_recent_entries a {
  font-size: 18px;
  font-family: var(--heading-font-family);
  padding: 2px 0;
  display: block;
}
.widget_recent_entries li:first-child a {
  padding-top: 0;
}
.widget_recent_entries li:last-child a {
  padding-bottom: 0;
}
.widget_rss .rss-widget-feed {
  display: inline-flex;
}
.widget_rss li .rsswidget {
  font-size: 125%;
}
.widget_rss li .rss-date {
  font-style: italic;
  margin-bottom: 10px;
  display: block;
}
.widget_rss li .rssSummary {
  margin-bottom: 10px;
}
.widget_rss li cite {
  font-weight: 700;
  color: var(--primary-color);
}
.widget_rss .rss-widget-icon {
  vertical-align: middle;
}
.tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.tagcloud > a {
  flex: 0 0 auto;
  background-color: #f8f9fa;
  display: inline-flex;
  font-size: 14px !important;
  padding: 8px;
  overflow: hidden;
  border-radius: 0.375rem;
  position: relative;
}
.tagcloud > a:after {
  background-color: rgba(255, 255, 255, 0.76);
  content: "";
  height: 150px;
  left: -75px;
  position: absolute;
  top: -35px;
  transform: rotate(35deg);
  transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 40px;
  opacity: 0;
}
.tagcloud > a:hover {
  background-color: #d3d4d5;
}
.tagcloud > a:hover:after {
  left: 120%;
  transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0.25;
}
.pxl-author-info.widget {
  border: 0;
  padding: 0 24px 24px 24px;
  position: relative;
}
@media (max-width: 1199px) {
  .pxl-author-info.widget {
    padding: 0 20px 24px 20px;
  }
}
.pxl-author-info.widget:before {
  content: "";
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f1f5f8;
  border-radius: 6px;
}
.pxl-author-info.widget .content-inner {
  text-align: center;
  position: relative;
}
.pxl-author-info.widget .content-inner:hover .image-wrap {
  -webkit-transform: scale(1.02);
  -khtml-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  border-color: transparent;
}
.pxl-author-info.widget .content-inner:hover .image-wrap img {
  box-shadow: 0px 0px 48px 0px rgba(var(--main-color-rgb),0.3);
  -webkit-transform: scale(1.02);
  -khtml-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}
.pxl-author-info.widget .image-wrap {
  width: 203px;
  height: 203px;
  border-radius: 50%;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 1199px) {
  .pxl-author-info.widget .image-wrap {
    width: 180px;
    height: 180px;
  }
}
.pxl-author-info.widget .image-wrap img {
  border-radius: 50%;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-author-info.widget .author-name {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 4px;
}
.pxl-author-info.widget .author-desc {
  margin-bottom: 16px;
  padding-top: 24px;
  margin-top: 16px;
  border-top: 1px solid #dae5ee;
}
@media (max-width: 991px) {
  .pxl-author-info.widget .author-desc {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
  }
}
.pxl-author-info.widget .author-social {
  margin: -5px;
}
.pxl-author-info.widget .author-social .social-item {
  margin: 5px;
}
.pxl-author-info.widget .author-social .social-item a {
  width: 43px;
  height: 43px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 15px;
  line-height: 26px;
  color: var(--primary-color);
  position: relative;
}
.pxl-author-info.widget .author-social .social-item a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--main-color);
  opacity: 0;
  -webkit-transform: scale(0.5);
  -khtml-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pxl-author-info.widget .author-social .social-item a .pxl-icon {
  position: relative;
}
.pxl-author-info.widget .author-social .social-item a:hover {
  color: #fff;
}
.pxl-author-info.widget .author-social .social-item a:hover:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.pxl-scroll-top {
  width: 38px;
  height: 42px;
  color: var(--primary-color);
  position: fixed;
  right: 12px;
  bottom: 10px;
  font-size: 20px;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  text-align: center;
  z-index: 999;
  opacity: 0;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  -webkit-transform: translate(0, 20px);
  -khtml-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  transform: translate(0, 20px);
  -webkit-transition: background 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
  -khtml-transition: background 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
  -moz-transition: background 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
  -ms-transition: background 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
  -o-transition: background 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
  transition: background 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
}
.pxl-scroll-top span {
  position: relative;
  -webkit-transform: translateY(-2px);
  -khtml-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-transition: transform 0.3s ease;
  -khtml-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.pxl-scroll-top:hover span, .pxl-scroll-top:focus span, .pxl-scroll-top:active span {
  -webkit-transform: translateY(-5px);
  -khtml-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.pxl-scroll-top.on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -khtml-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
[dir="rtl"] .pxl-scroll-top {
  right: auto;
  left: 20px;
}
.footer-type-df {
  border-top: 1px solid var(--bd-color);
  padding-top: 24px;
  padding-bottom: 24px;
}
.footer-type-df .copyright-text {
  font-size: 14px;
  letter-spacing: -0.04em;
  text-align: center;
}
.pxl-page-scroll-progress {
  position: fixed;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  cursor: pointer;
}
@media (max-width: 767px) {
  .pxl-page-scroll-progress {
    display: none;
  }
}
.pxl-page-scroll-progress .scroll-inner {
  width: 17px;
  height: 120px;
  overflow: hidden;
}
.pxl-page-scroll-progress .scroll-line {
  position: absolute;
  top: 0;
  left: 8px;
  height: 100%;
  width: 1px;
  background-color: var(--bd-color);
}
.pxl-page-scroll-progress .scroll-thumb {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--main-color);
}
.pxl-page-scroll-progress .scroll-dot {
  position: absolute;
  top: 0;
  left: 6px;
  width: 5px;
  height: 5px;
  background-color: var(--primary-color);
  transform: translateY(-2px);
}
.pxl-page-overlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  cursor: none;
  -webkit-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
  -khtml-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
  -moz-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
  -ms-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
  -o-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
  transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
}
.pxl-page-overlay.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  .pxl-page-overlay.active-mobile {
    opacity: 1;
    visibility: visible;
  }
}
.pxl-hidden-template {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--ht-overlay-bg, rgba(0, 0, 0, 0.4));
  opacity: 0;
  visibility: hidden;
  cursor: none;
  z-index: 9999;
  -webkit-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
  -khtml-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
  -moz-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
  -ms-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
  -o-transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
  transition: all 0.3s cubic-bezier(0.52, 0.51, 0.66, 0.65);
}
.pxl-hidden-template > * {
  max-width: 100%;
}
.pxl-hidden-template .pxl-hidden-template-wrap {
  position: var(--pxl-position, relative);
  top: var(--pxl-pos-top, 0px);
  right: var(--pxl-pos-right, 0px);
  bottom: var(--pxl-pos-bottom, auto);
  left: var(--pxl-pos-left, auto);
  width: 100%;
  height: var(--ht-height, 100%);
  max-width: var(--ht-max-width, 570px);
  max-height: var(--ht-max-height, 570px);
  border-radius: var(--ht-border-radius, 0);
  background-color: var(--ht-bg-color, #ffffff);
  overflow-y: auto;
  scrollbar-width: none;
  cursor: auto;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-transition-duration: var(--pxl-animation-duration, 500ms);
  transition-duration: var(--pxl-animation-duration, 500ms);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}
.pxl-hidden-template .pxl-hidden-template-wrap.pxl-fade-in-left-right {
  left: var(--pxl-animation-distance, 100%);
}
.pxl-hidden-template .pxl-hidden-template-wrap.pxl-fade-in-up-down {
  top: var(--pxl-animation-distance, -100%);
}
.pxl-hidden-template .pxl-hidden-template-wrap.pxl-zoom-in {
  -webkit-transform: scale(0.3);
  -khtml-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -o-transform: scale(0.3);
  transform: scale(0.3);
  transform-origin: center center;
}
@media (max-width: 575px) {
  .pxl-hidden-template .pxl-hidden-template-wrap {
    max-width: var(--ht-max-width, 90%);
  }
}
.pxl-hidden-template .pxl-hidden-template-wrap::-webkit-scrollbar {
  height: 0;
  width: 0;
  background-color: transparent;
}
.pxl-hidden-template .pxl-hidden-template-wrap::-webkit-scrollbar-track {
  border-radius: 0;
}
.pxl-hidden-template .pxl-hidden-template-wrap::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: transparent;
}
.pxl-hidden-template .pxl-hidden-template-wrap:hover::-webkit-scrollbar {
  width: 0;
  height: auto;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0;
}
.pxl-hidden-template .pxl-hidden-template-wrap:hover::-webkit-scrollbar-thumb {
  background-color: rgba(48, 48, 48, 0.1);
}
.pxl-hidden-template.open {
  opacity: 1;
  visibility: visible;
}
.pxl-hidden-template.open .pxl-hidden-template-wrap {
  visibility: visible;
  opacity: 1;
}
.pxl-hidden-template.open .pxl-hidden-template-wrap.pxl-fade-in-left-right {
  left: 0;
}
.pxl-hidden-template.open .pxl-hidden-template-wrap.pxl-fade-in-up-down {
  top: 0;
}
.pxl-hidden-template.open .pxl-hidden-template-wrap.pxl-zoom-in {
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.pxl-hidden-template .pxl-panel-header .panel-header-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pxl-hidden-template .pxl-panel-header .panel-header-inner > * {
  max-width: 100%;
}
.pxl-hidden-template .pxl-panel-content {
  position: relative;
  flex: 1;
}
.admin-bar .pxl-hidden-template .pxl-hidden-template-wrap {
  top: calc(var(--pxl-pos-top, 0px) + 32px);
  height: calc(var(--ht-height, 100%) - 32px);
  max-height: calc(var(--ht-max-height, 570px) - 32px);
}
@media screen and (max-width: 782px) {
  .admin-bar .pxl-hidden-template .pxl-hidden-template-wrap {
    top: calc(var(--pxl-pos-top, 0px) + 46px);
    height: calc(var(--ht-height, 100%) - 46px);
    max-height: calc(var(--ht-max-height, 570px) - 46px);
  }
}
.pxl-close {
  position: var(--pxl-close-position, relative);
  top: var(--pxl-close-pos-top, 0px);
  right: var(--pxl-close-pos-right, 0px);
  bottom: var(--pxl-close-pos-bottom, auto);
  left: var(--pxl-close-pos-left, auto);
  border-radius: var(--close-icon-border-radius, 0);
  width: var(--close-icon-width, 22px);
  height: var(--close-icon-height, 22px);
  font-size: var(--close-icon-size-width, 16px);
  color: var(--close-icon-color, #fff);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: var(--close-icon-bg, var(--second-color));
  z-index: 1;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.pxl-close:before, .pxl-close:after {
  content: "";
  position: absolute;
  width: var(--close-icon-size-width, 50%);
  height: var(--close-icon-size-height, 2px);
  top: auto;
  left: auto;
  margin-top: -1px;
  background-color: var(--close-icon-color, #fff);
  opacity: 1;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}
.pxl-close:before {
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pxl-close:after {
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pxl-close:hover {
  background-color: var(--close-icon-bg-hover, var(--primary-color));
}
.pxl-close:hover:before, .pxl-close:hover:after {
  background-color: var(--close-icon-color-hover, #fff);
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pxl-hidden-template.mobile-panel-df {
  --ht-bg-color: #fff;
  --ht-max-width: 300px;
  --ht-height: 100%;
  --ht-max-height: 100%;
}
.pxl-hidden-template.mobile-panel-df .pxl-hidden-template-wrap {
  -webkit-transform: translate(-100%, 0);
  -khtml-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.pxl-hidden-template.mobile-panel-df.open .pxl-hidden-template-wrap {
  -webkit-transform: translate(0, 0);
  -khtml-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.pxl-hidden-template.mobile-panel-df .pxl-close {
  position: absolute;
  top: 10px;
  right: 8px;
}
.pxl-hidden-template.mobile-panel-df .pxl-logo {
  max-width: 165px;
  margin-bottom: 32px;
}
.pxl-hidden-template.mobile-panel-df .pxl-nav-menu-mobile {
  padding-top: 48px;
}
.admin-bar .pxl-hidden-template.mobile-panel-df .pxl-hidden-template-wrap {
  top: 32px;
  height: calc(100% - 32px);
  max-height: calc(100% - 32px);
}
@media screen and (max-width: 782px) {
  .admin-bar .pxl-hidden-template.mobile-panel-df .pxl-hidden-template-wrap {
    top: 46px;
    height: calc(100% - 46px);
    max-height: calc(100% - 46px);
  }
}
.e-con {
  --container-default-padding-top: 0;
  --container-default-padding-bottom: 0;
}
.e-con > .e-con-inner {
  position: relative;
  padding-inline-start: var(--e-con-inner-padding-left, 0);
  padding-inline-end: var(--e-con-inner-padding-right, 0);
}
.elementor-editor-active .pxl-primary-menu > li > .sub-menu {
  display: none;
}
.elementor-editor-active .pxl-header-sticky {
  display: none;
}
.elementor-editor-active .pxl-header-mobile-sticky {
  display: none;
}
.elementor-editor-active .pxl-scroll-top {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -khtml-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.elementor-editor-active .pxl-footer.pxl-footer-absoluted {
  bottom: 314px;
}
.elementor-editor-active .pxl-border-anm-1, .elementor-editor-active .pxl-border-anm-1 .elementor-widget-container {
  border-width: 0 !important;
}
.elementor-element.pxl-sticky {
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 100px;
  z-index: 1;
}
.elementor-lightbox .swiper-zoom-container > canvas, .elementor-lightbox .swiper-zoom-container > img, .elementor-lightbox .swiper-zoom-container > svg {
  object-fit: cover;
  -o-object-fit: cover;
}
.pxl-shape-divider-mask .pxl-shape-divider {
  width: 100%;
  height: 25px;
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
  mask-image: var(--ss-mask-url);
  -webkit-mask-image: var(--ss-mask-url);
  -ms-mask-image: var(--ss-mask-url);
  -o-mask-image: var(--ss-mask-url);
  -webkit-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  -ms-mask-position: center top;
  -o-mask-position: center top;
  mask-position: center top;
}
@media (min-width: 768px) {
  .elementor-editor-active .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty {
    margin: 0;
  }
}
.pxl-heading-el .heading-title {
  position: relative;
  color: var(--pxl-color, var(--heading-color));
  background-color: var(--pxl-bg-color);
  margin: var(--pxl-mt, 0) var(--pxl-mr, 0) var(--pxl-mb, 0) var(--pxl-ml, 0);
  padding: var(--pxl-pt, 0) var(--pxl-pr, 0) var(--pxl-pb, 0) var(--pxl-pl, 0);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-heading-el .pxl-typed {
  color: transparent;
}
.pxl-heading-el .divider-24 {
  width: 24px;
  height: 1px;
  background-color: var(--bd-color);
  position: relative;
  top: -4px;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}
.pxl-heading-el .divider-24-dark {
  width: 24px;
  height: 1px;
  background-color: #3C4047;
  position: relative;
  top: -26%;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}
.pxl-heading-el .pxl-scramble {
  display: inline-block;
  white-space: pre-wrap;
  visibility: hidden;
  transition: visibility 0.3s ease;
}
.pxl-heading-el .pxl-scramble span {
  display: inline-block;
}
.pxl-heading-el .pxl-scramble .scrambled {
  opacity: 0.5;
  filter: blur(0.8px);
}
.pxl-heading-el .pxl-scramble .revealed {
  opacity: 1;
}
.pxl-heading-el .pxl-dividing {
  display: flex;
  flex: 1 0 0%;
  align-items: center;
}
.pxl-heading-el .pxl-dividing:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--bd-color);
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-heading-el .pxl-dividing.pxl-animated:before {
  transform: scale(1);
}
.pxl-heading-el.divider-right {
  column-gap: 40px;
}
@media (max-width: 1199px) {
  .pxl-heading-el.divider-right {
    column-gap: 24px;
  }
}
.pxl-heading-el.divider-right .pxl-dividing:before {
  transform-origin: 0 0;
}
.pxl-heading-el.divider-left {
  flex-direction: row-reverse;
  column-gap: 40px;
}
@media (max-width: 1199px) {
  .pxl-heading-el.divider-left {
    column-gap: 24px;
  }
}
.pxl-heading-el.divider-left .pxl-dividing:before {
  transform-origin: 100% 0;
}
.pxl-divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pxl-divider.horizontal .pxl-divider-separator {
  border-top: 1px solid var(--border-color, var(--bd-color));
}
.pxl-divider.vertical .pxl-divider-separator {
  border-left: 1px solid var(--border-color, var(--bd-color));
}
.pxl-divider.horizontal-dashed .pxl-divider-separator {
  height: 1px;
  width: 100%;
  background-image: repeating-linear-gradient(90deg, var(--clr-border), var(--clr-border) 7px, transparent 7px, transparent 11px);
  background-repeat: no-repeat;
}
.pxl-divider.vertical-dashed .pxl-divider-separator {
  height: 100%;
  width: 1px;
  background-image: repeating-linear-gradient(var(--clr-border), var(--clr-border) 5px, transparent 5px, transparent 9px);
  background-repeat: no-repeat;
}
.pxl-divider.animated .pxl-divider-separator {
  transform: scaleX(0);
  transform-origin: 0 100%;
  transition: transform var(--pxl-animation-duration, 2s) cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-divider.animated.vertical .pxl-divider-separator, .pxl-divider.animated.vertical-dashed .pxl-divider-separator {
  transform: scaleY(0);
  transform-origin: 100% 0;
  transition: transform var(--pxl-animation-duration, 1s) cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-divider.animated.center .pxl-divider-separator {
  transform-origin: 50% 100%;
}
.pxl-divider.animated.reversal .pxl-divider-separator {
  transform-origin: 100% 100%;
}
.pxl-divider.animated.pxl-animated .pxl-divider-separator {
  transform: scale(1);
}
.pxl-anchor {
  cursor: pointer;
  vertical-align: middle;
}
.pxl-anchor .pxl-icon.menu-mobile-toggle-nav span {
  background-color: var(--color, #fff);
}
.pxl-anchor .text {
  font-size: 16px;
  color: var(--text-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-anchor:hover .pxl-icon.menu-mobile-toggle-nav span {
  background-color: var(--color-hover, var(--color, #fff));
}
.pxl-anchor:hover .text {
  color: var(--text-color-hover);
}
.pxl-infinite-slide-el {
  text-align: center;
  overflow: hidden;
}
.pxl-infinite-slide-el .infinite-slide-wrap {
  margin-right: calc(var(--item-gap, 0) * -.5);
  margin-left: calc(var(--item-gap, 0) * -.5);
}
.pxl-infinite-slide-el .infinite-slide-item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-right: calc(var(--item-gap, 0) * .5);
  padding-left: calc(var(--item-gap, 0) * .5);
}
.pxl-infinite-slide-el .infinite-slide-item .item-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: var(--item-padding, 0 15px 0 15px);
  background-color: var(--item-bg, transparent);
  border-style: var(--item-border-style);
  border-width: var(--item-border-width);
  border-color: var(--item-border-color);
}
.pxl-infinite-slide-el.direction-up .infinite-slide-wrap, .pxl-infinite-slide-el.direction-down .infinite-slide-wrap {
  flex-direction: column;
  height: var(--max-height, 50vh);
}
.pxl-infinite-slide-el.layout-1 .title {
  color: var(--title-color, var(--primary-color));
  font-family: var(--second-font);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  word-spacing: 16px;
}
@media (max-width: 767px) {
  .pxl-infinite-slide-el.layout-1 .title {
    word-spacing: 8px;
  }
}
.pxl-infinite-slide-el.layout-1 .title:before {
  content: "//";
  margin-right: 40px;
}
@media (max-width: 767px) {
  .pxl-infinite-slide-el.layout-1 .title:before {
    margin-right: 25px;
  }
}
.pxl-infinite-slide-el.layout-2 .infinite-slide-item {
  justify-content: center;
}
.pxl-image-wg.has-effect:after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-image-wg .inner-wrap {
  width: 100%;
  height: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-image-wg.bg-image {
  height: 100%;
  background-image: var(--pxl-image-bg);
  background-size: cover;
  background-repeat: no-repeat;
}
.pxl-image-wg.bg-image.has-effect {
  background-image: none;
}
.pxl-image-wg.bg-image .inner-wrap {
  background-image: var(--pxl-image-bg);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-image-wg.pxl-bg-parallax {
  height: 100%;
}
.pxl-image-wg.pxl-bg-parallax img {
  opacity: 0;
  visibility: hidden;
}
.pxl-image-wg .parallax-inner {
  background-image: var(--pxl-image-bg);
}
.pxl-text-editor {
  max-width: var(--max-width);
  text-align: var(--text-align);
  color: var(--pxl-color);
}
.pxl-text-editor h1, .pxl-text-editor h2, .pxl-text-editor h3, .pxl-text-editor h4, .pxl-text-editor h5, .pxl-text-editor h6 {
  margin-bottom: var(--heading-bt-gap, 16px);
}
.pxl-text-editor a {
  color: var(--link-color);
}
.pxl-text-editor a:hover {
  color: var(--link-color-hover, var(--link-color));
}
.pxl-text-editor p:not(:last-child) {
  margin-bottom: var(--paragraph-gap, 10px);
}
.pxl-text-editor ol {
  margin-bottom: var(--ul-ol-bt-gap, 16px);
}
.pxl-text-editor ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: var(--ul-ol-bt-gap, 16px);
}
.pxl-text-editor ul li {
  position: relative;
  line-height: 1.333;
  padding-left: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.pxl-text-editor ul li:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 12px;
  width: var(--ul-dot-width, 5px);
  height: var(--ul-dot-width, 5px);
  background: var(--body-color);
  border-radius: 50%;
}
.pxl-subscribe-el .pxl-btn.style-1 {
  gap: 13px;
  padding: 4px 12px 4px 4px;
  position: absolute;
  top: 5px;
  right: 4px;
}
.pxl-subscribe-el .pxl-btn.style-1 .pxl-icon {
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pxl-subscribe-el .pxl-btn.style-1 .pxl-icon svg {
  width: 11px;
}
.pxl-subscribe-el .pxl-btn.style-1 .pxl-btn-spinner {
  left: 21px;
}
.pxl-subscribe-el .pxl-subscribe-message {
  font-size: 15px;
  position: absolute;
  top: calc(100% + 5px);
}
.pxl-subscribe-el .pxl-subscribe-message.error {
  color: #fe2724;
}
.pxl-subscribe-el .pxl-subscribe-message.success {
  color: #27a974;
}
.pxl-icon-list-wg .list-item {
  column-gap: 10px;
}
.pxl-icon-list-wg .list-item a {
  color: inherit;
}
.pxl-icon-list-wg .list-item:after {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: auto;
}
.pxl-icon-list-wg .pxl-icon {
  font-size: 15px;
  position: relative;
  top: var(--icon-vertical-offset, initial);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-list-wg .pxl-icon i, .pxl-icon-list-wg .pxl-icon svg {
  width: var(--svg-width, 1em);
  height: var(--svg-height, 1em);
  position: relative;
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-list-wg .pxl-icon .icon-text {
  display: block;
  line-height: 1;
}
.pxl-icon-list-wg .item-content {
  display: flex;
}
.pxl-icon-list-wg a {
  color: var(--item-title-link-color);
}
.pxl-icon-list-wg a:hover {
  color: var(--item-title-link-color-hover, var(--item-title-link-color));
}
.pxl-icon-list-wg .item-title {
  margin-bottom: 0;
  color: var(--item-title-color);
}
.pxl-icon-list-wg .list-item:hover .item-title {
  color: var(--item-title-color-hover, var(--item-title-color));
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-icon-list-wg .item-text {
  margin-bottom: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-list-wg.icon-type-bullet .list-item:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  display: inline-flex;
  background-color: var(--heading-color);
  position: absolute;
  left: 0;
  top: 10px;
}
.pxl-icon-list-wg.icon-type-bullet .list-item .item-content {
  margin-left: 15px;
}
.pxl-icon-list-wg.layout-social .list-item {
  justify-content: space-between;
}
.pxl-icon-list-wg.layout-social .divider-border {
  display: flex;
  flex-grow: 1;
  height: 1px;
  background-image: repeating-linear-gradient(90deg, var(--bd-color), var(--bd-color) 5px, transparent 5px, transparent 9px);
  background-repeat: no-repeat;
}
.pxl-icon-list-wg.layout-social .item-content {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.pxl-icon-list-wg.layout-social .pxl-icon-right svg {
  fill: var(--gray1-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-list-wg.layout-social a:hover .pxl-icon-right svg {
  fill: var(--item-title-link-color-hover, inherit);
}
.pxl-icon-wg .pxl-icon {
  font-size: var(--font-size, 16px);
  display: inline-flex;
  color: var(--color);
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pxl-icon-wg .pxl-icon i {
  position: relative;
  display: block;
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pxl-icon-wg .pxl-icon svg {
  width: var(--font-size, auto);
  height: auto;
  position: relative;
  display: block;
  fill: var(--color);
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pxl-icon-wg .icon-inner:hover .pxl-icon {
  color: var(--color-hover, var(--color));
}
.pxl-icon-wg .icon-inner:hover .pxl-icon svg {
  fill: var(--color-hover, var(--color));
}
.pxl-icon-wg .icon-inner[data-elementor-open-lightbox="yes"] {
  cursor: pointer;
}
.pxl-post-meta-wg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.pxl-post-meta-wg .post-category {
  font-family: var(--second-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: var(--gray2-color);
  text-transform: uppercase;
  padding: 4px 0;
  background-color: var(--gray9-color);
}
.pxl-post-meta-wg .post-category a {
  color: inherit;
}
.pxl-post-meta-wg .post-category a:hover {
  color: var(--main-color);
}
.pxl-post-meta-wg .post-date {
  font-size: 14px;
  color: var(--gray3-color);
  font-style: normal;
  font-weight: 500;
  line-height: 1.42857;
  letter-spacing: -0.04em;
}
.pxl-post-meta-wg .post-date:before {
  content: "//";
  margin-right: 2px;
  color: var(--gray1-color);
}
.pxl-post-title .post-title {
  margin-bottom: 0;
  color: var(--pxl-post-title-color, var(--heading-color));
}
.pxl-post-title .post-title a {
  color: var(--pxl-link-color, inherit);
}
.pxl-post-title .post-title a:hover {
  color: var(--pxl-link-color-hover, var(--pxl-link-color, inherit));
}
.pxl-post-featured-img-wg {
  height: 100%;
  position: relative;
}
.pxl-post-featured-img-wg:after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-featured-img-wg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-featured-img-wg.pxl-bg-parallax .parallax-inner {
  background-image: var(--img-url);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.pxl-post-featured-img-wg.pxl-bg-parallax img {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-scroll-nav-wg .wg-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42857;
  letter-spacing: -0.04em;
  color: rgba(var(--main-color-rgb), 0.6);
  margin-bottom: 16px;
}
.pxl-scroll-nav-wg .pxl-scroll-nav {
  list-style: none;
  padding-left: 0;
}
.pxl-scroll-nav-wg .pxl-scroll-nav a {
  position: relative;
  display: flex;
  column-gap: 7px;
  padding: 8px 0;
  font-size: 16px;
  line-height: 1.375;
  color: var(--body-color);
}
.pxl-scroll-nav-wg .pxl-scroll-nav a .bf {
  display: flex;
  column-gap: 2px;
  position: relative;
  top: 6px;
}
@media (max-width: 575px) {
  .pxl-scroll-nav-wg .pxl-scroll-nav a .bf {
    display: none;
  }
}
.pxl-scroll-nav-wg .pxl-scroll-nav a .bf, .pxl-scroll-nav-wg .pxl-scroll-nav a .ft-text {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (min-width: 576px) {
  .pxl-scroll-nav-wg .pxl-scroll-nav a .bf, .pxl-scroll-nav-wg .pxl-scroll-nav a .ft-text {
    -webkit-transform: translateX(-26px);
    -khtml-transform: translateX(-26px);
    -moz-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    -o-transform: translateX(-26px);
    transform: translateX(-26px);
  }
}
.pxl-scroll-nav-wg .pxl-scroll-nav a .bf-1, .pxl-scroll-nav-wg .pxl-scroll-nav a .bf-2, .pxl-scroll-nav-wg .pxl-scroll-nav a .bf-3 {
  content: "";
  display: inline-flex;
  background-color: var(--primary-color);
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-scroll-nav-wg .pxl-scroll-nav a .bf-1 {
  width: 2px;
  height: 8px;
  transition-delay: 0.3s;
}
.pxl-scroll-nav-wg .pxl-scroll-nav a .bf-2 {
  width: 8px;
  height: 8px;
  transition-delay: 0.2s;
}
.pxl-scroll-nav-wg .pxl-scroll-nav a .bf-3 {
  width: 5px;
  height: 8px;
  transition-delay: 0.1s;
}
.pxl-scroll-nav-wg .pxl-scroll-nav a.active {
  font-weight: 500;
}
.pxl-scroll-nav-wg .pxl-scroll-nav a.active .bf, .pxl-scroll-nav-wg .pxl-scroll-nav a.active .ft-text {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-scroll-nav-wg .pxl-scroll-nav a.active .bf-1, .pxl-scroll-nav-wg .pxl-scroll-nav a.active .bf-2, .pxl-scroll-nav-wg .pxl-scroll-nav a.active .bf-3 {
  opacity: 1;
}
.pxl-scroll-nav-wg .pxl-scroll-nav a.active:before {
  opacity: 1;
  background-color: var(--primary-color);
}
.pxl-scroll-nav-wg .pxl-scroll-nav a.active, .pxl-scroll-nav-wg .pxl-scroll-nav a:hover {
  color: var(--main-color);
}
.pxl-scroll-nav-wg .pxl-scroll-nav a.active .bf, .pxl-scroll-nav-wg .pxl-scroll-nav a.active .ft-text, .pxl-scroll-nav-wg .pxl-scroll-nav a:hover .bf, .pxl-scroll-nav-wg .pxl-scroll-nav a:hover .ft-text {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-scroll-nav-wg .pxl-scroll-nav a.active .bf-1, .pxl-scroll-nav-wg .pxl-scroll-nav a.active .bf-2, .pxl-scroll-nav-wg .pxl-scroll-nav a.active .bf-3, .pxl-scroll-nav-wg .pxl-scroll-nav a:hover .bf-1, .pxl-scroll-nav-wg .pxl-scroll-nav a:hover .bf-2, .pxl-scroll-nav-wg .pxl-scroll-nav a:hover .bf-3 {
  opacity: 1;
}
.pxl-scroll-nav-wg .pxl-scroll-nav a.active:before, .pxl-scroll-nav-wg .pxl-scroll-nav a:hover:before {
  opacity: 1;
  background-color: var(--primary-color);
}
.pxl-scroll-nav-wg .pxl-scroll-nav a:hover {
  color: var(--main-color);
}
.pxl-scroll-nav-wg .pxl-scroll-nav .pxl-nav-h4 {
  font-size: 15px;
}
.pxl-scroll-nav-wg .pxl-scroll-nav .pxl-nav-h5 {
  font-size: 14px;
}
.pxl-scroll-nav-wg .pxl-scroll-nav .pxl-nav-h6 {
  font-size: 13px;
}
.pxl-icon-box-wg .icon-inner {
  position: relative;
  top: var(--icon-vertical-offset, initial);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-box-wg .pxl-icon {
  font-size: var(--icon-font-size);
  color: var(--icon-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-box-wg .pxl-icon i {
  position: relative;
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-box-wg .pxl-icon svg {
  width: var(--svg-width, 1em);
  height: var(--svg-height, 1em);
  position: relative;
  display: block;
  fill: var(--icon-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-box-wg .pxl-icon svg path {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-box-wg .title {
  margin-bottom: 4px;
  color: var(--title-color, var(--heading-color));
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 767px) {
  .pxl-icon-box-wg .title br {
    display: none;
  }
}
.pxl-icon-box-wg .title a {
  color: inherit;
}
.pxl-icon-box-wg .title:hover {
  color: var(--title-color-hover);
}
.pxl-icon-box-wg .title:hover a {
  color: inherit;
}
.pxl-icon-box-wg .desc {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-box-wg .desc a {
  color: inherit;
}
.pxl-icon-box-wg .pxl-border-anm {
  position: absolute;
  border-style: solid;
  border-color: var(--primary-color);
  transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.pxl-icon-box-wg .pxl-border-anm.bt {
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 0;
  border-width: 1px 0 0 0;
}
.pxl-icon-box-wg .pxl-border-anm.br {
  bottom: 0;
  right: 0;
  transform: scaleY(0);
  transform-origin: 100% 100%;
  border-width: 0 1px 0 0;
}
.pxl-icon-box-wg .pxl-border-anm.bb {
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: 100% 100%;
  border-width: 0 0 1px 0;
}
.pxl-icon-box-wg .pxl-border-anm.bl {
  top: 0;
  left: 0;
  transform: scaleY(0);
  transform-origin: 0 0;
  border-width: 0 0 0 1px;
}
.pxl-icon-box-wg .pxl-rm-link {
  padding: 8px 32px 8px 28px;
  min-height: 48px;
}
.pxl-icon-box-wg .icon-box-inner {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-icon-box-wg .icon-box-inner:hover .pxl-icon {
  color: var(--icon-color-hover, var(--icon-color));
}
.pxl-icon-box-wg .icon-box-inner:hover .pxl-icon svg {
  fill: var(--icon-color-hover, var(--icon-color));
}
.pxl-icon-box-wg .icon-box-inner:hover .title {
  color: var(--title-color-hover, var(--heading-color));
}
.pxl-icon-box-wg .icon-box-inner:hover .title a {
  color: inherit;
}
.pxl-icon-box-wg .icon-box-inner:hover .pxl-readmore {
  color: var(--readmore-color-hover, var(--readmore-color));
}
.pxl-icon-box-wg .icon-box-inner:hover .pxl-border-anm {
  transform: scale(1);
}
.pxl-icon-box-wg .icon-box-inner:hover .pxl-rm-link.link-wrap:after {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-icon-box-wg .icon-box-inner:hover .pxl-rm-link.link-wrap .pxl-link-icon .icon-first {
  transform: translate(20px, -20px);
}
.pxl-icon-box-wg .icon-box-inner:hover .pxl-rm-link.link-wrap .pxl-link-icon .icon-second {
  transform: translate(0, 0);
}
@media (min-width: 768px) {
  .pxl-icon-box-wg.layout-2 .pxl-content, .pxl-icon-box-wg.layout-2 .icon-inner, .pxl-icon-box-wg.layout-2 .sub-text {
    padding: 24px;
  }
}
@media (min-width: 1200px) {
  .pxl-icon-box-wg.layout-2 .pxl-content, .pxl-icon-box-wg.layout-2 .icon-inner, .pxl-icon-box-wg.layout-2 .sub-text {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .pxl-icon-box-wg.layout-2 .pxl-content {
    padding: 24px 24px 24px 0;
  }
}
.pxl-icon-box-wg.layout-2 .sub-text {
  flex: 0 0 480px;
  width: 480px;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(22/16);
}
@media (max-width: 1199px) {
  .pxl-icon-box-wg.layout-2 .sub-text {
    flex: 0 0 320px;
    width: 320px;
  }
}
@media (max-width: 991px) {
  .pxl-icon-box-wg.layout-2 .sub-text {
    flex: 0 0 220px;
    width: 220px;
  }
}
@media (max-width: 767px) {
  .pxl-icon-box-wg.layout-2 .sub-text {
    display: none;
  }
}
.pxl-icon-box-wg.layout-2 .sub-text .meta-term {
  margin-left: 16px;
}
.pxl-icon-box-wg.layout-2 .sub-text2 {
  font-size: 16px;
  font-weight: 500;
  line-height: calc(22/16);
  margin-bottom: 4px;
}
.pxl-icon-box-wg.layout-2 .sub-text2 .meta-term {
  margin-left: 16px;
}
@media (max-width: 991px) {
  .pxl-icon-box-wg.layout-2 .icon-inner {
    padding: 24px 0 0 0;
  }
}
@media (max-width: 767px) {
  .pxl-icon-box-wg.layout-2 .icon-inner {
    padding: 24px 0 0 24px;
  }
}
.pxl-icon-box-wg.layout-2 .icon-inner .pxl-icon {
  font-size: 24px;
  padding: 12px;
  margin: 8px;
  border: 1px solid var(--bd-color);
  display: inline-block;
}
@media (max-width: 1199px) {
  .pxl-icon-box-wg.layout-2 .icon-inner .pxl-icon {
    margin: 8px 0 0 0;
  }
}
.pxl-icon-box-wg.layout-2 .icon-inner .pxl-icon svg {
  width: 24px;
  height: auto;
}
.pxl-icon-box-wg.layout-2 .sub-title {
  margin-top: 16px;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .pxl-icon-box-wg.layout-2 .sub-title {
    margin-top: 8px;
  }
}
.pxl-icon-box-wg.layout-2 .desc {
  margin-top: 16px;
}
@media (max-width: 1199px) {
  .pxl-icon-box-wg.layout-2 .desc {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .pxl-icon-box-wg.layout-2 .desc br {
    display: none;
  }
}
.pxl-icon-box-wg.layout-3 .icon-box-inner {
  height: 100%;
}
.pxl-icon-box-wg.layout-3 .sub-text {
  font-size: 16px;
  font-weight: 500;
  line-height: calc(22/16);
}
.pxl-icon-box-wg.layout-4 .icon-box-inner {
  height: 100%;
}
.pxl-icon-box-wg.layout-4 .sub-text {
  font-size: 16px;
  font-weight: 500;
  line-height: calc(22/16);
  margin-top: 32px;
}
@media (max-width: 767px) {
  .pxl-icon-box-wg.layout-5 .pxl-content {
    flex-direction: column;
  }
}
.pxl-icon-box-wg.layout-5 .sub-text {
  font-size: 16px;
  font-weight: 500;
  line-height: calc(22/16);
  position: relative;
  bottom: -2px;
}
@media (max-width: 767px) {
  .pxl-icon-box-wg.layout-5 .sub-text {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 12px;
  }
}
.pxl-icon-box-wg.layout-5 .divider-border {
  width: 50px;
  height: 1px;
  margin: 0 8px 0 8px;
  background-image: repeating-linear-gradient(90deg, var(--bd-color), var(--bd-color) 5px, transparent 5px, transparent 9px);
  background-repeat: no-repeat;
  position: relative;
  bottom: -6px;
}
@media (max-width: 767px) {
  .pxl-icon-box-wg.layout-5 .divider-border {
    display: none;
  }
}
@media (max-width: 767px) {
  .pxl-icon-box-wg.layout-5 .title {
    flex: 0 0 100%;
    width: 100%;
  }
}
.pxl-icon-box-wg.layout-5 .desc {
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .pxl-icon-box-wg.layout-5 .desc {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 24px;
  }
}
.pxl-icon-box-wg.layout-5 .desc span {
  padding: 4px 0;
  background-color: var(--gray9-color);
}
.pxl-icon-box-wg.layout-5 .pxl-readmore-link {
  padding: 13px 0 12px 0;
}
.pxl-icon-box-wg.layout-5 .pxl-readmore-link .pxl-icon {
  font-size: 12px;
}
.pxl-icon-box-wg.layout-5 .pxl-readmore-link:hover svg {
  fill: var(--primary-color);
}
.pxl-icon-box-wg.layout-6 .icon-box-inner {
  height: 100%;
}
.pxl-icon-box-wg.layout-6 .content-top {
  margin-bottom: 24px;
}
.pxl-icon-box-wg.layout-6 .meta-term {
  font-size: 12px;
  line-height: 1.5;
}
.pxl-icon-box-wg.layout-6 .title-wrap {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(-110px);
  -khtml-transform: translateY(-110px);
  -moz-transform: translateY(-110px);
  -ms-transform: translateY(-110px);
  -o-transform: translateY(-110px);
  transform: translateY(-110px);
  transition: transform 0.3s linear;
}
.pxl-icon-box-wg.layout-6 .desc {
  opacity: 0;
  margin-top: 24px;
  transition: opacity 0.3s ease;
}
.pxl-icon-box-wg.layout-6 .icon-inner {
  margin-top: 40px;
  height: 154px;
}
.pxl-icon-box-wg.layout-6 .icon-box-inner .pxl-icon {
  --color1: var(--icon-color);
  --color2: var(--icon-color2);
}
.pxl-icon-box-wg.layout-6 .icon-box-inner .img-normal, .pxl-icon-box-wg.layout-6 .icon-box-inner .img-hover {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.pxl-icon-box-wg.layout-6 .icon-box-inner .img-hover {
  position: absolute;
  opacity: 0;
}
.pxl-icon-box-wg.layout-6 .icon-box-inner:hover .title-wrap {
  -webkit-transform: translateY(-200px);
  -khtml-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transform: translateY(-200px);
}
.pxl-icon-box-wg.layout-6 .icon-box-inner:hover .desc {
  opacity: 1;
}
.pxl-icon-box-wg.layout-6 .icon-box-inner:hover .pxl-icon {
  --color1: var(--icon-color-hover, var(--icon-color));
  --color2: var(--icon-color2-hover, var(--icon-color2));
}
.pxl-icon-box-wg.layout-6 .icon-box-inner:hover .img-normal {
  opacity: 0;
}
.pxl-icon-box-wg.layout-6 .icon-box-inner:hover .img-hover {
  opacity: 1;
}
.pxl-icon-box-wg.layout-7 .pxl-content-top {
  padding: 32px;
}
.pxl-icon-box-wg.layout-7 .title {
  margin-bottom: 12px;
}
.pxl-icon-box-wg.layout-7 .meta-term {
  font-size: 12px;
}
.pxl-icon-box-wg.layout-7 .desc {
  margin-top: 12px;
  color: var(--body-color);
}
.pxl-icon-box-wg.layout-7 .sub-text {
  padding: 0 32px;
  color: var(--body-color);
  margin-bottom: 16px;
}
.pxl-icon-box-wg.layout-7 .btn-link-wrap {
  padding-top: 24px;
}
.pxl-icon-box-wg.layout-8 .icon-box-inner {
  padding-left: 263px;
}
@media (max-width: 1199px) {
  .pxl-icon-box-wg.layout-8 .icon-box-inner {
    padding-left: 200px;
  }
}
@media (max-width: 479px) {
  .pxl-icon-box-wg.layout-8 .icon-box-inner {
    padding-left: 0;
  }
}
.pxl-icon-box-wg.layout-8 .title {
  margin-bottom: 8px;
}
.pxl-icon-box-wg.layout-8 .divider {
  width: 100vw;
  height: 1px;
  background-image: repeating-linear-gradient(90deg, var(--bd-color), var(--bd-color) 4px, transparent 4px, transparent 8px);
  background-repeat: no-repeat;
  position: relative;
  margin-left: -263px;
}
@media (max-width: 1199px) {
  .pxl-icon-box-wg.layout-8 .divider {
    margin-left: -200px;
  }
}
@media (max-width: 479px) {
  .pxl-icon-box-wg.layout-8 .divider {
    margin-left: 0;
    display: none;
  }
}
.pxl-icon-box-wg.layout-8 .meta-wrap {
  margin-top: -16px;
  margin-bottom: -8px;
  margin-left: -263px;
  column-gap: 112px;
}
@media (max-width: 1199px) {
  .pxl-icon-box-wg.layout-8 .meta-wrap {
    margin-left: -200px;
    column-gap: 48px;
  }
}
@media (max-width: 479px) {
  .pxl-icon-box-wg.layout-8 .meta-wrap {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 16px;
    flex-direction: row-reverse;
    justify-content: flex-end;
    column-gap: 16px;
  }
}
.pxl-icon-box-wg.layout-8 .meta-wrap .pxl-icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--bd-color);
}
.pxl-icon-box-wg.layout-8 .meta-wrap .pxl-icon svg {
  width: 16px;
  height: 16px;
  fill: var(--main-color);
}
.pxl-icon-box-wg.layout-8 .desc {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .pxl-docs-filter {
    background-color: #fff;
    border: 1px solid var(--bd-color);
  }
}
.pxl-docs-filter .docs-filter-header .docs-filter-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px 12px 24px;
}
.pxl-docs-filter .docs-filter-header .docs-filter-toggle .filter-title {
  font-size: 16px;
  font-weight: 500;
  line-height: calc(22/16);
  color: var(--main-color);
}
.pxl-docs-filter .docs-filter-header .docs-filter-toggle .pxl-icon svg {
  width: 24px;
  height: auto;
  fill: var(--main-color);
  transform: rotate(90deg);
}
.pxl-docs-filter .docs-menu {
  list-style: none;
  padding-left: 0;
}
@media (max-width: 767px) {
  .pxl-docs-filter .docs-menu {
    padding: 12px 24px;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    border: 1px solid var(--bd-color);
    max-height: 380px;
    overflow-y: scroll;
    display: none;
  }
}
.pxl-docs-filter .docs-category {
  margin-bottom: 24px;
}
.pxl-docs-filter .docs-category.active .docs-children {
  border-left-color: var(--primary-color);
}
.pxl-docs-filter .item-cat {
  font-size: 16px;
  color: var(--main-color);
  margin-bottom: 8px;
  position: relative;
  letter-spacing: -0.0625em;
}
.pxl-docs-filter .docs-children {
  list-style: none;
  padding-left: 28px;
  border-left: 1px solid #D1D7E5;
}
@media (max-width: 991px) {
  .pxl-docs-filter .docs-children {
    padding-left: 20px;
  }
}
.pxl-docs-filter .docs-children li {
  margin: 2px 0;
  position: relative;
}
.pxl-docs-filter .docs-children li::before {
  content: "";
  position: absolute;
  left: -28px;
  top: 11px;
  width: 20px;
  height: 1px;
  background: #D1D7E5;
}
@media (max-width: 991px) {
  .pxl-docs-filter .docs-children li::before {
    left: -20px;
    width: 12px;
  }
}
.pxl-docs-filter .item-docs {
  font-size: 14px;
  color: var(--gray2-color);
  line-height: 20px;
  display: inline-block;
}
.pxl-docs-filter .item-docs:hover {
  color: var(--primary-color);
}
.pxl-docs-filter .item-li.active:before {
  background: var(--primary-color);
}
.pxl-docs-filter .item-li.active .item-docs {
  color: var(--main-color);
}
.pxl-post-nav-wg {
  padding: 8px 0;
  position: relative;
  overflow: hidden;
}
.pxl-post-nav-wg:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--main-color);
}
.pxl-post-nav-wg:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--primary-color);
  -webkit-transform: translateX(-101%);
  -khtml-transform: translateX(-101%);
  -moz-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  -o-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -khtml-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.pxl-post-nav-wg .nav-next-prev svg {
  width: 20px;
  height: 20px;
  fill: var(--main-color);
}
.pxl-post-nav-wg .nav-next-prev.next svg {
  transform: rotate(180deg);
}
.pxl-post-nav-wg .nav-text {
  font-family: var(--second-font);
  font-size: 16px;
  font-weight: 500;
  line-height: calc(22/16);
  color: var(--main-color);
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pxl-post-nav-wg .p-title {
  font-family: var(--second-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--gray2-color);
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pxl-post-nav-wg a {
  padding: 6px 0 4px;
}
.pxl-post-nav-wg a:hover .nav-text {
  color: var(--primary-color);
}
.pxl-post-nav-wg a:hover .p-title {
  color: var(--main-color);
}
.pxl-post-nav-wg:hover:after {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-pricing-toggle .toggle-item {
  position: relative;
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--bd-color);
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-pricing-toggle .toggle-item + .toggle-item {
  border-left: 0;
}
.pxl-pricing-toggle .toggle-item + .toggle-item:before {
  content: "";
  width: 1px;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  opacity: 0;
  background-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-pricing-toggle .toggle-item .bf {
  display: flex;
  column-gap: 2px;
}
.pxl-pricing-toggle .toggle-item .ft-text {
  font-size: 16px;
  line-height: calc(22/16);
  font-weight: 400;
  color: var(--gray2-color);
  white-space: nowrap;
}
.pxl-pricing-toggle .toggle-item .extra-text {
  font-family: var(--second-font);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5;
  padding: 0 2px;
  background-color: var(--primary-color);
  color: #fff;
}
.pxl-pricing-toggle .toggle-item .bf {
  -webkit-transform: translateX(-19px);
  -khtml-transform: translateX(-19px);
  -moz-transform: translateX(-19px);
  -ms-transform: translateX(-19px);
  -o-transform: translateX(-19px);
  transform: translateX(-19px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-pricing-toggle .toggle-item .ft-text, .pxl-pricing-toggle .toggle-item .extra-text {
  -webkit-transform: translateX(-14px);
  -khtml-transform: translateX(-14px);
  -moz-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  -o-transform: translateX(-14px);
  transform: translateX(-14px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-pricing-toggle .toggle-item .bf-1, .pxl-pricing-toggle .toggle-item .bf-2, .pxl-pricing-toggle .toggle-item .bf-3 {
  content: "";
  display: inline-flex;
  background-color: var(--primary-color);
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-pricing-toggle .toggle-item .bf-1 {
  width: 2px;
  height: 8px;
  transition-delay: 0.3s;
}
.pxl-pricing-toggle .toggle-item .bf-2 {
  width: 8px;
  height: 8px;
  transition-delay: 0.2s;
}
.pxl-pricing-toggle .toggle-item .bf-3 {
  width: 5px;
  height: 8px;
  transition-delay: 0.1s;
}
.pxl-pricing-toggle .toggle-item.active {
  font-weight: 600;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.pxl-pricing-toggle .toggle-item.active .ft-text {
  color: var(--primary-color);
}
.pxl-pricing-toggle .toggle-item.active .bf, .pxl-pricing-toggle .toggle-item.active .ft-text, .pxl-pricing-toggle .toggle-item.active .extra-text {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-pricing-toggle .toggle-item.active .bf-1, .pxl-pricing-toggle .toggle-item.active .bf-2, .pxl-pricing-toggle .toggle-item.active .bf-3 {
  opacity: 1;
}
.pxl-pricing-toggle .toggle-item.active:before {
  opacity: 1;
  background-color: var(--primary-color);
}
.pxl-pricing-toggle .toggle-item:hover {
  color: var(--main-color);
}
.pxl-pricing-toggle .toggle-item:hover .ft-text {
  color: var(--main-color);
}
.pxl-pricing-number-wg .pxl-price-number {
  font-size: 64px;
  line-height: 1.125;
  color: var(--main-color);
  letter-spacing: -0.06em;
}
.pxl-pricing-number-wg .price-lbl {
  font-size: 18px;
  line-height: 1.333333;
  color: var(--gray2-color);
  margin-left: 4px;
}
@media (max-width: 767px) {
  .pxl-pricing-compare {
    overflow: hidden;
    overflow-x: scroll;
  }
}
.pxl-pricing-compare .inner-wrap {
  border-top: 1px solid var(--bd-color);
  border-bottom: 1px solid var(--bd-color);
}
@media (max-width: 767px) {
  .pxl-pricing-compare .inner-wrap {
    min-width: 768px;
  }
}
.pxl-pricing-compare .pxl-row:last-child .pxl-cell {
  border-bottom: none;
}
.pxl-pricing-compare .pxl-row:hover .pxl-cell {
  background: #f9fafb;
}
.pxl-pricing-compare .pxl-cell {
  padding: 26px 32px;
  border-bottom: 1px solid var(--bd-color);
  background: #fff;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 991px) {
  .pxl-pricing-compare .pxl-cell {
    padding: 16px 24px;
  }
}
.pxl-pricing-compare .pxl-cell + .pxl-cell {
  border-left: 1px solid var(--bd-color);
}
.pxl-pricing-compare .title {
  font-weight: 500;
}
.pxl-pricing-compare svg {
  width: 20px;
  fill: var(--main-color);
}
.pxl-accordion.layout-1 .accordion-item {
  position: relative;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-1 .accordion-item:last-child {
  border-bottom-width: 1px;
}
.pxl-accordion.layout-1 .title-wrap {
  padding: 19px 104px 20px 32px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 991px) {
  .pxl-accordion.layout-1 .title-wrap {
    padding: 19px 80px 20px 24px;
  }
}
@media (max-width: 767px) {
  .pxl-accordion.layout-1 .title-wrap {
    padding: 16px 80px 16px 24px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.pxl-accordion.layout-1 .title-wrap .item-sub-title {
  font-weight: 500;
  min-width: 48px;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-1 .title-wrap .item-sub-title span {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-1 .title-wrap .divider-border {
  width: 50px;
  height: 1px;
  margin: 0 14px 0 14px;
  background-image: repeating-linear-gradient(90deg, var(--divider-color, var(--bd-color)), var(--divider-color, var(--bd-color)) 4px, transparent 4px, transparent 8px);
  background-repeat: no-repeat;
  position: relative;
  bottom: -6px;
}
@media (max-width: 767px) {
  .pxl-accordion.layout-1 .title-wrap .divider-border {
    display: none;
  }
}
.pxl-accordion.layout-1 .title-wrap .item-title {
  font-size: 24px;
  line-height: 1.3333;
  letter-spacing: -0.05em;
  color: var(--main-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-1 .title-wrap .pxl-icon {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 32px;
  margin-top: -16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 991px) {
  .pxl-accordion.layout-1 .title-wrap .pxl-icon {
    right: 24px;
  }
}
.pxl-accordion.layout-1 .title-wrap svg {
  width: 16px;
  height: 16px;
  fill: #fff;
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-1 .title-wrap .icon-minus {
  opacity: 0;
  visibility: hidden;
}
.pxl-accordion.layout-1 .item-content {
  display: none;
  padding: 0 80px 36px 160px;
}
@media (max-width: 991px) {
  .pxl-accordion.layout-1 .item-content {
    padding: 0 80px 32px 148px;
  }
}
@media (max-width: 767px) {
  .pxl-accordion.layout-1 .item-content {
    padding: 0 80px 32px 24px;
  }
  .pxl-accordion.layout-1 .item-content br {
    display: none;
  }
}
.pxl-accordion.layout-1 .accordion-item.active .title-wrap {
  padding-bottom: 12px;
}
.pxl-accordion.layout-1 .accordion-item.active {
  background-repeat: repeat;
  border-color: var(--primary-color);
}
.pxl-accordion.layout-1 .accordion-item.active + .accordion-item {
  border-top-color: var(--primary-color);
}
.pxl-accordion.layout-1 .accordion-item.active .item-sub-title {
  color: var(--primary-color);
}
.pxl-accordion.layout-1 .accordion-item.active .item-sub-title span {
  color: var(--primary-color);
}
.pxl-accordion.layout-1 .accordion-item.active .item-title {
  color: var(--primary-color);
}
.pxl-accordion.layout-1 .accordion-item.active .pxl-icon {
  background-color: var(--primary-color);
}
.pxl-accordion.layout-1 .accordion-item.active svg {
  fill: #fff;
}
.pxl-accordion.layout-1 .accordion-item.active .icon-plus {
  opacity: 0;
  visibility: hidden;
}
.pxl-accordion.layout-1 .accordion-item.active .icon-minus {
  opacity: 1;
  visibility: visible;
}
.pxl-accordion.layout-2 .title-wrap {
  cursor: pointer;
  position: relative;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-2 .bf {
  display: flex;
  column-gap: 2px;
  -webkit-transform: translateX(-20px);
  -khtml-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-2 .bf-1, .pxl-accordion.layout-2 .bf-2, .pxl-accordion.layout-2 .bf-3 {
  content: "";
  display: inline-flex;
  background-color: var(--primary-color);
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-2 .bf-1 {
  width: 2px;
  height: 8px;
  transition-delay: 0.3s;
}
.pxl-accordion.layout-2 .bf-2 {
  width: 8px;
  height: 8px;
  transition-delay: 0.2s;
}
.pxl-accordion.layout-2 .bf-3 {
  width: 5px;
  height: 8px;
  transition-delay: 0.1s;
}
.pxl-accordion.layout-2 .item-sub-title {
  display: inline-flex;
  align-self: flex-start;
  font-family: var(--second-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4285;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #fff;
  background-color: var(--primary-color);
  opacity: 0;
  max-height: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}
.pxl-accordion.layout-2 .item-title {
  -webkit-transform: translateX(-26px);
  -khtml-transform: translateX(-26px);
  -moz-transform: translateX(-26px);
  -ms-transform: translateX(-26px);
  -o-transform: translateX(-26px);
  transform: translateX(-26px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-2 .divider-border {
  flex: 1 0 0%;
  height: 1px;
  margin-left: 8px;
  margin-right: -18px;
  background-image: repeating-linear-gradient(90deg, var(--divider-color, var(--gray1-color)), var(--divider-color, var(--gray1-color)) 4px, transparent 4px, transparent 8px);
  background-repeat: no-repeat;
  position: relative;
  bottom: -6px;
  -webkit-transform: translateX(-26px);
  -khtml-transform: translateX(-26px);
  -moz-transform: translateX(-26px);
  -ms-transform: translateX(-26px);
  -o-transform: translateX(-26px);
  transform: translateX(-26px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-2 .item-sub-title2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  letter-spacing: -0.04em;
  white-space: nowrap;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-2 .item-sub-title2 span {
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-accordion.layout-2 .item-content {
  display: none;
  line-height: 1.375;
  max-width: var(--max-width, 100%);
}
@media (max-width: 767px) {
  .pxl-accordion.layout-2 .item-content br {
    display: none;
  }
}
.pxl-accordion.layout-2 .accordion-item.active .title-wrap {
  opacity: 1;
}
.pxl-accordion.layout-2 .accordion-item.active .item-sub-title {
  opacity: 1;
  max-height: 20px;
}
.pxl-accordion.layout-2 .accordion-item.active .bf {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-accordion.layout-2 .accordion-item.active .bf-1, .pxl-accordion.layout-2 .accordion-item.active .bf-2, .pxl-accordion.layout-2 .accordion-item.active .bf-3 {
  opacity: 1;
}
.pxl-accordion.layout-2 .accordion-item.active .item-title {
  color: var(--primary-color);
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-accordion.layout-2 .accordion-item.active .divider-border {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  margin-right: 8px;
}
.pxl-accordion.layout-2 .accordion-item.active .item-sub-title2 {
  color: var(--primary-color);
}
.pxl-accordion.layout-2 .accordion-item.active .item-sub-title2 span {
  color: var(--primary-color);
}
.pxl-accordion.layout-2 .accordion-item.active .item-content {
  padding-top: 12px;
}
.pxl-accordion.layout-2 .accordion-item:hover .title-wrap {
  opacity: 1;
}
.pxl-counter-el {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: var(--title-spacing, 4px);
}
.pxl-counter-el .counter-number-wrap {
  line-height: 1.25;
  letter-spacing: -0.055em;
  color: var(--number-color, var(--main-color));
}
.pxl-counter-el .counter-title {
  color: var(--title-color, var(--body-color));
}
.pxl-img-compare .content-inner {
  overflow: hidden;
  cursor: ew-resize;
}
.pxl-img-compare .img-before {
  position: relative;
}
.pxl-img-compare .img-before img {
  width: 100%;
  height: auto;
  display: block;
}
.pxl-img-compare .img-after {
  position: absolute;
  inset: 0;
  clip-path: inset(0 0 0 50%);
}
.pxl-img-compare .img-after img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pxl-img-compare .slider-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: var(--primary-color);
  z-index: 1;
}
.pxl-img-compare .slider-handle .center-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background-color: var(--primary-color);
}
.pxl-img-compare .slider-handle .center-box span {
  width: 8px;
  height: 26px;
  background-color: #fff;
}
.pxl-img-compare .slider-handle .before-text {
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translate(0, -50%);
  padding: 4px 0 4px 8px;
  background-color: var(--gray8-color);
  border: 1px solid var(--bd-color);
  font-family: var(--second-font);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
.pxl-img-compare .slider-handle .before-text svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  fill: var(--main-color);
}
.pxl-img-compare .slider-handle .before-text svg path {
  fill: var(--main-color);
}
.pxl-img-compare .slider-handle .before-text .text {
  white-space: nowrap;
}
.pxl-img-compare .slider-handle .after-text {
  position: absolute;
  top: 50%;
  left: 32px;
  transform: translate(0, -50%);
  padding: 4px 8px 4px 0;
  background-color: var(--gray8-color);
  border: 1px solid var(--bd-color);
  font-family: var(--second-font);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
.pxl-img-compare .slider-handle .after-text svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  fill: var(--main-color);
}
.pxl-img-compare .slider-handle .after-text svg path {
  fill: var(--main-color);
}
.pxl-img-compare .slider-handle .after-text .text {
  white-space: nowrap;
}
.pxl-img-compare .rulers {
  padding-top: 24px;
}
.pxl-img-compare .rulers .item {
  color: var(--gray10-color);
  font-size: 16px;
}
@media (max-width: 767px) {
  .pxl-img-compare .rulers .item {
    font-size: 14px;
  }
}
.pxl-img-compare .rulers .divider-top {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  margin-left: -1px;
  width: 1px;
  background-image: repeating-linear-gradient(180deg, var(--bd-color), var(--bd-color) 0 4px, transparent 4px 8px);
  background-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(to top, black 0%, black 40%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to top, black 0%, black 40%, rgba(0, 0, 0, 0) 100%);
}
.pxl-timeline-el {
  position: relative;
  border-top: 1px solid var(--bd-color);
  border-bottom: 1px solid var(--bd-color);
  padding: 0 32px;
}
@media (max-width: 1199px) {
  .pxl-timeline-el {
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .pxl-timeline-el {
    border-top: 0;
    border-bottom: 0;
  }
}
.pxl-timeline-el:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  width: 100%;
  height: 1px;
  background-color: var(--bd-color);
}
@media (max-width: 767px) {
  .pxl-timeline-el:before {
    content: none;
  }
}
.pxl-timeline-el:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 1px;
  background-color: var(--bd-color);
}
@media (max-width: 767px) {
  .pxl-timeline-el:after {
    content: none;
  }
}
.pxl-timeline-el .item-inner {
  border-left: 1px solid var(--bd-color);
  border-right: 1px solid var(--bd-color);
}
@media (max-width: 767px) {
  .pxl-timeline-el .item-inner {
    border-top: 1px solid var(--bd-color);
    border-bottom: 1px solid var(--bd-color);
  }
}
.pxl-timeline-el .item-top {
  padding: var(--item-padding, 16px 16px 140px 16px);
  overflow: hidden;
}
.pxl-timeline-el .item-bot {
  padding: 24px 16px 16px 16px;
}
.pxl-timeline-el .sub-title {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.pxl-timeline-el .sub-title span {
  opacity: 1;
}
.pxl-timeline-el .desc {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: -30px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0.1s, bottom 0.3s linear 0s;
  -khtml-transition: opacity 0.3s ease 0.1s, bottom 0.3s linear 0s;
  -moz-transition: opacity 0.3s ease 0.1s, bottom 0.3s linear 0s;
  -ms-transition: opacity 0.3s ease 0.1s, bottom 0.3s linear 0s;
  -o-transition: opacity 0.3s ease 0.1s, bottom 0.3s linear 0s;
  transition: opacity 0.3s ease 0.1s, bottom 0.3s linear 0s;
}
.pxl-timeline-el .title {
  opacity: 0.5;
  margin-bottom: 28px;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.pxl-timeline-el .item-img {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.pxl-timeline-el .item-img-hover {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -khtml-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.pxl-timeline-el .item-progress-bar {
  height: 24px;
  display: flex;
  align-items: center;
  background-color: var(--progress-bar-bg-color, #F5F6F7);
  background-image: var(--progress-bar-bg-img-url);
  background-repeat: no-repeat;
  overflow: hidden;
}
.pxl-timeline-el .bf {
  display: flex;
  width: 100%;
  height: 8px;
  -webkit-transform: translateX(-20px);
  -khtml-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-timeline-el .bf-0, .pxl-timeline-el .bf-1, .pxl-timeline-el .bf-2, .pxl-timeline-el .bf-3 {
  content: "";
  display: inline-flex;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-timeline-el .bf-0 {
  width: 0px;
  transition-delay: 0s;
}
.pxl-timeline-el .bf-1 {
  width: 2px;
  -webkit-transform: translateX(16px);
  -khtml-transform: translateX(16px);
  -moz-transform: translateX(16px);
  -ms-transform: translateX(16px);
  -o-transform: translateX(16px);
  transform: translateX(16px);
  transition-delay: 1s;
}
.pxl-timeline-el .bf-2 {
  width: 8px;
  -webkit-transform: translateX(32px);
  -khtml-transform: translateX(32px);
  -moz-transform: translateX(32px);
  -ms-transform: translateX(32px);
  -o-transform: translateX(32px);
  transform: translateX(32px);
  transition-delay: 0.7s;
}
.pxl-timeline-el .bf-3 {
  width: 5px;
  -webkit-transform: translateX(48px);
  -khtml-transform: translateX(48px);
  -moz-transform: translateX(48px);
  -ms-transform: translateX(48px);
  -o-transform: translateX(48px);
  transform: translateX(48px);
  transition-delay: 0.4s;
}
.pxl-timeline-el .timeline-item {
  position: relative;
}
.pxl-timeline-el .timeline-item.active .sub-title {
  opacity: 1;
}
.pxl-timeline-el .timeline-item.active .desc {
  opacity: 1;
  bottom: 24px;
}
.pxl-timeline-el .timeline-item.active .title {
  opacity: 1;
}
.pxl-timeline-el .timeline-item.active .item-img {
  opacity: 0;
}
.pxl-timeline-el .timeline-item.active .item-img-hover {
  opacity: 1;
}
.pxl-timeline-el .timeline-item.active .bf {
  column-gap: 0;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-timeline-el .timeline-item.active .bf-0, .pxl-timeline-el .timeline-item.active .bf-1, .pxl-timeline-el .timeline-item.active .bf-2, .pxl-timeline-el .timeline-item.active .bf-3 {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-post-el .item-inner {
  height: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 991px) {
  .pxl-post-el .item-inner {
    border-left: 1px solid var(--bd-color);
  }
}
@media (max-width: 767px) {
  .pxl-post-el .item-inner {
    border-right: 1px solid var(--bd-color);
  }
}
.pxl-post-el .post-featured-image {
  height: 100%;
  position: relative;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-el .post-featured-image:after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-el .post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-el .post-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 32px;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 1199px) {
  .pxl-post-el .post-content {
    padding: 24px;
  }
}
.pxl-post-el .post-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.pxl-post-el .post-category {
  font-family: var(--second-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: var(--gray2-color);
  text-transform: uppercase;
  padding: 4px 0;
  background-color: var(--gray9-color);
}
.pxl-post-el .post-category a {
  color: inherit;
}
.pxl-post-el .post-category a:hover {
  color: var(--main-color);
}
.pxl-post-el .post-date {
  font-size: 14px;
  color: var(--gray3-color);
  font-style: normal;
  font-weight: 500;
  line-height: 1.42857;
  letter-spacing: -0.04em;
}
.pxl-post-el .post-date:before {
  content: "//";
  margin-right: 4px;
  color: var(--gray1-color);
}
.pxl-post-el .post-title {
  position: relative;
  margin-bottom: 16px;
  word-wrap: break-word;
  line-height: 1.25;
}
@media (max-width: 1199px) {
  .pxl-post-el .post-title {
    margin-bottom: 8px;
  }
}
.pxl-post-el .post-title a {
  color: inherit;
}
.pxl-post-el .post-title a:hover {
  color: var(--primary-color);
}
.pxl-post-el .post-excerpt {
  font-size: 18px;
  line-height: calc(24/18);
}
@media (max-width: 1199px) {
  .pxl-post-el .post-excerpt {
    font-size: 16px;
  }
}
.pxl-post-el .post-content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.pxl-post-el .pxl-readmore-link {
  padding: 8px 32px 12px 32px;
}
@media (max-width: 1199px) {
  .pxl-post-el .pxl-readmore-link {
    padding: 8px 24px 12px 24px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .pxl-post-el .pxl-readmore-link {
    padding: 8px 16px 12px 16px;
  }
}
.pxl-post-el .item-inner:hover {
  border-color: var(--primary-color);
}
.pxl-post-el .item-inner:hover .post-content {
  border-color: var(--primary-color);
}
.pxl-post-el .item-inner:hover .post-title a {
  color: var(--primary-color);
}
.pxl-post-el .item-inner:hover .post-foot .pxl-readmore-link {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.pxl-post-el .item-inner:hover .post-foot .pxl-readmore-link:after {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-post-el .item-inner:hover .post-foot .pxl-readmore-link .pxl-link-icon .icon-first {
  transform: translate(20px, -20px);
}
.pxl-post-el .item-inner:hover .post-foot .pxl-readmore-link .pxl-link-icon .icon-second {
  transform: translate(0, 0);
}
.pxl-post-el .item-inner:hover .post-foot .pxl-readmore-link svg {
  fill: var(--primary-color);
}
.grid-filter-wrap {
  row-gap: 8px;
  align-items: center;
  flex: 1 0 0;
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .grid-filter-wrap {
    column-gap: 8px;
  }
}
.grid-filter-wrap .filter-item {
  position: relative;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  font-size: 14px;
  line-height: 1.42857;
  font-weight: 400;
  letter-spacing: -0.56px;
  color: var(--gray2-color);
  border: 1px solid var(--bd-color);
  cursor: pointer;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 1199px) {
  .grid-filter-wrap .filter-item {
    padding: 8px 12px;
  }
}
@media (min-width: 1200px) {
  .grid-filter-wrap .filter-item + .filter-item {
    border-left: 0;
  }
}
.grid-filter-wrap .filter-item + .filter-item:before {
  content: "";
  width: 1px;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  opacity: 0;
  background-color: var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.grid-filter-wrap .filter-item .bf {
  display: flex;
  column-gap: 2px;
}
.grid-filter-wrap .filter-item .ft-text {
  white-space: nowrap;
}
.grid-filter-wrap .filter-item .bf {
  -webkit-transform: translateX(-19px);
  -khtml-transform: translateX(-19px);
  -moz-transform: translateX(-19px);
  -ms-transform: translateX(-19px);
  -o-transform: translateX(-19px);
  transform: translateX(-19px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.grid-filter-wrap .filter-item .ft-text {
  -webkit-transform: translateX(-14px);
  -khtml-transform: translateX(-14px);
  -moz-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  -o-transform: translateX(-14px);
  transform: translateX(-14px);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.grid-filter-wrap .filter-item .bf-1, .grid-filter-wrap .filter-item .bf-2, .grid-filter-wrap .filter-item .bf-3 {
  content: "";
  display: inline-flex;
  background-color: var(--primary-color);
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.grid-filter-wrap .filter-item .bf-1 {
  width: 2px;
  height: 8px;
  transition-delay: 0.3s;
}
.grid-filter-wrap .filter-item .bf-2 {
  width: 8px;
  height: 8px;
  transition-delay: 0.2s;
}
.grid-filter-wrap .filter-item .bf-3 {
  width: 5px;
  height: 8px;
  transition-delay: 0.1s;
}
.grid-filter-wrap .filter-item.active {
  font-weight: 600;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.grid-filter-wrap .filter-item.active .bf, .grid-filter-wrap .filter-item.active .ft-text {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.grid-filter-wrap .filter-item.active .bf-1, .grid-filter-wrap .filter-item.active .bf-2, .grid-filter-wrap .filter-item.active .bf-3 {
  opacity: 1;
}
.grid-filter-wrap .filter-item.active:before {
  opacity: 1;
  background-color: var(--primary-color);
}
.grid-filter-wrap .filter-item:hover {
  color: var(--main-color);
}
.pxl-swiper-slider:not(.pxl-swiper-initialized) .pxl-swiper-slider-wrap {
  visibility: hidden;
}
.pxl-post-featured-el .post-featured-image {
  height: 100%;
  position: relative;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-featured-el .post-featured-image:after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-featured-el .post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-featured-el .post-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 32px;
  border-top: 1px solid var(--bd-color);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 1199px) {
  .pxl-post-featured-el .post-content {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .pxl-post-featured-el .post-content {
    border-top: 0;
  }
}
@media (max-width: 575px) {
  .pxl-post-featured-el .post-content {
    padding: 16px;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: var(--bd-color);
  }
}
.pxl-post-featured-el .post-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.pxl-post-featured-el .post-category {
  font-family: var(--second-font);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: var(--gray2-color);
  text-transform: uppercase;
  padding: 4px 0;
  background-color: var(--gray9-color);
}
.pxl-post-featured-el .post-category a {
  color: inherit;
}
.pxl-post-featured-el .post-category a:hover {
  color: var(--main-color);
}
.pxl-post-featured-el .post-date {
  font-size: 14px;
  color: var(--gray3-color);
  font-style: normal;
  font-weight: 500;
  line-height: 1.42857;
  letter-spacing: -0.04em;
}
.pxl-post-featured-el .post-date:before {
  content: "//";
  margin-right: 4px;
  color: var(--gray1-color);
}
.pxl-post-featured-el .post-title {
  position: relative;
  margin-bottom: 16px;
  word-wrap: break-word;
  line-height: 1.25;
}
@media (max-width: 1199px) {
  .pxl-post-featured-el .post-title {
    margin-bottom: 8px;
  }
}
.pxl-post-featured-el .post-title a {
  color: inherit;
}
.pxl-post-featured-el .post-title a:hover {
  color: var(--primary-color);
}
.pxl-post-featured-el .post-excerpt {
  font-size: 18px;
  line-height: calc(24/18);
}
@media (max-width: 1199px) {
  .pxl-post-featured-el .post-excerpt {
    font-size: 16px;
  }
}
.pxl-post-featured-el .post-foot {
  flex-shrink: 0;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
.pxl-post-featured-el .post-foot .pxl-readmore-link {
  padding: 8px 32px 12px 32px;
}
@media (max-width: 1199px) {
  .pxl-post-featured-el .post-foot .pxl-readmore-link {
    padding: 8px 24px 12px 24px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .pxl-post-featured-el .post-foot .pxl-readmore-link {
    padding: 8px 16px 12px 16px;
  }
}
.pxl-post-featured-el .post-content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 575px) {
  .pxl-post-featured-el .post-content-wrap:hover .post-content {
    border-color: var(--primary-color);
  }
}
.pxl-post-featured-el .post-content-wrap:hover .post-title a {
  color: var(--primary-color);
}
.pxl-post-featured-el .post-content-wrap:hover .pxl-readmore-link {
  color: var(--primary-color);
}
.pxl-post-featured-el .post-content-wrap:hover .pxl-readmore-link:after {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-post-featured-el .post-content-wrap:hover .pxl-readmore-link .pxl-link-icon .icon-first {
  transform: translate(20px, -20px);
}
.pxl-post-featured-el .post-content-wrap:hover .pxl-readmore-link .pxl-link-icon .icon-second {
  transform: translate(0, 0);
}
.testimonial-carousel .pxl-slider-item > .elementor > .elementor-element .pxl-btn.style-2.link-wrap:before {
  background-color: transparent;
}
.testimonial-carousel .pxl-slider-item > .elementor > .elementor-element:hover .pxl-btn.style-2.link-wrap {
  color: var(--pxl-btn-color-hover, var(--primary-color));
}
.testimonial-carousel .pxl-slider-item > .elementor > .elementor-element:hover .pxl-btn.style-2.link-wrap:after {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.testimonial-carousel .pxl-slider-item > .elementor > .elementor-element:hover .pxl-btn.style-2.link-wrap .pxl-link-icon .icon-first {
  transform: translate(20px, -20px);
}
.testimonial-carousel .pxl-slider-item > .elementor > .elementor-element:hover .pxl-btn.style-2.link-wrap .pxl-link-icon .icon-second {
  transform: translate(0, 0);
}
.pxl-sliders-wrap {
  position: relative;
  height: 100%;
}
.pxl-sliders-wrap:not(.pxl-swiper-initialized) .pxl-slider-wrapper {
  visibility: hidden;
}
.pxl-slider-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
  z-index: 0;
}
.pxl-slider-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.pxl-slider-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.pxl-slider-item > div {
  width: 100%;
}
.pxl-slider-item .pxl-slide-bg {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.pxl-slider-item .pxl-btn {
  position: relative;
  z-index: 1;
}
.effect-fade .pxl-slider-item:not(.swiper-slide-active) {
  z-index: -1;
}
.effect-fade .pxl-slider-item.swiper-slide-active {
  z-index: 1;
}
.pxl-slide-bg {
  background-image: var(--slide-bg-lazy);
}
.pxl-slider-container:hover .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-prev, .pxl-slider-container:focus .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-prev {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-slider-container:hover .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-next, .pxl-slider-container:focus .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-next {
  opacity: 1;
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.pxl-slider-arrow-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
}
.pxl-slider-arrow-wrap > * {
  max-width: 100%;
}
.pxl-slider-arrow-wrap.pos-absolute.wrap {
  position: absolute;
}
.pxl-slider-arrow-wrap.pos-absolute.separate .pxl-slider-arrow-prev {
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pxl-slider-arrow-wrap.pos-absolute.separate .pxl-slider-arrow-next {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pxl-slider-arrow-wrap.pos-df {
  margin-top: 30px;
}
.pxl-slider-arrow-wrap.pos-df.wrap {
  justify-content: center;
}
.pxl-slider-arrow-wrap.separate {
  margin-top: 0;
  justify-content: space-between;
}
.pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-prev {
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -khtml-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-next {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -khtml-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.pxl-slider-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.pxl-slider-arrow > * {
  max-width: 100%;
}
.pxl-slider-arrow.swiper-button-disabled {
  cursor: not-allowed;
}
.pxl-slider-arrow .arrow-text {
  font-size: 16px;
  position: relative;
}
.pxl-slider-arrow .pxl-icon {
  font-size: 25px;
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  text-align: center;
  background-color: transparent;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -khtml-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -moz-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  -o-transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
}
@media (max-width: 1199px) {
  .pxl-slider-arrow .pxl-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .pxl-slider-arrow .pxl-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}
.pxl-slider-arrow .pxl-icon svg {
  width: 1em;
  height: 1em;
  -webkit-transition: fill 0.3s ease;
  -khtml-transition: fill 0.3s ease;
  -moz-transition: fill 0.3s ease;
  -ms-transition: fill 0.3s ease;
  -o-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.pxl-slider-arrow .pxl-icon svg path {
  -webkit-transition: fill 0.3s ease;
  -khtml-transition: fill 0.3s ease;
  -moz-transition: fill 0.3s ease;
  -ms-transition: fill 0.3s ease;
  -o-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.pxl-slider-dots.style-bullets {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
  column-gap: 10px;
  margin: 0 2px;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet {
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  opacity: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.25s linear;
  -khtml-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #cccccc;
  display: block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.25s linear;
  -khtml-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:hover, .pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet.swiper-pagination-bullet-active {
  -webkit-box-shadow: 0px 0px 0px 1px var(--primary-color);
  -khtml-box-shadow: 0px 0px 0px 1px var(--primary-color);
  -moz-box-shadow: 0px 0px 0px 1px var(--primary-color);
  -ms-box-shadow: 0px 0px 0px 1px var(--primary-color);
  -o-box-shadow: 0px 0px 0px 1px var(--primary-color);
  box-shadow: 0px 0px 0px 1px var(--primary-color);
}
.pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet:hover:before, .pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet.swiper-pagination-bullet-active:before {
  background: var(--primary-color);
}
.pxl-slider-dots.style-bullets-number {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 45px;
  color: #fff;
}
.pxl-slider-dots.style-bullets-number .pxl-slider-pagination-bullet {
  flex: 0 0 auto;
  width: auto;
  height: 22px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  position: relative;
  margin: 0px 10px;
  -webkit-transition: all 0.25s ease;
  -khtml-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (max-width: 575px) {
  .pxl-slider-dots.style-bullets-number .pxl-slider-pagination-bullet {
    margin: 0 8px;
  }
}
.pxl-slider-dots.style-bullets-number .pxl-slider-pagination-bullet:after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  right: 0;
  top: 50%;
  margin-top: -1px;
}
.pxl-slider-dots.style-bullets-number .pxl-slider-pagination-bullet.swiper-pagination-bullet-active {
  background-color: transparent;
}
.pxl-slider-dots.style-bullets-number .pxl-slider-pagination-bullet.swiper-pagination-bullet-active:not(:last-child) {
  padding-right: 110px;
}
@media (max-width: 767px) {
  .pxl-slider-dots.style-bullets-number .pxl-slider-pagination-bullet.swiper-pagination-bullet-active:not(:last-child) {
    padding-right: 90px;
  }
}
@media (max-width: 575px) {
  .pxl-slider-dots.style-bullets-number .pxl-slider-pagination-bullet.swiper-pagination-bullet-active:not(:last-child) {
    padding-right: 70px;
  }
}
.pxl-slider-dots.style-bullets-number .pxl-slider-pagination-bullet.swiper-pagination-bullet-active:not(:last-child):after {
  width: 90px;
  -webkit-transition: all 0.3s ease 0.2s;
  -khtml-transition: all 0.3s ease 0.2s;
  -moz-transition: all 0.3s ease 0.2s;
  -ms-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.2s;
}
@media (max-width: 767px) {
  .pxl-slider-dots.style-bullets-number .pxl-slider-pagination-bullet.swiper-pagination-bullet-active:not(:last-child):after {
    width: 70px;
  }
}
@media (max-width: 575px) {
  .pxl-slider-dots.style-bullets-number .pxl-slider-pagination-bullet.swiper-pagination-bullet-active:not(:last-child):after {
    width: 50px;
  }
}
.pxl-slide-item-wrap.full-screen {
  height: 100vh;
}
.pxl-slide-item-wrap.full-screen .slide-content-wrap > div {
  height: 100vh;
}
.error-tooltip {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  pointer-events: none;
  display: inline-block;
  color: #fff;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  line-height: 1.4;
  background: #fe2724;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  border-radius: 4px;
}
.error-tooltip:before {
  content: "";
  position: absolute;
  background: 0 0;
  border: 6px solid transparent;
  z-index: 1000001;
  margin-bottom: 0;
  left: 12px;
  transition: 0.3s;
  border-bottom-color: #fe2724;
  top: -12px;
  bottom: auto;
}
.pxl-ttip {
  position: relative;
  display: inline-block;
}
.pxl-ttip:hover .tt-txt {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.tt-txt {
  font-size: 0;
  opacity: 0;
  visibility: hidden;
  border-radius: 3px;
}
.tt-txt:before {
  content: "";
  position: absolute;
  background: 0 0;
  border: 6px solid transparent;
  z-index: 1000001;
  margin-bottom: 0;
  left: calc(50% - 6px);
  top: auto;
  bottom: -12px;
  transition: 0.3s;
}
.pxl-ttip .tt-txt {
  position: absolute;
  pointer-events: none;
  display: inline-block;
  background: #1b1b1b;
  color: #fff;
  padding: 8px 10px 8px 10px;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  background: #1b1b1b;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
  -khtml-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.tt_top .tt-txt, .tt-top .tt-txt {
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -khtml-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.tt_top .tt-txt:before, .tt-top .tt-txt:before {
  border-top-color: #1b1b1b;
}
.tt_top:hover .tt-txt, .tt-top:hover .tt-txt {
  -webkit-transform: translate(-50%, -8px);
  -khtml-transform: translate(-50%, -8px);
  -moz-transform: translate(-50%, -8px);
  -ms-transform: translate(-50%, -8px);
  -o-transform: translate(-50%, -8px);
  transform: translate(-50%, -8px);
}
.tt-top-left .tt-txt, .tt-top-right .tt-txt {
  bottom: 100%;
  left: 50%;
}
.tt-top-left .tt-txt:before, .tt-top-right .tt-txt:before {
  border-top-color: #1b1b1b;
}
.tt-top-left:hover .tt-txt, .tt-top-right:hover .tt-txt {
  -webkit-transform: translate(0, -8px);
  -khtml-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  transform: translate(0, -8px);
}
.tt-top-left .tt-txt {
  -webkit-transform: translate(-100%, 0);
  -khtml-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  margin-left: 12px;
}
.tt-top-left .tt-txt:before {
  left: auto;
  right: 6px;
}
.tt-top-left:hover .tt-txt {
  -webkit-transform: translate(-100%, -8px);
  -khtml-transform: translate(-100%, -8px);
  -moz-transform: translate(-100%, -8px);
  -ms-transform: translate(-100%, -8px);
  -o-transform: translate(-100%, -8px);
  transform: translate(-100%, -8px);
}
.tt-top-right .tt-txt {
  -webkit-transform: translate(0, 0);
  -khtml-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  margin-left: -12px;
}
.tt-top-right .tt-txt:before {
  left: 6px;
  right: auto;
}
.tt-top-right:hover .tt-txt {
  -webkit-transform: translate(0, -8px);
  -khtml-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px);
  transform: translate(0, -8px);
}
.tt-left .tt-txt {
  left: auto;
  right: 100%;
  bottom: 50%;
  margin-bottom: -14px;
}
.tt-left .tt-txt:before {
  border-left-color: #1b1b1b;
  margin-right: -11px;
  margin-bottom: -6px;
  right: 0;
  bottom: 50%;
  left: auto;
}
.tt-left:hover .tt-txt {
  -webkit-transform: translate(-8px, 0);
  -khtml-transform: translate(-8px, 0);
  -moz-transform: translate(-8px, 0);
  -ms-transform: translate(-8px, 0);
  -o-transform: translate(-8px, 0);
  transform: translate(-8px, 0);
}
.tt-right .tt-txt {
  left: 100%;
  bottom: 50%;
  margin-bottom: -14px;
}
.tt-right .tt-txt:before {
  border-right-color: #1b1b1b;
  margin-left: -11px;
  margin-bottom: -6px;
  left: 0;
  bottom: 50%;
}
.tt-right:hover .tt-txt {
  -webkit-transform: translate(8px, 0);
  -khtml-transform: translate(8px, 0);
  -moz-transform: translate(8px, 0);
  -ms-transform: translate(8px, 0);
  -o-transform: translate(8px, 0);
  transform: translate(8px, 0);
}
.tt-bottom .tt-txt {
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -khtml-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.tt-bottom .tt-txt:before {
  border-bottom-color: #1b1b1b;
  top: -12px;
  bottom: auto;
}
.tt-bottom:hover .tt-txt {
  -webkit-transform: translate(-50%, 8px);
  -khtml-transform: translate(-50%, 8px);
  -moz-transform: translate(-50%, 8px);
  -ms-transform: translate(-50%, 8px);
  -o-transform: translate(-50%, 8px);
  transform: translate(-50%, 8px);
}
.tt-bottom-left .tt-txt, .tt-bottom-right .tt-txt {
  top: 100%;
  left: 50%;
}
.tt-bottom-left .tt-txt:before, .tt-bottom-right .tt-txt:before {
  border-bottom-color: #1b1b1b;
  top: -12px;
  bottom: auto;
}
.tt-bottom-left:hover .tt-txt, .tt-bottom-right:hover .tt-txt {
  -webkit-transform: translate(0, 8px);
  -khtml-transform: translate(0, 8px);
  -moz-transform: translate(0, 8px);
  -ms-transform: translate(0, 8px);
  -o-transform: translate(0, 8px);
  transform: translate(0, 8px);
}
.tt-bottom-left .tt-txt {
  -webkit-transform: translate(-100%, 100%);
  -khtml-transform: translate(-100%, 100%);
  -moz-transform: translate(-100%, 100%);
  -ms-transform: translate(-100%, 100%);
  -o-transform: translate(-100%, 100%);
  transform: translate(-100%, 100%);
  margin-left: 12px;
}
.tt-bottom-left .tt-txt:before {
  left: auto;
  right: 6px;
}
.tt-bottom-left:hover .tt-txt {
  -webkit-transform: translate(-100%, 8px);
  -khtml-transform: translate(-100%, 8px);
  -moz-transform: translate(-100%, 8px);
  -ms-transform: translate(-100%, 8px);
  -o-transform: translate(-100%, 8px);
  transform: translate(-100%, 8px);
}
.tt-bottom-right .tt-txt {
  -webkit-transform: translate(0, 0);
  -khtml-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  margin-left: -12px;
}
.tt-bottom-right .tt-txt:before {
  left: 6px;
  right: auto;
}
.tt-bottom-right:hover .tt-txt {
  -webkit-transform: translate(0, 8px);
  -khtml-transform: translate(0, 8px);
  -moz-transform: translate(0, 8px);
  -ms-transform: translate(0, 8px);
  -o-transform: translate(0, 8px);
  transform: translate(0, 8px);
}
.field-checkbox .pu-error .tt-text {
  left: 0;
  right: auto;
}
.field-checkbox .pu-error .tt-text:before {
  left: 0;
  right: auto;
}
.checkout-payment .form-field {
  position: relative;
}
.checkout-payment .form-field .pu-error {
  position: absolute;
  bottom: 7px;
  left: auto;
  right: 10px;
}
.checkout-payment .form-field .pu-error .tt-text {
  min-width: 200px;
}
.pxl-cursor-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -khtml-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  transform-origin: center;
  color: #000;
  font-size: 24px;
  line-height: 1;
  transition: transform 0.3s linear, opacity 0.2s linear;
  display: inline-block;
}
@media (max-width: 575px) {
  .pxl-cursor-icon {
    width: 18px;
    height: 18px;
    font-size: 17px;
  }
}
.pxl-cursor-icon .pxl-icon {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.pxl-cursor-icon .pxl-icon:before, .pxl-cursor-icon .pxl-icon:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background-color: var(--main-color);
  transform-origin: 50% 50%;
  opacity: 1;
  -webkit-transition: transform ease 0.25s;
  -khtml-transition: transform ease 0.25s;
  -moz-transition: transform ease 0.25s;
  -ms-transition: transform ease 0.25s;
  -o-transition: transform ease 0.25s;
  transition: transform ease 0.25s;
}
.pxl-cursor-icon .pxl-icon:before {
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pxl-cursor-icon .pxl-icon:after {
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pxl-cursor-icon.active {
  position: fixed !important;
  opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.pxl-cursor-icon.hide {
  display: none;
}
.pxl-page-overlay .pxl-cursor-icon .pxl-icon:before, .pxl-page-overlay .pxl-cursor-icon .pxl-icon:after {
  background-color: #fff;
}
.pxl-hidden-template .pxl-cursor-icon .pxl-icon:before, .pxl-hidden-template .pxl-cursor-icon .pxl-icon:after {
  background-color: #fff;
}
.cursor-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  pointer-events: none;
  opacity: 0;
}
@media (max-width: 1199px) {
  .cursor-img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 575px) {
  .cursor-img {
    width: 80px;
    height: 80px;
  }
}
.cursor-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s;
}
.cursor-media.active {
  opacity: 0.8;
}
.pxl-archive-post:not(.sticky) .pxli-thumbtack {
  display: none;
}
body:not(.theme-core) .post-tags-share {
  justify-content: flex-start;
}
body:not(.theme-core) .single-next-prev-nav .nav-label-wrap {
  margin-bottom: 0;
}
body:not(.theme-core) .single-next-prev-nav .nav-title-wrap {
  display: none;
}
body:not(.theme-core) th {
  font-weight: 500;
}
body:not(.theme-core) .pxl-primary-menu > li > a:after {
  display: none;
}
body:not(.theme-core) .pxl-primary-menu > li > a:hover {
  padding-top: 12px;
}
body:not(.theme-core) .pxl-archive-post .post-featured-image {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: var(--bd-color);
}
body:not(.theme-core).single-post .post-featured-image {
  margin-bottom: 16px;
}
.post-password-form {
  position: relative;
}
.post-password-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
}
.pxl-sidebar-area .wp-block-latest-comments li {
  margin-bottom: 13px;
}
.wp-block-button {
  margin-bottom: 20px;
}
.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0;
}
.wp-block-cover {
  color: #fff;
}
[class*="wp-block-"] {
  margin-bottom: 30px;
}
[class*="wp-block-"]:first-child {
  margin-top: 0;
}
[class*="wp-block-"]:last-child {
  margin-bottom: 0;
}
.wp-block-image {
  overflow: hidden;
}
.wp-block-pages-list__item {
  margin-bottom: 0;
}
.pxl-sidebar-area [class*="wp-block-"] {
  margin-top: 0;
  margin-bottom: 0;
}
.pxl-sidebar-area [class*="wp-block-"]:first-child {
  margin-top: 0;
}
.pxl-sidebar-area [class*="wp-block-"]:last-child {
  margin-bottom: 0;
}
.pxl-sidebar-area .wp-block-latest-comments [class*="wp-block-"] {
  line-height: var(--body-line-height);
}
.pxl-sidebar-area .widget_block h2 {
  margin-bottom: 16px;
  font-size: var(--heading-font-size-h5);
  text-transform: uppercase;
  font-weight: 600;
}
.pxl-sidebar-area .widget_block ul {
  margin: 0;
}
.pxl-sidebar-area .widget_block li > a {
  padding: 8px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  font-family: var(--heading-font-family);
  font-size: 16px;
  line-height: 22px;
}
.pxl-sidebar-area .widget_block .wp-block-latest-posts__list {
  margin-bottom: 0;
}
.wp-block-group.has-background {
  padding: 15px 20px;
}
.wp-block-group .wp-block-button + * {
  padding-top: 15px;
}
.wp-block-rss {
  list-style: none;
}
.wp-block-table .has-fixed-layout {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.blocks-gallery-caption {
  margin-bottom: 30px;
}
.wp-caption.alignright {
  margin-bottom: 0 !important;
}
.wp-block-quote br {
  display: none;
}
.pxl-sidebar-area .wp-block-latest-comments li {
  margin-bottom: 20px;
}
.pxl-sidebar-area .wp-block-latest-comments li:last-child {
  margin-bottom: 0;
}
.pxl-sidebar-area .wp-block-latest-comments [class*="wp-block-"] {
  padding-top: 0;
  padding-bottom: 0;
}
.widget_block.widget_search {
  border: 0;
  padding: 0;
}
.wp-block-search__label {
  display: none;
}
.wp-block-search__inside-wrapper {
  position: relative;
}
.wp-block-search__inside-wrapper .wp-block-search__input {
  padding-right: 50px;
  border-color: var(--bd-color);
}
.wp-block-search__inside-wrapper .wp-block-search__button {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 1;
  font-size: 0;
  gap: 0;
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wp-block-search__inside-wrapper .wp-block-search__button:after {
  content: "";
  font-size: 14px;
  display: inline-block;
  line-height: 1;
  font-family: "pxli";
  color: #fff;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  z-index: 1;
}
ul.wp-block-archives {
  list-style: none;
}
blockquote a, .wp-block-quote a {
  color: var(--main-color);
}
blockquote a:hover, .wp-block-quote a:hover {
  color: #fff;
}
.dark-mode .pxl-img-compare .slider-handle {
  background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .pxl-img-compare .slider-handle .center-box {
  background-color: var(--main-color);
}
.dark-mode .pxl-img-compare .slider-handle .center-box span {
  background-color: #141414;
}
.dark-mode .pxl-img-compare .slider-handle .before-text, .dark-mode .pxl-img-compare .slider-handle .after-text {
  color: var(--gray2-color);
  background-color: var(--gray9-color);
  border-color: var(--gray1-color);
}
.dark-mode .pxl-img-compare .rulers .item {
  color: #666;
}
.dark-mode .pxl-testimonial-carousel .pxl-slider-item .pxl-heading-el .heading-title {
  color: #b8b8b8 !important;
}
.dark-mode .pxl-testimonial-carousel .pxl-slider-item .pxl-heading-el .heading-desc {
  color: #7a7a7a !important;
}
.dark-mode .pxl-testimonial-carousel .pxl-slider-item .heading-meta .pxl-heading-el .heading-title {
  color: #0d0d0d !important;
  background-color: #b8b8b8 !important;
}
.dark-mode .pxl-testimonial-carousel .pxl-slider-item .pxl-text-editor {
  color: var(--main-color);
}
.dark-mode .pxl-testimonial-carousel .pxl-slider-item .elementor-widget-pxl_text_editor + .elementor-widget-pxl_heading .heading-title {
  color: #666 !important;
}
.dark-mode .pxl-testimonial-carousel .pxl-slider-item > .elementor > .elementor-element {
  border-color: var(--bd-color);
}
.dark-mode .swiper-progress {
  --progress-bar-bg-color: #424242;
  --progress-drag-bg-color: #fafafa;
}
.dark-mode .pxl-accordion.layout-1 .accordion-item:not(.active) .title-wrap .pxl-icon {
  background-color: #1f1f1f;
  border: 1px solid #424242;
}
.dark-mode .pxl-hidden-template .pxl-hidden-template-wrap {
  --ht-bg-color: #1f1f1f;
}
.dark-mode .pxl-hidden-template .pxl-close {
  --close-icon-bg: #fafafa;
  --close-icon-color: #141414;
}
.dark-mode .pxl-mobile-menu > li {
  border-color: #292929;
}
.dark-mode .pxl-mobile-menu .sub-menu .menu-item > a {
  border-color: #292929;
}
.dark-mode .pxl-infinite-slide-el.layout-1 .title::before {
  color: var(--primary-color);
}
.dark-mode .pxl-subscribe-el .pxl-btn.style-1 {
  padding: 3px 12px 3px 3px;
}
.dark-mode .pxl-page-scroll-progress .scroll-thumb {
  background-color: #666;
}
.gx-0 {
  column-gap: 0px;
}
.gy-0 {
  row-gap: 0px;
}
.row.gx-0 {
  --pxl-gutter-x: 0px;
  column-gap: 0;
}
.gx-4 {
  column-gap: 4px;
}
.gy-4 {
  row-gap: 4px;
}
.row.gx-4 {
  --pxl-gutter-x: 4px;
  column-gap: 0;
}
.gx-5 {
  column-gap: 5px;
}
.gy-5 {
  row-gap: 5px;
}
.row.gx-5 {
  --pxl-gutter-x: 5px;
  column-gap: 0;
}
.gx-6 {
  column-gap: 6px;
}
.gy-6 {
  row-gap: 6px;
}
.row.gx-6 {
  --pxl-gutter-x: 6px;
  column-gap: 0;
}
.gx-8 {
  column-gap: 8px;
}
.gy-8 {
  row-gap: 8px;
}
.row.gx-8 {
  --pxl-gutter-x: 8px;
  column-gap: 0;
}
.gx-10 {
  column-gap: 10px;
}
.gy-10 {
  row-gap: 10px;
}
.row.gx-10 {
  --pxl-gutter-x: 10px;
  column-gap: 0;
}
.gx-12 {
  column-gap: 12px;
}
.gy-12 {
  row-gap: 12px;
}
.row.gx-12 {
  --pxl-gutter-x: 12px;
  column-gap: 0;
}
.gx-15 {
  column-gap: 15px;
}
.gy-15 {
  row-gap: 15px;
}
.row.gx-15 {
  --pxl-gutter-x: 15px;
  column-gap: 0;
}
.gx-16 {
  column-gap: 16px;
}
.gy-16 {
  row-gap: 16px;
}
.row.gx-16 {
  --pxl-gutter-x: 16px;
  column-gap: 0;
}
.gx-20 {
  column-gap: 20px;
}
.gy-20 {
  row-gap: 20px;
}
.row.gx-20 {
  --pxl-gutter-x: 20px;
  column-gap: 0;
}
.gx-24 {
  column-gap: 24px;
}
.gy-24 {
  row-gap: 24px;
}
.row.gx-24 {
  --pxl-gutter-x: 24px;
  column-gap: 0;
}
.gx-30 {
  column-gap: 30px;
}
.gy-30 {
  row-gap: 30px;
}
.row.gx-30 {
  --pxl-gutter-x: 30px;
  column-gap: 0;
}
@media (max-width: 1599px) {
  .gx-xl-0 {
    column-gap: 0px;
  }
  .gy-xl-0 {
    row-gap: 0px;
  }
  .row.gx-xl-0 {
    --pxl-gutter-x: 0px;
  }
  .gx-xl-4 {
    column-gap: 4px;
  }
  .gy-xl-4 {
    row-gap: 4px;
  }
  .row.gx-xl-4 {
    --pxl-gutter-x: 4px;
  }
  .gx-xl-5 {
    column-gap: 5px;
  }
  .gy-xl-5 {
    row-gap: 5px;
  }
  .row.gx-xl-5 {
    --pxl-gutter-x: 5px;
  }
  .gx-xl-6 {
    column-gap: 6px;
  }
  .gy-xl-6 {
    row-gap: 6px;
  }
  .row.gx-xl-6 {
    --pxl-gutter-x: 6px;
  }
  .gx-xl-8 {
    column-gap: 8px;
  }
  .gy-xl-8 {
    row-gap: 8px;
  }
  .row.gx-xl-8 {
    --pxl-gutter-x: 8px;
  }
  .gx-xl-10 {
    column-gap: 10px;
  }
  .gy-xl-10 {
    row-gap: 10px;
  }
  .row.gx-xl-10 {
    --pxl-gutter-x: 10px;
  }
  .gx-xl-12 {
    column-gap: 12px;
  }
  .gy-xl-12 {
    row-gap: 12px;
  }
  .row.gx-xl-12 {
    --pxl-gutter-x: 12px;
  }
  .gx-xl-15 {
    column-gap: 15px;
  }
  .gy-xl-15 {
    row-gap: 15px;
  }
  .row.gx-xl-15 {
    --pxl-gutter-x: 15px;
  }
  .gx-xl-16 {
    column-gap: 16px;
  }
  .gy-xl-16 {
    row-gap: 16px;
  }
  .row.gx-xl-16 {
    --pxl-gutter-x: 16px;
  }
  .gx-xl-20 {
    column-gap: 20px;
  }
  .gy-xl-20 {
    row-gap: 20px;
  }
  .row.gx-xl-20 {
    --pxl-gutter-x: 20px;
  }
  .gx-xl-24 {
    column-gap: 24px;
  }
  .gy-xl-24 {
    row-gap: 24px;
  }
  .row.gx-xl-24 {
    --pxl-gutter-x: 24px;
  }
  .gx-xl-30 {
    column-gap: 30px;
  }
  .gy-xl-30 {
    row-gap: 30px;
  }
  .row.gx-xl-30 {
    --pxl-gutter-x: 30px;
  }
}
@media (max-width: 1199px) {
  .gx-lg-0 {
    column-gap: 0px;
  }
  .gy-lg-0 {
    row-gap: 0px;
  }
  .row.gx-lg-0 {
    --pxl-gutter-x: 0px;
  }
  .gx-lg-4 {
    column-gap: 4px;
  }
  .gy-lg-4 {
    row-gap: 4px;
  }
  .row.gx-lg-4 {
    --pxl-gutter-x: 4px;
  }
  .gx-lg-5 {
    column-gap: 5px;
  }
  .gy-lg-5 {
    row-gap: 5px;
  }
  .row.gx-lg-5 {
    --pxl-gutter-x: 5px;
  }
  .gx-lg-6 {
    column-gap: 6px;
  }
  .gy-lg-6 {
    row-gap: 6px;
  }
  .row.gx-lg-6 {
    --pxl-gutter-x: 6px;
  }
  .gx-lg-8 {
    column-gap: 8px;
  }
  .gy-lg-8 {
    row-gap: 8px;
  }
  .row.gx-lg-8 {
    --pxl-gutter-x: 8px;
  }
  .gx-lg-10 {
    column-gap: 10px;
  }
  .gy-lg-10 {
    row-gap: 10px;
  }
  .row.gx-lg-10 {
    --pxl-gutter-x: 10px;
  }
  .gx-lg-12 {
    column-gap: 12px;
  }
  .gy-lg-12 {
    row-gap: 12px;
  }
  .row.gx-lg-12 {
    --pxl-gutter-x: 12px;
  }
  .gx-lg-15 {
    column-gap: 15px;
  }
  .gy-lg-15 {
    row-gap: 15px;
  }
  .row.gx-lg-15 {
    --pxl-gutter-x: 15px;
  }
  .gx-lg-16 {
    column-gap: 16px;
  }
  .gy-lg-16 {
    row-gap: 16px;
  }
  .row.gx-lg-16 {
    --pxl-gutter-x: 16px;
  }
  .gx-lg-20 {
    column-gap: 20px;
  }
  .gy-lg-20 {
    row-gap: 20px;
  }
  .row.gx-lg-20 {
    --pxl-gutter-x: 20px;
  }
  .gx-lg-24 {
    column-gap: 24px;
  }
  .gy-lg-24 {
    row-gap: 24px;
  }
  .row.gx-lg-24 {
    --pxl-gutter-x: 24px;
  }
  .gx-lg-30 {
    column-gap: 30px;
  }
  .gy-lg-30 {
    row-gap: 30px;
  }
  .row.gx-lg-30 {
    --pxl-gutter-x: 30px;
  }
}
@media (max-width: 991px) {
  .gx-md-0 {
    column-gap: 0px;
  }
  .gy-md-0 {
    row-gap: 0px;
  }
  .row.gx-md-0 {
    --pxl-gutter-x: 0px;
  }
  .gx-md-4 {
    column-gap: 4px;
  }
  .gy-md-4 {
    row-gap: 4px;
  }
  .row.gx-md-4 {
    --pxl-gutter-x: 4px;
  }
  .gx-md-5 {
    column-gap: 5px;
  }
  .gy-md-5 {
    row-gap: 5px;
  }
  .row.gx-md-5 {
    --pxl-gutter-x: 5px;
  }
  .gx-md-6 {
    column-gap: 6px;
  }
  .gy-md-6 {
    row-gap: 6px;
  }
  .row.gx-md-6 {
    --pxl-gutter-x: 6px;
  }
  .gx-md-8 {
    column-gap: 8px;
  }
  .gy-md-8 {
    row-gap: 8px;
  }
  .row.gx-md-8 {
    --pxl-gutter-x: 8px;
  }
  .gx-md-10 {
    column-gap: 10px;
  }
  .gy-md-10 {
    row-gap: 10px;
  }
  .row.gx-md-10 {
    --pxl-gutter-x: 10px;
  }
  .gx-md-12 {
    column-gap: 12px;
  }
  .gy-md-12 {
    row-gap: 12px;
  }
  .row.gx-md-12 {
    --pxl-gutter-x: 12px;
  }
  .gx-md-15 {
    column-gap: 15px;
  }
  .gy-md-15 {
    row-gap: 15px;
  }
  .row.gx-md-15 {
    --pxl-gutter-x: 15px;
  }
  .gx-md-16 {
    column-gap: 16px;
  }
  .gy-md-16 {
    row-gap: 16px;
  }
  .row.gx-md-16 {
    --pxl-gutter-x: 16px;
  }
  .gx-md-20 {
    column-gap: 20px;
  }
  .gy-md-20 {
    row-gap: 20px;
  }
  .row.gx-md-20 {
    --pxl-gutter-x: 20px;
  }
  .gx-md-24 {
    column-gap: 24px;
  }
  .gy-md-24 {
    row-gap: 24px;
  }
  .row.gx-md-24 {
    --pxl-gutter-x: 24px;
  }
  .gx-md-30 {
    column-gap: 30px;
  }
  .gy-md-30 {
    row-gap: 30px;
  }
  .row.gx-md-30 {
    --pxl-gutter-x: 30px;
  }
}
@media (max-width: 767px) {
  .gx-sm-0 {
    column-gap: 0px;
  }
  .gy-sm-0 {
    row-gap: 0px;
  }
  .row.gx-sm-0 {
    --pxl-gutter-x: 0px;
  }
  .gx-sm-4 {
    column-gap: 4px;
  }
  .gy-sm-4 {
    row-gap: 4px;
  }
  .row.gx-sm-4 {
    --pxl-gutter-x: 4px;
  }
  .gx-sm-5 {
    column-gap: 5px;
  }
  .gy-sm-5 {
    row-gap: 5px;
  }
  .row.gx-sm-5 {
    --pxl-gutter-x: 5px;
  }
  .gx-sm-6 {
    column-gap: 6px;
  }
  .gy-sm-6 {
    row-gap: 6px;
  }
  .row.gx-sm-6 {
    --pxl-gutter-x: 6px;
  }
  .gx-sm-8 {
    column-gap: 8px;
  }
  .gy-sm-8 {
    row-gap: 8px;
  }
  .row.gx-sm-8 {
    --pxl-gutter-x: 8px;
  }
  .gx-sm-10 {
    column-gap: 10px;
  }
  .gy-sm-10 {
    row-gap: 10px;
  }
  .row.gx-sm-10 {
    --pxl-gutter-x: 10px;
  }
  .gx-sm-12 {
    column-gap: 12px;
  }
  .gy-sm-12 {
    row-gap: 12px;
  }
  .row.gx-sm-12 {
    --pxl-gutter-x: 12px;
  }
  .gx-sm-15 {
    column-gap: 15px;
  }
  .gy-sm-15 {
    row-gap: 15px;
  }
  .row.gx-sm-15 {
    --pxl-gutter-x: 15px;
  }
  .gx-sm-16 {
    column-gap: 16px;
  }
  .gy-sm-16 {
    row-gap: 16px;
  }
  .row.gx-sm-16 {
    --pxl-gutter-x: 16px;
  }
  .gx-sm-20 {
    column-gap: 20px;
  }
  .gy-sm-20 {
    row-gap: 20px;
  }
  .row.gx-sm-20 {
    --pxl-gutter-x: 20px;
  }
  .gx-sm-24 {
    column-gap: 24px;
  }
  .gy-sm-24 {
    row-gap: 24px;
  }
  .row.gx-sm-24 {
    --pxl-gutter-x: 24px;
  }
  .gx-sm-30 {
    column-gap: 30px;
  }
  .gy-sm-30 {
    row-gap: 30px;
  }
  .row.gx-sm-30 {
    --pxl-gutter-x: 30px;
  }
}
@media (max-width: 575px) {
  .gx-xs-0 {
    column-gap: 0px;
  }
  .gy-xs-0 {
    row-gap: 0px;
  }
  .row.gx-xs-0 {
    --pxl-gutter-x: 0px;
  }
  .gx-xs-4 {
    column-gap: 4px;
  }
  .gy-xs-4 {
    row-gap: 4px;
  }
  .row.gx-xs-4 {
    --pxl-gutter-x: 4px;
  }
  .gx-xs-5 {
    column-gap: 5px;
  }
  .gy-xs-5 {
    row-gap: 5px;
  }
  .row.gx-xs-5 {
    --pxl-gutter-x: 5px;
  }
  .gx-xs-6 {
    column-gap: 6px;
  }
  .gy-xs-6 {
    row-gap: 6px;
  }
  .row.gx-xs-6 {
    --pxl-gutter-x: 6px;
  }
  .gx-xs-8 {
    column-gap: 8px;
  }
  .gy-xs-8 {
    row-gap: 8px;
  }
  .row.gx-xs-8 {
    --pxl-gutter-x: 8px;
  }
  .gx-xs-10 {
    column-gap: 10px;
  }
  .gy-xs-10 {
    row-gap: 10px;
  }
  .row.gx-xs-10 {
    --pxl-gutter-x: 10px;
  }
  .gx-xs-12 {
    column-gap: 12px;
  }
  .gy-xs-12 {
    row-gap: 12px;
  }
  .row.gx-xs-12 {
    --pxl-gutter-x: 12px;
  }
  .gx-xs-15 {
    column-gap: 15px;
  }
  .gy-xs-15 {
    row-gap: 15px;
  }
  .row.gx-xs-15 {
    --pxl-gutter-x: 15px;
  }
  .gx-xs-16 {
    column-gap: 16px;
  }
  .gy-xs-16 {
    row-gap: 16px;
  }
  .row.gx-xs-16 {
    --pxl-gutter-x: 16px;
  }
  .gx-xs-20 {
    column-gap: 20px;
  }
  .gy-xs-20 {
    row-gap: 20px;
  }
  .row.gx-xs-20 {
    --pxl-gutter-x: 20px;
  }
  .gx-xs-24 {
    column-gap: 24px;
  }
  .gy-xs-24 {
    row-gap: 24px;
  }
  .row.gx-xs-24 {
    --pxl-gutter-x: 24px;
  }
  .gx-xs-30 {
    column-gap: 30px;
  }
  .gy-xs-30 {
    row-gap: 30px;
  }
  .row.gx-xs-30 {
    --pxl-gutter-x: 30px;
  }
}
.pxl-border-anm.bw-no {
  border-width: 0;
}
.pxl-border-anm.bw-yes {
  border-width: var(--bd-width);
}
@media (max-width: 1599px) {
  .pxl-border-anm.bw-laptop-no {
    border-width: 0;
  }
  .pxl-border-anm.bw-laptop-yes {
    border-width: var(--bd-width);
  }
}
@media (max-width: 1199px) {
  .pxl-border-anm.bw-tablet_extra-no {
    border-width: 0;
  }
  .pxl-border-anm.bw-tablet_extra-yes {
    border-width: var(--bd-width);
  }
}
@media (max-width: 991px) {
  .pxl-border-anm.bw-tablet-no {
    border-width: 0;
  }
  .pxl-border-anm.bw-tablet-yes {
    border-width: var(--bd-width);
  }
}
@media (max-width: 767px) {
  .pxl-border-anm.bw-mobile_extra-no {
    border-width: 0;
  }
  .pxl-border-anm.bw-mobile_extra-yes {
    border-width: var(--bd-width);
  }
}
@media (max-width: 575px) {
  .pxl-border-anm.bw-mobile-no {
    border-width: 0;
  }
  .pxl-border-anm.bw-mobile-yes {
    border-width: var(--bd-width);
  }
}
.video-bg-type-background .parallax-inner {
  background-image: var(--pxl-video-player-bg-url);
}
.video-bg-type-background .static-img {
  opacity: 0;
  visibility: hidden;
}
.video-bg-type-background-only .parallax-inner {
  background-image: var(--pxl-video-player-bg-url);
}
.video-bg-type-background-only .static-img {
  display: none;
}
@media (max-width: 1599px) {
  .video-bg-type-laptop-static .parallax-inner {
    background-image: none;
  }
  .video-bg-type-laptop-static .static-img {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .video-bg-type-laptop-background .parallax-inner {
    background-image: var(--pxl-video-player-bg-url);
  }
  .video-bg-type-laptop-background .static-img {
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  .video-bg-type-laptop-background-only .parallax-inner {
    background-image: var(--pxl-video-player-bg-url);
  }
  .video-bg-type-laptop-background-only .static-img {
    display: none;
  }
}
@media (max-width: 1199px) {
  .video-bg-type-tablet_extra-static .parallax-inner {
    background-image: none;
  }
  .video-bg-type-tablet_extra-static .static-img {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .video-bg-type-tablet_extra-background .parallax-inner {
    background-image: var(--pxl-video-player-bg-url);
  }
  .video-bg-type-tablet_extra-background .static-img {
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  .video-bg-type-tablet_extra-background-only .parallax-inner {
    background-image: var(--pxl-video-player-bg-url);
  }
  .video-bg-type-tablet_extra-background-only .static-img {
    display: none;
  }
}
@media (max-width: 991px) {
  .video-bg-type-tablet-static .parallax-inner {
    background-image: none;
  }
  .video-bg-type-tablet-static .static-img {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .video-bg-type-tablet-background .parallax-inner {
    background-image: var(--pxl-video-player-bg-url);
  }
  .video-bg-type-tablet-background .static-img {
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  .video-bg-type-tablet-background-only .parallax-inner {
    background-image: var(--pxl-video-player-bg-url);
  }
  .video-bg-type-tablet-background-only .static-img {
    display: none;
  }
}
@media (max-width: 767px) {
  .video-bg-type-mobile_extra-static .parallax-inner {
    background-image: none;
  }
  .video-bg-type-mobile_extra-static .static-img {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .video-bg-type-mobile_extra-background .parallax-inner {
    background-image: var(--pxl-video-player-bg-url);
  }
  .video-bg-type-mobile_extra-background .static-img {
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  .video-bg-type-mobile_extra-background-only .parallax-inner {
    background-image: var(--pxl-video-player-bg-url);
  }
  .video-bg-type-mobile_extra-background-only .static-img {
    display: none;
  }
}
@media (max-width: 575px) {
  .video-bg-type-mobile-static .parallax-inner {
    background-image: none;
  }
  .video-bg-type-mobile-static .static-img {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .video-bg-type-mobile-background .parallax-inner {
    background-image: var(--pxl-video-player-bg-url);
  }
  .video-bg-type-mobile-background .static-img {
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  .video-bg-type-mobile-background-only .parallax-inner {
    background-image: var(--pxl-video-player-bg-url);
  }
  .video-bg-type-mobile-background-only .static-img {
    display: none;
  }
}
.pxl-list-style .list-item {
  width: calc(var(--item-width) - ( var(--item-gap) / 2 ));
}
.pxl-icon-list--layout--inline .pxl-icon-list-wg {
  display: flex;
  flex-direction: row;
}
.pxl-icon-list--layout--traditional .pxl-icon-list-wg {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (max-width: 1599px) {
  .pxl-icon-list--layout--laptop-inline .pxl-icon-list-wg {
    display: flex;
    flex-direction: row;
  }
  .pxl-icon-list--layout--laptop-traditional .pxl-icon-list-wg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  .pxl-icon-list--layout--tablet_extra-inline .pxl-icon-list-wg {
    display: flex;
    flex-direction: row;
  }
  .pxl-icon-list--layout--tablet_extra-traditional .pxl-icon-list-wg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .pxl-icon-list--layout--tablet-inline .pxl-icon-list-wg {
    display: flex;
    flex-direction: row;
  }
  .pxl-icon-list--layout--tablet-traditional .pxl-icon-list-wg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .pxl-icon-list--layout--mobile_extra-inline .pxl-icon-list-wg {
    display: flex;
    flex-direction: row;
  }
  .pxl-icon-list--layout--mobile_extra-traditional .pxl-icon-list-wg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .pxl-icon-list--layout--mobile-inline .pxl-icon-list-wg {
    display: flex;
    flex-direction: row;
  }
  .pxl-icon-list--layout--mobile-traditional .pxl-icon-list-wg {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
/*# sourceMappingURL=style.map */