@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css?ver=7.1.0");
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");
.anime1 {
  transition: all 0.1s ease-in-out;
}

.anime2 {
  transition: all 0.2s ease-in-out;
}

.anime3 {
  transition: all 0.3s ease-in-out;
}

.anime4 {
  transition: all 0.4s ease-in-out;
}

.anime5 {
  transition: all 0.5s ease-in-out;
}

.anime6 {
  transition: all 0.6s ease-in-out;
}

.anime7 {
  transition: all 0.7s ease-in-out;
}

.anime8 {
  transition: all 0.8s ease-in-out;
}

.anime9 {
  transition: all 0.9s ease-in-out;
}

/*
$colora: #024959;
$colorb: #F2E205;
$colorc: #F2B705;
$colord: #F28705;
$colore: #F26430;
*/
.colora {
  color: #00414D;
}

.colorb {
  color: #2DE0FE;
}

.colorc {
  color: #0CC3E3;
}

.colord {
  color: #0098B3;
}

.colore {
  color: #007589;
}

/*
$text-color: #173B43;
$title-color: #173B43;
$border-color: #213539;
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, OutIns, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, form, OutInput, button, textarea, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Space Grotesk", sans-serif;
  outline: 0;
  list-style: none;
}

html {
  font-size: 16px;
}

body {
  font-size: 1rem;
  line-height: 1.5;
  color: #2B3B47;
  background-color: #FFF;
}

a {
  color: #0098B3;
  text-decoration: none;
}
a:hover {
  color: #007589;
  text-decoration: underline;
}
a:active, a:visited {
  color: rgb(0, 143.338547486, 168.8);
}

h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 720px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 720px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 720px) {
  h3 {
    font-size: 18px;
  }
}

[x-cloak],
[data-x-cloak] {
  display: none !important;
}

.none {
  display: none !important;
}

* {
  scrollbar-color: #1A1A1A transparent;
  scrollbar-width: thin;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 7px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #1A1A1A;
  border-radius: 6px;
  border: 2px solid white;
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
  background-color: #1A1A1A;
  border: 1px solid white;
}

.clr:after,
.clear,
.clean {
  clear: both;
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  line-height: 1px;
}

.break {
  display: block;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flex-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.notif,
.notif-block {
  background: crimson;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  padding: 21px 18px;
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  font-weight: normal;
  z-index: 1000;
}
.notif h3,
.notif-block h3 {
  font-size: 24px;
  line-height: 125%;
  font-weight: 700;
}
@media (max-width: 720px) {
  .notif h3,
  .notif-block h3 {
    font-size: 24px;
  }
}
.notif.danger, .notif.error,
.notif-block.danger,
.notif-block.error {
  background: #crimson;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.notif.success,
.notif-block.success {
  background: GreenYellow;
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.notif.info,
.notif-block.info {
  background: #E2F516;
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.notif.fade-in,
.notif-block.fade-in {
  animation: fadeInNotif 0.3s ease-out;
}

@keyframes fadeInNotif {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 9999;
  background: transparent;
  pointer-events: none;
}
.loading-bar-progress {
  height: 100%;
  background: rgba(255, 255, 255, 0.36);
  animation: loading-shimmer 1.5s ease-in-out infinite;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 0%;
}

@keyframes loading-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.04);
  z-index: 9999;
  pointer-events: none;
  transition: background 0.3s ease;
}
.scroll-progress__bar {
  height: 100%;
  width: 0%;
  background: rgba(255, 255, 255, 0.24);
  background-size: 200% 100%;
  animation: loading-shimmer 1.8s linear infinite;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  transition: width 0.1s ease-out;
}

@keyframes loading-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.main-page {
  position: relative;
  min-height: 360px;
  z-index: 100;
  overflow: visible;
  width: 100%;
  padding-bottom: 64px;
}
@media (max-width: 540px) {
  .main-page {
    padding-bottom: 32px;
  }
}
.main-page .main-content {
  width: calc(100% - 48px);
  max-width: 1152px;
  margin: 0 auto;
  position: relative;
  padding: 64px 24px;
}
@media (max-width: 1024px) {
  .main-page .main-content {
    width: calc(100% - 36px);
    padding: 64px 18px;
  }
}

.breadcrumbs {
  width: calc(100% - 48px);
  max-width: 1152px;
  margin: 0 auto;
  position: relative;
  padding: 0 24px;
  line-height: 120%;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .breadcrumbs {
    width: calc(100% - 36px);
    padding: 0 18px;
  }
}
@media (max-width: 720px) {
  .breadcrumbs {
    font-size: 12px;
  }
}
.breadcrumbs nav {
  display: block;
  padding: 0;
}
.breadcrumbs ol {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
  border-bottom: 1px solid rgba(43, 59, 71, 0.24);
  padding: 24px 0 9px 0;
}
.breadcrumbs ol li {
  padding-right: 14px;
  position: relative;
  text-align: center;
}
.breadcrumbs ol li a {
  display: block;
}
.breadcrumbs ol li span {
  display: block;
}
.breadcrumbs ol li:last-child {
  padding-right: 0;
}
.breadcrumbs ol li::after {
  content: "›";
  display: block;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  color: rgba(43, 59, 71, 0.5);
}
.breadcrumbs ol li:last-child::after {
  content: "";
}

.main-page {
  position: relative;
  min-height: 360px;
  z-index: 100;
  overflow: visible;
  width: 100%;
}
.main-page .main-content {
  width: calc(100% - 48px);
  max-width: 1152px;
  margin: 0 auto;
  position: relative;
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 1024px) {
  .main-page .main-content {
    width: calc(100% - 36px);
    padding-left: 18px;
    padding-right: 18px;
  }
}

.form-1 {
  width: 100%;
  line-height: 140%;
}
.form-1 .form-hint {
  font-size: 13px;
  text-align: center;
  color: rgba(43, 59, 71, 0.77);
  display: block;
  font-style: italic;
  padding: 6px 0 0 0;
  line-height: 130%;
}
.form-1 .form-hint h3 {
  font-size: 16px;
  color: #2b3b47;
}
.form-1 .form-hint p {
  display: block;
  padding: 0;
}
.form-1 .form-checkbox {
  padding: 0 0 24px 0;
}
.form-1 .form-checkbox .checkbox-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.2s ease-in-out;
  background: none;
  cursor: pointer;
  user-select: none;
  position: relative;
  text-align: center;
  color: rgba(43, 59, 71, 0.78);
  padding: 3px 30px;
  border-radius: 12px;
  font-weight: normal;
}
.form-1 .form-checkbox .checkbox-label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.form-1 .form-checkbox .checkbox-label i {
  transition: all 0.2s ease-in-out;
  font-size: 24px;
  padding: 0 6px 0 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form-1 .form-checkbox .checkbox-label .fa-circle-check {
  display: none;
  color: #16a34a;
}
.form-1 .form-checkbox .checkbox-label .fa-circle {
  display: inline-block;
  color: rgba(43, 59, 71, 0.36);
}
.form-1 .form-checkbox .checkbox-label input:checked ~ .fa-circle-check {
  display: inline-block;
}
.form-1 .form-checkbox .checkbox-label input:checked ~ .fa-circle {
  display: none;
}
.form-1 .form-checkbox .checkbox-label:hover {
  color: #2b3b47;
}
.form-1 .form-checkbox .checkbox-label:hover .fa-circle {
  color: rgba(43, 59, 71, 0.75);
}
.form-1 .form-checkbox .checkbox-label input:disabled ~ i {
  opacity: 0.4;
  cursor: not-allowed;
}
.form-1 .form-checkbox .checkbox-label input:disabled ~ span,
.form-1 .form-checkbox .checkbox-label input:disabled ~ i {
  pointer-events: none;
}
.form-1 .form-checkbox small {
  font-size: 14px;
  font-style: italic;
  line-height: 130%;
  font-weight: 500;
}
.form-1 .form-group {
  position: relative;
  padding: 0 0 12px 0;
}
.form-1 .form-group .current-avatar {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 66px;
  position: relative;
  border-top: 6px solid #00414d;
  border-right: 2px solid #00414d;
  border-bottom: 2px solid #00414d;
  border-left: 4px solid #00414d;
  padding: 3px;
  margin: 0 auto;
}
.form-1 .form-group .current-avatar img {
  width: 100%;
  display: block;
  border-radius: 66px;
}
.form-1 .form-group input,
.form-1 .form-group textarea {
  transition: all 0.2s ease-in-out;
  display: block;
  width: 100%;
  padding: 21px 17px 9px 17px;
  line-height: 140%;
  font-size: 16px;
  border-radius: 12px;
  border: 1px solid rgb(179.4, 179.4, 179.4);
  background: white;
  color: #2B3B47;
  outline: none;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 18px -12px, rgba(0, 0, 0, 0.09) 0px 12px 24px -12px inset;
}
.form-1 .form-group input:focus, .form-1 .form-group input:not(:placeholder-shown):not(:focus),
.form-1 .form-group textarea:focus,
.form-1 .form-group textarea:not(:placeholder-shown):not(:focus) {
  transition: all 0.2s ease-in-out;
  border: 1px solid rgb(118.2, 118.2, 118.2);
  background: white;
  box-shadow: rgba(0, 0, 0, 0.66) 0px 6px 18px -12px, rgba(0, 0, 0, 0.18) 0px 12px 24px -12px inset;
}
.form-1 .form-group input:not(:placeholder-shown),
.form-1 .form-group textarea:not(:placeholder-shown) {
  border: 1px solid rgb(148.8, 148.8, 148.8);
  background: white;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 18px -12px, rgba(0, 0, 0, 0) 0px 12px 24px -12px inset;
}
.form-1 .form-group input:-webkit-autofill,
.form-1 .form-group textarea:-webkit-autofill {
  transition: all 0.2s ease-in-out;
  -webkit-text-fill-color: #2B3B47;
}
.form-1 .form-group input[readonly], .form-1 .form-group input[disabled],
.form-1 .form-group textarea[readonly],
.form-1 .form-group textarea[disabled] {
  background: rgb(253.35, 253.35, 253.35) !important;
  border: 1px solid rgb(179.4, 179.4, 179.4) !important;
  cursor: not-allowed;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 6px 18px -12px, rgba(0, 0, 0, 0.24) 0px 12px 24px -12px inset !important;
  color: rgba(43, 59, 71, 0.5);
}
.form-1 .form-group input[type=file],
.form-1 .form-group textarea[type=file] {
  padding-top: 28px;
}
.form-1 .form-group textarea {
  min-height: 120px;
  resize: vertical;
}
.form-1 .form-group label {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 16px;
  left: 18px;
  font-size: 16px;
  color: rgba(43, 59, 71, 0.88);
  pointer-events: none;
}
.form-1 .form-group input:focus + label,
.form-1 .form-group input:not(:placeholder-shown) + label,
.form-1 .form-group input:-webkit-autofill + label,
.form-1 .form-group textarea:focus + label,
.form-1 .form-group textarea:not(:placeholder-shown) + label,
.form-1 .form-group textarea:-webkit-autofill + label {
  color: rgba(43, 59, 71, 0.77);
  transform: none;
  top: 5px;
  left: 18px;
  font-size: 12px;
}
.form-1 .form-agree {
  padding: 0 0 6px 0;
  font-size: 13px;
  text-align: center;
  line-height: 125%;
  color: rgba(43, 59, 71, 0.88);
  opacity: 0.77;
}
.form-1 .form-agree p {
  padding: 0 0 6px 0;
}
.form-1 .form-action {
  margin-top: 0;
}
.form-1 .form-action .btn {
  width: 100%;
}
.form-1 .form-action .submission-trust {
  text-align: center;
  font-size: 14px;
  margin: 12px 0 0 0;
  line-height: 140%;
  font-style: italic;
  font-weight: bold;
  color: forestgreen;
}
.form-1 .form-action .submission-hint {
  text-align: center;
  font-size: 14px;
  margin: 12px 0 0 0;
  line-height: 140%;
  font-style: italic;
}
.form-1 .form-extra {
  padding: 6px 0 0 0;
  text-align: center;
  line-height: 125%;
  color: rgba(43, 59, 71, 0.91);
}
.form-1 .form-extra p {
  padding: 6px 0 0 0;
}
.form-1 .form-extra p .sep {
  color: rgba(43, 59, 71, 0.5);
}
.form-1 .form-social {
  text-align: center;
}
.form-1 .form-social a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
  padding: 18px 36px;
  border: none;
  border-radius: 18px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  text-decoration: none;
  display: block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background: rgb(253.35, 253.35, 253.35);
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 6px 18px -12px, rgba(0, 0, 0, 0.18) 0px 12px 24px -12px inset;
  color: #2B3B47;
}
.form-1 .form-social a:hover {
  color: #007589;
  text-decoration: none;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.48) 0px 6px 18px -12px, rgba(0, 0, 0, 0.16) 0px 12px 24px -12px inset;
}
.form-1 .form-social a div {
  background: none !important;
}
.form-1 .form-social a .nsl-button-svg-container {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.form-1 .form-social a .nsl-button-svg-container svg {
  width: 36px !important;
  height: 36px !important;
  display: block;
}
.form-1 .form-or {
  padding: 12px 0;
  text-align: center;
  position: relative;
  font-size: 14px;
}
.form-1 .form-or:before {
  content: "";
  display: block;
  line-height: 1px;
  height: 1px;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: rgba(43, 59, 71, 0.5);
  background: linear-gradient(45deg, rgba(43, 59, 71, 0) 0%, rgba(43, 59, 71, 0.5) 50%, rgba(43, 59, 71, 0) 100%);
}
.form-1 .form-or span {
  position: relative;
  display: inline-block;
  background: #FFF;
  padding: 0 6px;
}
.form-1 .form-select {
  padding-bottom: 12px;
}
.form-1 .form-select .form-select-fake {
  position: relative;
  border-radius: 12px;
  border: 1px solid rgb(179.4, 179.4, 179.4);
  background: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 18px -12px, rgba(0, 0, 0, 0.09) 0px 12px 24px -12px inset;
  transition: all 0.2s ease-in-out;
}
.form-1 .form-select .form-select-fake select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 24px 42px 9px 17px;
  font-size: 16px;
  border: none;
  background: transparent;
  color: #2B3B47;
  outline: none;
  cursor: pointer;
}
.form-1 .form-select .form-select-fake select:focus {
  background: transparent;
}
.form-1 .form-select .form-select-fake select:focus + label, .form-1 .form-select .form-select-fake select:not([value=""]) + label {
  top: 5px;
  font-size: 12px;
  color: rgba(43, 59, 71, 0.77);
}
.form-1 .form-select .form-select-fake label {
  position: absolute;
  top: 16px;
  left: 18px;
  font-size: 16px;
  color: rgba(43, 59, 71, 0.88);
  pointer-events: none;
  transition: all 0.2s ease-in-out;
}
.form-1 .form-select .form-select-fake .select-arrow {
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: rgba(43, 59, 71, 0.66);
}
.form-1 .form-select .form-select-fake:focus-within {
  border-color: rgb(118.2, 118.2, 118.2);
  background: white;
  box-shadow: rgba(0, 0, 0, 0.66) 0px 6px 18px -12px, rgba(0, 0, 0, 0.18) 0px 12px 24px -12px inset;
}
.form-1 .form-group.form-group-number {
  margin: 12px 0 0px 0;
  position: relative;
}
.form-1 .form-group.form-group-number label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
  z-index: 101;
  color: #2B3B47;
}
@media (max-width: 480px) {
  .form-1 .form-group.form-group-number label {
    left: 18px;
  }
}
.form-1 .form-group.form-group-number .input-counter {
  z-index: 100;
  position: relative;
  border-radius: 12px;
  height: 52px;
  border: 1px solid rgb(179.4, 179.4, 179.4);
  background: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 18px -12px, rgba(0, 0, 0, 0.09) 0px 12px 24px -12px inset;
}
.form-1 .form-group.form-group-number .btn-minus,
.form-1 .form-group.form-group-number .btn-plus {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 10px;
  background-color: rgb(205.9261538462, 217.8953846154, 226.2738461538);
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 9px 18px -9px, rgba(0, 0, 0, 0.08) 0px 4px 8px 0px inset;
}
.form-1 .form-group.form-group-number .btn-minus:hover,
.form-1 .form-group.form-group-number .btn-plus:hover {
  background-color: #007589;
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 18px -12px, rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.form-1 .form-group.form-group-number .btn-minus:active,
.form-1 .form-group.form-group-number .btn-plus:active {
  background-color: #0098B3;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: rgba(0, 0, 0, 0.36) 0px 9px 18px -9px, rgba(0, 0, 0, 0.12) 0px 4px 8px 0px inset;
}
.form-1 .form-group.form-group-number .btn-minus i,
.form-1 .form-group.form-group-number .btn-plus i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.form-1 .form-group.form-group-number .btn-minus {
  right: 90px;
}
.form-1 .form-group.form-group-number .btn-plus {
  right: 6px;
}
.form-1 .form-group.form-group-number input[type=number] {
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 130px;
  padding: 12px 6px 12px 6px;
  line-height: 140%;
  font-size: 16px;
  font-weight: 700;
  border-radius: 12px;
  background: none;
  color: #2B3B47;
  outline: none;
  box-sizing: border-box;
  box-shadow: none;
  border: none;
}
.form-1 .form-group.form-group-number input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.form-1 .form-group.form-group-number input[type=number]::-webkit-outer-spin-button,
.form-1 .form-group.form-group-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-1 .form-repeater {
  padding: 6px 0 12px 0;
  position: relative;
}
.form-1 .form-repeater h4 {
  font-size: 14px;
  display: inline-block;
  background: #2B3B47;
  color: #FFF;
  padding: 4px 18px;
  border-radius: 12px;
  top: -5px;
  position: relative;
}
.form-1 .form-repeater .form-group {
  padding: 0 0 6px 0;
}

.btn {
  transition: all 0.2s ease-in-out;
  padding: 18px 36px;
  border: none;
  border-radius: 18px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: block;
}
@media (max-width: 720px) {
  .btn {
    padding: 18px 24px;
  }
}
.btn.btn-primary {
  background-color: #0098B3;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0, 0, 0, 0.36) 0px 9px 18px -9px, rgba(0, 0, 0, 0.12) 0px 4px 8px 0px inset;
}
.btn.btn-primary:hover {
  background-color: #007589;
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 18px -12px, rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.btn.btn-secondary {
  background-color: rgb(0, 113.0234636872, 133.1);
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0, 0, 0, 0.36) 0px 9px 18px -9px, rgba(0, 0, 0, 0.12) 0px 4px 8px 0px inset;
}
.btn.btn-secondary:hover {
  background-color: #007589;
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 18px -12px, rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.btn.btn-danger {
  background-color: #dc3545;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  box-shadow: rgba(0, 0, 0, 0.36) 0px 9px 18px -9px, rgba(0, 0, 0, 0.12) 0px 4px 8px 0px inset;
}
.btn.btn-danger:hover {
  background-color: #c82333;
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 18px -12px, rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.btn.btn-gray {
  background-color: rgb(225.2276923077, 232.4892307692, 237.5723076923);
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.66);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 9px 18px -9px, rgba(0, 0, 0, 0.08) 0px 4px 8px 0px inset;
}
.btn.btn-gray:hover {
  background-color: rgb(205.9261538462, 217.8953846154, 226.2738461538);
  text-decoration: none;
  color: #000;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 9px 18px -12px, rgba(0, 0, 0, 0.08) 0px 6px 12px 0px inset;
}

hr {
  border: none;
  height: 1px;
  background: rgb(167.3230769231, 188.7076923077, 203.6769230769);
  margin: 0 0 66px 0;
}

.header-main {
  width: calc(100% - 48px);
  height: 64px;
  background: rgb(0, 39.1688311688, 46.4);
  background: linear-gradient(0deg, rgb(0, 30.5584415584, 36.2) 0%, rgb(0, 47.7792207792, 56.6) 100%);
  color: #FFF;
  position: fixed;
  left: 0;
  padding: 0 24px;
  z-index: 200;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
}
@media (max-width: 1024px) {
  .header-main {
    width: calc(100% - 36px);
    padding: 0 18px;
  }
}
.header-main .header-content {
  width: 100%;
  max-width: 1152px;
  margin: 0 auto;
  height: 64px;
  position: relative;
}

.main-page {
  margin-top: 118px;
  transition: all 0.2s ease-in-out;
}

.body-scrolling .main-page {
  margin-top: 64px;
}

.header-main {
  padding-top: 54px;
  top: 0;
  transition: all 0.2s ease-in-out;
}

.body-scrolling .header-main {
  padding-top: 0;
}

/***************************************
.body-scrolling header:after {
    content: 'SCROLL';
    @include flex-center;
    font-size: 0.8rem;
    font-weight: bold;
    position: fixed;
    width: 100px;
    height: 50px;
    background: $colord;
    right: $padding-desktop;
    bottom: 0;

    @media (max-width: 1024px) {
        right: $padding-mobile;
    }
}
***************************************/
.header-ads-container {
  width: 100%;
  height: 54px;
  overflow: hidden;
  background: #00414d;
  color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 201;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
  transition: all 0.2s ease-in-out;
  text-align: center;
  line-height: 1.1;
}
.header-ads-container .header-ads-item {
  width: 100%;
  height: 54px;
}
.header-ads-container .header-ads-item .link {
  color: #FFF;
  position: relative;
  width: calc(100% - 48px);
  height: 54px;
  padding: 0 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.header-ads-container .header-ads-item .link:hover {
  text-decoration: none;
}
@media (max-width: 720px) {
  .header-ads-container .header-ads-item .link {
    width: calc(100% - 36px);
    padding: 0 18px;
  }
}
.header-ads-container .header-ads-item .link small {
  display: inline-block;
  font-size: 1rem;
  opacity: 0.8;
  vertical-align: middle;
  padding-right: 2px;
}
.header-ads-container .header-ads-item .link strong {
  display: inline-block;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  background: rgba(255, 255, 255, 0.85);
  text-shadow: none;
  color: #000;
  padding: 4px 6px;
  vertical-align: middle;
  border-radius: 6px;
}
.header-ads-container .header-ads-item .link span {
  display: inline-block;
  max-width: 480px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
@media (max-width: 840px) {
  .header-ads-container .header-ads-item .link span {
    max-width: 360px;
  }
}
@media (max-width: 720px) {
  .header-ads-container .header-ads-item .link span {
    max-width: 240px;
  }
}
@media (max-width: 640px) {
  .header-ads-container .header-ads-item .link span {
    max-width: 160px;
  }
}
@media (max-width: 540px) {
  .header-ads-container .header-ads-item .link span {
    display: none;
  }
}
.header-ads-container .header-ads-item .link i {
  color: rgba(255, 255, 255, 0.85);
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px 0 0;
}
.header-ads-container .style1 {
  background: deeppink;
  background: radial-gradient(circle, rgb(193.4, 0, 104.5182978723) 0%, deeppink 100%);
}
.header-ads-container .style2 {
  background: lightSeaGreen;
  background: radial-gradient(circle, rgb(19.5657142857, 108.8342857143, 103.9428571429) 0%, lightseagreen 100%);
}
.header-ads-container .style3 {
  background: fuchsia;
  background: radial-gradient(circle, rgb(173.4, 0, 173.4) 0%, fuchsia 100%);
}
.header-ads-container .style4 {
  background: deepSkyBlue;
  background: radial-gradient(circle, rgb(0, 129.88, 173.4) 0%, deepskyblue 100%);
}
.header-ads-container .style5 {
  background: darkTurquoise;
  background: radial-gradient(circle, rgb(0, 125.571291866, 127.4) 0%, darkturquoise 100%);
}
.header-ads-container .style6 {
  background: yellowGreen;
  background: radial-gradient(circle, rgb(104.72, 139.4, 34) 0%, yellowgreen 100%);
}

.body-scrolling .header-ads-container {
  top: -54px;
}

.header-logo {
  height: 64px;
  min-width: 64px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .header-logo {
    left: 50%;
    transform: translateX(-50%);
  }
}
.header-logo a {
  display: block;
  height: 64px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-logo a:hover {
  text-decoration: none;
}
.header-logo a .logo {
  display: block;
  height: calc(100% - 18px);
}
@media (max-width: 640px) {
  .header-logo a .logo {
    height: calc(100% - 18px);
  }
}
@media (max-width: 480px) {
  .header-logo a .logo {
    display: none;
  }
}
.header-logo a .icon {
  display: none;
  height: calc(100% - 18px);
}
@media (max-width: 480px) {
  .header-logo a .icon {
    display: block;
  }
}

.header-menu {
  height: 64px;
  min-width: 64px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.header-menu nav {
  height: 64px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-menu nav .root {
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-menu nav .root .root-item {
  height: 64px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-menu nav .root .root-item .root-toggle {
  display: none;
}
.header-menu nav .root .root-item .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-menu nav .root .root-item .menu .menu-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-menu nav .root .root-item .menu .menu-item .menu-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  height: 64px;
  cursor: pointer;
  background: none;
  padding: 0 18px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}
.header-menu nav .root .root-item .menu .menu-item .menu-toggle:hover {
  color: #0CC3E3;
  text-decoration: none;
}
.header-menu nav .root .root-item .menu .menu-item .menu-toggle .fa-caret-down {
  transition: all 0.2s ease-in-out;
  padding: 0 0 0 6px;
  display: inline-block;
}
.header-menu nav .root .root-item .menu .menu-item .menu-toggle .search-anchor {
  display: none;
}
.header-menu nav .root .root-item .menu .menu-item .menu-toggle .fa-magnifying-glass {
  transition: all 0.2s ease-in-out;
  padding: 0 3px;
  display: inline-block;
}
.header-menu nav .root .root-item .menu .menu-item .menu-toggle .fa-xmark {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.header-menu nav .root .root-item .menu .menu-item .menu-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  height: 64px;
  cursor: pointer;
  background: none;
  padding: 0 18px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  text-decoration: none;
  white-space: nowrap;
}
.header-menu nav .root .root-item .menu .menu-item .menu-link i {
  padding-left: 4px;
}
.header-menu nav .root .root-item .menu .menu-item .menu-link:hover {
  color: #0CC3E3;
  text-decoration: none;
}
.header-menu nav .root .root-item .menu .menu-item .menu-link.active {
  color: rgba(255, 255, 255, 0.6);
}
.header-menu nav .root .root-item .menu .menu-item .submenu {
  display: none;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
  position: absolute;
  width: 250px;
  background: #00414d;
  top: 64px;
  left: 0;
  padding: 0 0 0 0;
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item:nth-child(6n+0) a {
  background: rgb(0, 60.6948051948, 71.9);
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item:nth-child(6n+1) a {
  background: rgb(0, 47.7792207792, 56.6);
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item:nth-child(6n+2) a {
  background: #00414d;
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item:nth-child(6n+3) a {
  background: rgb(0, 56.3896103896, 66.8);
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item:nth-child(6n+4) a {
  background: rgb(0, 52.0844155844, 61.7);
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item:nth-child(6n+5) a {
  background: rgb(0, 43.474025974, 51.5);
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item .submenu-link {
  display: block;
  color: rgb(255, 255, 255);
  padding: 9px 18px;
  background: #00414d;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item .submenu-link:hover {
  color: #0CC3E3;
  text-decoration: none;
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item .submenu-link .submenu-title {
  display: block;
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item .submenu-link .submenu-desc {
  display: none;
  font-size: 12px;
}
.header-menu nav .root .root-item .menu .menu-item .submenu .submenu-item .submenu-link.active {
  color: rgba(255, 255, 255, 0.6);
}
.header-menu nav .root .root-item .menu .menu-item .submenu-search {
  display: none;
  position: absolute;
  height: 64px;
  width: calc(100% - 64px);
  top: 0;
  right: 48px;
  z-index: 180;
}
.header-menu nav .root .root-item .menu .menu-item .submenu-search .submenu-search-form {
  position: absolute;
  display: flex;
  align-items: center;
  width: calc(100% - 0px);
  background: rgba(255, 0, 0, 0.5);
  padding: 0;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-radius: 66px;
  font-size: 1rem;
  transition: all 0.2s ease-in-out;
}
.header-menu nav .root .root-item .menu .menu-item .submenu-search .submenu-search-form input {
  flex: 1;
  height: 44px;
  padding: 0 48px 0 18px;
  border: none;
  border-radius: 66px;
  background-color: #ffffff;
  font-size: 1rem;
  color: rgb(0, 13.3376623377, 15.8);
}
.header-menu nav .root .root-item .menu .menu-item .submenu-search .submenu-search-form input::placeholder {
  color: #9ca3af;
}
.header-menu nav .root .root-item .menu .menu-item .submenu-search .submenu-search-form input:focus {
  outline: none;
}
.header-menu nav .root .root-item .menu .menu-item .submenu-search .submenu-search-form button {
  position: absolute;
  right: 4px;
  height: 40px;
  width: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 66px;
  background-color: #00414d;
  color: #FFF;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.15s ease;
}
.header-menu nav .root .root-item .menu .menu-item .submenu-search .submenu-search-form button span {
  font-size: 1rem;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.header-menu nav .root .root-item .menu .menu-item .submenu-search .submenu-search-form button:hover {
  background-color: #007589;
  transform: scale(1);
}
.header-menu nav .root .root-item .menu .menu-item .submenu-search .submenu-search-form button:active {
  transform: scale(1);
}
.header-menu nav .root .root-item .menu .menu-item .submenu-search .submenu-search-form:focus-within {
  box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.header-menu nav .root .root-item .menu .menu-item.active .menu-toggle {
  color: rgba(255, 255, 255, 0.6);
}
.header-menu nav .root .root-item .menu .menu-item.active .menu-toggle .fa-caret-down {
  transform: scaleY(-1);
}
.header-menu nav .root .root-item .menu .menu-item.active .menu-toggle .fa-magnifying-glass {
  opacity: 0;
}
.header-menu nav .root .root-item .menu .menu-item.active .menu-toggle .fa-xmark {
  opacity: 1;
}
.header-menu nav .root .root-item .menu .menu-item.active .submenu {
  display: block;
}
.header-menu nav .root .root-item .menu .menu-item.active .submenu-search {
  display: block;
}
.header-menu nav .root .root-item .menu .menu-item.menu-item-search.active {
  background: rgb(0, 39.1688311688, 46.4);
  background: linear-gradient(0deg, rgb(0, 30.5584415584, 36.2) 0%, rgb(0, 47.7792207792, 56.6) 100%);
  width: calc(100% + 96px);
  position: absolute;
  justify-content: flex-end;
}

@media (max-width: 1024px) {
  .header-menu {
    left: -18px;
    transform: translateX(0%);
  }
  .header-menu nav .root .root-item .root-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    height: 64px;
    cursor: pointer;
    background: none;
    padding: 0 18px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    color: rgb(255, 255, 255);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
    text-decoration: none;
    white-space: nowrap;
  }
  .header-menu nav .root .root-item .root-toggle:hover {
    color: #0CC3E3;
    text-decoration: none;
  }
  .header-menu nav .root .root-item .root-toggle .fa-bars {
    transition: all 0.2s ease-in-out;
    padding: 0 8px 0 0;
    display: inline-block;
    opacity: 1;
  }
  .header-menu nav .root .root-item .root-toggle .fa-xmark {
    transition: all 0.2s ease-in-out;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    opacity: 0;
  }
  .header-menu nav .root .root-item .menu {
    display: none;
    background: rgb(0, 52.0844155844, 61.7);
    position: absolute;
    top: 60px;
    left: 0;
    width: 300px;
    height: calc(100vh - 224px);
    padding-top: 76.8px;
    padding-bottom: 96px;
    overflow: auto;
  }
  .header-menu nav .root .root-item .menu .menu-item {
    display: block;
    text-align: left;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 12px 0px inset;
  }
  .header-menu nav .root .root-item .menu .menu-item .menu-toggle {
    text-align: left;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.36) 0px 20px 30px -20px;
    width: 100%;
  }
  .header-menu nav .root .root-item .menu .menu-item .menu-link {
    text-align: left;
    justify-content: flex-start;
    box-shadow: rgba(0, 0, 0, 0.36) 0px 20px 30px -20px;
    width: 100%;
  }
  .header-menu nav .root .root-item .menu .menu-item .submenu {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
  }
  .header-menu nav .root .root-item .menu .menu-item.menu-item-search {
    position: absolute;
    top: 0px;
    height: 76.8px;
    width: 100%;
    left: 0;
  }
  .header-menu nav .root .root-item .menu .menu-item.menu-item-search.active {
    width: 100%;
  }
  .header-menu nav .root .root-item .menu .menu-item.menu-item-search .menu-toggle {
    display: none;
  }
  .header-menu nav .root .root-item .menu .menu-item.menu-item-search .submenu-search {
    display: block;
    right: auto;
    left: 0;
    width: calc(100% - 0px);
    background: none;
    height: 76.8px;
  }
  .header-menu nav .root .root-item .menu .menu-item.menu-item-search .submenu-search .submenu-search-form {
    width: calc(100% - 24px);
    right: auto;
    left: 12px;
  }
  .header-menu nav .root .root-item .menu .menu-item.menu-item-search .submenu-search .submenu-search-form input {
    width: 100%;
    height: 46px;
  }
  .header-menu nav .root .root-item .menu .menu-item.menu-item-search .submenu-search .submenu-search-form button {
    height: 40px;
  }
  .header-menu nav .root .root-item.active .root-toggle {
    color: rgba(255, 255, 255, 0.6);
  }
  .header-menu nav .root .root-item.active .root-toggle .fa-bars {
    opacity: 0;
  }
  .header-menu nav .root .root-item.active .root-toggle .fa-xmark {
    opacity: 1;
  }
  .header-menu nav .root .root-item.active .menu {
    display: block;
  }
}
.header-guest {
  height: 64px;
  min-width: 64px;
  position: absolute;
  right: 0;
  top: 0;
}
.header-guest .root {
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-guest .root .root-item {
  height: 64px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-guest .root .root-item .root-toggle {
  display: none;
}
.header-guest .root .root-item .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-guest .root .root-item .menu .menu-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-guest .root .root-item .menu .menu-item .menu-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  height: 64px;
  cursor: pointer;
  background: none;
  padding: 0 18px;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  text-decoration: none;
  white-space: nowrap;
}
.header-guest .root .root-item .menu .menu-item .menu-link:hover {
  color: #0CC3E3;
  text-decoration: none;
}
.header-guest .root .root-item .menu .menu-item .menu-link.register {
  background: #0098B3;
  height: 40px;
  font-weight: bold;
  border-radius: 12px;
}
.header-guest .root .root-item .menu .menu-item .menu-link.register:hover {
  color: #FFF;
  background: #007589;
}

@media (max-width: 840px) {
  .header-guest {
    right: -18px;
  }
  .header-guest .root .root-item .root-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    height: 64px;
    cursor: pointer;
    background: none;
    padding: 0 18px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    color: rgb(255, 255, 255);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
    text-decoration: none;
    white-space: nowrap;
    z-index: 210;
  }
  .header-guest .root .root-item .root-toggle:hover {
    color: #0CC3E3;
    text-decoration: none;
  }
  .header-guest .root .root-item .root-toggle .fa-user {
    transition: all 0.2s ease-in-out;
    padding: 0 0 0 6px;
    display: inline-block;
    opacity: 1;
  }
  .header-guest .root .root-item .root-toggle .fa-xmark {
    transition: all 0.2s ease-in-out;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    opacity: 0;
  }
  .header-guest .root .root-item .menu {
    display: none;
    background: rgb(0, 39.1688311688, 46.4);
    background: linear-gradient(0deg, rgb(0, 30.5584415584, 36.2) 0%, rgb(0, 47.7792207792, 56.6) 100%);
    position: absolute;
    top: 0px;
    right: 0%;
    width: 100vw;
    z-index: 205;
  }
  .header-guest .root .root-item.active .root-toggle {
    color: rgba(255, 255, 255, 0.6);
  }
  .header-guest .root .root-item.active .root-toggle .fa-txt {
    display: none;
  }
  .header-guest .root .root-item.active .root-toggle .fa-user {
    opacity: 0;
  }
  .header-guest .root .root-item.active .root-toggle .fa-xmark {
    opacity: 1;
  }
  .header-guest .root .root-item.active .menu {
    display: flex;
  }
}
.header-user {
  height: 64px;
  min-width: 64px;
  position: absolute;
  right: 0;
  top: 0;
}
.header-user nav {
  height: 64px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-user nav .root {
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-user nav .root .root-item {
  height: 64px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
.header-user nav .root .root-item .root-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  height: 64px;
  min-width: 64px;
  cursor: pointer;
  background: none;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  text-decoration: none;
  white-space: nowrap;
  padding: 0 6px 0 12px;
}
.header-user nav .root .root-item .root-toggle .avatar {
  transition: all 0.2s ease-in-out;
  width: 34px;
  height: 34px;
  border-top: 3px solid rgb(255, 255, 255);
  border-right: 1px solid rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
  border-left: 2px solid rgb(255, 255, 255);
  border-radius: 50%;
  padding: 3px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
}
.header-user nav .root .root-item .root-toggle .avatar .avatar-img {
  display: block;
  width: 100%;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
}
.header-user nav .root .root-item .root-toggle .fa-caret-down {
  transition: all 0.2s ease-in-out;
  padding: 0 0 0 6px;
  display: inline-block;
}
.header-user nav .root .root-item .root-toggle:hover {
  color: #0CC3E3;
  text-decoration: none;
}
.header-user nav .root .root-item .root-toggle:hover .avatar {
  border-top: 3px solid #0CC3E3;
  border-right: 1px solid #0CC3E3;
  border-bottom: 1px solid #0CC3E3;
  border-left: 2px solid #0CC3E3;
}
.header-user nav .root .root-item .menu {
  display: none;
  background: rgb(0, 52.0844155844, 61.7);
  position: absolute;
  width: 300px;
  right: 0;
  top: 64px;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
}
.header-user nav .root .root-item.active .menu {
  display: block;
}
.header-user nav .root .root-item.active .root-toggle {
  color: rgba(255, 255, 255, 0.6);
}
.header-user nav .root .root-item.active .root-toggle .avatar {
  border-top: 3px solid rgba(255, 255, 255, 0.6);
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  border-left: 2px solid rgba(255, 255, 255, 0.6);
}
.header-user nav .root .root-item.active .root-toggle .fa-caret-down {
  transform: scaleY(-1);
}

.header-user .menu-item {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.header-user .menu-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  height: 64px;
  cursor: pointer;
  background: none;
  padding: 0 18px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  text-decoration: none;
  white-space: nowrap;
  justify-content: flex-start;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 12px 0px inset;
  text-align: left;
  width: calc(100% - 36px);
  position: relative;
}
.header-user .menu-link:hover {
  color: #0CC3E3;
  text-decoration: none;
}
.header-user .menu-link.active {
  color: rgba(255, 255, 255, 0.6);
}
.header-user .menu-title {
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-user .menu-value {
  position: absolute;
  right: 18px;
  top: 50%;
  font-weight: normal;
  transform: translateY(-50%);
}
.header-user .menu-value small {
  font-size: 12px;
  font-style: italic;
}

.header-user .submenu {
  display: block;
}
.header-user .submenu-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.header-user .submenu-item:nth-child(6n+0) a {
  background: rgb(0, 56.3896103896, 66.8);
}
.header-user .submenu-item:nth-child(6n+1) a {
  background: rgb(0, 60.6948051948, 71.9);
}
.header-user .submenu-item:nth-child(6n+2) a {
  background: #00414d;
}
.header-user .submenu-item:nth-child(6n+3) a {
  background: rgb(0, 56.3896103896, 66.8);
}
.header-user .submenu-item:nth-child(6n+4) a {
  background: rgb(0, 52.0844155844, 61.7);
}
.header-user .submenu-item:nth-child(6n+5) a {
  background: rgb(0, 43.474025974, 51.5);
}
.header-user .submenu-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  height: 44px;
  cursor: pointer;
  background: none;
  padding: 0 18px;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  text-decoration: none;
  white-space: nowrap;
  justify-content: flex-start;
  text-align: left;
  width: calc(100% - 36px);
  position: relative;
}
.header-user .submenu-link:hover {
  color: #0CC3E3;
  text-decoration: none;
}
.header-user .submenu-link.active {
  color: rgba(255, 255, 255, 0.6);
}
.header-user .submenu-title {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-user .submenu-value {
  position: absolute;
  right: 18px;
  top: 50%;
  font-weight: normal;
  transform: translateY(-50%);
  font-size: 14px;
}
.header-user .submenu-value em {
  padding-left: 2px;
}
.header-user .submenu-value small {
  font-size: 12px;
  font-style: italic;
}

.header-user .profile-item {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.header-user .profile-link {
  display: block;
  font-size: 1rem;
  cursor: pointer;
  background: rgb(0, 60.6948051948, 71.9);
  padding: 18px 18px;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  text-decoration: none;
  white-space: nowrap;
  justify-content: flex-start;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 18px 36px 0px inset;
  text-align: left;
  width: calc(100% - 36px);
  position: relative;
}
.header-user .profile-link:hover {
  color: #0CC3E3;
  text-decoration: none;
}
.header-user .profile-link:hover .profile-avatar {
  border-top: 5px solid #0CC3E3;
  border-right: 2px solid #0CC3E3;
  border-bottom: 2px solid #0CC3E3;
  border-left: 4px solid #0CC3E3;
}
.header-user .profile-link.active {
  color: rgba(255, 255, 255, 0.6);
}
.header-user .profile-link.active .profile-avatar {
  transition: all 0.2s ease-in-out;
  border-top: 5px solid rgba(255, 255, 255, 0.66);
  border-right: 2px solid rgba(255, 255, 255, 0.66);
  border-bottom: 2px solid rgba(255, 255, 255, 0.66);
  border-left: 4px solid rgba(255, 255, 255, 0.66);
}
.header-user .profile-avatar {
  width: 66px;
  height: 66px;
  transition: all 0.2s ease-in-out;
  border-top: 5px solid rgb(255, 255, 255);
  border-right: 2px solid rgb(255, 255, 255);
  border-bottom: 2px solid rgb(255, 255, 255);
  border-left: 4px solid rgb(255, 255, 255);
  border-radius: 50%;
  padding: 3px;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
  position: relative;
}
.header-user .profile-avatar img {
  display: block;
  width: 100%;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
}
.header-user .profile-avatar .fa-circle-check {
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
  display: block;
  font-size: 16px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.header-user .profile-avatar .fa-circle-check.not-verified {
  color: #0098B3;
  opacity: 0;
}
.header-user .profile-avatar .fa-circle-check.verified {
  color: #0098B3;
}
.header-user .profile-block {
  position: relative;
  padding: 6px 0 0 0;
}
.header-user .profile-title {
  display: block;
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-user .profile-slug {
  display: block;
  max-width: 240px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 200;
  font-style: italic;
  line-height: 100%;
}
.header-user .profile-value {
  position: absolute;
  top: 6px;
  right: 0;
  font-weight: normal;
  font-size: 30px;
}
.header-user .profile-list {
  display: block;
  position: absolute;
  top: 18px;
  right: 18px;
}
.header-user .profile-list-item {
  display: inline;
  padding: 0 0 0 6px;
}
.header-user .profile-list-item:nth-child(3n+1) {
  opacity: 0.5;
}
.header-user .profile-list-item:nth-child(3n+2) {
  opacity: 0.7;
}
.header-user .profile-list-item:nth-child(3n) {
  opacity: 0.6;
}
.header-user .profile-list-item i {
  font-size: 14px;
}
.header-user .profile-list-item em {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}

@media (max-width: 1024px) {
  .header-user nav .root .root-item .menu {
    right: -18px;
    overflow: auto;
    height: calc(100vh - 140.8px);
    padding-bottom: 96px;
  }
}
[data-x-cloak] {
  display: none !important;
}

.cookie-consent {
  position: relative;
  z-index: 9999;
}

/************************************
.cookie-consent__banner {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: 180px;
    max-width: 760px;
    margin: 0 auto;
    background: #111827;
    color: #f9fafb;
    border: 1px solid #374151;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    padding: 1.25rem;
}
************************************/
.cookie-consent__banner {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: calc(100% - 48px);
}
@media (max-width: 1024px) {
  .cookie-consent__banner {
    right: 18px;
    bottom: 18px;
    width: calc(100% - 36px);
  }
}
@media (max-width: 640px) {
  .cookie-consent__banner {
    left: 18px;
    right: auto;
  }
}

.cookie-consent__content,
.cookie-consent__preferences {
  padding: 24px 24px;
  width: 480px;
  background: rgb(0, 39.1688311688, 46.4);
  background: linear-gradient(0deg, rgb(0, 30.5584415584, 36.2) 0%, rgb(0, 47.7792207792, 56.6) 100%);
  box-shadow: rgba(0, 0, 0, 0.88) 0px -12px 24px -18px;
  color: #FFF;
  text-align: left;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .cookie-consent__content,
  .cookie-consent__preferences {
    padding: 24px 18px;
  }
}
@media (max-width: 640px) {
  .cookie-consent__content,
  .cookie-consent__preferences {
    width: calc(100% - 36px);
  }
}

.cookie-consent__content h3,
.cookie-consent__preferences h3 {
  margin: 0 0 6px 0;
}
.cookie-consent__content p,
.cookie-consent__preferences p {
  margin: 0 0 6px 0;
  line-height: 1.4;
}
@media (max-width: 640px) {
  .cookie-consent__content p,
  .cookie-consent__preferences p {
    font-size: 14px;
  }
}
.cookie-consent__content a,
.cookie-consent__preferences a {
  color: #0CC3E3;
}

.cookie-consent__links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  margin: 18px 0 0 0;
}

.cookie-consent__actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  margin: 18px 0 0 0;
}
@media (max-width: 480px) {
  .cookie-consent__actions {
    flex-direction: column;
    gap: 6px;
  }
}
.cookie-consent__actions .btn {
  padding: 12px 18px;
  border-radius: 12px;
}
@media (max-width: 480px) {
  .cookie-consent__actions .btn {
    width: 100%;
  }
}

.cookie-consent__toggle-list {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}
.cookie-consent__toggle-list li {
  padding: 0;
  margin-bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.cookie-consent__toggle-list li:first-child {
  border-top: none;
}
.cookie-consent__toggle-list label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  padding: 6px 0;
  gap: 0px;
}
.cookie-consent__toggle-list input[type=checkbox] {
  width: 18px;
  height: 18px;
}

.homepage-section .account-nav {
  padding: 0;
}
.homepage-section .account-nav a {
  font-weight: bold;
}

.homepage-section.hero-guest {
  background: #e0fe2d;
  text-align: center;
  color: #FFF;
}
.homepage-section.hero-guest .hero-bg {
  position: relative;
  z-index: 150;
  padding: 32px 0;
  box-shadow: rgba(0, 0, 0, 0.48) 0px 20px 30px -20px, rgba(0, 0, 0, 0.12) 0px 90px 180px 0px inset;
  background: calc(66px / 4) calc(66px / 4) /calc(2 * 66px) 66px conic-gradient(at 62.5% 25%, rgba(0, 0, 0, 0) 75%, rgb(6.456, 86.3874285714, 101.144) 0), calc(5 * 66px / 4) calc(66px / -4) /calc(2 * 66px) 66px conic-gradient(at 62.5% 25%, rgba(0, 0, 0, 0) 75%, rgb(6.456, 86.3874285714, 101.144) 0), linear-gradient(90deg, rgba(0, 0, 0, 0) 75%, rgb(6.456, 86.3874285714, 101.144) 0) 0/66px 66px rgb(13.86, 55.46, 63.14);
}
.homepage-section.hero-guest .hero-bg:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(13.86, 55.46, 63.14, 0.66) 0%, rgba(8.292, 110.9548571429, 129.908, 0.99) 100%);
}
.homepage-section.hero-guest .main-content {
  min-height: auto;
}
.homepage-section.hero-guest .hero-kicker {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.homepage-section.hero-guest h1 {
  font-size: 48px;
  line-height: 125%;
  font-weight: 700;
  margin: 0 0 12px 0;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.36);
}
@media (max-width: 720px) {
  .homepage-section.hero-guest h1 {
    font-size: 36px;
  }
}
.homepage-section.hero-guest .hero-content p {
  max-width: 920px;
  margin: 0 auto 12px auto;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 18px;
}
.homepage-section.hero-guest .hero-content .hero-benefits {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.homepage-section.hero-guest .hero-trust {
  max-width: 720px;
  margin: 0 auto 12px auto;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-style: italic;
}
.homepage-section.hero-guest .hero-subline {
  max-width: 720px;
  margin: 0 auto 12px auto;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-style: italic;
}
.homepage-section.hero-guest .hero-action {
  padding: 12px 0 0 0;
  max-width: 780px;
  margin: 0 auto;
}
.homepage-section.hero-guest .hero-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 6px;
  padding: 0 0 24px 0;
}
.homepage-section.hero-guest .hero-cta a {
  font-weight: 700;
  min-width: 100px;
  line-height: 120%;
}
.homepage-section.hero-guest .hero-links {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
  font-style: italic;
}
.homepage-section.hero-guest .hero-links .account {
  line-height: 1.3;
}
.homepage-section.hero-guest .hero-links a {
  color: #0098B3;
  padding: 0 3px;
  font-weight: bold;
}
.homepage-section.hero-guest .hero-links a:hover {
  color: #0CC3E3;
}
.homepage-section.hero-guest .hero-links .sep {
  color: rgba(255, 255, 255, 0.48);
}
.homepage-section.hero-guest .hero-links i {
  padding: 0 4px;
}
.homepage-section.hero-guest .hero-note {
  font-size: 14px;
  line-height: 1.3;
}

.homepage-section.hero-user {
  min-height: 120px;
  background: #4b2dfe;
}

.homepage-section .homepage-section-title {
  position: relative;
}
.homepage-section .homepage-section-title h2 {
  font-size: 36px;
  line-height: 125%;
  font-weight: 700;
  margin: 0 0 12px 0;
  padding-right: 66px;
}
.homepage-section .homepage-section-title h2 em {
  font-weight: normal;
  color: rgba(43, 59, 71, 0.77);
}
@media (max-width: 720px) {
  .homepage-section .homepage-section-title h2 {
    font-size: 30px;
  }
}
.homepage-section .homepage-section-title .links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  column-gap: 12px;
}
.homepage-section .homepage-section-title .links-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 0;
  top: 12px;
  column-gap: 12px;
  font-weight: bold;
}
.homepage-section .homepage-section-title .btn {
  padding: 9px 18px;
  border-radius: 18px 18px 18px 0;
}
@media (max-width: 640px) {
  .homepage-section .homepage-section-title .btn {
    padding: 9px 18px;
  }
  .homepage-section .homepage-section-title .btn span {
    display: none;
  }
}
.homepage-section .listings-items,
.homepage-section .listings-items.hub-items {
  padding: 0;
}

/*
2 EDITORS'S PICKS
*/
.homepage-section.editors-pick {
  margin: 0 0 48px 0;
}

.homepage-section.trending-tools {
  margin: 0 0 48px 0;
  padding: 90px 0 0 0;
}

.homepage-section.discover {
  margin: 0 0 66px 0;
}
.homepage-section.discover .discover-block {
  padding: 66px 18px;
  background: rgb(1.314, 13.286, 10.6440038929);
  background: linear-gradient(180deg, rgb(1.314, 13.286, 10.6440038929) 0%, rgb(4.11, 66.8706666667, 132.89) 100%);
  color: #FFF;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.48) 0px 20px 30px -20px, rgba(0, 0, 0, 0.12) 0px 90px 180px 0px inset;
}
.homepage-section.discover .discover-block .section-header {
  max-width: 780px;
  margin: 0 auto;
}
.homepage-section.discover .discover-block .section-header h2 {
  font-size: 36px;
  line-height: 125%;
  font-weight: 700;
  margin: 0 0 6px 0;
}
@media (max-width: 720px) {
  .homepage-section.discover .discover-block .section-header h2 {
    font-size: 30px;
  }
}
.homepage-section.discover .discover-block .section-header p {
  margin: 0 0 18px 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.homepage-section.discover .discover-block .section-header p.section-kicker {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0 0 6px 0;
}
.homepage-section.discover .discover-block .discover-search {
  position: relative;
  padding: 0 0 24px 0;
  max-width: 480px;
  margin: 0 auto;
}
.homepage-section.discover .discover-block .discover-search .submenu-search-form {
  display: flex;
  align-items: center;
  width: calc(100% - 0px);
  background: rgba(255, 0, 0, 0.5);
  padding: 0;
  border-radius: 66px;
  font-size: 1rem;
  transition: all 0.2s ease-in-out;
}
.homepage-section.discover .discover-block .discover-search .submenu-search-form input {
  flex: 1;
  height: 52px;
  padding: 0 60px 0 18px;
  border: none;
  border-radius: 66px;
  background-color: #ffffff;
  font-size: 1rem;
  color: rgb(0, 13.3376623377, 15.8);
}
.homepage-section.discover .discover-block .discover-search .submenu-search-form input::placeholder {
  color: #9ca3af;
}
.homepage-section.discover .discover-block .discover-search .submenu-search-form input:focus {
  outline: none;
}
.homepage-section.discover .discover-block .discover-search .submenu-search-form button {
  position: absolute;
  right: 9px;
  height: 40px;
  width: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 66px;
  background-color: #00414d;
  color: #FFF;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.15s ease;
}
.homepage-section.discover .discover-block .discover-search .submenu-search-form button span {
  font-size: 1rem;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.homepage-section.discover .discover-block .discover-search .submenu-search-form button:hover {
  background-color: #007589;
  transform: scale(1);
}
.homepage-section.discover .discover-block .discover-search .submenu-search-form button:active {
  transform: scale(1);
}
.homepage-section.discover .discover-block .discover-search .submenu-search-form:focus-within {
  box-shadow: 0 0 0 2px rgb(255, 255, 255);
}
.homepage-section.discover .discover-block .discover-meta {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  max-width: 380px;
  font-size: 14px;
  line-height: 1.2;
  margin: 0 auto;
  padding: 0 0 18px 0;
  font-style: italic;
}
.homepage-section.discover .discover-block .discover-tags {
  max-width: 780px;
  margin: 0 auto;
  font-size: 14px;
}
@media (max-width: 640px) {
  .homepage-section.discover .discover-block .discover-tags {
    font-size: 14px;
  }
}
.homepage-section.discover .discover-block .discover-tags h3 {
  font-size: 14px;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.homepage-section.discover .discover-block .discover-tags ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 6px;
  column-gap: 6px;
}
.homepage-section.discover .discover-block .discover-tags ul li strong {
  background: rgb(0, 168.8, 9.4264935065);
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
  padding: 2px 9px;
  border-radius: 6px;
  font-weight: 500;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.homepage-section.discover .discover-block .discover-tags ul li a {
  transition: all 0.2s ease-in-out;
  background: rgb(199.4, 31.0753246753, 0);
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
  padding: 3px 9px;
  border-radius: 18px;
  font-weight: 500;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.homepage-section.discover .discover-block .discover-tags ul li a:hover {
  text-decoration: none;
  background: #007589 !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px 0px inset;
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+1) a {
  background: rgb(199.4, 0, 168.3246753247);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+2) a {
  background: rgb(142.4935064935, 168.8, 0);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+3) a {
  background: rgb(31.0753246753, 0, 199.4);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+4) a {
  background: rgb(0, 168.8, 26.3064935065);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+5) a {
  background: rgb(199.4, 31.0753246753, 0);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+6) a {
  background: rgb(168.8, 0, 142.4935064935);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+7) a {
  background: rgb(199.4, 0, 2.158008658);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+8) a {
  background: rgb(168.8, 54.4398268398, 0);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+9) a {
  background: rgb(197.241991342, 0, 199.4);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+10) a {
  background: rgb(0, 168.8, 110.7064935065);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n+11) a {
  background: rgb(199.4, 0, 135.0913419913);
}
.homepage-section.discover .discover-block .discover-tags ul li:nth-child(12n) a {
  background: rgb(82.5731601732, 0, 168.8);
}

.homepage-section.just-released-tools {
  margin: 0 0 66px 0;
}

.homepage-section.submit-banner {
  margin: 0 0 66px 0;
}
.homepage-section.submit-banner .submit-banner-block {
  padding: 66px 18px;
  min-height: 120px;
  background: rgb(1.314, 13.286, 8.4491372263);
  background: linear-gradient(180deg, rgb(1.314, 13.286, 8.4491372263) 0%, rgb(4.11, 90.4803333333, 132.89) 100%);
  color: #FFF;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.48) 0px 20px 30px -20px, rgba(0, 0, 0, 0.12) 0px 90px 180px 0px inset;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.homepage-section.submit-banner .submit-banner-block .section-header {
  max-width: 780px;
  margin: 0 auto;
}
.homepage-section.submit-banner .submit-banner-block .section-header h2 {
  font-size: 36px;
  line-height: 125%;
  font-weight: 700;
  margin: 0 0 6px 0;
}
@media (max-width: 720px) {
  .homepage-section.submit-banner .submit-banner-block .section-header h2 {
    font-size: 30px;
  }
}
.homepage-section.submit-banner .submit-banner-block .section-header p {
  margin: 0 0 18px 0;
  font-weight: bold;
}
.homepage-section.submit-banner .submit-banner-block .section-header p.section-kicker {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0 0 6px 0;
}
.homepage-section.submit-banner .submit-banner-block .submit-banner-actions .btn {
  display: inline-block;
}
.homepage-section.submit-banner .submit-banner-block .submit-banner-actions .submit-banner-secondary {
  margin: 18px 0 0 0;
  font-style: italic;
}
.homepage-section.submit-banner .submit-banner-block .submit-banner-actions .submit-banner-secondary a {
  color: #FFF;
}
.homepage-section.submit-banner .submit-banner-block .submit-banner-actions .submit-banner-secondary a:hover {
  color: rgba(255, 255, 255, 0.88);
}

.homepage-section.latest-on-hub {
  margin: 0 0 66px 0;
}

.my-profile-header {
  margin: 0 0 66px 0;
}
.my-profile-header h1.profile-title {
  font-size: 48px;
  line-height: 125%;
  font-weight: 700;
  margin: 0 0 0 0;
  padding: 0 66px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .my-profile-header h1.profile-title {
    font-size: 36px;
  }
}
.my-profile-header h1.profile-title em {
  font-weight: normal;
}
.my-profile-header .my-profile-header-block header {
  position: relative;
  padding: 0 0 0 0;
}
.my-profile-header .my-profile-header-block .profile-avatar-container {
  width: 78px;
  height: 78px;
  position: absolute;
  right: 0;
  bottom: 12px;
  background: white;
  border-radius: 24px;
}
@media (max-width: 720px) {
  .my-profile-header .my-profile-header-block .profile-avatar-container {
    width: 66px;
    height: 66px;
    bottom: 12px;
  }
}
.my-profile-header .my-profile-header-block .profile-avatar {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  transition: all 0.2s ease-in-out;
  border-top: 5px solid #00414d;
  border-right: 2px solid #00414d;
  border-bottom: 2px solid #00414d;
  border-left: 4px solid #00414d;
  border-radius: 50%;
  padding: 3px;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
  position: absolute;
  right: 0;
  top: 0;
  background: #FFF;
}
.my-profile-header .my-profile-header-block .profile-avatar img {
  display: block;
  width: 100%;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
}
.my-profile-header .my-profile-header-block .profile-avatar .fa-circle-check {
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
  display: block;
  font-size: 18px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(255, 255, 255, 0.66);
  padding: 1px 1px 0 1px;
  border-radius: 50%;
}
.my-profile-header .my-profile-header-block .profile-avatar .fa-circle-check.not-verified {
  color: #0098B3;
  opacity: 0;
}
.my-profile-header .my-profile-header-block .profile-avatar .fa-circle-check.verified {
  color: #0098B3;
}
.my-profile-header .my-profile-header-block .profile-slug {
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  margin: -2px 0 0 0;
  color: rgba(43, 59, 71, 0.99);
  position: relative;
}
@media (max-width: 720px) {
  .my-profile-header .my-profile-header-block .profile-slug {
    margin: 0 0 0 0;
  }
}
.my-profile-header .my-profile-header-block .profile-slug span {
  background: #FFF;
  padding: 0 9px 0 0;
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 66px);
  left: 0;
  border-radius: 24px;
}
.my-profile-header .my-profile-header-block .profile-slug:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  line-height: 1px;
  background: rgba(24, 34, 41, 0.24);
  background: linear-gradient(90deg, rgba(43, 59, 71, 0.66) 0%, rgba(43, 59, 71, 0.24) 90%);
  top: 13px;
  left: 0;
}
.my-profile-header .my-profile-header-block .my-profile-header-content {
  height: 38px;
}
@media (max-width: 720px) {
  .my-profile-header .my-profile-header-block .my-profile-header-content {
    font-size: 14px;
  }
}
.my-profile-header .my-profile-header-block .my-profile-header-content ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  line-height: 140%;
}
.my-profile-header .my-profile-header-block .my-profile-header-content ul li {
  padding-right: 18px;
  position: relative;
  text-align: center;
}
.my-profile-header .my-profile-header-block .my-profile-header-content ul li a {
  display: block;
}
.my-profile-header .my-profile-header-block .my-profile-header-content ul li a.active {
  color: rgba(43, 59, 71, 0.88);
  text-decoration: underline;
}
.my-profile-header .my-profile-header-block .my-profile-header-content ul li span {
  display: block;
}
.my-profile-header .my-profile-header-block .my-profile-header-content ul li:last-child {
  padding-right: 0;
}
.my-profile-header .my-profile-header-block .my-profile-header-content ul li::after {
  content: "•";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  color: rgba(43, 59, 71, 0.5);
}
.my-profile-header .my-profile-header-block .my-profile-header-content ul li:last-child::after {
  content: "";
}

.profile-infos {
  background: red;
  min-height: 100px;
  margin: -66px 0 0 0;
}

.profile-credits {
  background: red;
  min-height: 100px;
  margin: -66px 0 0 0;
}

.submitted-tools {
  margin: 0 0 90px 0;
}

.favroite-tools {
  margin: 0 0 90px 0;
}

.saved-posts {
  margin: 0 0 66px 0;
}

.playing-around {
  overflow: hidden;
}
.playing-around .playing-around-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.playing-around .playing-around-header button {
  transition: all 0.2s ease-in-out;
  width: 100%;
  padding: 12px 0;
  font-size: 16px;
  border: none;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  display: block;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  background-color: #0098B3;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 9px 18px -9px, rgba(0, 0, 0, 0.12) 0px 4px 8px 0px inset;
}
.playing-around .playing-around-header button:hover {
  background-color: #007589;
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 18px -12px, rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.playing-around .playing-around-block {
  display: none;
}
.playing-around.active .playing-around-block {
  display: block;
}
.playing-around.active .playing-around-header button {
  transition: all 0.2s ease-in-out;
  background: #007589;
}
.playing-around .account-links-helper {
  font-size: 13px;
  background: #2DE0FE;
  padding: 12px 12px 36px 12px;
}
@media (max-width: 640px) {
  .playing-around .account-links-helper {
    font-size: 12px;
    padding: 12px 6px 36px 6px;
  }
}
.playing-around .account-links-helper h3 {
  font-weight: 600;
  color: #222;
  margin: 0;
  text-decoration: underline;
  padding: 24px 0 0 36px;
}
.playing-around .account-links-helper ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 780px) {
  .playing-around .account-links-helper ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .playing-around .account-links-helper ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .playing-around .account-links-helper ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.playing-around .account-links-helper ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  padding: 4px 6px 4px 36px;
  border-radius: 6px;
  transition: all 0.2s ease;
  line-height: 110%;
  position: relative;
}
.playing-around .account-links-helper ul li a:hover {
  color: #000;
  background: #0CC3E3;
}
.playing-around .account-links-helper ul li a span {
  display: block;
  font-size: 13px;
  font-weight: 300;
}
.playing-around .account-links-helper ul li a small {
  font-weight: 300;
  font-size: 13px;
  display: block;
  position: absolute;
  right: calc(100% - 30px);
}

.hub-main-content-block.static-content {
  border-bottom: none;
  padding: 0;
}
.hub-main-content-block.static-content .hub-main-content {
  width: 100%;
}

.hub-main-content-block.static-content .hub-main-content .status-page .fa-circle-right {
  padding: 0 2px;
}
.hub-main-content-block.static-content .hub-main-content .status-page .status-badge {
  font-weight: bold;
  font-style: italic;
}
.hub-main-content-block.static-content .hub-main-content .status-page .status-badge.status-ok {
  color: mediumseagreen;
}
.hub-main-content-block.static-content .hub-main-content .status-page .status-badge.status-warning {
  color: crimson;
}
.hub-main-content-block.static-content .hub-main-content .status-page .status-badge.status-error {
  color: crimson;
}
.hub-main-content-block.static-content .hub-main-content .status-page .status-grid {
  padding: 18px 0 0 0;
}
.hub-main-content-block.static-content .hub-main-content .status-page .status-label {
  font-weight: 500;
  font-style: normal;
}
.hub-main-content-block.static-content .hub-main-content .status-page .status-empty {
  font-style: italic;
  color: mediumseagreen;
}

.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section p {
  max-width: 780px;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section h2 i {
  color: orangered;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul {
  padding: 18px 0 0 0;
  display: grid;
  grid-template-columns: 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333%;
  row-gap: 6px;
  column-gap: 24px;
  margin: 0 0 0 0;
  width: calc(100% - 264px);
  line-height: 125%;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li {
  position: relative;
  grid-column: span 6;
}
@media (max-width: 960px) {
  .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li {
    grid-column: span 12;
  }
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li a {
  font-weight: 700;
  display: inline;
  position: relative;
  color: #2b3b47;
  line-height: 125%;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li a i, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li a i {
  font-size: 14px;
  position: relative;
  top: -4px;
  right: -4px;
  opacity: 0.77;
  color: orangered;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+1) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+1) a {
  color: rgba(43, 59, 71, 0.9);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+1) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+1) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+2) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+2) a {
  color: rgba(43, 59, 71, 0.98);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+2) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+2) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+3) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+3) a {
  color: rgba(43, 59, 71, 0.94);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+3) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+3) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+4) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+4) a {
  color: rgba(43, 59, 71, 0.82);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+4) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+4) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+5) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+5) a {
  color: rgba(43, 59, 71, 0.78);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+5) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+5) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+6) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+6) a {
  color: rgba(43, 59, 71, 0.94);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+6) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+6) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+7) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+7) a {
  color: rgba(43, 59, 71, 0.7);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+7) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+7) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+8) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+8) a {
  color: rgba(43, 59, 71, 0.78);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+8) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+8) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+9) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+9) a {
  color: rgba(43, 59, 71, 0.82);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+9) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+9) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+10) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+10) a {
  color: rgba(43, 59, 71, 0.94);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+10) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+10) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+11) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+11) a {
  color: rgba(43, 59, 71, 0.78);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+11) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+11) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+12) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+12) a {
  color: rgba(43, 59, 71, 0.78);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+12) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+12) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+13) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+13) a {
  color: rgba(43, 59, 71, 0.74);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+13) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+13) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+14) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+14) a {
  color: rgba(43, 59, 71, 0.86);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+14) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+14) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+15) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+15) a {
  color: rgba(43, 59, 71, 0.86);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+15) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+15) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+16) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+16) a {
  color: rgba(43, 59, 71, 0.66);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+16) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+16) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+17) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+17) a {
  color: rgba(43, 59, 71, 0.78);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+17) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+17) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+18) a, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+18) a {
  color: rgba(43, 59, 71, 0.7);
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:nth-child(18n+18) a:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:nth-child(18n+18) a:hover {
  color: #007589;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .link, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .link {
  display: block;
  font-size: 13px;
  font-style: italic;
  width: calc(100% - 36px);
  line-height: 125%;
  padding: 2px 0 0 0;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .copy-button, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .copy-button {
  padding: 0 0;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  padding: 3px 3px;
  border-radius: 9px;
  position: relative;
  top: -1px;
  left: 2px;
  min-width: 110px;
}
@media (max-width: 640px) {
  .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .copy-button, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .copy-button {
    min-width: 30px;
  }
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .copy-button:before, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .copy-button:before {
  content: "Copy URL";
}
@media (max-width: 640px) {
  .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .copy-button:before, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .copy-button:before {
    content: "";
  }
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .copy-button.copied, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .copy-button.copied:hover, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .copy-button.copied, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .copy-button.copied:hover {
  background-color: #00414D;
  text-decoration: none;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 18px -12px, rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .copy-button.copied:before, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .copy-button.copied:hover:before, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .copy-button.copied:before, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .copy-button.copied:hover:before {
  content: "Copied";
}
@media (max-width: 640px) {
  .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .copy-button.copied:before, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li .copy-button.copied:hover:before, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .copy-button.copied:before, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li .copy-button.copied:hover:before {
    content: "";
  }
}
.hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:before, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:before {
  padding: 0;
  content: "";
}
@media (max-width: 640px) {
  .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ol li:before, .hub-main-content-block.static-content .hub-main-content .rss-page .rss-section ul li:before {
    padding: 0;
  }
}

.hub-main-content-block.static-content .hub-main-content .help-quick-nav {
  margin: 0 0 66px 0;
}
.hub-main-content-block.static-content .hub-main-content .help-quick-nav a {
  font-weight: 600;
}
.hub-main-content-block.static-content .hub-main-content .pricing-faq {
  margin: 12px 0 0 0;
}
.hub-main-content-block.static-content .hub-main-content .pricing-faq .faq-item p {
  padding: 0px 24px 12px 24px;
  margin: 0;
}

.main-auth {
  width: 100%;
  background: #FFF;
  min-height: 100vh;
  position: relative;
}
.main-auth .left-container {
  position: relative;
  width: 50%;
  min-height: 100vh;
}
.main-auth .left-container .left-block {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.main-auth .left-container .main-container {
  padding: 64px 18px;
  width: 100%;
}
.main-auth .right-container {
  box-shadow: rgba(0, 0, 0, 0.36) 0px 12px 36px;
  width: 50%;
  min-height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
}

@media (max-width: 1024px) {
  .main-auth .left-container {
    width: 100%;
  }
  .main-auth .right-container {
    display: none;
  }
}
.auth-container {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding: 0;
}
.auth-container .title {
  position: relative;
  text-align: center;
  padding: 0 0 12px 0;
}
.auth-container .title .icon {
  display: none;
  margin: 0 auto;
  height: 76.8px;
}
@media (max-width: 1024px) {
  .auth-container .title .icon {
    display: block;
  }
}
.auth-container .title h1 {
  font-size: 30px;
  line-height: 125%;
  font-weight: 700;
}

.main-auth .right-container .content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background: rgba(0, 65, 77, 0.12);
}
.main-auth .right-container .content .content-inner {
  text-align: center;
  padding: 0 18px;
}
.main-auth .right-container .content .content-inner .logo {
  height: 96px;
  display: block;
  margin: 0 auto;
}
.main-auth .right-container .content .content-inner h2 {
  font-size: 48px;
  display: block;
  font-weight: 700;
  line-height: 1.2;
  color: rgb(255, 255, 255);
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
}
.main-auth .right-container .content .content-inner p {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 6px 0 0 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  color: #FFF;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}
.main-auth .right-container .background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #00414D;
  background: linear-gradient(45deg, rgba(4.62, 28.02, 32.34, 0.98) 0%, rgba(4.62, 35.82, 41.58, 0.97) 14%, rgba(0, 72.7, 77, 0.95) 32%, rgba(0, 65, 77, 0.94) 50%, rgba(0, 58.5833333333, 77, 0.95) 68%, rgba(56.1, 106.8, 116.16, 0.97) 84%, rgba(91.8, 133.4, 141.08, 0.98) 100%);
}
.main-auth .right-container .background span {
  width: 24vmin;
  height: 24vmin;
  border-radius: 24vmin;
  backface-visibility: hidden;
  position: absolute;
  animation: move;
  animation-duration: 45;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.main-auth .right-container .background span:nth-child(0) {
  color: rgba(35.1, 185.588, 198.12, 0.42);
  top: 80%;
  left: 73%;
  animation-duration: 28s;
  animation-delay: -19s;
  transform-origin: -9vw 15vh;
  box-shadow: 48vmin 0 6.0351623838vmin currentColor;
}
.main-auth .right-container .background span:nth-child(1) {
  color: rgba(36.9, 189.3926666667, 208.28, 0.4);
  top: 25%;
  left: 25%;
  animation-duration: 36s;
  animation-delay: -12s;
  transform-origin: -20vw -13vh;
  box-shadow: 48vmin 0 6.2518500388vmin currentColor;
}
.main-auth .right-container .background span:nth-child(2) {
  color: rgba(60.825, 212.718062201, 238.175, 0.38);
  top: 7%;
  left: 3%;
  animation-duration: 8s;
  animation-delay: -46s;
  transform-origin: 12vw -24vh;
  box-shadow: 48vmin 0 6.6938778849vmin currentColor;
}
.main-auth .right-container .background span:nth-child(3) {
  color: rgba(63.99, 204.7610079745, 235.01, 0.36);
  top: 48%;
  left: 63%;
  animation-duration: 31s;
  animation-delay: -36s;
  transform-origin: 10vw 16vh;
  box-shadow: -48vmin 0 6.8515913671vmin currentColor;
}
.main-auth .right-container .background span:nth-child(4) {
  color: rgba(81.212, 212.6408229665, 234.668, 0.34);
  top: 74%;
  left: 74%;
  animation-duration: 7s;
  animation-delay: -28s;
  transform-origin: 1vw -17vh;
  box-shadow: -48vmin 0 6.8539896378vmin currentColor;
}
.main-auth .right-container .background span:nth-child(5) {
  color: rgba(26.34, 194.2446511628, 212.66, 0.45);
  top: 41%;
  left: 11%;
  animation-duration: 17s;
  animation-delay: -1s;
  transform-origin: -16vw -15vh;
  box-shadow: -48vmin 0 6.9655877404vmin currentColor;
}
.main-auth .right-container .background span:nth-child(6) {
  color: rgba(23.95, 186.6072093023, 215.05, 0.44);
  top: 19%;
  left: 50%;
  animation-duration: 43s;
  animation-delay: -13s;
  transform-origin: 11vw 10vh;
  box-shadow: -48vmin 0 6.3102743835vmin currentColor;
}
.main-auth .right-container .background span:nth-child(7) {
  color: rgba(23.95, 180.2372093023, 215.05, 0.42);
  top: 86%;
  left: 34%;
  animation-duration: 29s;
  animation-delay: -36s;
  transform-origin: -7vw -5vh;
  box-shadow: -48vmin 0 6.2384348369vmin currentColor;
}
.main-auth .right-container .background span:nth-child(8) {
  color: rgba(36.3, 201, 229.8, 0.4);
  top: 31%;
  left: 82%;
  animation-duration: 28s;
  animation-delay: -7s;
  transform-origin: 20vw 15vh;
  box-shadow: -48vmin 0 6.2879321681vmin currentColor;
}
.main-auth .right-container .background span:nth-child(9) {
  color: rgba(62.9256, 196.1400669767, 219.4344, 0.38);
  top: 67%;
  left: 93%;
  animation-duration: 35s;
  animation-delay: -47s;
  transform-origin: 8vw 16vh;
  box-shadow: -48vmin 0 6.0335181406vmin currentColor;
}
.main-auth .right-container .background span:nth-child(10) {
  color: rgba(7.16, 152.4893333333, 171.84, 0.48);
  top: 89%;
  left: 2%;
  animation-duration: 41s;
  animation-delay: -3s;
  transform-origin: 11vw 16vh;
  box-shadow: -48vmin 0 6.8196077127vmin currentColor;
}
.main-auth .right-container .background span:nth-child(11) {
  color: rgba(5.37, 148.25, 173.63, 0.46);
  top: 98%;
  left: 78%;
  animation-duration: 38s;
  animation-delay: -1s;
  transform-origin: -4vw 9vh;
  box-shadow: -48vmin 0 6.5229152117vmin currentColor;
}
.main-auth .right-container .background span:nth-child(12) {
  color: rgba(30.6, 159.1093333333, 188.12, 0.44);
  top: 51%;
  left: 79%;
  animation-duration: 21s;
  animation-delay: -24s;
  transform-origin: -15vw -10vh;
  box-shadow: 48vmin 0 6.8682286975vmin currentColor;
}
.main-auth .right-container .background span:nth-child(13) {
  color: rgba(53.239, 165.415, 185.341, 0.42);
  top: 36%;
  left: 76%;
  animation-duration: 18s;
  animation-delay: -5s;
  transform-origin: -21vw 17vh;
  box-shadow: 48vmin 0 6.2653149423vmin currentColor;
}
.main-auth .right-container .background span:nth-child(14) {
  color: rgba(4.11, 116.2363333333, 132.89, 0.5);
  top: 71%;
  left: 21%;
  animation-duration: 43s;
  animation-delay: -4s;
  transform-origin: 10vw -2vh;
  box-shadow: -48vmin 0 6.3837384695vmin currentColor;
}
.main-auth .right-container .background span:nth-child(15) {
  color: rgba(2.74, 115.06, 134.26, 0.48);
  top: 40%;
  left: 51%;
  animation-duration: 13s;
  animation-delay: -32s;
  transform-origin: 10vw -18vh;
  box-shadow: 48vmin 0 6.0825989981vmin currentColor;
}
.main-auth .right-container .background span:nth-child(16) {
  color: rgba(35.7, 132.3926666667, 153.52, 0.46);
  top: 18%;
  left: 51%;
  animation-duration: 52s;
  animation-delay: -11s;
  transform-origin: -24vw 20vh;
  box-shadow: -48vmin 0 6.0596971989vmin currentColor;
}
.main-auth .right-container .background span :nth-child(17) {
  color: rgba(60.3744, 144.3336, 158.6856, 0.44);
  top: 51%;
  left: 74%;
  animation-duration: 28s;
  animation-delay: -8s;
  transform-origin: 4vw 13vh;
  box-shadow: -48vmin 0 6.905428791vmin currentColor;
}

.account-container {
  font-size: 18px;
  /****************************************
      h1 {
          font-size: 36px;
          line-height: 125%;
          font-weight: 700;

          @media (max-width: 720px) {
              font-size: 30px;
          }
      }
  ****************************************/
}
.account-container .account-form {
  font-size: 16px;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  padding-top: 32px;
}

.account-nav {
  padding: 6px 0 0 0;
  font-size: 16px;
}
@media (max-width: 720px) {
  .account-nav {
    font-size: 14px;
  }
}
.account-nav ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid rgba(43, 59, 71, 0.36);
  padding: 12px 0;
  line-height: 140%;
}
.account-nav ul li {
  padding-right: 18px;
  position: relative;
  text-align: center;
}
.account-nav ul li:last-child {
  opacity: 0.66;
}
.account-nav ul li a {
  display: block;
}
.account-nav ul li a.active {
  color: rgba(43, 59, 71, 0.77);
  text-decoration: underline;
}
.account-nav ul li span {
  display: block;
}
.account-nav ul li:last-child {
  padding-right: 0;
}
.account-nav ul li::after {
  content: "•";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  color: rgba(43, 59, 71, 0.5);
}
.account-nav ul li:last-child::after {
  content: "";
}

.verify_email_block {
  padding: 12px 0;
}
.verify_email_block .verify_email_container {
  background: crimson;
  color: #fff;
  text-align: center;
  line-height: 130%;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  padding: 21px 18px;
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.5);
  border-radius: 0px;
  font-weight: normal;
  position: relative;
  font-size: 16px;
}
.verify_email_block .verify_email_container .inline-form {
  display: inline;
}
.verify_email_block .verify_email_container .link-button {
  background: none;
  border: 0;
  padding: 0;
  margin-left: 4px;
  font: inherit;
  color: white;
  cursor: pointer;
  text-decoration: underline;
  font-weight: 500;
}
.verify_email_block .verify_email_container .link-button:hover {
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
}

.content-one {
  line-height: 150%;
  margin: 12px 0 42px 0;
}
.content-one.highlight {
  text-align: center;
  background: rgba(45, 224, 254, 0.5);
  padding: 42px 24px;
  box-shadow: rgba(0, 0, 0, 0.42) 0px 12px 36px -24px, rgba(0, 0, 0, 0.09) 0px 12px 24px -12px inset;
}
.content-one .cta-group {
  max-width: 480px;
  margin: 0 auto;
}
.content-one .cta-group .subtle {
  padding: 18px 0 0 0;
}
.content-one .note {
  color: crimson;
  font-weight: 500;
}
.content-one .note .note-title {
  display: inline-block;
  color: #FFF;
  background: crimson;
  font-weight: bolder;
  font-style: italic;
  padding: 2px 9px;
  border-radius: 12px;
  margin-right: 3px;
}
.content-one h2 {
  font-size: 30px;
  line-height: 125%;
  font-weight: 700;
  margin: 0 0 12px 0;
}
@media (max-width: 720px) {
  .content-one h2 {
    font-size: 24px;
  }
}
.content-one p {
  margin: 0 0 18px 0;
}
.content-one ul, .content-one ol {
  margin: 0 0 18px 0;
}
.content-one ul li:before, .content-one ol li:before {
  color: rgba(43, 59, 71, 0.66);
  padding: 0 12px 0 48px;
  content: "⚊";
}
@media (max-width: 640px) {
  .content-one ul li:before, .content-one ol li:before {
    padding: 0 6px 0 24px;
  }
}
.content-one .image1 {
  width: 100%;
  margin: 0 0 18px 0;
}
.content-one .image1 img {
  display: block;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

.billing-details {
  margin: 36px 0 66px 0;
}
.billing-details .billing-details-header p {
  padding: 12px 0 0 0;
}

.billing-invoices {
  margin: 0 0 36px 0;
  font-size: 16px;
}
.billing-invoices .billing-invoices-header p {
  padding: 12px 0 0 0;
}
.billing-invoices .notif-block {
  margin: 12px 0 0 0;
}

.invoices-block {
  padding: 12px 0 0 0;
}
.invoices-block .invoices-list {
  line-height: 140%;
}
.invoices-block .invoice-item {
  border-top: 1px solid rgba(24, 34, 41, 0.18);
  min-height: 12px;
  position: relative;
  padding: 12px 0;
}
.invoices-block .invoice-item ol .date {
  width: 120px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  text-align: center;
}
@media (max-width: 720px) {
  .invoices-block .invoice-item ol .date {
    position: relative;
    top: 0;
    transform: translateY(0%);
    width: auto;
    text-align: left;
    padding: 6px 0 4px 0;
  }
}
.invoices-block .invoice-item ol .date span {
  background: rgba(0, 65, 77, 0.12);
  padding: 6px 12px 6px 12px;
  border-radius: 9px;
  display: block;
  position: relative;
  top: 6px;
}
@media (max-width: 720px) {
  .invoices-block .invoice-item ol .date span {
    top: 0;
    display: inline-block;
    font-size: 14px;
    padding: 2px 12px 2px 12px;
  }
}
.invoices-block .invoice-item ol .date span small {
  position: absolute;
  display: block;
  background: #00414D;
  color: #FFF;
  left: 0px;
  top: -11px;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 100%;
  padding: 3px 6px;
  border-radius: 6px 6px 6px 0;
}
@media (max-width: 720px) {
  .invoices-block .invoice-item ol .date span small {
    left: calc(100% - 8px);
    top: -6px;
  }
}
.invoices-block .invoice-item ol .date span small.payment-status-paid {
  background: green;
}
.invoices-block .invoice-item ol .title {
  width: calc(100% - 132px - 132px);
  padding: 0 0 0 132px;
}
@media (max-width: 720px) {
  .invoices-block .invoice-item ol .title {
    width: calc(100% - 132px);
    padding: 0 0 0 0;
  }
}
@media (max-width: 480px) {
  .invoices-block .invoice-item ol .title {
    width: calc(100% - 48px);
  }
}
.invoices-block .invoice-item ol .title h3 {
  font-size: 16px;
  font-weight: bold;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invoices-block .invoice-item ol .title p {
  display: block;
  font-weight: normal;
  font-size: 16px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invoices-block .invoice-item ol .title div {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.invoices-block .invoice-item ol .title div em {
  color: #0098B3;
  display: inline-block;
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invoices-block .invoice-item ol .title div small {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  margin-left: 6px;
}
.invoices-block .invoice-item ol .status {
  width: 120px;
  position: absolute;
  top: 50%;
  right: 120px;
  transform: translateY(-50%);
  text-align: center;
}
.invoices-block .invoice-item ol .status div {
  text-align: center;
  display: block;
}
.invoices-block .invoice-item ol .status div .payment-status-paid {
  color: green;
}
.invoices-block .invoice-item ol .status div small {
  font-size: 12px;
}
.invoices-block .invoice-item ol .download {
  width: 120px;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  text-align: center;
}
@media (max-width: 480px) {
  .invoices-block .invoice-item ol .download {
    width: 42px;
  }
}
.invoices-block .invoice-item ol .download .btn {
  text-align: center;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 9px 0;
  border-radius: 12px;
}
@media (max-width: 480px) {
  .invoices-block .invoice-item ol .download .btn span {
    display: none;
  }
}

.submit-tool-hero {
  text-align: center;
}
.submit-tool-hero h1 {
  font-size: 42px;
  position: relative;
}
.submit-tool-hero h1 .h1-break {
  color: #007589;
  display: block;
}
@media (max-width: 720px) {
  .submit-tool-hero h1 {
    font-size: 36px;
  }
  .submit-tool-hero h1 .h1-break {
    display: block;
  }
}
@media (max-width: 480px) {
  .submit-tool-hero h1 {
    font-size: 30px;
  }
}
.submit-tool-hero h1 .badge-free {
  font-size: 18px;
  display: block;
  background: darkviolet;
  color: rgb(255, 255, 255);
  line-height: 120%;
  position: absolute;
  bottom: calc(100% + 9px);
  left: calc(50% + 66px);
  padding: 6px 18px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
@media (max-width: 720px) {
  .submit-tool-hero h1 .badge-free {
    font-size: 16px;
    padding: 4px 12px;
  }
}
.submit-tool-hero h1 .badge-free:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 1px);
  left: 18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 16px 0px 0px;
  border-color: darkviolet transparent transparent transparent;
  transform: rotate(0deg);
}
.submit-tool-hero h2 .break {
  color: #007589;
  display: block;
}
.submit-tool-hero .hero-subtitle {
  padding: 12px 0 0 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  max-width: 780px;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .submit-tool-hero .hero-subtitle {
    font-size: 16px;
  }
}
.submit-tool-hero .hero-par {
  padding: 12px 0 0 0;
  font-weight: 600;
  max-width: 780px;
  margin: 0 auto;
}
.submit-tool-hero .hero-proof {
  font-size: 14px;
  font-weight: bold;
  color: forestgreen;
  padding: 12px 0 0 0;
}
.submit-tool-hero .hero-proof span {
  display: block;
}
.submit-tool-hero .hero-proof p {
  margin: 0;
  padding: 0;
}
.submit-tool-hero .hero-actions {
  max-width: 780px;
  margin: 0 auto;
  padding: 24px 0 0 0;
}
.submit-tool-hero .hero-actions .hero-actions-cta {
  margin: 0 0 24px 0;
}
.submit-tool-hero .hero-actions .hero-actions-cta .btn {
  display: inline-block;
  font-weight: 700;
}
.submit-tool-hero .hero-actions .hero-note {
  font-style: italic;
  line-height: 140%;
}
.submit-tool-hero .hero-actions .hero-note a {
  font-weight: bold;
}
.submit-tool-hero .hero-actions .hero-micro {
  font-style: italic;
  line-height: 140%;
  color: forestgreen;
  font-weight: bold;
  font-size: 14px;
}
.submit-tool-hero .hero-actions .hero-micro a {
  font-weight: bold;
}
.submit-tool-hero .hero-media {
  max-width: 720px;
  margin: 0 auto;
  padding: 24px 0 0 0;
}
.submit-tool-hero .hero-media img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.submit-tool-hero .account-form {
  padding: 12px 0 0 0;
  margin: 0 auto;
  max-width: 600px;
}
.submit-tool-hero .account-form .form-group input {
  padding: 27px 17px 15px 17px;
}
.submit-tool-hero .account-form .form-group label {
  top: 23px;
}

.submit-tool-benefits {
  margin: 90px 0 0 0;
  text-align: center;
  position: relative;
}
.submit-tool-benefits .section-subtitle {
  margin: 12px auto 0 auto;
  font-weight: 700;
  max-width: 720px;
}
.submit-tool-benefits .benefits-list {
  display: grid;
  grid-template-columns: 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333%;
  row-gap: 0px;
  column-gap: 24px;
  margin: 0 0 0 0;
  line-height: 1.4;
  width: calc(100% - 264px);
}
.submit-tool-benefits .benefits-list .benefit-item {
  grid-column: span 3;
}
@media (max-width: 960px) {
  .submit-tool-benefits .benefits-list .benefit-item {
    grid-column: span 6;
  }
}
@media (max-width: 420px) {
  .submit-tool-benefits .benefits-list .benefit-item {
    grid-column: span 12;
  }
}
.submit-tool-benefits .benefits-list .benefit-icon {
  position: relative;
  width: 100%;
  padding: 100% 0 0 0;
}
@media (max-width: 960px) {
  .submit-tool-benefits .benefits-list .benefit-icon {
    padding: 50% 0 0 0;
  }
}
@media (max-width: 640px) {
  .submit-tool-benefits .benefits-list .benefit-icon {
    padding: 100% 0 0 0;
  }
}
@media (max-width: 420px) {
  .submit-tool-benefits .benefits-list .benefit-icon {
    padding: 66% 0 0 0;
  }
}
.submit-tool-benefits .benefits-list .benefit-icon img {
  display: block;
  width: 100%;
  max-width: 300px;
  max-height: calc(100% - 36px);
  margin: 0 auto;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}
.submit-tool-benefits .benefits-list h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  font-size: 24px;
  line-height: 120%;
}
@media (max-width: 720px) {
  .submit-tool-benefits .benefits-list h3 {
    font-size: 20px;
    min-height: 48px;
  }
}
.submit-tool-benefits .benefits-list p {
  margin: 0 0 12px 0;
}

.submit-tool-hero.submit-tool-cta {
  margin: 90px 0 0 0;
}

@media (max-width: 960px) {
  .packages-block {
    max-width: 300px;
    margin: 0 auto;
  }
}
.packages-block.packages-block-claim {
  max-width: 748.8px;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .packages-block.packages-block-claim {
    max-width: 300px;
    margin: 0 auto;
  }
}

.packages-grid {
  display: grid;
  grid-template-columns: 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333%;
  row-gap: 0px;
  column-gap: 24px;
  margin: 66px 0 0 0;
  line-height: 1.4;
  width: calc(100% - 264px);
  text-align: center;
}
@media (max-width: 960px) {
  .packages-grid {
    row-gap: 24px;
  }
}
.packages-grid .package-card {
  grid-column: span 4;
  position: relative;
}
@media (max-width: 960px) {
  .packages-grid .package-card {
    grid-column: span 12;
  }
}
.packages-grid.packages-grid-claim .package-card {
  grid-column: span 6;
}
@media (max-width: 720px) {
  .packages-grid.packages-grid-claim .package-card {
    grid-column: span 12;
  }
}
.packages-grid .package-container {
  background-color: rgb(225.2276923077, 232.4892307692, 237.5723076923);
  height: 100%;
  border-radius: 60px;
  position: relative;
  padding: 0 24px 0 24px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 24px -18px, rgba(0, 0, 0, 0.06) 0px 60px 120px 0px inset;
}
.packages-grid .package-container:before {
  border-radius: 60px;
}
.packages-grid .package-container.free {
  background-color: white;
}
.packages-grid .package-container.free:before {
  content: "";
  height: calc(100% - 10px - 4px);
  width: calc(100% - 2px - 4px);
  position: absolute;
  left: 2px;
  top: 2px;
  border-top: 6px solid rgba(24, 34, 41, 0.24);
  border-bottom: 4px solid rgba(24, 34, 41, 0.24);
  border-left: 1px solid rgba(24, 34, 41, 0.24);
  border-right: 1px solid rgba(24, 34, 41, 0.24);
}
.packages-grid .package-container.featured {
  background-color: rgb(250.9630769231, 251.9476923077, 252.6369230769);
}
.packages-grid .package-container.featured:before {
  content: "";
  height: calc(100% - 16px - 4px);
  width: calc(100% - 4px - 4px);
  position: absolute;
  left: 2px;
  top: 2px;
  border-top: 9.6px solid limegreen;
  border-bottom: 6.4px solid limegreen;
  border-left: 2px solid limegreen;
  border-right: 2px solid limegreen;
}
.packages-grid .package-container.premium {
  background-color: white;
}
.packages-grid .package-container.premium:before {
  content: "";
  height: calc(100% - 16px - 4px);
  width: calc(100% - 4px - 4px);
  position: absolute;
  left: 2px;
  top: 2px;
  border-top: 9.6px solid darkviolet;
  border-bottom: 6.4px solid darkviolet;
  border-left: 2px solid darkviolet;
  border-right: 2px solid darkviolet;
}
.packages-grid .package-content {
  position: relative;
}
.packages-grid .package-header {
  text-align: center;
  position: relative;
}
.packages-grid .package-header h3 {
  padding: 90px 0 0 0;
}
.packages-grid .package-header .badge {
  color: rgb(255, 255, 255);
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  padding: 9px 48px 9px 48px;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0% 100% 50% 50%/0% 0% 100% 100%;
  line-height: 120%;
  top: 3px;
}
.packages-grid .package-header .badge.badge-featured {
  background: limegreen;
}
.packages-grid .package-header .badge.badge-premium {
  background: darkviolet;
}
.packages-grid .package-header .package-price {
  margin: 30px 0 24px 0;
  position: relative;
  line-height: 120%;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}
.packages-grid .package-header .package-price .price-currency {
  position: absolute;
  white-space: nowrap;
  right: calc(100% + 2px);
  font-size: 18px;
  font-weight: 700;
  top: 50%;
  transform: translateY(-50%);
}
.packages-grid .package-header .package-price .price {
  font-size: 48px;
  font-weight: bold;
  white-space: nowrap;
}
.packages-grid .package-header .package-price .price-note {
  position: absolute;
  white-space: nowrap;
  left: calc(100% + 3px);
  top: 50%;
  transform: translateY(-50%);
}
.packages-grid .package-container ul {
  min-height: 210px;
  padding-bottom: 6px;
  line-height: 120%;
  text-align: center;
}
@media (max-width: 960px) {
  .packages-grid .package-container ul {
    min-height: auto;
  }
}
.packages-grid .package-container li {
  padding: 0 0 6px 0;
}
.packages-grid .package-container li i {
  font-size: 14px;
  padding: 0 2px 0 0;
}
.packages-grid .package-container li .fa-check {
  color: forestgreen;
}
.packages-grid .package-container li .fa-hourglass-half,
.packages-grid .package-container li .fa-xmark {
  color: crimson;
}
.packages-grid .package-container li .fa-rocket {
  color: darkviolet;
}
.packages-grid .package-container form {
  display: block;
  text-align: center;
  padding: 0 0 60px 0;
}
.packages-grid .package-container form .btn {
  margin: 0 auto;
  display: inline-block;
}
.packages-grid .package-container form .btn-primary {
  font-weight: 700;
}
.packages-grid .package-container .form-hint {
  padding: 12px 0 0 0;
  font-size: 14px;
  font-style: italic;
}

.payment-methods {
  margin: 24px 0 0 0;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
}
.payment-methods .payment-methods-header h4 {
  font-size: 14px;
}
.payment-methods .payment-methods-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0px;
  column-gap: 6px;
  padding: 0 0 0 0;
}
@media (max-width: 640px) {
  .payment-methods .payment-methods-list {
    column-gap: 4px;
  }
}
.payment-methods .payment-methods-list li img {
  width: 42px;
  display: block;
}
@media (max-width: 640px) {
  .payment-methods .payment-methods-list li img {
    width: 36px;
  }
}
.payment-methods .payment-methods-footer i {
  color: forestgreen;
  padding: 0 2px 0 0;
}

.pricing-faq {
  margin: 90px 0 0 0;
  font-size: 18px;
}
.pricing-faq .faq-list {
  column-count: 2;
  column-gap: 12px;
  list-style: none;
  padding: 12px 0 24px 0;
}
@media (max-width: 640px) {
  .pricing-faq .faq-list {
    column-count: 1;
    column-gap: 0;
  }
}
.pricing-faq .faq-item {
  margin: 0 0 6px 0;
  break-inside: avoid;
  display: block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.pricing-faq .faq-item:before {
  padding: 0 !important;
  content: "" !important;
}
@media (max-width: 640px) {
  .pricing-faq .faq-item:before {
    padding: 0 !important;
  }
}
.pricing-faq .faq-item .faq-content {
  position: relative;
  background: rgba(43, 59, 71, 0.06);
  border-radius: 16px;
  padding: 0;
  box-shadow: rgba(255, 255, 255, 0.12) 0px 12px 24px 0px inset;
}
.pricing-faq .faq-item:nth-child(22n+1) .faq-content {
  background: rgba(43, 59, 71, 0.029);
}
.pricing-faq .faq-item:nth-child(22n+2) .faq-content {
  background: rgba(43, 59, 71, 0.086);
}
.pricing-faq .faq-item:nth-child(22n+3) .faq-content {
  background: rgba(43, 59, 71, 0.047);
}
.pricing-faq .faq-item:nth-child(22n+4) .faq-content {
  background: rgba(43, 59, 71, 0.048);
}
.pricing-faq .faq-item:nth-child(22n+5) .faq-content {
  background: rgba(43, 59, 71, 0.053);
}
.pricing-faq .faq-item:nth-child(22n+6) .faq-content {
  background: rgba(43, 59, 71, 0.121);
}
.pricing-faq .faq-item:nth-child(22n+7) .faq-content {
  background: rgba(43, 59, 71, 0.054);
}
.pricing-faq .faq-item:nth-child(22n+8) .faq-content {
  background: rgba(43, 59, 71, 0.052);
}
.pricing-faq .faq-item:nth-child(22n+9) .faq-content {
  background: rgba(43, 59, 71, 0.04);
}
.pricing-faq .faq-item:nth-child(22n+10) .faq-content {
  background: rgba(43, 59, 71, 0.127);
}
.pricing-faq .faq-item:nth-child(22n+11) .faq-content {
  background: rgba(43, 59, 71, 0.098);
}
.pricing-faq .faq-item:nth-child(22n+12) .faq-content {
  background: rgba(43, 59, 71, 0.076);
}
.pricing-faq .faq-item:nth-child(22n+13) .faq-content {
  background: rgba(43, 59, 71, 0.072);
}
.pricing-faq .faq-item:nth-child(22n+14) .faq-content {
  background: rgba(43, 59, 71, 0.035);
}
.pricing-faq .faq-item:nth-child(22n+15) .faq-content {
  background: rgba(43, 59, 71, 0.081);
}
.pricing-faq .faq-item:nth-child(22n+16) .faq-content {
  background: rgba(43, 59, 71, 0.049);
}
.pricing-faq .faq-item:nth-child(22n+17) .faq-content {
  background: rgba(43, 59, 71, 0.11);
}
.pricing-faq .faq-item:nth-child(22n+18) .faq-content {
  background: rgba(43, 59, 71, 0.064);
}
.pricing-faq .faq-item:nth-child(22n+19) .faq-content {
  background: rgba(43, 59, 71, 0.138);
}
.pricing-faq .faq-item:nth-child(22n+20) .faq-content {
  background: rgba(43, 59, 71, 0.112);
}
.pricing-faq .faq-item:nth-child(22n+21) .faq-content {
  background: rgba(43, 59, 71, 0.138);
}
.pricing-faq .faq-item:nth-child(22n+22) .faq-content {
  background: rgba(43, 59, 71, 0.085);
}
.pricing-faq .faq-item .faq-question {
  transition: all 0.2s ease-in-out;
  font-size: 16px;
  background: none;
  border: none;
  padding: 12px 48px 12px 24px;
  margin: 0;
  font: inherit;
  color: #2b3b47;
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  width: 100%;
  display: block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  line-height: 140%;
  position: relative;
}
.pricing-faq .faq-item .faq-question:hover {
  color: #0098B3;
}
.pricing-faq .faq-item .faq-question i {
  transition: all 0.2s ease-in-out;
  display: block;
  padding: 0;
  position: absolute;
  right: 24px;
  top: calc(50% + 0px);
  transform: translateY(-50%) scaleY(1);
  opacity: 0.36;
}
.pricing-faq .faq-item .faq-question:hover i {
  opacity: 1;
}
.pricing-faq .faq-item .faq-answer {
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  max-height: 0;
}
.pricing-faq .faq-item .faq-answer p {
  padding: 0 24px 12px 24px;
}
.pricing-faq .faq-item .faq-answer p a {
  font-weight: bold;
}
.pricing-faq .faq-item.active .faq-question {
  font-weight: 700;
  color: #007589;
}
.pricing-faq .faq-item.active .faq-question i {
  opacity: 1;
  transform: translateY(-50%) scaleY(-1);
}
.pricing-faq .faq-item.active .faq-answer {
  transition: all 0.3s ease-in-out;
  max-height: 460px;
}

.my-profile-header.promote-header {
  margin: 0;
}
.my-profile-header.promote-header h1.profile-title {
  line-height: 120%;
  padding: 0 66px 6px 0;
  white-space: normal;
  word-break: break-word;
  position: relative;
  overflow: visible;
}
@media (max-width: 960px) {
  .my-profile-header.promote-header h1.profile-title {
    font-size: 42px;
  }
}
@media (max-width: 720px) {
  .my-profile-header.promote-header h1.profile-title {
    font-size: 30px;
  }
}
.my-profile-header.promote-header h1.profile-title .btn.promote-header-link {
  line-height: 120%;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 720px) {
  .my-profile-header.promote-header h1.profile-title .btn.promote-header-link span {
    display: none;
  }
}
.my-profile-header.promote-header .profile-avatar-container {
  display: none;
}

.my-profile-header-block.promote-menu .profile-slug .profile-menu-credits {
  background: #FFF;
  padding: 0 9px 0 0;
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 66px);
  left: 0;
  border-radius: 24px;
}
.my-profile-header-block.promote-menu .profile-slug .profile-menu-credits dfn.credits {
  font-weight: bold;
}
@media (max-width: 480px) {
  .my-profile-header-block.promote-menu .profile-slug .profile-menu-credits dfn.credits {
    display: none;
  }
}
.my-profile-header-block.promote-menu .profile-slug .profile-menu-credits dfn.sep {
  padding: 0 4px 0 2px;
  color: rgba(43, 59, 71, 0.66);
}
.my-profile-header-block.promote-menu .profile-slug .profile-menu-credits dfn strong {
  font-weight: 700;
}
.my-profile-header-block.promote-menu .profile-slug .profile-menu-credits dfn small {
  font-size: 14px;
}
.promote-snapshot {
  margin: 60px 0 0 0;
  text-align: center;
  position: relative;
}
@media (max-width: 960px) {
  .promote-snapshot .container {
    max-width: 480px;
    margin: 0 auto;
  }
}
.promote-snapshot .section-subtitle {
  margin: 12px auto 0 auto;
  font-weight: 700;
  max-width: 720px;
}
.promote-snapshot .snapshot-grid {
  display: grid;
  grid-template-columns: 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333%;
  row-gap: 0px;
  column-gap: 24px;
  margin: 0 0 0 0;
  line-height: 1.4;
  width: calc(100% - 264px);
}
.promote-snapshot .snapshot-grid .snapshot-card {
  grid-column: span 4;
}
@media (max-width: 960px) {
  .promote-snapshot .snapshot-grid .snapshot-card {
    grid-column: span 12;
  }
}
.promote-snapshot .snapshot-grid .snapshot-card-visual {
  position: relative;
  width: 100%;
  padding: 100% 0 0 0;
}
@media (max-width: 960px) {
  .promote-snapshot .snapshot-grid .snapshot-card-visual {
    padding: 66% 0 0 0;
  }
}
@media (max-width: 420px) {
  .promote-snapshot .snapshot-grid .snapshot-card-visual {
    padding: 75% 0 0 0;
  }
}
.promote-snapshot .snapshot-grid .snapshot-card-visual img {
  display: block;
  width: 100%;
  max-width: 300px;
  max-height: calc(100% - 36px);
  margin: 0 auto;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}
.promote-snapshot .snapshot-grid h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  font-size: 24px;
  line-height: 120%;
  position: relative;
}
@media (max-width: 720px) {
  .promote-snapshot .snapshot-grid h3 {
    font-size: 20px;
    min-height: 48px;
  }
}
.promote-snapshot .snapshot-grid h3 span {
  display: inline-block;
  position: relative;
}
.promote-snapshot .snapshot-grid h3 em {
  font-weight: bold;
  color: rgba(43, 59, 71, 0.88);
}
.promote-snapshot .snapshot-grid p {
  margin: 0 0 12px 0;
}
.promote-snapshot .snapshot-grid .snapshot-benefits {
  font-size: 16px;
  margin: 0 0 18px 0;
  min-height: 88px;
}
.promote-snapshot .snapshot-grid .snapshot-benefits li i {
  color: forestgreen;
  font-size: 14px;
}
.promote-snapshot .snapshot-grid .btn-primary {
  display: inline-block;
  min-width: 180px;
}
.promote-snapshot .snapshot-grid .snapshot-buy {
  font-size: 14px;
  padding: 12px 0 24px 0;
  font-style: italic;
}

.promote-split-block {
  position: relative;
  padding: 0 calc(50% + 12px) 0 0;
  margin: 48px 0 0 0;
}
@media (max-width: 720px) {
  .promote-split-block {
    padding: 0;
    max-width: 480px;
    margin: 48px auto 0 auto;
  }
}
@media (max-width: 480px) {
  .promote-split-block {
    margin: 60px auto 0 auto;
  }
}

.promote-guidelines {
  width: calc(50% - 12px);
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 720px) {
  .promote-guidelines {
    width: 100%;
    position: relative;
  }
}
.promote-guidelines .container {
  padding: 24px 24px;
  background: linear-gradient(180deg, rgb(207.5, 223.538961039, 226.5) 0%, rgb(239.375, 244.650974026, 245.625) 100%);
  border-radius: 12px 12px 24px 24px;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 18px 36px -24px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.77);
}
@media (max-width: 480px) {
  .promote-guidelines .container {
    padding: 24px 18px;
  }
}
.promote-guidelines a {
  font-weight: bold;
}
.promote-guidelines ul {
  padding: 12px 0 12px 0;
}
.promote-guidelines ul li:before {
  color: rgba(43, 59, 71, 0.66);
  padding: 0 12px 0 0px;
  content: "⚊";
}
@media (max-width: 640px) {
  .promote-guidelines ul li:before {
    padding: 0 6px 0 0px;
  }
}
.promote-guidelines .guidelines-note {
  font-style: italic;
}

@media (max-width: 720px) {
  .promote-payment {
    margin: 48px 0 0 0;
  }
}
.promote-payment .promote-payment-form {
  margin: 0;
}
.promote-payment .promote-payment-form .form-group {
  margin: 0 0 12px 0;
  position: relative;
}
.promote-payment .promote-payment-form .form-group label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
  z-index: 101;
}
@media (max-width: 480px) {
  .promote-payment .promote-payment-form .form-group label {
    left: 18px;
  }
}
.promote-payment .promote-payment-form .form-group .input-counter {
  z-index: 100;
  position: relative;
  border-radius: 12px;
  height: 52px;
  border: 1px solid rgb(179.4, 179.4, 179.4);
  background: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 18px -12px, rgba(0, 0, 0, 0.09) 0px 12px 24px -12px inset;
}
.promote-payment .promote-payment-form .form-group .btn-minus,
.promote-payment .promote-payment-form .form-group .btn-plus {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 10px;
  background-color: rgb(205.9261538462, 217.8953846154, 226.2738461538);
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 9px 18px -9px, rgba(0, 0, 0, 0.08) 0px 4px 8px 0px inset;
}
.promote-payment .promote-payment-form .form-group .btn-minus:hover,
.promote-payment .promote-payment-form .form-group .btn-plus:hover {
  background-color: #007589;
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 18px -12px, rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.promote-payment .promote-payment-form .form-group .btn-minus:active,
.promote-payment .promote-payment-form .form-group .btn-plus:active {
  background-color: #0098B3;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: rgba(0, 0, 0, 0.36) 0px 9px 18px -9px, rgba(0, 0, 0, 0.12) 0px 4px 8px 0px inset;
}
.promote-payment .promote-payment-form .form-group .btn-minus i,
.promote-payment .promote-payment-form .form-group .btn-plus i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.promote-payment .promote-payment-form .form-group .btn-minus {
  right: 90px;
}
.promote-payment .promote-payment-form .form-group .btn-plus {
  right: 6px;
}
.promote-payment .promote-payment-form .form-group input[type=number] {
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 130px;
  padding: 12px 6px 12px 6px;
  line-height: 140%;
  font-size: 16px;
  font-weight: 700;
  border-radius: 12px;
  background: none;
  color: #2B3B47;
  outline: none;
  box-sizing: border-box;
  box-shadow: none;
  border: none;
}
.promote-payment .promote-payment-form .form-group input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.promote-payment .promote-payment-form .form-group input[type=number]::-webkit-outer-spin-button,
.promote-payment .promote-payment-form .form-group input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.promote-payment .promote-payment-form .form-error {
  display: block;
  background: crimson;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  padding: 18px 18px;
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  font-weight: normal;
  z-index: 1000;
  margin: 0 0 12px 0;
}
.promote-payment .promote-payment-form .summary-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  background: linear-gradient(180deg, rgb(207.5, 223.538961039, 226.5) 0%, rgb(223.4375, 234.0949675325, 236.0625) 100%);
  margin: 0 0 12px 0;
  border-radius: 12px;
  padding: 18px 24px;
  line-height: 140%;
  text-align: center;
  font-style: italic;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.77);
}
@media (max-width: 480px) {
  .promote-payment .promote-payment-form .summary-box {
    padding: 18px 18px;
    line-height: 130%;
  }
}
.promote-payment .promote-payment-form .summary-box span {
  display: block;
}
@media (max-width: 480px) {
  .promote-payment .promote-payment-form .summary-box span {
    font-size: 14px;
  }
}
.promote-payment .promote-payment-form .summary-box strong {
  display: block;
}
.promote-payment .promote-payment-form .summary-box .summary-row {
  text-align: left;
}
.promote-payment .promote-payment-form .summary-box .summary-total {
  text-align: right;
}
.promote-payment .promote-payment-form .summary-box .summary-total strong {
  font-weight: 700;
  font-size: 24px;
}
.promote-payment .promote-payment-form .actions .btn {
  width: 100%;
}
.promote-payment .promote-payment-form .summary-note {
  text-align: center;
  padding: 12px 0;
  font-style: italic;
  color: rgba(43, 59, 71, 0.88);
}
.promote-payment .promote-payment-form .summary-note span {
  font-weight: 700;
}

.promote-items {
  margin: 90px 0 0 0;
}
.promote-items .container h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 125%;
}
@media (max-width: 720px) {
  .promote-items .container h2 {
    font-size: 30px;
  }
}

.promote-items-list {
  margin: 12px 0 0 0;
  border-top: 1px solid rgba(24, 34, 41, 0.24);
  position: relative;
}
.promote-items-list li {
  border-bottom: 1px solid rgba(24, 34, 41, 0.24);
  padding: 18px 112px 18px 0;
  position: relative;
}
@media (max-width: 540px) {
  .promote-items-list li {
    padding: 18px 0 18px 0;
  }
}
.promote-items-list li .item-container {
  width: 100%;
  max-width: 720px;
  min-height: 24px;
}
.promote-items-list li .item-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 140%;
}
@media (max-width: 540px) {
  .promote-items-list li .item-header {
    position: relative;
    padding: 0 0 2px 0;
  }
}
.promote-items-list li .item-header .item-time {
  font-style: italic;
  color: rgba(43, 59, 71, 0.66);
}
.promote-items-list li .item-header .item-status {
  position: absolute;
  right: 0;
  top: 50%;
  white-space: nowrap;
  color: #FFF;
  background: #00414d;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
  padding: 6px 12px;
  border-radius: 12px;
  transform: translateY(-50%);
}
@media (max-width: 540px) {
  .promote-items-list li .item-header .item-status {
    top: -2px;
    transform: translateY(0);
    padding: 2px 9px;
    font-weight: 500;
  }
}
.promote-items-list li .item-header .item-status.item-status-pending {
  color: #000;
  background: gold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.66);
}
.promote-items-list li .item-header .item-status.item-status-approved {
  color: #FFF;
  background: forestgreen;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
}
.promote-items-list li .item-header .item-status.item-status-canceled {
  color: #FFF;
  background: crimson;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
}
.promote-items-list li .item-header .item-status.item-status-expired {
  color: #FFF;
  background: crimson;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
}
.promote-items-list li .item-header .item-status.item-status-completed {
  color: #FFF;
  background: forestgreen;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.66);
}
.promote-items-list li .item-header .item-status em {
  font-weight: 600;
  display: none;
}
.promote-items-list li .item-header .item-status strong {
  font-style: italic;
  font-weight: 700;
}
@media (max-width: 540px) {
  .promote-items-list li .item-header .item-status strong {
    font-weight: 500;
  }
}
.promote-items-list li h3 {
  font-size: 18px;
  font-weight: 700;
  max-width: 100%;
}
.promote-items-list li h3 span {
  font-weight: normal;
  color: rgba(43, 59, 71, 0.77);
}
.promote-items-list li h3 em {
  font-weight: normal;
  color: rgba(43, 59, 71, 0.77);
}
.promote-items-list li h3 a {
  text-decoration: none;
  font-weight: bold;
  white-space: nowrap;
  display: inline-block;
}
.promote-items-list li .item-file {
  font-size: 14px;
  font-weight: bold;
}
.promote-items-list li .item-links span {
  display: inline-block;
  font-weight: normal;
}
.promote-items-list li .item-links span.item-links-title {
  padding: 0 4px 0 0;
}
.promote-items-list li .item-links span.sep {
  padding: 0 4px;
}
.promote-items-list li .item-links i {
  display: inline-block;
}
.promote-items-list li .item-links strong {
  display: inline-block;
}
.promote-items-list li .item-links a {
  display: inline-block;
}
.promote-items-list li .item-cta {
  padding: 6px 0 0 0;
}
.promote-items-list li .item-cta .btn {
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 12px;
}
.promote-items-list li .item-cta-cancel {
  padding: 6px 0 0 0;
}
.promote-items-list li .item-cta-cancel .btn {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 12px;
  font-weight: normal;
}
.promote-items-list li .item-url {
  font-size: 14px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}
.promote-items-list li .item-interval {
  font-size: 14px;
  font-style: italic;
}
.promote-items-list li .item-interval .fa-arrow-right {
  padding: 0 4px;
}
.promote-items-list li .item-performance {
  padding: 12px 0 0 0;
}
.promote-items-list li .item-performance strong {
  font-weight: 700;
}
.promote-items-list li .item-performance .sep {
  display: inline-block;
  padding: 0 4px;
}

footer {
  position: relative;
  z-index: 150;
  min-height: 320px;
  box-shadow: rgba(0, 0, 0, 0.36) 0px -24px 36px -24px, rgba(0, 0, 0, 0.12) 0px 90px 180px 0px inset;
  background: calc(66px / 4) calc(66px / 4) /calc(2 * 66px) 66px conic-gradient(at 62.5% 25%, rgba(0, 0, 0, 0) 75%, rgb(233.528, 240.0651428571, 241.272) 0), calc(5 * 66px / 4) calc(66px / -4) /calc(2 * 66px) 66px conic-gradient(at 62.5% 25%, rgba(0, 0, 0, 0) 75%, rgb(233.528, 240.0651428571, 241.272) 0), linear-gradient(90deg, rgba(0, 0, 0, 0) 75%, rgb(233.528, 240.0651428571, 241.272) 0) 0/66px 66px rgb(252.332, 252.9532987013, 253.068);
}

.footer-logo {
  z-index: 150;
  position: relative;
  height: 102.4px;
  background-color: rgba(199.088, 212.1082597403, 214.512, 0.66);
  box-shadow: rgba(0, 0, 0, 0.36) 0px 24px 36px -24px;
  overflow: hidden;
  mix-blend-mode: none;
}
@media (max-width: 720px) {
  .footer-logo {
    height: 76.8px;
  }
}
@media (max-width: 480px) {
  .footer-logo {
    height: 64px;
  }
}
.footer-logo .logo {
  display: block;
  height: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-filter: grayscale(100%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(0%);
  filter: grayscale(100%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(0%);
  mix-blend-mode: none;
}
.footer-logo:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(199.088, 212.1082597403, 214.512, 0.22) 0%, rgba(199.088, 212.1082597403, 214.512, 0.99) 100%);
}

.footer-block {
  width: calc(100% - 48px);
  padding: 0 24px;
  position: relative;
  z-index: 140;
  min-height: 320px;
  background: linear-gradient(180deg, rgba(196.196, 214.0988571429, 217.404, 0.77) 0%, rgba(199.088, 212.1082597403, 214.512, 0.33) 100%);
}
@media (max-width: 1024px) {
  .footer-block {
    width: calc(100% - 36px);
    padding: 0 18px;
  }
}
.footer-block .footer-content {
  width: 100%;
  max-width: 1152px;
  margin: 0 auto;
  min-height: 64px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 48px 66px -48px;
}

.footer-nav {
  min-height: 128px;
  width: calc(100% - 240px);
  line-height: 120%;
  padding: 64px 0;
}
.footer-nav .columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.footer-nav .column h4 {
  display: inline-block;
  padding: 0 0 6px 0;
  color: #2B3B47;
  border-bottom: 1px solid rgb(76.6875, 119.8449675325, 127.8125);
  font-weight: 600;
}
.footer-nav .column ul {
  padding: 9px 0 0 0;
}
.footer-nav .column li {
  display: block;
}
.footer-nav .column li a {
  display: inline-block;
  color: rgb(63.3, 98.9233766234, 105.5);
  padding: 3px 0;
  transition: all 0.2s ease-in-out;
}
.footer-nav .column li a:hover {
  color: #007589;
  text-decoration: underline;
}
.footer-nav .column li a.active {
  color: #0098B3;
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .footer-nav {
    width: calc(100% - 0px);
  }
}
@media (max-width: 640px) {
  .footer-nav .columns {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
    row-gap: 24px;
  }
}
.footer-brand {
  width: 240px;
  min-height: 64px;
  position: absolute;
  text-align: center;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.footer-brand .brand-link {
  display: block;
  color: rgb(63.3, 98.9233766234, 105.5);
  line-height: 120%;
  font-style: italic;
  transition: all 0.2s ease-in-out;
}
.footer-brand .brand-link .brand-icon {
  display: block;
  width: 120px;
  margin: 0 auto;
}
.footer-brand .brand-link .brand-text {
  display: block;
  padding: 6px 0 0 0;
}
.footer-brand .brand-link .brand-name {
  display: block;
  font-weight: 600;
  padding: 2px 0 0 0;
}
.footer-brand .brand-link .brand-slogan {
  display: block;
  padding: 2px 0 0 0;
}
.footer-brand .brand-link:hover {
  text-decoration: none;
  color: #007589;
}
.footer-brand .footer-socials {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 0;
  font-size: 24px;
}
.footer-brand .footer-socials a {
  transition: all 0.2s ease-in-out;
  display: block;
  color: rgba(63.3, 98.9233766234, 105.5, 0.77);
  padding: 3px 3px;
}
.footer-brand .footer-socials a:hover {
  text-decoration: none;
  color: #007589;
}

@media (max-width: 1024px) {
  .footer-brand {
    width: 100%;
    position: relative;
    text-align: center;
    right: auto;
    top: auto;
    transform: translateY(-32px);
    margin: 0 auto;
    padding: 0 0 32px 0;
  }
  .footer-brand .brand-link .brand-icon {
    display: block;
    width: 120px;
    margin: 0 auto;
  }
  .footer-brand .brand-link .brand-name {
    display: inline;
    padding: 0;
  }
  .footer-brand .brand-link .brand-slogan {
    display: inline;
    padding: 0;
  }
}
.footer-bottom {
  text-align: center;
  width: 100%;
  max-width: 1152px;
  margin: 0 auto;
  min-height: 64px;
  position: relative;
  padding: 32px 0 128px 0;
  border-top: 1px solid rgba(63.3, 98.9233766234, 105.5, 0.24);
}
@media (max-width: 640px) {
  .footer-bottom {
    font-size: 14px;
  }
}
.footer-bottom .footer-legal {
  line-height: 130%;
}
.footer-bottom .legal-links a {
  transition: all 0.2s ease-in-out;
  color: rgb(63.3, 98.9233766234, 105.5);
}
.footer-bottom .legal-links a:hover {
  color: #0098B3;
}
.footer-bottom .legal-links a.active {
  color: #0098B3;
  text-decoration: underline;
}
.footer-bottom .legal-links .sep {
  padding: 0 3px;
  color: rgba(43, 59, 71, 0.66);
}
.footer-bottom .legal-links .cookie-settings-trigger {
  transition: all 0.2s ease-in-out;
  color: rgb(63.3, 98.9233766234, 105.5);
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  cursor: pointer;
}
.footer-bottom .legal-links .cookie-settings-trigger:hover {
  color: #0098B3;
}
.footer-bottom .legal-links .cookie-settings-trigger:focus-visible {
  outline: 2px solid rgba(0, 152, 179, 0.55);
  outline-offset: 2px;
  border-radius: 2px;
}
.footer-bottom .footer-umbrella {
  font-size: 12px;
  padding: 12px 0 12px 0;
  line-height: 1.3;
}
.footer-bottom .footer-umbrella a {
  color: #007589;
}
.footer-bottom .footer-umbrella span {
  display: block;
}
.footer-bottom .footer-human .fa-solid {
  color: crimson;
  font-size: 16px;
}

.junk-code {
  background: rgba(0, 65, 77, 0.11);
  margin-top: 2000px;
}

.listings-header {
  position: relative;
  padding-right: 208px;
}
@media (max-width: 720px) {
  .listings-header {
    padding-right: 0;
  }
}
.listings-header .account-nav {
  padding-bottom: 12px;
}
.listings-header .account-nav a {
  font-weight: bold;
}
.listings-header h1 {
  font-size: 36px;
  line-height: 125%;
  font-weight: 700;
  margin: 0 0 12px 0;
}
@media (max-width: 720px) {
  .listings-header h1 {
    font-size: 30px;
  }
}
.listings-header h2 {
  font-size: 30px;
  line-height: 125%;
  font-weight: 700;
  margin: 0 0 12px 0;
}
@media (max-width: 720px) {
  .listings-header h2 {
    font-size: 24px;
  }
}
.listings-header p {
  margin: 0 0 18px 0;
  max-width: 780px;
  font-size: 18px;
  font-weight: 500;
}
.listings-header .header-stats {
  width: 190px;
  background: #00414D;
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  right: 0;
  padding: 12px 0 12px 0;
  box-shadow: rgba(0, 0, 0, 0.77) 0px 12px 18px -12px, rgba(0, 0, 0, 0.24) 0px 24px 48px 0px inset;
}
@media (max-width: 720px) {
  .listings-header .header-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    position: relative;
    width: auto;
    padding: 9px 18px;
  }
}
@media (max-width: 420px) {
  .listings-header .header-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
.listings-header .header-stats:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -29px;
  left: 50%;
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 30px 30px 0 30px;
  border-color: #00414D transparent transparent transparent;
}
@media (max-width: 720px) {
  .listings-header .header-stats:after {
    bottom: -11px;
    border-width: 12px 12px 0 12px;
    left: 17%;
    transform: translateX(-50%);
  }
}
.listings-header .header-stats .stat-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 720px) {
  .listings-header .header-stats .stat-item {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.listings-header .header-stats .stat-item strong {
  font-weight: normal;
}
.listings-header .header-stats .stat-item i {
  padding: 0 6px;
}
.listings-header .header-stats .stat-item span {
  font-size: 14px;
}
.listings-header .header-stats .stat-brand {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 420px) {
  .listings-header .header-stats .stat-brand {
    display: none;
  }
}
.listings-header .header-stats .stat-brand span {
  padding-right: 6px;
}
.listings-header .header-stats .stat-brand img {
  display: block;
  width: 24px;
}

.listings-categ {
  margin: 42px 0 0 0;
}

.listings-categ .tabs,
.listings-items .tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
}
@media (max-width: 720px) {
  .listings-categ .tabs,
  .listings-items .tabs {
    padding-top: 18px;
  }
}
.listings-categ .tab,
.listings-items .tab {
  transition: all 0.2s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  padding: 9px 18px;
  border-radius: 12px;
  color: #2B3B47;
  background: rgb(252.9447368421, 253.4078947368, 253.7552631579);
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  box-shadow: rgba(0, 0, 0, 0) 0px 12px 18px -12px, rgba(0, 0, 0, 0.08) 0px 6px 12px 0px inset;
}
@media (max-width: 720px) {
  .listings-categ .tab,
  .listings-items .tab {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .listings-categ .tab.tab-az, .listings-categ .tab.tab-za,
  .listings-items .tab.tab-az,
  .listings-items .tab.tab-za {
    display: none;
  }
}
@media (max-width: 480px) {
  .listings-categ .tab.tab-most-viewed,
  .listings-items .tab.tab-most-viewed {
    display: none;
  }
}
.listings-categ .tab:hover,
.listings-items .tab:hover {
  color: #FFF;
  background: #007589;
  text-decoration: none;
}
.listings-categ .tab.active,
.listings-items .tab.active {
  background: #00414D;
  color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.48) 0px 8px 16px -8px, rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}

.listings-categ {
  padding-bottom: 24px;
}
.listings-categ .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 6px;
  column-gap: 12px;
  padding: 0;
  margin: 0;
  line-height: 125%;
}
@media (max-width: 960px) {
  .listings-categ .list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  .listings-categ .list {
    font-size: 14px;
  }
}
@media (max-width: 580px) {
  .listings-categ .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.listings-categ .list a {
  color: #2B3B47;
}
.listings-categ .list a:hover {
  text-decoration: none;
  color: #007589;
}
.listings-categ .list a .category-count-old {
  transition: all 0.2s ease-in-out;
  min-width: 30px;
  text-align: center;
  border-radius: 6px;
  padding: 0 2px;
  font-size: 12px;
  display: inline-block;
  background: rgba(0, 65, 77, 0.96);
  color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 6px 0px inset;
}
.listings-categ .list a:hover .category-count-old {
  background: #007589;
}
.listings-categ .list a .category-name {
  transition: all 0.2s ease-in-out;
}
.listings-categ .list a:hover .category-name {
  color: #007589;
}
.listings-categ .list a em {
  transition: all 0.2s ease-in-out;
  color: rgba(43, 59, 71, 0.5);
  font-weight: 500;
}
.listings-categ .list a:hover em {
  color: rgba(0, 117, 137, 0.5);
}
.listings-categ .list a .category-count {
  transition: all 0.2s ease-in-out;
  font-weight: normal;
  color: #2B3B47;
  font-weight: 500;
  color: rgba(43, 59, 71, 0.77);
}
.listings-categ .list a:hover .category-count {
  color: #007589;
}

.pagination {
  margin-top: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .page-numbers {
  display: flex;
  gap: 6px;
  font-size: 30px;
}
@media (max-width: 640px) {
  .pagination .page-numbers {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .pagination .page-numbers {
    gap: 0px;
  }
}
.pagination .page-numbers li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .page-numbers a,
.pagination .page-numbers span {
  transition: all 0.2s ease-in-out;
  padding: 9px 12px;
  border-radius: 12px;
  color: #2b3b47;
  cursor: pointer;
  font-weight: 700;
}
@media (max-width: 480px) {
  .pagination .page-numbers a,
  .pagination .page-numbers span {
    padding: 9px 9px;
  }
}
@media (max-width: 360px) {
  .pagination .page-numbers a,
  .pagination .page-numbers span {
    padding: 9px 6px;
  }
}
.pagination .page-numbers a:hover {
  color: #0098B3;
  text-decoration: none;
}
.pagination .page-numbers .current {
  color: #007589;
}
.pagination .page-numbers .dots {
  border: none;
  background: transparent;
  color: rgba(43, 59, 71, 0.66);
  cursor: default;
  padding: 0;
  font-weight: normal;
}
.pagination .page-numbers .next,
.pagination .page-numbers .prev {
  display: block;
  padding: 9px 12px;
  font-weight: 500;
}
@media (max-width: 480px) {
  .pagination .page-numbers .next,
  .pagination .page-numbers .prev {
    padding: 9px 6px;
  }
}
.pagination .page-numbers .next .screen-reader-text,
.pagination .page-numbers .prev .screen-reader-text {
  display: none;
}

.listings-items {
  position: relative;
  padding: 48px 0 0 0;
  width: 100%;
}
.listings-items .list {
  display: grid;
  grid-template-columns: 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333%;
  row-gap: 48px;
  column-gap: 24px;
  margin: 24px 0 0 0;
  line-height: 1.4;
  width: calc(100% - 264px);
}
.listings-items .list .listing-item {
  grid-column: span 3;
}
@media (max-width: 1024px) {
  .listings-items .list .listing-item {
    grid-column: span 4;
  }
}
@media (max-width: 720px) {
  .listings-items .list .listing-item {
    grid-column: span 6;
  }
}
@media (max-width: 640px) {
  .listings-items .list {
    width: calc(100% - 132px);
    row-gap: 36px;
    column-gap: 12px;
  }
}
@media (max-width: 360px) {
  .listings-items .list .listing-item {
    grid-column: span 12;
  }
}

.listings-items {
  padding: 48px 0 0 0;
  width: 100%;
}
.listings-items .list.list-v2 .listing-item {
  grid-column: span 4;
}
@media (max-width: 1024px) {
  .listings-items .list.list-v2 .listing-item {
    grid-column: span 4;
  }
}
@media (max-width: 720px) {
  .listings-items .list.list-v2 .listing-item {
    grid-column: span 6;
  }
}
@media (max-width: 640px) {
  .listings-items .list.list-v2 {
    width: calc(100% - 132px);
    row-gap: 36px;
    column-gap: 12px;
  }
}
@media (max-width: 360px) {
  .listings-items .list.list-v2 .listing-item {
    grid-column: span 12;
  }
}

.listings-items.hub-items {
  padding: 24px 0 0 0;
}

.listings-items .list.list-v1 .listing-item:nth-child(36n+1) {
  grid-column: span 6;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+1) h3 {
  font-size: 20px;
  font-weight: 700;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+2) {
  grid-column: span 6;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+2) h3 {
  font-size: 20px;
  font-weight: 700;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+3) {
  grid-column: span 4;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+4) {
  grid-column: span 4;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+5) {
  grid-column: span 4;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+6) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+7) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+8) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+9) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+10) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+11) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+12) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+13) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+14) {
  grid-column: span 6;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+14) h3 {
  font-size: 20px;
  font-weight: 700;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+15) {
  grid-column: span 6;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+15) h3 {
  font-size: 20px;
  font-weight: 700;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+16) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+17) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+18) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+19) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+20) {
  grid-column: span 4;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+21) {
  grid-column: span 4;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+22) {
  grid-column: span 4;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+23) {
  grid-column: span 4;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+24) {
  grid-column: span 4;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+25) {
  grid-column: span 4;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+26) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+27) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+28) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+29) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+30) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+31) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+32) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+33) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+34) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n+35) {
  grid-column: span 3;
}
.listings-items .list.list-v1 .listing-item:nth-child(36n) {
  grid-column: span 3;
}
@media (max-width: 1024px) {
  .listings-items .list.list-v1 .listing-item:nth-child(36n+1) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+1) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+2) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+2) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+3) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+4) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+5) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+6) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+7) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+8) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+9) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+10) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+11) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+12) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+12) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+13) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+13) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+14) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+14) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+15) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+15) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+16) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+17) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+18) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+19) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+20) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+21) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+22) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+23) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+24) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+25) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+25) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+26) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+26) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+27) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+28) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+29) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+30) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+31) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+32) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+33) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+34) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+35) {
    grid-column: span 4;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n) {
    grid-column: span 4;
  }
}
@media (max-width: 720px) {
  .listings-items .list.list-v1 .listing-item:nth-child(36n+1) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+1) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+2) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+2) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+3) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+4) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+5) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+8) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+9) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+10) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+11) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+11) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+12) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+12) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+13) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+13) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+14) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+14) h3 {
    font-size: 16px;
    font-weight: bold;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+15) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+15) h3 {
    font-size: 16px;
    font-weight: bold;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+16) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+17) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+18) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+19) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+20) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+21) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+22) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+23) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+24) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+24) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+25) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+25) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+26) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+26) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+27) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+28) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+29) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+30) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+31) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+32) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+33) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+34) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+35) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n) {
    grid-column: span 6;
  }
}
@media (max-width: 640px) {
  .listings-items .list.list-v1 .listing-item:nth-child(36n+1) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+1) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+2) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+2) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+3) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+4) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+5) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+8) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+9) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+10) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+11) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+11) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+12) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+12) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+13) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+13) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+14) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+15) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+16) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+17) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+18) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+19) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+20) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+21) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+22) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+23) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+24) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+24) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+25) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+25) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+26) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+26) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+27) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+28) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+29) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+30) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+31) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+32) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+33) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+34) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+35) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n) {
    grid-column: span 6;
  }
}
@media (max-width: 360px) {
  .listings-items .list.list-v1 .listing-item:nth-child(36n+1) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+1) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+2) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+2) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+3) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+3) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+4) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+4) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+5) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+5) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+6) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+7) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+8) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+8) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+9) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+9) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+10) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+10) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+11) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+11) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+12) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+12) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+13) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+13) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+14) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+14) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+15) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+15) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+16) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+16) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+17) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+17) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+18) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+18) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+19) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+19) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+20) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+20) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+21) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+21) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+22) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+22) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+23) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+23) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+24) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+24) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+25) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+25) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+26) {
    grid-column: span 12;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+26) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+27) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+27) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+28) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+28) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+29) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+29) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+30) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+30) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+31) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+31) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+32) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+32) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+33) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+33) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+34) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+34) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+35) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n+35) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n) {
    grid-column: span 6;
  }
  .listings-items .list.list-v1 .listing-item:nth-child(36n) h3 {
    font-size: 14px;
  }
}

.listings-items .list.list-v3 .listing-item {
  grid-column: span 12;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+1) {
  grid-column: span 4;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+2) {
  grid-column: span 4;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+3) {
  grid-column: span 4;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+4) {
  grid-column: span 6;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+4) h3 {
  font-size: 20px;
  font-weight: 700;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+5) {
  grid-column: span 6;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+5) h3 {
  font-size: 20px;
  font-weight: 700;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+6) {
  grid-column: span 3;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+7) {
  grid-column: span 3;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+8) {
  grid-column: span 3;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+9) {
  grid-column: span 3;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+10) {
  grid-column: span 4;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n+11) {
  grid-column: span 4;
}
.listings-items .list.list-v4 .listing-item:nth-child(12n) {
  grid-column: span 4;
}
@media (max-width: 1024px) {
  .listings-items .list.list-v4 .listing-item:nth-child(12n+1) {
    grid-column: span 4;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+2) {
    grid-column: span 4;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+3) {
    grid-column: span 4;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+4) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+4) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+5) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+5) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+6) {
    grid-column: span 4;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+7) {
    grid-column: span 4;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+8) {
    grid-column: span 4;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+9) {
    grid-column: span 4;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+10) {
    grid-column: span 4;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+11) {
    grid-column: span 4;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n) {
    grid-column: span 4;
  }
}
@media (max-width: 720px) {
  .listings-items .list.list-v4 .listing-item:nth-child(12n+1) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+2) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+3) {
    grid-column: span 12;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+3) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+4) {
    grid-column: span 12;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+4) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+5) {
    grid-column: span 12;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+5) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+8) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+9) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+10) {
    grid-column: span 12;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+10) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+11) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n) {
    grid-column: span 6;
  }
}
@media (max-width: 360px) {
  .listings-items .list.list-v4 .listing-item:nth-child(12n+1) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+1) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+2) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+2) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+3) {
    grid-column: span 12;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+3) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+4) {
    grid-column: span 12;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+4) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+5) {
    grid-column: span 12;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+5) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+6) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+7) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+8) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+8) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+9) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+9) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+10) {
    grid-column: span 12;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+10) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+11) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n+11) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n) {
    grid-column: span 6;
  }
  .listings-items .list.list-v4 .listing-item:nth-child(12n) h3 {
    font-size: 14px;
  }
}

.listings-items .list.list-v5 .listing-item:nth-child(12n+1) {
  grid-column: span 6;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+1) h3 {
  font-size: 20px;
  font-weight: 700;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+2) {
  grid-column: span 6;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+2) h3 {
  font-size: 20px;
  font-weight: 700;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+3) {
  grid-column: span 3;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+4) {
  grid-column: span 3;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+5) {
  grid-column: span 3;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+6) {
  grid-column: span 3;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+7) {
  grid-column: span 4;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+8) {
  grid-column: span 4;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+9) {
  grid-column: span 4;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+10) {
  grid-column: span 4;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n+11) {
  grid-column: span 4;
}
.listings-items .list.list-v5 .listing-item:nth-child(12n) {
  grid-column: span 4;
}
@media (max-width: 1024px) {
  .listings-items .list.list-v5 .listing-item:nth-child(12n+1) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+1) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+2) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+2) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+3) {
    grid-column: span 4;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+4) {
    grid-column: span 4;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+5) {
    grid-column: span 4;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+6) {
    grid-column: span 4;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+7) {
    grid-column: span 4;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+8) {
    grid-column: span 4;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+9) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+9) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+10) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+10) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+11) {
    grid-column: span 4;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n) {
    grid-column: span 4;
  }
}
@media (max-width: 720px) {
  .listings-items .list.list-v5 .listing-item:nth-child(12n+1) {
    grid-column: span 12;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+1) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+2) {
    grid-column: span 12;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+2) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+3) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+4) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+5) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+8) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+9) {
    grid-column: span 12;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+9) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+10) {
    grid-column: span 12;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+10) h3 {
    font-size: 20px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+11) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n) {
    grid-column: span 6;
  }
}
@media (max-width: 360px) {
  .listings-items .list.list-v5 .listing-item:nth-child(12n+1) {
    grid-column: span 12;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+1) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+2) {
    grid-column: span 12;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+2) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+3) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+3) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+4) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+4) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+5) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+5) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+6) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+7) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+8) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+8) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+9) {
    grid-column: span 12;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+9) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+10) {
    grid-column: span 12;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+10) h3 {
    font-size: 16px;
    font-weight: 700;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+11) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n+11) h3 {
    font-size: 14px;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n) {
    grid-column: span 6;
  }
  .listings-items .list.list-v5 .listing-item:nth-child(12n) h3 {
    font-size: 14px;
  }
}

.listings-items .list.list-v6 .listing-item:nth-child(18n+5) {
  grid-column: span 4;
}
.listings-items .list.list-v6 .listing-item:nth-child(18n+6) {
  grid-column: span 4;
}
.listings-items .list.list-v6 .listing-item:nth-child(18n+7) {
  grid-column: span 4;
}
.listings-items .list.list-v6 .listing-item:nth-child(18n+8) {
  grid-column: span 4;
}
.listings-items .list.list-v6 .listing-item:nth-child(18n+9) {
  grid-column: span 4;
}
.listings-items .list.list-v6 .listing-item:nth-child(18n+10) {
  grid-column: span 4;
}
@media (max-width: 1024px) {
  .listings-items .list.list-v6 .listing-item:nth-child(18n+1) {
    grid-column: span 4;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+2) {
    grid-column: span 4;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+3) {
    grid-column: span 4;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+4) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+5) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+8) {
    grid-column: span 4;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+9) {
    grid-column: span 4;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+10) {
    grid-column: span 4;
  }
}
@media (max-width: 720px) {
  .listings-items .list.list-v6 .listing-item:nth-child(18n+1) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+2) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+3) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+4) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+5) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+8) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+9) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+10) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+11) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+12) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+13) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+14) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+15) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+16) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+17) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n) {
    grid-column: span 6;
  }
}
@media (max-width: 480px) {
  .listings-items .list.list-v6 .listing-item:nth-child(18n+1) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+2) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+3) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+4) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+5) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+8) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+9) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+10) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+11) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+12) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+13) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+14) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+15) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+16) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+17) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n) {
    grid-column: span 6;
  }
}
@media (max-width: 360px) {
  .listings-items .list.list-v6 .listing-item:nth-child(18n+1) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+2) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+3) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+4) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+5) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+6) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+7) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+8) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+9) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+10) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+11) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+12) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+13) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+14) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+15) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+16) {
    grid-column: span 12;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n+17) {
    grid-column: span 6;
  }
  .listings-items .list.list-v6 .listing-item:nth-child(18n) {
    grid-column: span 6;
  }
}

.listing-item {
  position: relative;
}
.listing-item .listing-link {
  display: block;
  text-decoration: none;
  color: #2B3B47;
}
.listing-item .listing-link:hover {
  text-decoration: none;
  color: #2B3B47;
}
.listing-item .listing-link .listing-media {
  background: linear-gradient(180deg, rgba(199.088, 212.1082597403, 214.512, 0.72) 0%, rgba(199.088, 212.1082597403, 214.512, 0.24) 100%);
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  line-height: 120%;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 12px 18px -12px;
}
.listing-item .listing-link .listing-media .listing-image {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: calc(100% + 2px);
}
.listing-item .listing-link .listing-media .listing-noimage {
  display: block;
  text-align: center;
  font-size: 13px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.listing-item .listing-link .listing-media .listing-noimage span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: lowercase;
}
.listing-item .listing-link .listing-media .listing-noimage strong {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.listing-item .listing-link .listing-header {
  position: relative;
  margin: 18px 0 0 0;
  height: 100px;
}
.listing-item .listing-link .listing-icon,
.listing-item .listing-link .listing-noicon {
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 42px;
  height: 42px;
  background: #FFF;
  top: -54px;
  left: 6px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 6px 18px;
  border-top: 3px solid #00414D;
  border-right: 1px solid #00414D;
  border-bottom: 1px solid #00414D;
  border-left: 2px solid #00414D;
  overflow: hidden;
}
.listing-item .listing-link .listing-icon img,
.listing-item .listing-link .listing-noicon img {
  transition: all 0.2s ease-in-out;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 4px);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 36px;
}
.listing-item .listing-link .listing-icon i,
.listing-item .listing-link .listing-noicon i {
  transition: all 0.2s ease-in-out;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 24px;
}
.listing-item .listing-link .listing-title {
  transition: all 0.2s ease-in-out;
  font-size: 16px;
  font-weight: 700;
  width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2B3B47;
}
.listing-item .listing-link .listing-slogan {
  transition: all 0.2s ease-in-out;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
  overflow: hidden;
  color: #2B3B47;
  line-height: 1.3;
}
@media (max-width: 640px) {
  .listing-item .listing-link .listing-slogan {
    font-size: 14px;
    line-height: 1.3;
  }
}
@media (max-width: 540px) {
  .listing-item .listing-link .listing-slogan {
    -webkit-line-clamp: 3;
  }
}
.listing-item .listing-link .listing-slogan.listing-slogan-pending {
  font-size: 14px;
  font-style: italic;
  color: rgba(43, 59, 71, 0.8);
}
.listing-item .listing-link .listing-upgrade {
  padding: 4px 0 0 0;
}
.listing-item .listing-link .listing-upgrade .btn {
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  padding: 8px 12px;
  box-shadow: none;
  border-radius: 12px;
}
.listing-item .listing-link .listing-categories {
  position: absolute;
  bottom: 100px;
  left: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 0px 2px;
  font-size: 12px;
  line-height: 1.2;
  list-style: none;
  padding: 0 54px 0 0;
  margin: 0;
  justify-content: flex-start;
  text-align: right;
}
.listing-item .listing-link .listing-categories li {
  background: #2B3B47;
  color: #fff;
  padding: 2px 6px;
  white-space: nowrap;
}
.listing-item .listing-link .listing-category {
  transition: all 0.2s ease-in-out;
  display: block;
  font-size: 13px;
  color: rgba(43, 59, 71, 0.88);
  padding: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}

.listing-item .listing-link:hover .listing-header {
  position: relative;
  margin: 18px 0 0 0;
}
.listing-item .listing-link:hover .listing-icon,
.listing-item .listing-link:hover .listing-noicon {
  border-top: 3px solid #007589;
  border-right: 1px solid #007589;
  border-bottom: 1px solid #007589;
  border-left: 2px solid #007589;
}
.listing-item .listing-link:hover .listing-title {
  color: #007589;
}
.listing-item .listing-link:hover .listing-slogan {
  color: #007589;
}
.listing-item .listing-link:hover .listing-category {
  color: rgba(0, 117, 137, 0.88);
}

.listing-item .listing-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  height: 30px;
  font-style: italic;
  background: #FFF;
}
.listing-item .listing-actions .listing-favorites {
  display: block;
  cursor: pointer;
  padding: 4px 6px;
  margin: 0 0 0 -6px;
  background: transparent;
  font-size: 16px;
  color: rgba(43, 59, 71, 0.77);
}
.listing-item .listing-actions .listing-favorites:hover {
  color: #007589;
  text-decoration: none;
}
.listing-item .listing-actions .listing-favorites.is-favorite {
  color: crimson;
}
.listing-item .listing-actions .listing-rating {
  display: block;
  padding: 0 6px 0 0;
  color: rgba(43, 59, 71, 0.66);
}
.listing-item .listing-actions .listing-rating i {
  font-size: 14px;
}
.listing-item .listing-actions .listing-rating span {
  font-size: 13px;
  margin-left: -2px;
  color: rgba(43, 59, 71, 0.88);
}
.listing-item .listing-actions .listing-views {
  display: block;
  padding: 0 6px 0 0;
  color: rgba(43, 59, 71, 0.66);
}
.listing-item .listing-actions .listing-views i {
  font-size: 14px;
}
.listing-item .listing-actions .listing-views span {
  font-size: 13px;
  margin-left: -2px;
  color: rgba(43, 59, 71, 0.88);
}
.listing-item .listing-actions .listing-clicks {
  display: block;
  padding: 0 0 0 0;
  color: rgba(43, 59, 71, 0.66);
}
.listing-item .listing-actions .listing-clicks i {
  font-size: 14px;
}
.listing-item .listing-actions .listing-clicks span {
  font-size: 13px;
  margin-left: -2px;
  color: rgba(43, 59, 71, 0.88);
}
.listing-item .listing-actions .listing-updated {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  padding: 0 0 0 0;
  color: rgba(43, 59, 71, 0.66);
}
.listing-item .listing-actions .listing-updated i {
  font-size: 14px;
}
.listing-item .listing-actions .listing-updated time {
  font-size: 13px;
  margin-left: -1px;
  color: rgba(43, 59, 71, 0.88);
}
@media (max-width: 540px) {
  .listing-item .listing-actions .listing-updated {
    display: none;
  }
}

.listing-link .listing-badges {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.listing-link .overlay {
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(196.196, 214.0988571429, 217.404, 0) 0%, rgba(199.088, 212.1082597403, 214.512, 0.48) 100%);
  opacity: 0.5;
}
.listing-link:hover .overlay {
  background: linear-gradient(180deg, rgba(0, 117, 137, 0) 0%, rgba(0, 117, 137, 0.24) 100%);
  opacity: 1;
}
.listing-link .top-badge {
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 2px;
  position: absolute;
  top: 6px;
  right: 6px;
}
.listing-link .top-badge .badge-item {
  display: block;
  background: rgba(0, 65, 77, 0.84);
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: rgba(0, 0, 0, 0.36) 0px 6px 9px -6px, rgba(0, 0, 0, 0.24) 0px 8px 16px 0px inset;
  padding: 2px 6px;
  border-radius: 6px;
}
.listing-link .top-badge .badge-item.badge-plan, .listing-link .top-badge .badge-item.badge-featured {
  background: limegreen;
}
.listing-link .top-badge .badge-item.badge-premium {
  background: darkviolet;
}
.listing-link .top-badge .badge-item.cbadge-featured {
  background: rgb(0, 13.6666666667, 77);
}
.listing-link .top-badge .badge-item.cbadge-trending {
  background: rgb(37.6666666667, 0, 77);
}
.listing-link .top-badge .badge-item.cbadge-editorspick {
  background: #4d0041;
}
.listing-link .top-badge .badge-item.cbadge-mostread {
  background: rgb(77, 0, 13.6666666667);
}
.listing-link .top-badge .badge-item.cbadge-expertinsight {
  background: rgb(77, 37.6666666667, 0);
}
.listing-link .top-badge .badge-item.cbadge-bestguide {
  background: #414d00;
}
.listing-link .top-badge .badge-item.cbadge-recommended {
  background: rgb(13.6666666667, 77, 0);
}
.listing-link .badge-check {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 66px;
  height: 66px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(50, 205, 50, 0.88);
  background: linear-gradient(135deg, rgba(50, 205, 50, 0) 51%, rgba(50, 205, 50, 0.96) 51.00001%, rgba(50, 205, 50, 0.96) 96%);
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
@media (max-width: 540px) {
  .listing-link .badge-check {
    width: 54px;
    height: 54px;
  }
}
.listing-link .badge-check.badge-check-premium {
  background: rgba(148, 0, 211, 0.88);
  background: linear-gradient(135deg, rgba(148, 0, 211, 0) 51%, rgba(148, 0, 211, 0.96) 51.00001%, rgba(148, 0, 211, 0.96) 96%);
}
.listing-link .badge-check .fa-solid {
  position: absolute;
  right: 12px;
  bottom: 9px;
}

.listing-item .listing-external-link {
  transition: all 0.2s ease-in-out;
  display: block;
  color: rgba(43, 59, 71, 0.5);
  position: absolute;
  bottom: 107px;
  right: -4px;
  font-size: 14px;
  padding: 3px 4px;
  text-decoration: none;
}
.listing-item .listing-external-link:hover {
  color: #007589;
  text-decoration: none;
}
@media (max-width: 540px) {
  .listing-item .listing-external-link {
    display: none;
  }
}

.form-preview-ad {
  position: relative;
  margin: 12px 0 12px 0;
  display: block;
  border-radius: 18px;
}
.form-preview-ad h4 {
  font-size: 14px;
  display: inline-block;
  background: #2B3B47;
  color: #FFF;
  padding: 4px 18px;
  border-radius: 12px;
  top: -5px;
  position: relative;
}
.form-preview-ad .form-preview-ad-container {
  position: relative;
  display: block;
  border-radius: 18px;
}
.form-preview-ad .form-preview-ad-container .listing-ad-card {
  border-radius: 18px;
}

.listing-item-ad {
  min-height: 180px;
  height: calc(100% - 0px);
  text-align: center;
  line-height: 1.3;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 12px 18px -12px;
  overflow: hidden;
}
.listing-item-ad.preview-ad {
  width: 100%;
  display: block;
  border-radius: 18px;
}
.listing-item-ad .listing-ad-card {
  background: #00414D;
  background: linear-gradient(180deg, black 0%, #00414d 100%);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.listing-item-ad .listing-ad-card.style1 {
  background: deeppink;
  background: linear-gradient(180deg, rgb(152.6, 0, 82.4689361702) 0%, rgb(244.4, 0, 132.08) 100%);
}
.listing-item-ad .listing-ad-card.style2 {
  background: lightSeaGreen;
  background: linear-gradient(180deg, rgb(13.3485714286, 74.2514285714, 70.9142857143) 0%, rgb(27.3371428571, 152.0628571429, 145.2285714286) 100%);
}
.listing-item-ad .listing-ad-card.style3 {
  background: fuchsia;
  background: linear-gradient(180deg, rgb(132.6, 0, 132.6) 0%, rgb(224.4, 0, 224.4) 100%);
}
.listing-item-ad .listing-ad-card.style4 {
  background: deepSkyBlue;
  background: linear-gradient(180deg, rgb(0, 99.32, 132.6) 0%, rgb(0, 168.08, 224.4) 100%);
}
.listing-item-ad .listing-ad-card.style5 {
  background: darkTurquoise;
  background: linear-gradient(180deg, rgb(0, 85.356937799, 86.6) 0%, rgb(0, 175.8392344498, 178.4) 100%);
}
.listing-item-ad .listing-ad-card.style6 {
  background: yellowGreen;
  background: linear-gradient(180deg, rgb(80.08, 106.6, 26) 0%, rgb(135.52, 180.4, 44) 100%);
}
.listing-item-ad .listing-ad-link {
  color: #FFF;
  position: relative;
  width: calc(100% - 36px);
  height: 100%;
  padding: 0 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
@media (max-width: 540px) {
  .listing-item-ad .listing-ad-link {
    width: calc(100% - 36px);
    padding: 0 18px;
  }
}
.listing-item-ad .listing-ad-link:hover {
  text-decoration: none;
}
.listing-item-ad .listing-ad-link div {
  max-width: 360px;
  margin: 0 auto;
}
.listing-item-ad .listing-ad-link small {
  display: block;
  font-size: 12px;
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  opacity: 0.77;
}
.listing-item-ad .listing-ad-link strong {
  display: inline-block;
  max-width: calc(100% - 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  background: rgba(255, 255, 255, 0.85);
  text-shadow: none;
  color: #000;
  padding: 4px 6px;
  vertical-align: middle;
  border-radius: 6px;
  font-weight: 700;
}
.listing-item-ad .listing-ad-link span {
  display: block;
  font-weight: 500;
  padding: 6px 0 0 0;
}
@media (max-width: 540px) {
  .listing-item-ad .listing-ad-link span {
    font-size: 14px;
  }
}
.listing-item-ad .your-ad-here {
  transition: all 0.2s ease-in-out;
  width: 100%;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 7px;
  left: 0;
  font-size: 13px;
  font-style: italic;
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
}
.listing-item-ad .your-ad-here:hover {
  text-decoration: underline;
  color: rgb(255, 255, 255);
}

.listings-empty {
  text-align: center;
  padding: 36px 0 36px 0;
}
.listings-empty h3 {
  color: crimson;
  font-size: 16px;
  font-weight: 700;
}
.listings-empty p {
  max-width: 720px;
  margin: 6px auto 6px auto;
}
.listings-empty .button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0 0 0;
}
.listings-empty .listings-empty-actions {
  padding: 12px 0 12px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listings-empty .listings-empty-actions .btn {
  display: block;
}

.listing-view {
  padding: 0 0 66px 0;
}
@media (max-width: 640px) {
  .listing-view {
    padding: 0 0 0 0;
  }
}

.listing-view .listing-header {
  width: 100%;
  position: relative;
  line-height: 1.5;
}
.listing-view .listing-header .listing-meta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-style: italic;
  padding: 0 0 0 0;
}
@media (max-width: 640px) {
  .listing-view .listing-header .listing-meta {
    font-size: 14px;
  }
}
@media (max-width: 420px) {
  .listing-view .listing-header .listing-meta {
    display: block;
    padding: 0 0 0 0;
  }
}
.listing-view .listing-header .listing-meta .author {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 12px;
}
.listing-view .listing-header .listing-meta .prefix {
  padding: 0 6px 0 0;
}
.listing-view .listing-header .listing-meta .author-link {
  display: block;
  position: relative;
  padding: 0 0 0 30px;
}
.listing-view .listing-header .listing-meta .author-link .avatar {
  display: block;
  border-radius: 24px;
  overflow: hidden;
  width: 24px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.listing-view .listing-header .listing-meta .author-link span {
  padding-right: 3px;
  max-width: 160px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listing-view .listing-header .listing-meta .listing-updated {
  color: rgba(43, 59, 71, 0.66);
}
.listing-view .listing-header .listing-categ {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-style: italic;
  padding: 0 0 6px 0;
}
@media (max-width: 640px) {
  .listing-view .listing-header .listing-categ {
    font-size: 14px;
  }
}
.listing-view .listing-header .listing-categ .prefix {
  padding: 0 6px 0 0;
}
.listing-view .listing-header .listing-categ .listing-category {
  max-width: 360px;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 480px) {
  .listing-view .listing-header .listing-categ .listing-category {
    max-width: 240px;
  }
}
.listing-view .listing-header .listing-header-content {
  padding: 0 136px 66px 0;
  position: relative;
}
@media (max-width: 540px) {
  .listing-view .listing-header .listing-header-content {
    padding-right: 72px;
  }
}
.listing-view .listing-header .listing-header-content h1 {
  font-size: 36px;
  font-weight: 700;
  max-width: 780px;
}
@media (max-width: 640px) {
  .listing-view .listing-header .listing-header-content h1 {
    font-size: 30px;
  }
}
.listing-view .listing-header .listing-header-content p {
  font-size: 24px;
  font-weight: 700;
  max-width: 720px;
}
@media (max-width: 640px) {
  .listing-view .listing-header .listing-header-content p {
    font-size: 18px;
  }
}
.listing-view .listing-header .listing-header-content .external-link {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  transform: translateY(-50%);
}
@media (max-width: 540px) {
  .listing-view .listing-header .listing-header-content .external-link a {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 540px) {
  .listing-view .listing-header .listing-header-content .external-link a span {
    display: none;
  }
}
.listing-view .listing-header .listing-featured-media {
  width: 100%;
  padding: 40% 0 0 0;
  position: relative;
  box-shadow: rgba(0, 117, 137, 0.66) 0px 48px 66px -48px;
  display: block;
}
@media (max-width: 640px) {
  .listing-view .listing-header .listing-featured-media {
    padding: 50% 0 0 0;
  }
}
.listing-view .listing-header .listing-featured-media .media-figure {
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.listing-view .listing-header .listing-featured-media .media-image {
  position: absolute;
  top: 0%;
  transform: translateY(-50%);
  left: 0;
  display: block;
  width: 100%;
  animation: slide-top 12s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
}
@keyframes slide-top {
  0%, 5%, 100% {
    transform: translateY(0);
  }
  85% {
    transform: translateY(-50%);
  }
}
.listing-view .listing-header .listing-featured-media .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 117, 137, 0) 0%, rgba(0, 117, 137, 0.24) 100%);
  opacity: 0.5;
}
.listing-view .listing-header .listing-featured-media .listing-icon,
.listing-view .listing-header .listing-featured-media .listing-noicon {
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 120px;
  height: 120px;
  background: #FFF;
  bottom: -12px;
  left: 12px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 6px 18px;
  border-top: 3px solid #00414D;
  border-right: 1px solid #00414D;
  border-bottom: 1px solid #00414D;
  border-left: 2px solid #00414D;
  overflow: hidden;
}
@media (max-width: 640px) {
  .listing-view .listing-header .listing-featured-media .listing-icon,
  .listing-view .listing-header .listing-featured-media .listing-noicon {
    left: 6px;
    width: 72px;
    height: 72px;
  }
}
.listing-view .listing-header .listing-featured-media .listing-icon img,
.listing-view .listing-header .listing-featured-media .listing-noicon img {
  transition: all 0.2s ease-in-out;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 4px);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 66px;
}
.listing-view .listing-header .listing-featured-media .listing-icon i,
.listing-view .listing-header .listing-featured-media .listing-noicon i {
  transition: all 0.2s ease-in-out;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 24px;
}
.listing-view .listing-header .listing-featured-media .top-badge {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 2px;
  position: absolute;
  top: 6px;
  right: 6px;
}
.listing-view .listing-header .listing-featured-media .top-badge .badge-item {
  display: block;
  background: rgba(0, 65, 77, 0.84);
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: rgba(0, 0, 0, 0.36) 0px 6px 9px -6px, rgba(0, 0, 0, 0.24) 0px 8px 16px 0px inset;
  padding: 2px 9px;
  border-radius: 6px;
}
.listing-view .listing-header .listing-featured-media .top-badge .badge-item.badge-plan, .listing-view .listing-header .listing-featured-media .top-badge .badge-item.badge-featured {
  background: limegreen;
}
.listing-view .listing-header .listing-featured-media .top-badge .badge-item.badge-premium {
  background: darkviolet;
}
.listing-view .listing-header .listing-featured-media .badge-check {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 66px;
  height: 66px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(50, 205, 50, 0.88);
  background: linear-gradient(135deg, rgba(50, 205, 50, 0) 51%, rgba(50, 205, 50, 0.96) 51.00001%, rgba(50, 205, 50, 0.96) 96%);
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
@media (max-width: 540px) {
  .listing-view .listing-header .listing-featured-media .badge-check {
    width: 54px;
    height: 54px;
  }
}
.listing-view .listing-header .listing-featured-media .badge-check.badge-check-premium {
  background: rgba(148, 0, 211, 0.88);
  background: linear-gradient(135deg, rgba(148, 0, 211, 0) 51%, rgba(148, 0, 211, 0.96) 51.00001%, rgba(148, 0, 211, 0.96) 96%);
}
.listing-view .listing-header .listing-featured-media .badge-check .fa-solid {
  position: absolute;
  right: 12px;
  bottom: 9px;
}

.listing-header .listing-categories {
  padding: 4px 0 0 0;
  font-size: 14px;
}
@media (max-width: 640px) {
  .listing-header .listing-categories {
    font-size: 12px;
  }
}
.listing-header .listing-categories ul {
  display: block;
  max-width: 720px;
}
.listing-header .listing-categories li {
  float: left;
  padding: 2px 2px 0 0;
}
.listing-header .listing-categories li a {
  transition: all 0.2s ease-in-out;
  display: block;
  background: rgb(199.4, 31.0753246753, 0);
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
  padding: 2px 9px;
  border-radius: 6px;
  font-weight: 500;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.listing-header .listing-categories li a:hover {
  text-decoration: none;
  background: #007589 !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px 0px inset;
}
.listing-header .listing-categories li:nth-child(6n+1) a {
  background: rgb(199.4, 0, 168.3246753247);
}
.listing-header .listing-categories li:nth-child(6n+2) a {
  background: rgb(142.4935064935, 168.8, 0);
}
.listing-header .listing-categories li:nth-child(6n+3) a {
  background: rgb(31.0753246753, 0, 199.4);
}
.listing-header .listing-categories li:nth-child(6n+4) a {
  background: rgb(0, 168.8, 26.3064935065);
}
.listing-header .listing-categories li:nth-child(6n+5) a {
  background: rgb(199.4, 31.0753246753, 0);
}
.listing-header .listing-categories li:nth-child(6n) a {
  background: rgb(168.8, 0, 142.4935064935);
}

.listing-view .listing-header .listing-category {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.listing-view .listing-header .listing-category a {
  transition: all 0.2s ease-in-out;
  display: block;
  background: #00414D;
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
  padding: 2px 9px;
  border-radius: 6px;
  font-weight: 500;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.listing-view .listing-header .listing-category a:hover {
  text-decoration: none;
  background: #007589 !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px 0px inset;
}

.listing-view .listing-desc {
  padding: 36px 0 6px 0;
  font-size: 18px;
}
.listing-view .listing-desc .listing-desc-header {
  position: relative;
  padding-right: 124px;
}
@media (max-width: 480px) {
  .listing-view .listing-desc .listing-desc-header {
    padding-right: 0;
    padding-top: 38px;
  }
}
.listing-view .listing-desc h2 {
  font-size: 30px;
  font-weight: 700;
  max-width: 780px;
  padding: 0 0 12px 0;
}
@media (max-width: 720px) {
  .listing-view .listing-desc h2 {
    font-size: 24px;
  }
}
.listing-view .listing-desc .listing-desc-actions {
  position: absolute;
  right: 0;
  top: -2px;
}
@media (max-width: 480px) {
  .listing-view .listing-desc .listing-desc-actions {
    left: 0;
    top: 0;
  }
}
.listing-view .listing-desc .listing-desc-actions .btn {
  padding: 9px 18px;
  border-radius: 12px;
  display: inline-block;
}
@media (max-width: 720px) {
  .listing-view .listing-desc .listing-desc-actions .btn {
    font-size: 14px;
    padding: 6px 12px;
  }
}
.listing-view .listing-desc p {
  padding: 0 0 18px 0;
}
.listing-view .listing-desc p strong {
  font-weight: 700;
}
.listing-view .listing-desc p em {
  font-weight: 700;
  font-style: italic;
}
.listing-view .listing-desc ol, .listing-view .listing-desc ul {
  padding: 0 0 18px 0;
}
.listing-view .listing-desc ol li:before, .listing-view .listing-desc ul li:before {
  color: rgba(43, 59, 71, 0.66);
  padding: 0 12px 0 48px;
  content: "⚊";
}
@media (max-width: 640px) {
  .listing-view .listing-desc ol li:before, .listing-view .listing-desc ul li:before {
    padding: 0 6px 0 24px;
  }
}

.listing-view-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  height: 80px;
  font-style: italic;
  font-size: 24px;
  padding: 0 0 0 0;
  margin: 0 0 24px 0;
  border-bottom: 1px solid rgba(24, 34, 41, 0.24);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 30px -30px;
}
@media (max-width: 640px) {
  .listing-view-actions {
    font-size: 16px;
    font-weight: bold;
  }
}
.listing-view-actions:after {
  content: "";
  display: none;
  border-top: 1px solid rgba(24, 34, 41, 0.36);
  height: 1px;
  line-height: 1px;
  position: absolute;
  width: calc(100% - 640px);
  left: 54%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 640px) {
  .listing-view-actions:after {
    width: calc(100% - 480px);
  }
}
.listing-view-actions .listing-rating {
  display: block;
  padding: 0 8px 0 8px;
  color: rgba(43, 59, 71, 0.88);
  font-weight: 700;
}
@media (max-width: 640px) {
  .listing-view-actions .listing-rating {
    padding: 0 4px 0 0;
  }
}
@media (max-width: 430px) {
  .listing-view-actions .listing-rating {
    padding: 0 4px 0 0;
  }
}
.listing-view-actions .listing-rating span {
  margin-left: -2px;
  color: rgba(43, 59, 71, 0.88);
}
.listing-view-actions .listing-favorites {
  transition: all 0.2s ease-in-out;
  display: block;
  cursor: pointer;
  padding: 4px 6px;
  margin: 0 0 0 -6px;
  background: transparent;
  color: rgba(43, 59, 71, 0.88);
  color: crimson;
  font-size: 24px;
}
@media (max-width: 640px) {
  .listing-view-actions .listing-favorites {
    font-size: 20px;
  }
}
.listing-view-actions .listing-favorites .favorite-count {
  display: none;
}
.listing-view-actions .listing-favorites:hover {
  color: #007589;
  text-decoration: none;
}
.listing-view-actions .listing-favorites.is-favorite {
  color: crimson;
}
.listing-view-actions .listing-views {
  display: block;
  padding: 0 8px 0 8px;
  color: rgba(43, 59, 71, 0.88);
}
.listing-view-actions .listing-views.mini {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 640px) {
  .listing-view-actions .listing-views {
    padding: 0 4px 0 4px;
  }
}
.listing-view-actions .listing-views span {
  margin-left: -2px;
  color: rgba(43, 59, 71, 0.88);
}
@media (max-width: 640px) {
  .listing-view-actions .listing-views span {
    font-size: 16px;
  }
}
.listing-view-actions .listing-clicks {
  display: block;
  padding: 0 8px 0 8px;
  color: rgba(43, 59, 71, 0.88);
}
.listing-view-actions .listing-clicks.mini {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 640px) {
  .listing-view-actions .listing-clicks {
    padding: 0 6px 0 6px;
  }
}
@media (max-width: 520px) {
  .listing-view-actions .listing-clicks {
    display: none;
  }
}
.listing-view-actions .listing-clicks span {
  margin-left: -2px;
  color: rgba(43, 59, 71, 0.88);
}
@media (max-width: 640px) {
  .listing-view-actions .listing-clicks span {
    font-size: 16px;
  }
}
.listing-view-actions .listing-share {
  display: block;
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .listing-view-actions .listing-share {
    right: -3px;
  }
}
.listing-view-actions .listing-share ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.listing-view-actions .listing-share ul li a,
.listing-view-actions .listing-share ul li button {
  transition: all 0.2s ease-in-out;
  display: block;
  font-size: 24px;
  background: none;
  color: rgba(43, 59, 71, 0.88);
  padding: 0 6px;
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .listing-view-actions .listing-share ul li a,
  .listing-view-actions .listing-share ul li button {
    font-size: 20px;
    padding: 0 3px;
  }
}
.listing-view-actions .listing-share ul li a:hover,
.listing-view-actions .listing-share ul li button:hover {
  color: #007589;
}
@media (max-width: 480px) {
  .listing-view-actions .listing-share ul li.share-to-email {
    display: none;
  }
}
@media (max-width: 420px) {
  .listing-view-actions .listing-share ul li.share-to-fb, .listing-view-actions .listing-share ul li.share-to-reddit {
    display: none;
  }
}
.listing-view-actions .listing-share .share-copy-feedback {
  font-size: 12px;
  font-style: italic;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 6px);
  position: absolute;
  color: rgba(43, 59, 71, 0.77);
  white-space: nowrap;
}

.listing-view .listing-snapshot {
  padding: 48px 0 0 0;
  font-size: 18px;
}
.listing-view .listing-snapshot h2 {
  font-size: 30px;
  font-weight: 700;
  max-width: 780px;
  padding: 0 0 12px 0;
}
@media (max-width: 720px) {
  .listing-view .listing-snapshot h2 {
    font-size: 24px;
  }
}
.listing-view .listing-snapshot p {
  padding: 0 0 18px 0;
}
.listing-view .listing-snapshot .snapshot-grid {
  border-bottom: 1px solid rgba(43, 59, 71, 0.18);
}
.listing-view .listing-snapshot .snapshot-item {
  border-top: 1px solid rgba(43, 59, 71, 0.18);
  background: rgba(43, 59, 71, 0.05);
  display: grid;
  grid-template-columns: 30% 70%;
  row-gap: 0;
  column-gap: 0;
  width: 100%;
  box-shadow: rgba(255, 255, 255, 0.5) 0px 18px 36px 0px inset;
}
@media (max-width: 720px) {
  .listing-view .listing-snapshot .snapshot-item {
    grid-template-columns: 100%;
  }
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-1 {
  background: rgba(43, 59, 71, 0.115);
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-2 {
  background: rgba(43, 59, 71, 0.134);
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-3 {
  background: rgba(43, 59, 71, 0.026);
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-4 {
  background: rgba(43, 59, 71, 0.082);
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-5 {
  background: rgba(43, 59, 71, 0.038);
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-6 {
  background: rgba(43, 59, 71, 0.08);
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-7 {
  background: rgba(43, 59, 71, 0.122);
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-8 {
  background: rgba(43, 59, 71, 0.139);
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-9 {
  background: rgba(43, 59, 71, 0.134);
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-10 {
  background: rgba(43, 59, 71, 0.056);
}
.listing-view .listing-snapshot .snapshot-item.snapshot-item-11 {
  background: rgba(43, 59, 71, 0.074);
}
.listing-view .listing-snapshot .snapshot-item dt {
  font-weight: 700;
  padding: 12px 12px 12px 24px;
  text-align: left;
}
@media (max-width: 720px) {
  .listing-view .listing-snapshot .snapshot-item dt {
    padding: 12px 18px 0 18px;
  }
}
.listing-view .listing-snapshot .snapshot-item dd {
  padding: 12px 24px 12px 0;
}
@media (max-width: 720px) {
  .listing-view .listing-snapshot .snapshot-item dd {
    padding: 0 18px 12px 18px;
  }
}
.listing-view .listing-snapshot .snapshot-item dd ul {
  margin: -2px 0 0 0;
}
.listing-view .listing-snapshot .snapshot-item dd ul li {
  float: left;
  margin: 2px 2px 0 0;
}
.listing-view .listing-snapshot .snapshot-item dd ul li strong {
  background: rgb(0, 168.8, 9.4264935065);
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
  padding: 2px 9px;
  border-radius: 6px;
  font-weight: 500;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.listing-view .listing-snapshot .snapshot-item dd ul li span {
  background: rgb(168.8, 116.3331601732, 0);
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
  padding: 2px 9px;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
  font-size: 14px;
  text-transform: capitalize;
}
.listing-view .listing-snapshot .snapshot-item dd ul li a {
  transition: all 0.2s ease-in-out;
  background: rgb(199.4, 31.0753246753, 0);
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
  padding: 2px 9px;
  border-radius: 6px;
  font-weight: 500;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.listing-view .listing-snapshot .snapshot-item dd ul li a:hover {
  text-decoration: none;
  background: #007589 !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px 0px inset;
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n+1) span {
  background: rgb(0, 168.8, 166.9731601732);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n+2) span {
  background: rgb(0, 168.8, 82.5731601732);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n+3) span {
  background: rgb(29.9601731602, 168.8, 0);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n+4) span {
  background: rgb(142.4935064935, 168.8, 0);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n+5) span {
  background: rgb(168.8, 82.5731601732, 0);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n) span {
  background: rgb(168.8, 0, 29.9601731602);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n+1) a {
  background: rgb(199.4, 0, 168.3246753247);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n+2) a {
  background: rgb(142.4935064935, 168.8, 0);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n+3) a {
  background: rgb(31.0753246753, 0, 199.4);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n+4) a {
  background: rgb(0, 168.8, 26.3064935065);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n+5) a {
  background: rgb(199.4, 31.0753246753, 0);
}
.listing-view .listing-snapshot .snapshot-item dd ul li:nth-child(6n) a {
  background: rgb(168.8, 0, 142.4935064935);
}
.listing-view .listing-snapshot .snapshot-item dd em {
  color: rgba(43, 59, 71, 0.72);
}
.listing-view .listing-snapshot .snapshot-item dd .snapshot-website-url {
  display: inline-block;
  font-weight: bold;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: lowercase;
  font-style: italic;
}
.listing-view .listing-snapshot .snapshot-item dd .snapshot-website-url i {
  padding: 0 0 0 0;
  text-decoration: none;
}
.listing-view .listing-snapshot .snapshot-item dd ol li:before {
  color: rgba(43, 59, 71, 0.66);
  padding: 0 12px 0 0;
  content: "⚊";
}
.listing-view .listing-snapshot .snapshot-item dd .pricing-plan {
  background: rgb(199.4, 31.0753246753, 0);
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
  padding: 2px 9px;
  border-radius: 6px;
  font-weight: 700;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.listing-view .listing-snapshot .snapshot-item dd .pricing-start {
  font-weight: bold;
}
.listing-view .listing-snapshot .snapshot-item dd .media-figure {
  width: 100%;
  max-width: 640px;
}
.listing-view .listing-snapshot .snapshot-item dd .media-figure .media-image {
  display: block;
  width: 100%;
}
.listing-view .listing-snapshot .snapshot-item dd .video-container {
  width: 100%;
  max-width: 640px;
  position: relative;
}
.listing-view .listing-snapshot .snapshot-item dd .video-container .inner {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.listing-view .listing-snapshot .snapshot-item dd .video-container .inner iframe,
.listing-view .listing-snapshot .snapshot-item dd .video-container .inner video,
.listing-view .listing-snapshot .snapshot-item dd .video-container .inner embed {
  top: 0;
  left: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.listing-view .listing-media {
  padding: 66px 0 0 0;
  line-height: 1.5;
}
.listing-view .listing-media h2 {
  font-size: 30px;
  font-weight: 700;
  max-width: 780px;
  padding: 0 0 12px 0;
}
@media (max-width: 720px) {
  .listing-view .listing-media h2 {
    font-size: 24px;
  }
}
.listing-view .listing-media .video-container {
  width: calc(48.5% - 9px);
  margin-right: 18px;
  position: relative;
  float: left;
}
@media (max-width: 720px) {
  .listing-view .listing-media .video-container {
    width: 100%;
    margin-right: 0;
    margin-bottom: 18px;
    float: none;
  }
}
.listing-view .listing-media .video-container .inner {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 18px 24px -18px;
}
.listing-view .listing-media .video-container .inner iframe,
.listing-view .listing-media .video-container .inner video,
.listing-view .listing-media .video-container .inner embed {
  top: 0;
  left: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.listing-view .listing-media .media-figure {
  width: calc(51.5% - 9px);
  float: left;
}
@media (max-width: 720px) {
  .listing-view .listing-media .media-figure {
    width: 100%;
    float: none;
  }
}
.listing-view .listing-media .media-figure figure {
  display: block;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 18px 24px -18px;
}
.listing-view .listing-media .media-figure figure img {
  display: block;
  width: 100%;
}

.listing-section-3x {
  padding: 66px 0 0 0;
  font-size: 18px;
}
.listing-section-3x .section-header {
  padding: 0 0 12px 0;
}
.listing-section-3x .section-header h2 {
  font-size: 30px;
  font-weight: 700;
  max-width: 780px;
  padding: 0 0 0 0;
  line-height: 1.4;
}
@media (max-width: 720px) {
  .listing-section-3x .section-header h2 {
    font-size: 24px;
  }
}
.listing-section-3x .section-grid {
  border-bottom: 1px solid rgba(43, 59, 71, 0.18);
}
.listing-section-3x .section-grid article {
  border-top: 1px solid rgba(43, 59, 71, 0.18);
  background: rgba(43, 59, 71, 0.05);
  display: grid;
  grid-template-columns: 30% 70%;
  row-gap: 0;
  column-gap: 0;
  width: 100%;
  box-shadow: rgba(255, 255, 255, 0.66) 0px 18px 36px 0px inset;
}
@media (max-width: 720px) {
  .listing-section-3x .section-grid article {
    grid-template-columns: 100%;
  }
}
.listing-section-3x .section-grid h3 {
  font-size: 18px;
  font-weight: bold;
  padding: 12px 12px 12px 24px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.36);
  text-align: left;
  line-height: 1.5;
}
@media (max-width: 720px) {
  .listing-section-3x .section-grid h3 {
    padding: 12px 18px 0 18px;
  }
}
.listing-section-3x .section-grid .content {
  padding: 12px 24px 0 0;
  line-height: 1.5;
}
@media (max-width: 720px) {
  .listing-section-3x .section-grid .content {
    padding: 0 18px 0 18px;
  }
}
.listing-section-3x .section-grid .content p {
  padding: 0 0 12px 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.36);
}
.listing-section-3x .section-grid.features-grid article:nth-child(1) {
  background: rgba(75, 45, 254, 0.11) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(2) {
  background: rgba(75, 45, 254, 0.04) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(3) {
  background: rgba(75, 45, 254, 0.17) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(4) {
  background: rgba(75, 45, 254, 0.13) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(5) {
  background: rgba(75, 45, 254, 0.15) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(6) {
  background: rgba(75, 45, 254, 0.1) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(7) {
  background: rgba(75, 45, 254, 0.03) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(8) {
  background: rgba(75, 45, 254, 0.11) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(9) {
  background: rgba(75, 45, 254, 0.07) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(10) {
  background: rgba(75, 45, 254, 0.13) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(11) {
  background: rgba(75, 45, 254, 0.07) !important;
}
.listing-section-3x .section-grid.features-grid article:nth-child(12) {
  background: rgba(75, 45, 254, 0.15) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(1) {
  background: rgba(254, 75, 45, 0.1) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(2) {
  background: rgba(254, 75, 45, 0.16) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(3) {
  background: rgba(254, 75, 45, 0.06) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(4) {
  background: rgba(254, 75, 45, 0.15) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(5) {
  background: rgba(254, 75, 45, 0.17) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(6) {
  background: rgba(254, 75, 45, 0.09) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(7) {
  background: rgba(254, 75, 45, 0.05) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(8) {
  background: rgba(254, 75, 45, 0.08) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(9) {
  background: rgba(254, 75, 45, 0.02) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(10) {
  background: rgba(254, 75, 45, 0.02) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(11) {
  background: rgba(254, 75, 45, 0.16) !important;
}
.listing-section-3x .section-grid.use-cases-grid article:nth-child(12) {
  background: rgba(254, 75, 45, 0.02) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(1) {
  background: rgba(45, 254, 75, 0.1) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(2) {
  background: rgba(45, 254, 75, 0.04) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(3) {
  background: rgba(45, 254, 75, 0.03) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(4) {
  background: rgba(45, 254, 75, 0.16) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(5) {
  background: rgba(45, 254, 75, 0.09) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(6) {
  background: rgba(45, 254, 75, 0.11) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(7) {
  background: rgba(45, 254, 75, 0.12) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(8) {
  background: rgba(45, 254, 75, 0.14) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(9) {
  background: rgba(45, 254, 75, 0.04) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(10) {
  background: rgba(45, 254, 75, 0.16) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(11) {
  background: rgba(45, 254, 75, 0.1) !important;
}
.listing-section-3x .section-grid.faq-grid article:nth-child(12) {
  background: rgba(45, 254, 75, 0.07) !important;
}

.listing-view .editor-review-section.listing-desc {
  padding: 66px 0 0 0;
}
.listing-view .editor-review-section.listing-desc h2 .verdict {
  color: #0098B3;
}
.listing-view .editor-review-section.listing-desc p {
  font-weight: normal;
}

.reviews-section {
  padding: 66px 0 0 0;
}
.reviews-section .notif {
  position: fixed;
  top: 64px;
  left: 0;
  width: 100%;
  z-index: 999;
}

.reviews-section .review-header {
  margin: 0 0 12px 0;
}
.reviews-section .review-header h2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 30px;
  font-weight: 700;
}
@media (max-width: 720px) {
  .reviews-section .review-header h2 {
    font-size: 24px;
  }
}
@media (max-width: 420px) {
  .reviews-section .review-header h2 {
    display: block;
  }
}
.reviews-section .review-header h2 .headline {
  margin-right: 12px;
}
@media (max-width: 420px) {
  .reviews-section .review-header h2 .headline {
    margin-right: 0px;
  }
}
.reviews-section .review-header h2 .review-not-yet {
  background: crimson;
  color: rgb(255, 255, 255);
  padding: 0px 12px;
}
.reviews-section .review-header h2 .rating {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.reviews-section .review-header h2 .stars {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  padding-right: 8px;
}
.reviews-section .review-header h2 .star-bg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: rgba(43, 59, 71, 0.24);
  white-space: nowrap;
  position: relative;
}
.reviews-section .review-header h2 .star-over {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  color: #0098B3;
  overflow: hidden;
}
.reviews-section .review-header h2 .rating-value {
  font-style: italic;
}
.reviews-section .review-header h2 .rating-count {
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  margin: -12px 0 0 4px;
}
@media (max-width: 720px) {
  .reviews-section .review-header h2 .rating-count {
    margin: -8px 0 0 4px;
  }
}
.reviews-section .review-header h2 .rating-count .rating-count-sep {
  color: rgba(43, 59, 71, 0.66);
  font-weight: normal;
}

.reviews-section .reviews-locked {
  color: #FFF;
  text-align: center;
  line-height: 1.3;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  padding: 18px 18px;
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  font-weight: normal;
  z-index: 100;
  background: rgb(245, 219.4, 22);
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  margin: 0 0 0 0;
  font-style: italic;
}
.reviews-section .reviews-locked a {
  font-weight: bold;
}
.reviews-section .reply-locked {
  color: #FFF;
  text-align: center;
  line-height: 1.3;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  padding: 12px 18px;
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  font-weight: normal;
  z-index: 100;
  background: rgb(245, 219.4, 22);
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  margin: 6px 0 0 0;
  font-style: italic;
}
.reviews-section .reply-locked a {
  font-weight: bold;
}

.reviews-section .no-reviews {
  color: #FFF;
  text-align: center;
  line-height: 1.3;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  padding: 12px 18px;
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  font-weight: normal;
  z-index: 99;
  background: rgb(247.5185185185, 245.0496296296, 80.6814814815);
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  margin: 0 0 0 0;
  font-style: italic;
}
.reviews-section .no-reviews a {
  font-weight: bold;
}

.reviews-section .review-form {
  margin: 0 0 12px 0;
  background: rgba(43, 59, 71, 0.06);
  border-top: 1px solid rgba(43, 59, 71, 0.18);
  border-bottom: 1px solid rgba(43, 59, 71, 0.18);
  box-shadow: rgba(255, 255, 255, 0.5) 0px 18px 36px 0px inset;
  position: relative;
  padding: 12px 24px 12px 58px;
}
@media (max-width: 720px) {
  .reviews-section .review-form {
    padding: 12px 12px 12px 58px;
  }
}
.reviews-section .review-form .review-user-meta {
  background: #FFF;
  position: absolute;
  left: 12px;
  top: 20px;
}
.reviews-section .review-form .review-user-meta a {
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 36px;
  height: 36px;
  background: #FFF;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 6px 18px;
  border-top: 3px solid #00414D;
  border-right: 1px solid #00414D;
  border-bottom: 1px solid #00414D;
  border-left: 2px solid #00414D;
  overflow: hidden;
}
.reviews-section .review-form .review-user-meta a:hover {
  border-top: 3px solid #007589;
  border-right: 1px solid #007589;
  border-bottom: 1px solid #007589;
  border-left: 2px solid #007589;
}
.reviews-section .review-form .review-user-meta img {
  transition: all 0.2s ease-in-out;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 4px);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 36px;
}
.reviews-section .review-form .form-1 .form-select {
  padding: 0 0 6px 0;
}
.reviews-section .review-form .form-1 .form-group {
  padding: 0 0 6px 0;
}

.reviews-section .review-list {
  border-top: 1px solid rgba(43, 59, 71, 0.18);
}
.reviews-section .review-list .review-item {
  margin: 0 0 0 0;
  background: rgba(43, 59, 71, 0.06);
  border-top: none;
  border-bottom: 1px solid rgba(43, 59, 71, 0.18);
  box-shadow: rgba(255, 255, 255, 0.66) 0px 30px 60px 0px inset;
  position: relative;
  padding: 14px 24px 14px 58px;
}
.reviews-section .review-list .review-item:nth-child(24n+1) {
  background: rgba(0, 65, 77, 0.1);
}
.reviews-section .review-list .review-item:nth-child(24n+2) {
  background: rgba(0, 65, 77, 0.06);
}
.reviews-section .review-list .review-item:nth-child(24n+3) {
  background: rgba(0, 65, 77, 0.13);
}
.reviews-section .review-list .review-item:nth-child(24n+4) {
  background: rgba(0, 65, 77, 0.07);
}
.reviews-section .review-list .review-item:nth-child(24n+5) {
  background: rgba(0, 65, 77, 0.09);
}
.reviews-section .review-list .review-item:nth-child(24n+6) {
  background: rgba(0, 65, 77, 0.05);
}
.reviews-section .review-list .review-item:nth-child(24n+7) {
  background: rgba(0, 65, 77, 0.05);
}
.reviews-section .review-list .review-item:nth-child(24n+8) {
  background: rgba(0, 65, 77, 0.13);
}
.reviews-section .review-list .review-item:nth-child(24n+9) {
  background: rgba(0, 65, 77, 0.04);
}
.reviews-section .review-list .review-item:nth-child(24n+10) {
  background: rgba(0, 65, 77, 0.09);
}
.reviews-section .review-list .review-item:nth-child(24n+11) {
  background: rgba(0, 65, 77, 0.12);
}
.reviews-section .review-list .review-item:nth-child(24n+12) {
  background: rgba(0, 65, 77, 0.07);
}
.reviews-section .review-list .review-item:nth-child(24n+13) {
  background: rgba(0, 65, 77, 0.14);
}
.reviews-section .review-list .review-item:nth-child(24n+14) {
  background: rgba(0, 65, 77, 0.07);
}
.reviews-section .review-list .review-item:nth-child(24n+15) {
  background: rgba(0, 65, 77, 0.06);
}
.reviews-section .review-list .review-item:nth-child(24n+16) {
  background: rgba(0, 65, 77, 0.08);
}
.reviews-section .review-list .review-item:nth-child(24n+17) {
  background: rgba(0, 65, 77, 0.08);
}
.reviews-section .review-list .review-item:nth-child(24n+18) {
  background: rgba(0, 65, 77, 0.03);
}
.reviews-section .review-list .review-item:nth-child(24n+19) {
  background: rgba(0, 65, 77, 0.04);
}
.reviews-section .review-list .review-item:nth-child(24n+20) {
  background: rgba(0, 65, 77, 0.07);
}
.reviews-section .review-list .review-item:nth-child(24n+21) {
  background: rgba(0, 65, 77, 0.07);
}
.reviews-section .review-list .review-item:nth-child(24n+22) {
  background: rgba(0, 65, 77, 0.1);
}
.reviews-section .review-list .review-item:nth-child(24n+23) {
  background: rgba(0, 65, 77, 0.13);
}
.reviews-section .review-list .review-item:nth-child(24n+24) {
  background: rgba(0, 65, 77, 0.03);
}
@media (max-width: 720px) {
  .reviews-section .review-list .review-item {
    padding: 14px 12px 14px 58px;
  }
}
.reviews-section .review-list .reply-item {
  position: relative;
  padding: 12px 0 0 46px;
}
.reviews-section .review-list .reply-item .reply-item {
  padding: 12px 0 0 0;
}
.reviews-section .review-list .review-item.review-item-with-childs:before {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 30px;
  width: 24px;
  height: calc(100% - 30px - 0px);
  background: linear-gradient(180deg, rgba(0, 65, 77, 0.48) 0%, rgba(0, 65, 77, 0) 100%);
}
.reviews-section .review-list .reply-item:after {
  content: "";
  line-height: 1px;
  display: block;
  position: absolute;
  left: -38px;
  top: 36px;
  width: 36px;
  height: 24px;
  background: linear-gradient(90deg, rgba(0, 65, 77, 0.36) 0%, rgba(0, 65, 77, 0) 100%);
}
.reviews-section .review-list .reply-item .reply-item:after {
  content: "";
  display: none;
}
.reviews-section .review-list .reply-item.review-item-with-childs:before {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  top: 54px;
  width: 24px;
  height: calc(100% - 54px - 0px);
  background: linear-gradient(180deg, rgba(0, 65, 77, 0.24) 0%, rgba(0, 65, 77, 0) 100%);
}
.reviews-section .review-list .reply-item .reply-item.review-item-with-childs:before {
  content: "";
  display: block;
  position: absolute;
  left: -32px;
  top: 54px;
  width: 18px;
  height: calc(100% - 54px - 0px);
  background: linear-gradient(180deg, rgba(0, 65, 77, 0.24) 0%, rgba(0, 65, 77, 0) 100%);
}
.reviews-section .review-list .reply-item .reply-item .reply-item.review-item-with-childs:before {
  content: "";
  display: block;
  position: absolute;
  left: -28px;
  top: 54px;
  width: 14px;
  height: calc(100% - 54px - 0px);
  background: linear-gradient(180deg, rgba(0, 65, 77, 0.24) 0%, rgba(0, 65, 77, 0) 100%);
}
.reviews-section .review-list .reply-item .reply-item .reply-item .reply-item.review-item-with-childs:before {
  content: "";
  display: block;
  position: absolute;
  left: -24px;
  top: 54px;
  width: 10px;
  height: calc(100% - 54px - 0px);
  background: linear-gradient(180deg, rgba(0, 65, 77, 0.24) 0%, rgba(0, 65, 77, 0) 100%);
}
.reviews-section .review-list .reply-item .reply-item .reply-item .reply-item .reply-item.review-item-with-childs:before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 54px;
  width: 6px;
  height: calc(100% - 54px - 0px);
  background: linear-gradient(180deg, rgba(0, 65, 77, 0.24) 0%, rgba(0, 65, 77, 0) 100%);
}
.reviews-section .review-list .review-header,
.reviews-section .review-list .reply-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin: 0;
  font-style: italic;
  font-size: 14px;
}
@media (max-width: 480px) {
  .reviews-section .review-list .review-header,
  .reviews-section .review-list .reply-header {
    font-size: 12px;
  }
}
.reviews-section .review-list .review-header a,
.reviews-section .review-list .reply-header a {
  display: inline-block;
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 420px) {
  .reviews-section .review-list .review-header a,
  .reviews-section .review-list .reply-header a {
    max-width: 120px;
  }
}
@media (max-width: 390px) {
  .reviews-section .review-list .review-header a,
  .reviews-section .review-list .reply-header a {
    max-width: 90px;
  }
}
@media (max-width: 360px) {
  .reviews-section .review-list .review-header a,
  .reviews-section .review-list .reply-header a {
    max-width: 60px;
  }
}
.reviews-section .review-list .review-header .review-time,
.reviews-section .review-list .review-header .reply-time,
.reviews-section .review-list .reply-header .review-time,
.reviews-section .review-list .reply-header .reply-time {
  padding: 0 0 0 12px;
}
@media (max-width: 480px) {
  .reviews-section .review-list .review-header .review-time,
  .reviews-section .review-list .review-header .reply-time,
  .reviews-section .review-list .reply-header .review-time,
  .reviews-section .review-list .reply-header .reply-time {
    padding: 0 0 0 6px;
  }
}
.reviews-section .review-list .review-header .review-rating,
.reviews-section .review-list .reply-header .review-rating {
  padding: 0 0 0 12px;
  font-style: italic;
}
@media (max-width: 480px) {
  .reviews-section .review-list .review-header .review-rating,
  .reviews-section .review-list .reply-header .review-rating {
    padding: 0 0 0 6px;
  }
}
.reviews-section .review-list .reply-header {
  border-top: 1px solid rgba(43, 59, 71, 0.24);
  padding-top: 12px;
}
.reviews-section .review-list .review-content,
.reviews-section .review-list .reply-content {
  overflow-wrap: break-word;
}
.reviews-section .review-list .review-content p,
.reviews-section .review-list .reply-content p {
  padding: 0;
  margin: 0;
  overflow-wrap: break-word;
}
.reviews-section .review-list .review-avatar {
  background: #FFF;
  position: absolute;
  left: 12px;
  top: 18px;
}
.reviews-section .review-list .review-avatar a {
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 36px;
  height: 36px;
  background: #FFF;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 6px 18px;
  border-top: 3px solid #00414D;
  border-right: 1px solid #00414D;
  border-bottom: 1px solid #00414D;
  border-left: 2px solid #00414D;
  overflow: hidden;
}
.reviews-section .review-list .review-avatar a:hover {
  border-top: 3px solid #007589;
  border-right: 1px solid #007589;
  border-bottom: 1px solid #007589;
  border-left: 2px solid #007589;
}
.reviews-section .review-list .review-avatar img {
  transition: all 0.2s ease-in-out;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 4px);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 36px;
}
.reviews-section .review-list .reply-avatar {
  background: #FFF;
  position: absolute;
  left: 0;
  top: 28px;
}
.reviews-section .review-list .reply-avatar a {
  transition: all 0.2s ease-in-out;
  position: absolute;
  width: 36px;
  height: 36px;
  background: #FFF;
  top: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 6px 18px;
  border-top: 3px solid #00414D;
  border-right: 1px solid #00414D;
  border-bottom: 1px solid #00414D;
  border-left: 2px solid #00414D;
  overflow: hidden;
}
.reviews-section .review-list .reply-avatar a:hover {
  border-top: 3px solid #007589;
  border-right: 1px solid #007589;
  border-bottom: 1px solid #007589;
  border-left: 2px solid #007589;
}
.reviews-section .review-list .reply-avatar img {
  transition: all 0.2s ease-in-out;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 4px);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 36px;
}
.reviews-section .review-list .reply-item .reply-item .reply-avatar {
  left: -43px;
}
.reviews-section .review-list .reply-item .reply-item .reply-avatar a {
  width: 30px;
  height: 30px;
}
.reviews-section .review-list .review-actions,
.reviews-section .review-list .reply-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 28px;
  column-gap: 3px;
  padding: 2px 0 0 0;
}
@media (max-width: 420px) {
  .reviews-section .review-list .review-actions,
  .reviews-section .review-list .reply-actions {
    height: 24px;
  }
}
.reviews-section .review-list .review-actions form,
.reviews-section .review-list .review-actions div,
.reviews-section .review-list .reply-actions form,
.reviews-section .review-list .reply-actions div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.reviews-section .review-list .review-actions .comment-action-button,
.reviews-section .review-list .reply-actions .comment-action-button {
  transition: all 0.2s ease-in-out;
  padding: 3px 9px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 65, 77, 0.88);
  color: white;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 4px 8px -4px, rgba(0, 0, 0, 0.12) 0px 4px 8px 0px inset;
}
@media (max-width: 480px) {
  .reviews-section .review-list .review-actions .comment-action-button,
  .reviews-section .review-list .reply-actions .comment-action-button {
    font-size: 12px;
  }
}
.reviews-section .review-list .review-actions .comment-action-button.delete,
.reviews-section .review-list .reply-actions .comment-action-button.delete {
  background-color: rgba(0, 65, 77, 0.36);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 8px -4px, rgba(0, 0, 0, 0.08) 0px 4px 8px 0px inset;
}
.reviews-section .review-list .review-actions .comment-action-button:hover,
.reviews-section .review-list .reply-actions .comment-action-button:hover {
  background-color: #007589;
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 8px -4px, rgba(0, 0, 0, 0.12) 0px 4px 8px 0px inset;
}
.reviews-section .review-list .review-actions .comment-action-button.active,
.reviews-section .review-list .reply-actions .comment-action-button.active {
  background-color: #0098B3;
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 8px -4px, rgba(0, 0, 0, 0.12) 0px 4px 8px 0px inset;
}
.reviews-section .review-list .form-1 {
  padding: 4px 0 0 0;
}
.reviews-section .review-list .form-1 .form-select {
  padding: 0 0 6px 0;
}
.reviews-section .review-list .form-1 .form-group {
  padding: 0 0 6px 0;
}
.reviews-section .review-list .review-edit,
.reviews-section .review-list .review-reply,
.reviews-section .review-list .reply-edit,
.reviews-section .review-list .reply-reply {
  display: none;
}
.reviews-section .review-list .review-edit.active,
.reviews-section .review-list .review-reply.active,
.reviews-section .review-list .reply-edit.active,
.reviews-section .review-list .reply-reply.active {
  display: block;
}
.reviews-section .review-list .review-edit .form-1 .form-group textarea,
.reviews-section .review-list .review-reply .form-1 .form-group textarea,
.reviews-section .review-list .reply-edit .form-1 .form-group textarea,
.reviews-section .review-list .reply-reply .form-1 .form-group textarea {
  min-height: 96px;
}

.related-items-on-view {
  padding: 72px 0 0 0;
}
.related-items-on-view.related-content {
  padding: 0 0 0 0;
}
.related-items-on-view h2 {
  font-size: 30px;
  font-weight: 700;
}
@media (max-width: 720px) {
  .related-items-on-view h2 {
    font-size: 24px;
  }
}
.related-items-on-view h2 .related {
  color: #0098B3;
}
.related-items-on-view .listings-items {
  padding-top: 12px;
}
.related-items-on-view .listings-items .list {
  margin-top: 0;
}

.listing-tags,
.content-tags {
  position: relative;
  padding: 0 18px 2px 0;
  margin: 36px 0 0 0;
  font-size: 14px;
}
@media (max-width: 640px) {
  .listing-tags,
  .content-tags {
    font-size: 12px;
  }
}
.listing-tags h3,
.content-tags h3 {
  margin: 0 0 3px 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
}
@media (max-width: 640px) {
  .listing-tags h3,
  .content-tags h3 {
    font-size: 18px;
  }
}
.listing-tags ul,
.content-tags ul {
  display: block;
  max-width: 840px;
}
.listing-tags li,
.content-tags li {
  float: left;
  padding: 2px 2px 0 0;
}
.listing-tags li a,
.content-tags li a {
  transition: all 0.2s ease-in-out;
  display: block;
  background: rgb(199.4, 31.0753246753, 0);
  color: rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.36);
  padding: 2px 9px;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 12px 0px inset;
}
.listing-tags li a:hover,
.content-tags li a:hover {
  text-decoration: none;
  background: #007589 !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px 0px inset;
}
.listing-tags li:nth-child(12n+1) a,
.content-tags li:nth-child(12n+1) a {
  background: rgb(121.798008658, 199.4, 0);
}
.listing-tags li:nth-child(12n+2) a,
.content-tags li:nth-child(12n+2) a {
  background: rgb(146.159047619, 0, 189.2);
}
.listing-tags li:nth-child(12n+3) a,
.content-tags li:nth-child(12n+3) a {
  background: rgb(199.4, 0, 18.7746753247);
}
.listing-tags li:nth-child(12n+4) a,
.content-tags li:nth-child(12n+4) a {
  background: rgb(192.0617965368, 0, 204.5);
}
.listing-tags li:nth-child(12n+5) a,
.content-tags li:nth-child(12n+5) a {
  background: rgb(0, 204.5, 164.7951298701);
}
.listing-tags li:nth-child(12n+6) a,
.content-tags li:nth-child(12n+6) a {
  background: rgb(108.319047619, 0, 189.2);
}
.listing-tags li:nth-child(12n+7) a,
.content-tags li:nth-child(12n+7) a {
  background: rgb(0, 204.5, 103.4451298701);
}
.listing-tags li:nth-child(12n+8) a,
.content-tags li:nth-child(12n+8) a {
  background: rgb(0, 199.4, 21.1053246753);
}
.listing-tags li:nth-child(12n+9) a,
.content-tags li:nth-child(12n+9) a {
  background: rgb(153.1961038961, 0, 179);
}
.listing-tags li:nth-child(12n+10) a,
.content-tags li:nth-child(12n+10) a {
  background: rgb(0, 174.9713419913, 199.4);
}
.listing-tags li:nth-child(12n+11) a,
.content-tags li:nth-child(12n+11) a {
  background: rgb(0, 90.9740909091, 184.1);
}
.listing-tags li:nth-child(12n+12) a,
.content-tags li:nth-child(12n+12) a {
  background: rgb(0, 34.5116450216, 163.7);
}

.listings-items.hub-items .listing-item.hub-item .hub-media {
  background: linear-gradient(180deg, rgba(199.088, 212.1082597403, 214.512, 0.72) 0%, rgba(199.088, 212.1082597403, 214.512, 0.24) 100%);
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  line-height: 120%;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 12px 18px -12px;
}
.listings-items.hub-items .listing-item.hub-item .hub-media .hub-image {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: calc(100% + 2px);
}
.listings-items.hub-items .listing-item.hub-item .hub-media .hub-noimage {
  display: block;
  text-align: center;
  font-size: 13px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.listings-items.hub-items .listing-item.hub-item .hub-media .hub-noimage span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: lowercase;
}
.listings-items.hub-items .listing-item.hub-item .hub-media .hub-noimage strong {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
@media (max-width: 540px) {
  .listings-items.hub-items .listing-item.hub-item .listing-actions .listing-updated {
    display: block;
  }
}

.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-1 {
  background: #ffffff;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-1:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  background: #00e1fa;
  opacity: 0.13;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-1 .hub-image {
  -webkit-filter: brightness(104%) contrast(104%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
  filter: brightness(104%) contrast(104%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
  mix-blend-mode: none;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-2 {
  background: #ffffff;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: overlay;
  background: #fae900;
  opacity: 0.23;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-2 .hub-image {
  -webkit-filter: brightness(103%) contrast(114%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
  filter: brightness(103%) contrast(114%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
  mix-blend-mode: none;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-3 {
  background: #ffffff;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-3:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: soft-light;
  background: #3a00fa;
  opacity: 0.5;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-3 .hub-image {
  -webkit-filter: contrast(107%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(165%) sepia(50%);
  filter: contrast(107%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(165%) sepia(50%);
  mix-blend-mode: none;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-4 {
  background: #ffffff;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-4:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: saturation;
  background: #faaa00;
  opacity: 1;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-4 .hub-image {
  -webkit-filter: grayscale(50%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(140%) sepia(0%);
  filter: grayscale(50%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(140%) sepia(0%);
  mix-blend-mode: none;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-5 {
  background: #ffffff;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-5:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: soft-light;
  background: #3a00fa;
  opacity: 0.5;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-5 .hub-image {
  -webkit-filter: contrast(107%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(165%) sepia(50%);
  filter: contrast(107%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(165%) sepia(50%);
  mix-blend-mode: darken;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-6 {
  background: #ffffff;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-6:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: overlay;
  background: #fae900;
  opacity: 0.23;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-6 .hub-image {
  -webkit-filter: brightness(103%) contrast(114%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
  filter: brightness(103%) contrast(114%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
  mix-blend-mode: none;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-7 {
  background: #ffffff;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-7:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: overlay;
  background: #fae900;
  opacity: 0.23;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-7 .hub-image {
  -webkit-filter: brightness(103%) contrast(114%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
  filter: brightness(103%) contrast(114%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
  mix-blend-mode: none;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-8 {
  background: #ffffff;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-8:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: darken;
  background: #7d0000;
  opacity: 0.1;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-8 .hub-image {
  -webkit-filter: brightness(90%) contrast(125%) grayscale(100%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(50%);
  filter: brightness(90%) contrast(125%) grayscale(100%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(100%) sepia(50%);
  mix-blend-mode: none;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-9 {
  background: #ffffff;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-9:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: saturation;
  background: #faaa00;
  opacity: 1;
}
.listings-items.hub-items .listing-item.hub-item .hub-media.hub-media-filter-9 .hub-image {
  -webkit-filter: grayscale(50%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(140%) sepia(0%);
  filter: grayscale(50%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(140%) sepia(0%);
  mix-blend-mode: none;
}

.listings-items.hub-items .listing-link .listing-header .hub-title {
  transition: all 0.2s ease-in-out;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #2B3B47;
  line-height: 1.3;
}

.listings-items.hub-items .listing-link:hover .listing-header .hub-title {
  color: #007589;
}

.listings-items .tabs.tabs-right {
  position: absolute;
  top: 24px;
  right: 0;
}
@media (max-width: 640px) {
  .listings-items .tabs.tabs-right {
    position: relative;
    top: 0;
    right: auto;
    padding: 0;
    margin-top: -6px;
  }
}

@media (max-width: 640px) {
  .listing-view.hub-view {
    padding: 0 0 66px 0;
  }
}
.listing-view.hub-view .listing-header .listing-header-content {
  padding-right: 0;
}
.listing-view.hub-view .listing-header .listing-header-content h1 {
  max-width: 100%;
  max-width: 780px;
}
.listing-view.hub-view .listing-header .listing-header-content .listing-slogan {
  padding: 0 0 0 0;
}
.listing-view.hub-view .listing-header .listing-header-content .listing-slogan p {
  font-weight: normal;
  max-width: 100%;
  padding: 18px 0 0 0;
  font-size: 18px;
}
.listing-view.hub-view .listing-header .listing-header-content .listing-slogan p strong {
  font-weight: 700;
}
.listing-view.hub-view .listing-header .listing-header-content .listing-slogan p em {
  font-weight: 700;
  font-style: italic;
}
.listing-view.hub-view .listing-header .listing-header-content .listing-slogan p a {
  font-weight: 700;
}
.listing-view.hub-view .listing-header .listing-meta {
  padding: 0 0 6px 0;
}
.listing-view.hub-view .listing-header .listing-meta .listing-categ {
  padding: 0 0 0 8px;
}
@media (max-width: 640px) {
  .listing-view.hub-view .listing-header .listing-meta {
    display: block;
  }
  .listing-view.hub-view .listing-header .listing-meta .author {
    float: left;
  }
  .listing-view.hub-view .listing-header .listing-meta .listing-updated {
    float: left;
  }
  .listing-view.hub-view .listing-header .listing-meta .listing-categ {
    clear: both;
    padding: 0 0 0 0;
  }
}

.listing-view.hub-view .hub-featured-media {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  box-shadow: rgba(0, 117, 137, 0.66) 0px 48px 66px -48px;
  display: block;
}
.listing-view.hub-view .hub-featured-media .media-figure {
  display: block;
  overflow: hidden;
}
.listing-view.hub-view .hub-featured-media .media-image {
  display: block;
  width: 100%;
}
.listing-view.hub-view .hub-featured-media .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 117, 137, 0) 0%, rgba(0, 117, 137, 0.24) 100%);
  opacity: 0.5;
}

@media (max-width: 640px) {
  .listing-view.hub-view .listing-view-actions .listing-views {
    padding: 0 8px 0 0;
  }
}
.listing-view.hub-view .listing-view-actions .hub-time-to-read {
  display: block;
  padding: 0 6px;
  color: rgba(43, 59, 71, 0.88);
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 640px) {
  .listing-view.hub-view .listing-view-actions .hub-time-to-read {
    padding: 0 4px 0 0;
  }
}
.listing-view.hub-view .listing-view-actions .hub-time-to-read span {
  color: rgba(43, 59, 71, 0.88);
}
@media (max-width: 640px) {
  .listing-view.hub-view .listing-view-actions .hub-time-to-read span.blocks-text {
    display: none;
  }
}
.listing-view.hub-view .listing-view-actions .hub-blocks-count {
  display: block;
  padding: 0 6px;
  color: rgba(43, 59, 71, 0.88);
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 640px) {
  .listing-view.hub-view .listing-view-actions .hub-blocks-count {
    padding: 0 4px;
  }
}
@media (max-width: 480px) {
  .listing-view.hub-view .listing-view-actions .hub-blocks-count {
    display: none;
  }
}
.listing-view.hub-view .listing-view-actions .hub-blocks-count span {
  color: rgba(43, 59, 71, 0.88);
}
@media (max-width: 1024px) {
  .listing-view.hub-view .listing-view-actions .hub-blocks-count span.blocks-text {
    display: none;
  }
}
.listing-view.hub-view .listing-view-actions .hub-visual-count {
  display: block;
  padding: 0 6px;
  color: rgba(43, 59, 71, 0.88);
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 640px) {
  .listing-view.hub-view .listing-view-actions .hub-visual-count {
    padding: 0 4px;
  }
}
@media (max-width: 480px) {
  .listing-view.hub-view .listing-view-actions .hub-visual-count {
    display: none;
  }
}
.listing-view.hub-view .listing-view-actions .hub-visual-count span {
  color: rgba(43, 59, 71, 0.88);
}
@media (max-width: 1024px) {
  .listing-view.hub-view .listing-view-actions .hub-visual-count span.blocks-text {
    display: none;
  }
}

.hub-highlights {
  overflow: hidden;
  padding: 12px 0 48px 0;
  text-align: left;
  border-bottom: 1px solid rgba(24, 34, 41, 0.24);
  font-size: 18px;
}
.hub-highlights .h2-old {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 4px;
  position: relative;
  z-index: 201;
}
.hub-highlights h2 {
  display: inline-block;
  background: #00414D;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  padding: 2px 12px;
}
.hub-highlights ul {
  display: grid;
  grid-template-columns: 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333%;
  row-gap: 48px;
  column-gap: 18px;
  margin: 12px 0 0 0;
  line-height: 1.4;
  width: calc(100% - 198px);
}
@media (max-width: 640px) {
  .hub-highlights ul {
    row-gap: 6px;
  }
}
.hub-highlights li {
  grid-column: span 4;
  font-weight: normal;
  position: relative;
}
@media (max-width: 640px) {
  .hub-highlights li {
    grid-column: span 12;
  }
}
.hub-highlights li p {
  position: relative;
  z-index: 201;
}
.hub-highlights li:before {
  z-index: 101;
  background: rgb(142.4935064935, 168.8, 0);
  color: #FFF;
  font-size: 0px;
  font-weight: normal;
  text-align: center;
  min-width: 24px;
  height: 24px;
  display: inline-block;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  margin: 0px 6px 0 0;
  position: relative;
  top: 5px;
  border-radius: 12px;
}
.hub-highlights li:nth-child(1):before {
  content: "";
  background: rgb(82.5731601732, 0, 168.8);
}
.hub-highlights li:nth-child(2):before {
  content: "";
  background: rgb(168.8, 0, 29.9601731602);
}
.hub-highlights li:nth-child(3):before {
  content: "";
  background: rgb(142.4935064935, 168.8, 0);
}
@media (max-width: 640px) {
  .hub-highlights li {
    padding: 0 0 0 30px;
  }
  .hub-highlights li:before {
    position: absolute;
    left: 0;
    top: 1px;
  }
}

.hub-main-content-block {
  padding: 30px 0 0 0;
  position: relative;
  border-bottom: 1px solid rgba(24, 34, 41, 0.24);
}
.hub-main-content-block .hub-table-of-content {
  position: sticky;
  top: 60px;
  right: 0;
  line-height: 1.4;
}
.hub-main-content-block .hub-table-of-content aside {
  width: calc(33% - 56px);
  position: absolute;
  top: 24px;
  right: 0px;
}
.hub-main-content-block .hub-table-of-content aside nav {
  position: relative;
}
.hub-main-content-block .hub-table-of-content aside nav:before {
  content: "";
  position: absolute;
  height: calc(100% - 9px);
  border-left: 1px solid rgba(0, 65, 77, 0.36);
  left: -20px;
  top: 0;
  width: 4px;
}
.hub-main-content-block .hub-table-of-content aside h2 {
  display: inline-block;
  background: #00414D;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  padding: 2px 12px;
}
.hub-main-content-block .hub-table-of-content aside ol {
  padding: 6px 0 0 0;
}
.hub-main-content-block .hub-table-of-content aside li a {
  transition: all 0.2s ease-in-out;
  display: block;
  color: rgba(43, 59, 71, 0.88);
  font-weight: 700;
  padding: 6px 0;
  position: relative;
}
.hub-main-content-block .hub-table-of-content aside li a:hover {
  color: rgb(0, 90.8671532847, 106.4);
  text-decoration: underline;
}
.hub-main-content-block .hub-table-of-content aside li a:before {
  content: "";
  font-size: 12px;
  color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
  width: 18px;
  height: 18px;
  border: 3px solid rgb(255, 255, 255);
  background: rgb(0, 73.6103896104, 87.2);
  position: absolute;
  top: 6px;
  left: -32px;
  border-radius: 18px;
  font-weight: normal;
}
.hub-main-content-block .hub-table-of-content aside li a:hover:before {
  background: rgb(0, 90.8671532847, 106.4);
}
.hub-main-content-block .hub-table-of-content aside li.active a {
  color: #0098B3;
  text-decoration: none;
}
.hub-main-content-block .hub-table-of-content aside li.active a:before {
  transition: all 0.1s ease-in-out;
  width: 26px;
  height: 26px;
  border: 2px solid rgb(255, 255, 255);
  background: #0098b3;
  position: absolute;
  top: 3px;
  left: -35px;
  font-weight: 700;
  font-size: 14px;
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(1) a:before {
  content: "1";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(2) a:before {
  content: "2";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(3) a:before {
  content: "3";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(4) a:before {
  content: "4";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(5) a:before {
  content: "5";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(6) a:before {
  content: "6";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(7) a:before {
  content: "7";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(8) a:before {
  content: "8";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(9) a:before {
  content: "9";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(10) a:before {
  content: "10";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(11) a:before {
  content: "11";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(12) a:before {
  content: "12";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(13) a:before {
  content: "13";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(14) a:before {
  content: "14";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(15) a:before {
  content: "15";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(16) a:before {
  content: "16";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(17) a:before {
  content: "17";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(18) a:before {
  content: "18";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(19) a:before {
  content: "19";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(20) a:before {
  content: "20";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(21) a:before {
  content: "21";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(22) a:before {
  content: "22";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(23) a:before {
  content: "23";
}
.hub-main-content-block .hub-table-of-content aside li:nth-child(24) a:before {
  content: "24";
}
.hub-main-content-block.hub-main-content-block-end {
  position: relative;
  display: block;
}
.hub-main-content-block.hub-main-content-block-end .hub-table-of-content {
  width: calc(33% - 56px);
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(calc(-100% - 42px));
}
.hub-main-content-block.hub-main-content-block-end .hub-table-of-content aside {
  width: 100%;
}

@media (max-width: 780px) {
  .hub-main-content-block .hub-table-of-content,
  .hub-main-content-block.hub-main-content-block-end .hub-table-of-content {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    padding: 0 0 24px 0;
  }
  .hub-main-content-block .hub-table-of-content aside,
  .hub-main-content-block.hub-main-content-block-end .hub-table-of-content aside {
    position: relative;
    width: 100%;
  }
  .hub-main-content-block .hub-table-of-content aside nav:before,
  .hub-main-content-block.hub-main-content-block-end .hub-table-of-content aside nav:before {
    left: 7px;
    top: -18px;
    height: calc(100% + 36px);
  }
  .hub-main-content-block .hub-table-of-content aside ol,
  .hub-main-content-block.hub-main-content-block-end .hub-table-of-content aside ol {
    margin-left: 28px;
    padding: 6px 0 0 0;
  }
  .hub-main-content-block .hub-table-of-content aside li a,
  .hub-main-content-block.hub-main-content-block-end .hub-table-of-content aside li a {
    padding: 6px 0 0 0;
  }
}
.hub-main-content-block .hub-main-content {
  width: 67%;
  font-size: 18px;
}
@media (max-width: 780px) {
  .hub-main-content-block .hub-main-content {
    width: 100%;
  }
}
.hub-main-content-block .hub-main-content section,
.hub-main-content-block .hub-main-content header {
  padding: 0 0 66px 0;
}
.hub-main-content-block .hub-main-content .subBlock {
  padding: 36px 0 0 0;
}
.hub-main-content-block .hub-main-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0;
  font-size: 16px;
  background: #fff;
}
@media (max-width: 640px) {
  .hub-main-content-block .hub-main-content table {
    font-size: 14px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}
.hub-main-content-block .hub-main-content table thead th {
  background: rgb(182.7, 223.3883116883, 230.9);
  color: #2B3B47;
  font-weight: 700;
}
.hub-main-content-block .hub-main-content table th,
.hub-main-content-block .hub-main-content table td {
  border: 1px solid rgb(186.6246153846, 203.3015384615, 214.9753846154);
  padding: 6px 12px;
  text-align: left;
  vertical-align: top;
}
.hub-main-content-block .hub-main-content table tbody tr:nth-child(even) {
  background: rgb(217.125, 238.4399350649, 242.375);
}
.hub-main-content-block .hub-main-content table strong {
  color: #2B3B47;
  font-weight: 700;
}
.hub-main-content-block .hub-main-content hr {
  margin: -24px 0 42px 0;
}
.hub-main-content-block .hub-main-content h2 {
  font-size: 30px;
  line-height: 125%;
  font-weight: 700;
  margin: 18px 0 0 0;
}
@media (max-width: 720px) {
  .hub-main-content-block .hub-main-content h2 {
    font-size: 24px;
  }
}
.hub-main-content-block .hub-main-content h3 {
  font-size: 24px;
  line-height: 125%;
  font-weight: 700;
  margin: 18px 0 0 0;
}
@media (max-width: 640px) {
  .hub-main-content-block .hub-main-content h3 {
    font-size: 18px;
  }
}
.hub-main-content-block .hub-main-content figure {
  display: block;
  width: 100%;
  max-width: 780px;
  margin: 18px auto 0 auto;
}
.hub-main-content-block .hub-main-content img {
  display: block;
  width: 100%;
}
.hub-main-content-block .hub-main-content figcaption {
  padding: 6px 0 0 0;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
  color: rgba(43, 59, 71, 0.72);
}
@media (max-width: 640px) {
  .hub-main-content-block .hub-main-content figcaption {
    font-size: 16px;
  }
}
.hub-main-content-block .hub-main-content p {
  margin: 18px 0 0 0;
}
.hub-main-content-block .hub-main-content p strong {
  font-weight: 700;
}
.hub-main-content-block .hub-main-content p em {
  font-weight: 700;
}
.hub-main-content-block .hub-main-content p cite {
  font-weight: 700;
  color: #00414D;
}
.hub-main-content-block .hub-main-content p a {
  font-weight: 700;
}
.hub-main-content-block .hub-main-content blockquote {
  font-size: 24px;
  font-style: italic;
  font-weight: bold;
  color: #0098B3;
  margin: 0;
  padding: 0;
}
.hub-main-content-block .hub-main-content blockquote p {
  margin: 0;
  padding: 0;
}
@media (max-width: 640px) {
  .hub-main-content-block .hub-main-content blockquote {
    font-size: 21px;
  }
}
.hub-main-content-block .hub-main-content .legal-note {
  font-style: italic;
}
.hub-main-content-block .hub-main-content .legal-warning {
  font-style: italic;
  color: crimson;
}
.hub-main-content-block .hub-main-content ol, .hub-main-content-block .hub-main-content ul {
  padding: 18px 0 0 0;
}
.hub-main-content-block .hub-main-content ol li:before, .hub-main-content-block .hub-main-content ul li:before {
  color: rgba(43, 59, 71, 0.66);
  padding: 0 12px 0 48px;
  content: "⚊";
}
@media (max-width: 640px) {
  .hub-main-content-block .hub-main-content ol li:before, .hub-main-content-block .hub-main-content ul li:before {
    padding: 0 6px 0 24px;
  }
}
.hub-main-content-block .hub-main-content .legal-toc ol, .hub-main-content-block .hub-main-content .legal-toc ul {
  padding: 18px 0 0 0;
  font-size: 16px;
  display: grid;
  grid-template-columns: 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333%;
  row-gap: 3px;
  column-gap: 12px;
  margin: 0 0 0 0;
  width: calc(100% - 132px);
  line-height: 125%;
}
.hub-main-content-block .hub-main-content .legal-toc ol li, .hub-main-content-block .hub-main-content .legal-toc ul li {
  grid-column: span 4;
}
@media (max-width: 720px) {
  .hub-main-content-block .hub-main-content .legal-toc ol li, .hub-main-content-block .hub-main-content .legal-toc ul li {
    grid-column: span 6;
  }
}
@media (max-width: 480px) {
  .hub-main-content-block .hub-main-content .legal-toc ol li, .hub-main-content-block .hub-main-content .legal-toc ul li {
    grid-column: span 12;
  }
}
.hub-main-content-block .hub-main-content .legal-toc ol li:before, .hub-main-content-block .hub-main-content .legal-toc ul li:before {
  padding: 0;
  content: "";
}
@media (max-width: 640px) {
  .hub-main-content-block .hub-main-content .legal-toc ol li:before, .hub-main-content-block .hub-main-content .legal-toc ul li:before {
    padding: 0;
  }
}
.hub-main-content-block .hub-main-content .list li:before {
  display: none;
}
.hub-main-content-block .hub-main-content .press-boilerplate {
  font-style: italic;
  font-weight: bold;
}
.hub-main-content-block .hub-main-content .section-transition,
.hub-main-content-block .hub-main-content .mini-proof {
  position: relative;
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  padding: 24px 12%;
  font-size: 24px;
  line-height: 130%;
  margin: -24px auto 48px auto;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 12px 24px -12px, rgba(0, 0, 0, 0.24) 0px 0px 24px 0px inset;
}
@media (max-width: 720px) {
  .hub-main-content-block .hub-main-content .section-transition,
  .hub-main-content-block .hub-main-content .mini-proof {
    font-size: 18px;
    padding: 24px 24px;
  }
}
.hub-main-content-block .hub-main-content .section-transition {
  background: darkviolet;
  background: linear-gradient(-45deg, darkviolet 0%, rgb(83.609478673, 0, 119.2) 100%);
}
.hub-main-content-block .hub-main-content .mini-proof {
  background: limegreen;
  background: linear-gradient(-45deg, limegreen 0%, rgb(32, 131.2, 32) 100%);
}
.hub-main-content-block .hub-main-content .legal-highlight {
  font-weight: bold;
  padding: 0 0 18px 0;
}
.hub-main-content-block .hub-main-content .image-right-1 {
  position: relative;
  padding-right: 380px;
}
@media (max-width: 720px) {
  .hub-main-content-block .hub-main-content .image-right-1 {
    padding-right: 0;
  }
}
.hub-main-content-block .hub-main-content .image-right-1 h2,
.hub-main-content-block .hub-main-content .image-right-1 p {
  max-width: 728px;
}
@media (max-width: 720px) {
  .hub-main-content-block .hub-main-content .image-right-1 h2,
  .hub-main-content-block .hub-main-content .image-right-1 p {
    max-width: 100%;
  }
}
.hub-main-content-block .hub-main-content .image-right-1 img {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(calc(-50% - 33px));
  width: 356px;
}
@media (max-width: 720px) {
  .hub-main-content-block .hub-main-content .image-right-1 img {
    position: relative;
    top: 0;
    transform: translateY(0);
    margin: 12px auto 0 auto;
  }
}
.hub-main-content-block .hub-main-content .section-2cols {
  display: grid;
  grid-template-columns: 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333% 8.3333333333%;
  row-gap: 0px;
  column-gap: 24px;
  margin: 0 0 0 0;
  width: calc(100% - 264px);
}
.hub-main-content-block .hub-main-content .section-2cols section {
  grid-column: span 6;
}
@media (max-width: 780px) {
  .hub-main-content-block .hub-main-content .section-2cols section {
    grid-column: span 12;
  }
}
.hub-main-content-block .hub-main-content .section-post-items .listings-items {
  padding-top: 0;
  margin-top: -12px;
}
.hub-main-content-block .hub-main-content .section-cta {
  text-align: center;
}
.hub-main-content-block .hub-main-content .section-cta p {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.hub-main-content-block .hub-main-content .section-cta .cta-main {
  margin: 18px 0 0 0;
}
.hub-main-content-block .hub-main-content .section-cta .cta-note {
  font-size: 16px;
}
.hub-main-content-block .hub-main-content .section-cta .btn {
  display: inline-block;
  font-weight: 700;
}
.hub-main-content-block .hub-main-content .section-cta .cta-links {
  font-size: 16px;
  font-style: italic;
}
.hub-main-content-block .hub-main-content .section-cta .cta-links a {
  font-weight: bold;
}
.hub-main-content-block .hub-main-content .section-cta .cta-links .sep {
  padding: 0 2px;
}
.hub-main-content-block .hub-main-content .section-latest {
  padding-bottom: 0;
}
.hub-main-content-block .hub-main-content .download-assets .download-line {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 6px 0 36px 0;
}
.hub-main-content-block .hub-main-content .download-assets .download-line a {
  font-weight: bold;
}

.listings-items .listing-item.card-more {
  min-height: 180px;
}
.listings-items .listing-item.card-more .card-more-block {
  width: 100%;
  padding-top: 56.25%; /* 9/16 = 0.5625 */
  position: absolute;
  left: 0;
  top: 0;
}
.listings-items .listing-item.card-more .card-more-link {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0098B3;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 9px 18px -9px, rgba(0, 0, 0, 0.24) 0px 24px 48px 0px inset;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.listings-items .listing-item.card-more .card-more-link:hover {
  background-color: #007589;
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 18px -12px, rgba(0, 0, 0, 0.12) 0px 12px 24px 0px inset;
}
.listings-items .listing-item.card-more .card-more-link .card-more-border {
  gap: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.36) 100%);
}
.listings-items .listing-item.card-more .card-more-link i {
  font-size: 48px;
  display: block;
}
.listings-items .listing-item.card-more .card-more-link span {
  display: block;
}

.listings-items .listing-item.card-submit {
  min-height: 180px;
}
.listings-items .listing-item.card-submit .card-submit-block {
  width: 100%;
  padding-top: 56.25%; /* 9/16 = 0.5625 */
  position: absolute;
  left: 0;
  top: 0;
}
.listings-items .listing-item.card-submit .card-submit-link {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(96.3020484171, 0, 117.8);
  color: white;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 9px 18px -9px, rgba(0, 0, 0, 0.24) 0px 24px 48px 0px inset;
  border-radius: 30px;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.listings-items .listing-item.card-submit .card-submit-link:hover {
  background-color: rgb(45.0209245742, 0, 55.4);
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 18px -12px, rgba(0, 0, 0, 0.12) 0px 12px 24px 0px inset;
}
.listings-items .listing-item.card-submit .card-submit-link .card-submit-border {
  gap: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  border-radius: 24px;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.36) 100%);
}
.listings-items .listing-item.card-submit .card-submit-link i {
  font-size: 48px;
  display: block;
}
.listings-items .listing-item.card-submit .card-submit-link span {
  display: block;
  text-align: center;
  line-height: 1.3;
}

.listings-items .listing-item.card-discover {
  min-height: 180px;
}
.listings-items .listing-item.card-discover .card-discover-block {
  width: 100%;
  padding-top: 56.25%; /* 9/16 = 0.5625 */
  position: absolute;
  left: 0;
  top: 0;
}
.listings-items .listing-item.card-discover .card-discover-link {
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 117.8, 115.9353817505);
  color: white;
  box-shadow: rgba(0, 0, 0, 0.36) 0px 9px 18px -9px, rgba(0, 0, 0, 0.24) 0px 24px 48px 0px inset;
  font-weight: 600;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.listings-items .listing-item.card-discover .card-discover-link:hover {
  background-color: rgb(0, 55.4, 54.2542579075);
  text-decoration: none;
  color: white;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 9px 18px -12px, rgba(0, 0, 0, 0.12) 0px 12px 24px 0px inset;
}
.listings-items .listing-item.card-discover .card-discover-link .card-discover-border {
  gap: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.36) 100%);
}
.listings-items .listing-item.card-discover .card-discover-link i {
  font-size: 48px;
  display: block;
}
.listings-items .listing-item.card-discover .card-discover-link span {
  display: block;
  text-align: center;
  line-height: 1.3;
}

.main-404 {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: #FFF;
}

.error-animated-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #FFF;
  overflow: hidden;
  z-index: 100;
}
.error-animated-background canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 100;
}
.error-animated-background:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  z-index: 101;
  top: 0;
  left: 0;
}

.main-404 .content {
  position: absolute;
  background: deeppink;
  min-height: 100px;
  z-index: 200;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88) 0%, rgb(255, 255, 255) 100%);
  box-shadow: rgba(0, 0, 0, 0.77) 0px 20px 30px -20px;
  width: 420px;
  height: 420px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 720px) {
  .main-404 .content {
    width: 100%;
    height: 380px;
  }
}
.main-404 .content-inner {
  max-width: 420px;
  width: calc(100% - 36px);
  padding: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.main-404 .header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-404 .header a {
  display: block;
  height: 64px;
  position: relative;
}
.main-404 .header a img {
  display: block;
  height: calc(100% - 8px);
}
.main-404 .header .error-code {
  background: crimson;
  position: absolute;
  padding: 4px 9px;
  font-weight: bold;
  color: #FFF;
  bottom: 100%;
  right: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  transform: translateX(50%) translateY(0);
}
.main-404 .header .error-code:after {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  bottom: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 20px 0 0;
  border-color: crimson transparent transparent transparent;
  transform: rotate(0deg);
}
.main-404 .error-message {
  padding: 0 0 0 0;
  text-align: center;
}
.main-404 .error-message h1 {
  font-size: 24px;
  color: crimson;
  font-weight: bold;
  line-height: 120%;
  padding: 0 0 12px 0;
}
.main-404 .error-message p {
  font-size: 16px;
  line-height: 150%;
}
.main-404 .error-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px 0 0 0;
}

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