form@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-size: 16px;
}
html body,
body a, 
body p,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body input,
body button {
  font-family: Rubik, sans-serif;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.legal-disc{
  color: #6C757D;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}
.footer .legal-disc a{
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: #FFFFFF;
  color: #333333;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1024px) {
  body > main {
    min-height: 70vh;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
}

a {
  color: #1F73B7;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  text-decoration: underline;
}

input,
textarea {
  color: #000;
  font-size: 14px;
}

input {
  font-weight: 300;
  max-width: 100%;
  box-sizing: border-box;
  transition: border .12s ease-in-out;
}

input:not([type="checkbox"]) {
  outline: none;
}

input:not([type="checkbox"]):focus {
  border: 1px solid rgba(47, 88, 84, 1);
}

input[disabled] {
  background-color: #ddd;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid rgba(47, 88, 84, 1);
}

select::-ms-expand {
  display: none;
}

textarea {
  border: 1px solid #ddd;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}

textarea:focus {
  border: 1px solid rgba(47, 88, 84, 1);
}

.container {
/*   max-width: 1160px; */
  margin: 0 auto;
/*   border: 1px solid violet; */
    min-height: 70vh;
  padding-top: 100px;
}

@media (min-width: 1160px) {
  .container {
    padding: 100px 0 0 0;
/*     width: 90%; */
  }
}

.hero-title p {
  max-width: 350px;
  margin: 8px auto;
}

.container-divider-top {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

.container-divider-bottom {
  border-bottom: 1px solid #ddd;
  margin-top: 20px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}

@media (min-width: 1160px) {
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
  background-color: #fff;
  border: 1px solid #71A6A1;
  border-radius: 6px;
  color: rgba(47, 88, 84, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

.article-vote-up {
  border: 1px solid #0E9B3F;
  color: #0E9B3F;
}

.article-vote-down {
  border: 1px solid #E92E25;
  color: #E92E25;
}

.button.article-vote-up:hover {
  background-color: #0E9B3F;
  color: #fff;
}

.button.article-vote-down:hover {
  background-color: #E92E25;
  color: #fff;
}

@media (min-width: 768px) {
  .button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link {
    width: auto;
  }
  .hero-title p {
  max-width: 550px;
  margin: 8px auto;
}
}

.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button:active, .split-button button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .button:focus, .split-button button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .button.button-primary, .split-button button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link {
/*   background-color: rgba(47, 88, 84, 1);
  color: rgba(255, 255, 255, 1); */
  text-decoration: none;
  color: #fff;
  background-color: rgba(47, 88, 84, 1);
}

.button.button-primary:hover, .split-button button:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected="true"]:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected="true"]:hover, .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected="true"]:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .button.button-primary:focus, .split-button button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected="true"]:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected="true"]:focus, .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected="true"]:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .button.button-primary:active, .split-button button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected="true"]:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected="true"]:active, .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected="true"]:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active {
  background-color: #0b1615;
  border-color: #0b1615;
}

.button[data-disabled], .split-button button[data-disabled], .section-subscribe button[data-disabled], .article-subscribe button[data-disabled], .community-follow button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .subscriptions-subscribe button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link {
  cursor: default;
}

.button-large, input[type="submit"] {
  cursor: pointer;
  background-color: rgba(47, 88, 84, 1);
  border: 0;
  border-radius: 4px;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-weight: 400;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}

@media (min-width: 768px) {
  .button-large, input[type="submit"] {
    width: auto;
  }
}

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  background-color: #0b1615;
}

.button-large[disabled], input[type="submit"][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #666;
  border: 1px solid #ddd;
  background-color: transparent;
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: #333333;
  border: 1px solid #ddd;
  background-color: #f7f7f7;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: rgba(47, 88, 84, 1);
  border: 0;
  color: rgba(255, 255, 255, 1);
  height: 32px;
  line-height: 16px;
  outline-color: rgba(47, 88, 84, 1);
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid rgba(255, 255, 255, 1);
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):first-child {
  border-right: 1px solid rgba(255, 255, 255, 1);
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}

[dir="rtl"] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

[dir="ltr"] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}

.table th,
.table th a {
  color: #666;
  font-size: 13px;
  font-weight: 300;
  text-align: left;
}

[dir="rtl"] .table th, [dir="rtl"]
.table th a {
  text-align: right;
}

.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}

.table td {
  display: block;
}

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}

@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** Forms *****/

body > main > div.container > h1 {
  padding: 20px 5% 0 5%;
}

@media (min-width: 768px) {
  body > main > div.container > h1 {
    padding: 0;
  	max-width: 650px;
		margin: 0 auto;
	}
} 

.form {
  max-width: 650px;
  margin: 60px auto 0px auto;
  padding: 0 5% 0 5%;
}

@media (min-width: 768px) {
  .form {
    padding: 0;
  }
}

.request-form {
  margin-bottom: 80px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid rgba(47, 88, 84, 1);
}

.form-field input[type="text"] {
  border: 1px solid #ddd;
  border-radius: 4px;
}

.form-field input[type="text"]:focus {
  border: 1px solid rgba(47, 88, 84, 1);
}

.form-field input[type="checkbox"] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid rgba(47, 88, 84, 1);
  text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid rgba(47, 88, 84, 1);
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #666;
  margin-left: 4px;
}

.form-field p {
  color: #666;
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.footer a {
  font-size: 12px;
}

.form footer a {
  color: #666;
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}

.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}

.form .suggestion-list li {
  padding: 10px 0;
}

.form .suggestion-list li a:visited {
  color: #103c60;
}


/***** Header *****/
.header {
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  background-color:#2F5854;
  justify-content: space-between;
/*   box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.04); */
}

/* @media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
} */

.logo img {
  width: 120px;
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
  
  .logo img {
  	width: 140px;
	}
}

.user-nav[aria-expanded="true"] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}

.user-nav[aria-expanded="true"] > a {
  display: block;
  margin: 20px;
}

.nav-wrapper a {
  border: 0;
  color: #1F73B7;
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}

@media (min-width: 768px) {
  .nav-wrapper a {
    display: inline-block;
  }
}

[dir="rtl"] .nav-wrapper a {
  padding: 0 0 0 20px;
}

.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
  background-color: transparent;
  color: #1F73B7;
  text-decoration: underline;
}

.nav-wrapper a.sign-in {
  display: inline-block;
}

@media (max-width: 768px) {
  .nav-wrapper .hide-on-mobile {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
}

.nav-wrapper .menu-button {
  background: none;
  border: 0;
  color: #1F73B7;
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  width: auto;
}

@media (min-width: 768px) {
  .nav-wrapper .menu-button {
    display: none;
  }
}

.nav-wrapper .menu-button .icon-menu {
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

[dir="rtl"] .nav-wrapper .menu-button {
  margin-left: 10px;
  margin-right: 0;
}

.nav-wrapper .menu-button:hover, .nav-wrapper .menu-button:focus, .nav-wrapper .menu-button:active {
  background-color: transparent;
  color: #1F73B7;
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}

[dir="rtl"] .skip-navigation {
  left: initial;
  right: -999px;
}

.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}

[dir="rtl"] .skip-navigation:focus, [dir="rtl"] .skip-navigation:active {
  left: initial;
  right: auto;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle::after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}

.user-info > button {
  border: 0;
  color: #1F73B7;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: #1F73B7;
  background-color: transparent;
}

.user-info > button::after {
  color: #1F73B7;
  padding-right: 15px;
}

[dir="rtl"] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent {
  color: rgba(47, 88, 84, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: rgba(255, 255, 255, 1);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.08);
  padding: 5px 0 15px 0;
}

.footer-link-container p {
  font-weight: 600;
}

.footer a, legal-cc p {
  color: #000000;
  font-size: 15px;
}

.footer a:hover {
  opacity: 1;
  text-decoration: none;
}

.footer-main {
  padding: 20px 0 10px 0;
}

.footer-inner {
  max-width: 1160px;
  padding: 0 5%;
  margin: 0 auto;
}

@media (min-width: 898px) {
  .footer-link-container {
    display: flex;
    list-style: none;
    justify-content: space-between;
  }
} 

.footer-link-container ul {
  margin-bottom: 25px;
}

.legal-cc {
  display: inline;
  font-size: 12px;
	text-align: left;
  margin-top: 60px;
  font-weight: 300;
color: #6C757D;
}

.rights {
  font-weight: 700;
}

@media (min-width: 898px) {
  .legal-cc {
    display: flex;
  	justify-content: space-between;
    text-align: right;
  }
} 

.footer-logo {
  color: rgba(255, 255, 255, 0.7);
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 8rem;
  height: 3rem;
}

@media (min-width: 898px) {
  .footer-logo {

  }
} 

@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
}

.footer-language-selector {
  color: #666;
  display: inline-block;
  font-weight: 300;
  margin-bottom: 10px;
}

.footer-social-container { 
  display: flex;
  color: red;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
}

@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}

.breadcrumbs li {
  color: #FFFFFF;
  display: inline;
  font-size: 14px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: ">";
  margin: 0 4px;
}

.breadcrumbs li a {
   color: #FFFFFF;
}

.breadcrumbs li a:visited {
  color: #FFFFFF;
}

/***** Search field *****/
.search {
  position: relative;
}

.search input[type="search"] {
  border: 1px solid #ddd;
  box-sizing: border-box;
  color: #666;
  height: 45px;
  padding-left: 40px;
  padding-right: 20px;
  -webkit-appearance: none;
  width: 100%;
  font-size:16px;
}

[dir="rtl"] .search input[type="search"] {
  padding-right: 40px;
  padding-left: 20px;
}

.search input[type="search"]:focus {
  border: 1px solid rgba(47, 88, 84, 1);
  color: #555;
}

.search-full input[type="search"] {
  border: 1px solid #b7b7b7;
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
}

[dir="rtl"] .search-icon {
  right: 15px;
  left: auto;
}

.search-container {
  position: relative;
}

/***** Hero component *****/
.hero {
  height: 300px;
  padding: 0 20px;
  text-align: center;
  background: #2F5854;
  width: 100%;
}

.hero-inner {
  position: relative;
  top: 75%;
  transform: translateY(-50%);
  max-width: 350px;
  margin: 0 auto;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0 8px 0;
}

.hero-title {
  width: 100%;
  margin: 0 auto;

}

.article-list-item svg {
  min-width: 16px;
}

.hero-title h1 {
  margin: 17px 0 0 0;
  font-weight: 600;
font-size: 40px;
line-height: 48px;
  color: #EEE3D6;
  font-family: Rubik, sans-serif;
}

.hero-title p {
  color: #EEE3D6;
  font-size: 16px;
  margin-top: 8px;
}

.footer-links svg {
  min-width: 50px;
}

.blocks-item-link svg {
  min-width: 50px;
  margin-bottom: 8px;
}

.powered-by-zendesk {
  display: none;
}

@media (max-width: 315px) {
  .hero {
    height: 370px;
  }
}

.footer-link-container li {
  margin-left: 32px;
}

@media (max-width: 370px) {
  .footer-links {
    flex-direction: column;
    justify-content: center;
  }
  .footer-links svg {
    align-self: center;
  }
  .footer-link-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .footer-link-container li {
    margin: 12px 0;
  }
  .legal-cc {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
  }

.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
  }

  .hero-inner {
    top: 67%;
  }

  .hero-title h1 {
    margin: 7px 0 0 0;
  }
}

@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}

.page-header h1 {
  flex-grow: 1;
  margin-bottom: 60px;
  text-align: center;
}

.page-header-description {
  font-style: italic;
  font-weight: 300;
  margin: 0 0 30px 0;
  word-break: break-word;
}

@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
  
  .hero-title {
  	width: 485px;
	}
  
  .hero-title h1 {
  	font-size: 36px;
	}

	.hero-title p {
  	font-size: 16px;
	}
}

.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #0C1F1C;
	padding: 20px 5%;
}

@media (min-width: 768px) {
  .sub-nav {
    align-items: baseline;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .sub-nav input[type="search"] {
    min-width: 300px;
  }
}

.sub-nav input[type="search"]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}

/* @media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
} */

.blocks-item {
  border-radius: 16px;
  box-sizing: border-box;
  display: flex;
  flex: 1 0 90px;
  margin: 0 15px 18px;
  max-width: 100%;
  text-align: center;
  box-shadow: 0 0 0 1px #E6E8EB;
}

@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  box-shadow: 0 0 0 1px #2F5854;
}

.svg-footer-icon {
  filter: drop-shadow(0px 16px 32px rgba(0, 0, 0, 0.08));
}

.footer-link-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.footer-links {
  display: flex;
}

.blocks-item:hover path {
/*   fill: #ffffff; */
}

.blocks-item:hover .svg-icon {
  box-shadow: 1px 16px 32px rgba(6, 176, 91, 0.32);
  border-radius: 8px;
}

.blocks-item:hover rect {
  fill: #12B355;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #0F121A;
  text-decoration: none;
}

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}

.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: #333333;
}

.blocks-item-link {
  color: #000000;
  display: flex;
  align-items: center;
  border-radius: 16px;
  justify-content: space-between;
  padding: 30px;
  width: 100%;
}

.svg-icon {
  margin-bottom: 16px;
  width: 42px;
    height: 42px;
}

/* svg converted to css svg https://yoksel.github.io/url-encoder/ */
/* 
.blocks-item:nth-child(1) a::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 3.16666C27.74 3.16666 34.8333 10.26 34.8333 19C34.8333 27.74 27.74 34.8333 19 34.8333C10.26 34.8333 3.16663 27.74 3.16663 19C3.16663 10.26 10.26 3.16666 19 3.16666ZM9.53638 24.4087C11.8607 27.8762 15.3504 30.0833 19.2533 30.0833C23.1546 30.0833 26.6459 27.8777 28.9686 24.4087C26.3335 21.9459 22.86 20.5783 19.2533 20.5833C15.646 20.5779 12.1719 21.9456 9.53638 24.4087ZM19 17.4167C20.2597 17.4167 21.4679 16.9162 22.3587 16.0254C23.2495 15.1346 23.75 13.9264 23.75 12.6667C23.75 11.4069 23.2495 10.1987 22.3587 9.3079C21.4679 8.4171 20.2597 7.91666 19 7.91666C17.7402 7.91666 16.532 8.4171 15.6412 9.3079C14.7504 10.1987 14.25 11.4069 14.25 12.6667C14.25 13.9264 14.7504 15.1346 15.6412 16.0254C16.532 16.9162 17.7402 17.4167 19 17.4167Z' fill='%23BFBFCD'/%3E%3C/svg%3E ");
}

.blocks-item:nth-child(1) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 3.16666C27.74 3.16666 34.8334 10.26 34.8334 19C34.8334 27.74 27.74 34.8333 19 34.8333C10.26 34.8333 3.16669 27.74 3.16669 19C3.16669 10.26 10.26 3.16666 19 3.16666ZM9.53644 24.4087C11.8608 27.8762 15.3504 30.0833 19.2534 30.0833C23.1547 30.0833 26.6459 27.8777 28.9687 24.4087C26.3336 21.9459 22.8601 20.5783 19.2534 20.5833C15.6461 20.5779 12.1719 21.9456 9.53644 24.4087ZM19 17.4167C20.2598 17.4167 21.468 16.9162 22.3588 16.0254C23.2496 15.1346 23.75 13.9264 23.75 12.6667C23.75 11.4069 23.2496 10.1987 22.3588 9.3079C21.468 8.4171 20.2598 7.91666 19 7.91666C17.7402 7.91666 16.5321 8.4171 15.6413 9.3079C14.7505 10.1987 14.25 11.4069 14.25 12.6667C14.25 13.9264 14.7505 15.1346 15.6413 16.0254C16.5321 16.9162 17.7402 17.4167 19 17.4167Z' fill='%23fff'/%3E%3C/svg%3E ");
}

@media (min-width: 768px) {
  .blocks-item:nth-child(1) a::before {
     content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 4C35.04 4 44 12.96 44 24C44 35.04 35.04 44 24 44C12.96 44 4 35.04 4 24C4 12.96 12.96 4 24 4ZM12.046 30.832C14.982 35.212 19.39 38 24.32 38C29.248 38 33.658 35.214 36.592 30.832C33.2635 27.7212 28.8759 25.9936 24.32 26C19.7634 25.9931 15.375 27.7207 12.046 30.832ZM24 22C25.5913 22 27.1174 21.3679 28.2426 20.2426C29.3679 19.1174 30 17.5913 30 16C30 14.4087 29.3679 12.8826 28.2426 11.7574C27.1174 10.6321 25.5913 10 24 10C22.4087 10 20.8826 10.6321 19.7574 11.7574C18.6321 12.8826 18 14.4087 18 16C18 17.5913 18.6321 19.1174 19.7574 20.2426C20.8826 21.3679 22.4087 22 24 22Z' fill='%23BFBFCD'/%3E%3C/svg%3E ");
  }
  
  .blocks-item:nth-child(1) a:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 4C35.04 4 44 12.96 44 24C44 35.04 35.04 44 24 44C12.96 44 4 35.04 4 24C4 12.96 12.96 4 24 4ZM12.046 30.832C14.982 35.212 19.39 38 24.32 38C29.248 38 33.658 35.214 36.592 30.832C33.2635 27.7212 28.8759 25.9936 24.32 26C19.7634 25.9931 15.375 27.7207 12.046 30.832ZM24 22C25.5913 22 27.1174 21.3679 28.2426 20.2426C29.3679 19.1174 30 17.5913 30 16C30 14.4087 29.3679 12.8826 28.2426 11.7574C27.1174 10.6321 25.5913 10 24 10C22.4087 10 20.8826 10.6321 19.7574 11.7574C18.6321 12.8826 18 14.4087 18 16C18 17.5913 18.6321 19.1174 19.7574 20.2426C20.8826 21.3679 22.4087 22 24 22Z' fill='%23fff'/%3E%3C/svg%3E");
  }
}

.blocks-item:nth-child(2) a::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.8334 21.1232C33.1419 20.5241 31.3154 20.4163 29.5652 20.8122C27.815 21.2082 26.2128 22.0917 24.9439 23.3606C23.6751 24.6294 22.7915 26.2317 22.3956 27.9818C21.9996 29.732 22.1075 31.5586 22.7066 33.25H4.75002C4.33009 33.25 3.92737 33.0832 3.63043 32.7863C3.3335 32.4893 3.16669 32.0866 3.16669 31.6667V6.33333C3.16669 5.91341 3.3335 5.51068 3.63043 5.21375C3.92737 4.91681 4.33009 4.75 4.75002 4.75H33.25C33.6699 4.75 34.0727 4.91681 34.3696 5.21375C34.6665 5.51068 34.8334 5.91341 34.8334 6.33333V21.1232ZM19.095 18.4981L8.94269 9.87683L6.89227 12.2898L19.1156 22.6686L31.1189 12.2819L29.0479 9.88633L19.0966 18.4981H19.095ZM26.9959 30.951C26.8899 30.3774 26.8899 29.7893 26.9959 29.2157L25.3904 28.2878L26.9737 25.5455L28.5792 26.4733C29.0194 26.0965 29.5276 25.8004 30.0834 25.6025V23.75H33.25V25.6025C33.8058 25.8004 34.314 26.0965 34.7542 26.4733L36.3597 25.5455L37.943 28.2878L36.3375 29.2157C36.4435 29.7893 36.4435 30.3774 36.3375 30.951L37.943 31.8788L36.3597 34.6212L34.7542 33.6933C34.3107 34.0737 33.8007 34.369 33.25 34.5642V36.4167H30.0834V34.5642C29.5326 34.369 29.0227 34.0737 28.5792 33.6933L26.9737 34.6212L25.3904 31.8788L26.9959 30.951ZM31.6667 31.6667C32.0866 31.6667 32.4893 31.4999 32.7863 31.2029C33.0832 30.906 33.25 30.5033 33.25 30.0833C33.25 29.6634 33.0832 29.2607 32.7863 28.9637C32.4893 28.6668 32.0866 28.5 31.6667 28.5C31.2468 28.5 30.844 28.6668 30.5471 28.9637C30.2502 29.2607 30.0834 29.6634 30.0834 30.0833C30.0834 30.5033 30.2502 30.906 30.5471 31.2029C30.844 31.4999 31.2468 31.6667 31.6667 31.6667Z' fill='%23BFBFCD'/%3E%3C/svg%3E ");
}

.blocks-item:nth-child(2) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.8334 21.1232C33.1419 20.5241 31.3154 20.4163 29.5652 20.8122C27.815 21.2082 26.2128 22.0917 24.9439 23.3606C23.6751 24.6294 22.7915 26.2317 22.3956 27.9818C21.9996 29.732 22.1075 31.5586 22.7066 33.25H4.75002C4.33009 33.25 3.92737 33.0832 3.63043 32.7863C3.3335 32.4893 3.16669 32.0866 3.16669 31.6667V6.33333C3.16669 5.91341 3.3335 5.51068 3.63043 5.21375C3.92737 4.91681 4.33009 4.75 4.75002 4.75H33.25C33.6699 4.75 34.0727 4.91681 34.3696 5.21375C34.6665 5.51068 34.8334 5.91341 34.8334 6.33333V21.1232ZM19.095 18.4981L8.94269 9.87683L6.89227 12.2898L19.1156 22.6686L31.1189 12.2819L29.0479 9.88633L19.0966 18.4981H19.095ZM26.9959 30.951C26.8899 30.3774 26.8899 29.7893 26.9959 29.2157L25.3904 28.2878L26.9737 25.5455L28.5792 26.4733C29.0194 26.0965 29.5276 25.8004 30.0834 25.6025V23.75H33.25V25.6025C33.8058 25.8004 34.314 26.0965 34.7542 26.4733L36.3597 25.5455L37.943 28.2878L36.3375 29.2157C36.4435 29.7893 36.4435 30.3774 36.3375 30.951L37.943 31.8788L36.3597 34.6212L34.7542 33.6933C34.3107 34.0737 33.8007 34.369 33.25 34.5642V36.4167H30.0834V34.5642C29.5326 34.369 29.0227 34.0737 28.5792 33.6933L26.9737 34.6212L25.3904 31.8788L26.9959 30.951ZM31.6667 31.6667C32.0866 31.6667 32.4893 31.4999 32.7863 31.2029C33.0832 30.906 33.25 30.5033 33.25 30.0833C33.25 29.6634 33.0832 29.2607 32.7863 28.9637C32.4893 28.6668 32.0866 28.5 31.6667 28.5C31.2468 28.5 30.844 28.6668 30.5471 28.9637C30.2502 29.2607 30.0834 29.6634 30.0834 30.0833C30.0834 30.5033 30.2502 30.906 30.5471 31.2029C30.844 31.4999 31.2468 31.6667 31.6667 31.6667Z' fill='%23fff'/%3E%3C/svg%3E ");
}

@media (min-width: 768px) {
  .blocks-item:nth-child(2) a::before {
     content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 26.682C41.8634 25.9252 39.5562 25.789 37.3455 26.2891C35.1347 26.7893 33.1108 27.9053 31.5081 29.5081C29.9053 31.1108 28.7893 33.1347 28.2891 35.3455C27.789 37.5562 27.9252 39.8634 28.682 42H6C5.46957 42 4.96086 41.7893 4.58579 41.4142C4.21071 41.0391 4 40.5304 4 40V8C4 7.46957 4.21071 6.96086 4.58579 6.58579C4.96086 6.21071 5.46957 6 6 6H42C42.5304 6 43.0391 6.21071 43.4142 6.58579C43.7893 6.96086 44 7.46957 44 8V26.682ZM24.12 23.366L11.296 12.476L8.706 15.524L24.146 28.634L39.308 15.514L36.692 12.488L24.122 23.366H24.12ZM34.1 39.096C33.9662 38.3715 33.9662 37.6285 34.1 36.904L32.072 35.732L34.072 32.268L36.1 33.44C36.656 32.964 37.298 32.59 38 32.34V30H42V32.34C42.702 32.59 43.344 32.964 43.9 33.44L45.928 32.268L47.928 35.732L45.9 36.904C46.0338 37.6285 46.0338 38.3715 45.9 39.096L47.928 40.268L45.928 43.732L43.9 42.56C43.3398 43.0405 42.6957 43.4134 42 43.66V46H38V43.66C37.3043 43.4134 36.6602 43.0405 36.1 42.56L34.072 43.732L32.072 40.268L34.1 39.096ZM40 40C40.5304 40 41.0391 39.7893 41.4142 39.4142C41.7893 39.0391 42 38.5304 42 38C42 37.4696 41.7893 36.9609 41.4142 36.5858C41.0391 36.2107 40.5304 36 40 36C39.4696 36 38.9609 36.2107 38.5858 36.5858C38.2107 36.9609 38 37.4696 38 38C38 38.5304 38.2107 39.0391 38.5858 39.4142C38.9609 39.7893 39.4696 40 40 40Z' fill='%23BFBFCD'/%3E%3C/svg%3E ");
  }

    
  .blocks-item:nth-child(2) a:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 26.682C41.8634 25.9252 39.5562 25.789 37.3455 26.2891C35.1347 26.7893 33.1108 27.9053 31.5081 29.5081C29.9053 31.1108 28.7893 33.1347 28.2891 35.3455C27.789 37.5562 27.9252 39.8634 28.682 42H6C5.46957 42 4.96086 41.7893 4.58579 41.4142C4.21071 41.0391 4 40.5304 4 40V8C4 7.46957 4.21071 6.96086 4.58579 6.58579C4.96086 6.21071 5.46957 6 6 6H42C42.5304 6 43.0391 6.21071 43.4142 6.58579C43.7893 6.96086 44 7.46957 44 8V26.682ZM24.12 23.366L11.296 12.476L8.706 15.524L24.146 28.634L39.308 15.514L36.692 12.488L24.122 23.366H24.12ZM34.1 39.096C33.9662 38.3715 33.9662 37.6285 34.1 36.904L32.072 35.732L34.072 32.268L36.1 33.44C36.656 32.964 37.298 32.59 38 32.34V30H42V32.34C42.702 32.59 43.344 32.964 43.9 33.44L45.928 32.268L47.928 35.732L45.9 36.904C46.0338 37.6285 46.0338 38.3715 45.9 39.096L47.928 40.268L45.928 43.732L43.9 42.56C43.3398 43.0405 42.6957 43.4134 42 43.66V46H38V43.66C37.3043 43.4134 36.6602 43.0405 36.1 42.56L34.072 43.732L32.072 40.268L34.1 39.096ZM40 40C40.5304 40 41.0391 39.7893 41.4142 39.4142C41.7893 39.0391 42 38.5304 42 38C42 37.4696 41.7893 36.9609 41.4142 36.5858C41.0391 36.2107 40.5304 36 40 36C39.4696 36 38.9609 36.2107 38.5858 36.5858C38.2107 36.9609 38 37.4696 38 38C38 38.5304 38.2107 39.0391 38.5858 39.4142C38.9609 39.7893 39.4696 40 40 40Z' fill='%23fff'/%3E%3C/svg%3E ");
}
}

.blocks-item:nth-child(3) a::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 15.8333C25.2953 15.8333 31.6666 13.6578 31.6666 9.5C31.6666 5.34217 25.2953 3.16667 19 3.16667C12.7046 3.16667 6.33331 5.34217 6.33331 9.5C6.33331 13.6578 12.7046 15.8333 19 15.8333Z' fill='%23BFBFCD'/%3E%3Cpath d='M6.33331 15.8333C6.33331 19.9912 12.7046 22.1667 19 22.1667C25.2953 22.1667 31.6666 19.9912 31.6666 15.8333V12.6667C31.6666 16.8245 25.2953 19 19 19C12.7046 19 6.33331 16.8245 6.33331 12.6667V15.8333Z' fill='%23BFBFCD'/%3E%3Cpath d='M6.33331 22.1667C6.33331 26.3245 12.7046 28.5 19 28.5C25.2953 28.5 31.6666 26.3245 31.6666 22.1667V19C31.6666 23.1578 25.2953 25.3333 19 25.3333C12.7046 25.3333 6.33331 23.1578 6.33331 19V22.1667Z' fill='%23BFBFCD'/%3E%3Cpath d='M6.33331 28.5C6.33331 32.6578 12.7046 34.8333 19 34.8333C25.2953 34.8333 31.6666 32.6578 31.6666 28.5V25.3333C31.6666 29.4912 25.2953 31.6667 19 31.6667C12.7046 31.6667 6.33331 29.4912 6.33331 25.3333V28.5Z' fill='%23BFBFCD'/%3E%3C/svg%3E%0A");
}

.blocks-item:nth-child(3) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 15.8333C25.2954 15.8333 31.6667 13.6578 31.6667 9.5C31.6667 5.34217 25.2954 3.16667 19 3.16667C12.7047 3.16667 6.33337 5.34217 6.33337 9.5C6.33337 13.6578 12.7047 15.8333 19 15.8333Z' fill='%23fff'/%3E%3Cpath d='M6.33337 15.8333C6.33337 19.9912 12.7047 22.1667 19 22.1667C25.2954 22.1667 31.6667 19.9912 31.6667 15.8333V12.6667C31.6667 16.8245 25.2954 19 19 19C12.7047 19 6.33337 16.8245 6.33337 12.6667V15.8333Z' fill='%23fff'/%3E%3Cpath d='M6.33337 22.1667C6.33337 26.3245 12.7047 28.5 19 28.5C25.2954 28.5 31.6667 26.3245 31.6667 22.1667V19C31.6667 23.1578 25.2954 25.3333 19 25.3333C12.7047 25.3333 6.33337 23.1578 6.33337 19V22.1667Z' fill='%23fff'/%3E%3Cpath d='M6.33337 28.5C6.33337 32.6578 12.7047 34.8333 19 34.8333C25.2954 34.8333 31.6667 32.6578 31.6667 28.5V25.3333C31.6667 29.4912 25.2954 31.6667 19 31.6667C12.7047 31.6667 6.33337 29.4912 6.33337 25.3333V28.5Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

@media (min-width: 768px) {
  .blocks-item:nth-child(3) a::before {
     content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 20C31.952 20 40 17.252 40 12C40 6.748 31.952 4 24 4C16.048 4 8 6.748 8 12C8 17.252 16.048 20 24 20Z' fill='%23BFBFCD'/%3E%3Cpath d='M8 20C8 25.252 16.048 28 24 28C31.952 28 40 25.252 40 20V16C40 21.252 31.952 24 24 24C16.048 24 8 21.252 8 16V20Z' fill='%23BFBFCD'/%3E%3Cpath d='M8 28C8 33.252 16.048 36 24 36C31.952 36 40 33.252 40 28V24C40 29.252 31.952 32 24 32C16.048 32 8 29.252 8 24V28Z' fill='%23BFBFCD'/%3E%3Cpath d='M8 36C8 41.252 16.048 44 24 44C31.952 44 40 41.252 40 36V32C40 37.252 31.952 40 24 40C16.048 40 8 37.252 8 32V36Z' fill='%23BFBFCD'/%3E%3C/svg%3E%0A");
  }

    
  .blocks-item:nth-child(3) a:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 20C31.952 20 40 17.252 40 12C40 6.748 31.952 4 24 4C16.048 4 8 6.748 8 12C8 17.252 16.048 20 24 20Z' fill='%23fff'/%3E%3Cpath d='M8 20C8 25.252 16.048 28 24 28C31.952 28 40 25.252 40 20V16C40 21.252 31.952 24 24 24C16.048 24 8 21.252 8 16V20Z' fill='%23fff'/%3E%3Cpath d='M8 28C8 33.252 16.048 36 24 36C31.952 36 40 33.252 40 28V24C40 29.252 31.952 32 24 32C16.048 32 8 29.252 8 24V28Z' fill='%23fff'/%3E%3Cpath d='M8 36C8 41.252 16.048 44 24 44C31.952 44 40 41.252 40 36V32C40 37.252 31.952 40 24 40C16.048 40 8 37.252 8 32V36Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
}

.blocks-item:nth-child(4) a::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33333 20.5833H15.8333C16.7073 20.5833 17.4167 19.8756 17.4167 19V6.33333C17.4167 5.45775 16.7073 4.75 15.8333 4.75H6.33333C5.45933 4.75 4.75 5.45775 4.75 6.33333V19C4.75 19.8756 5.45933 20.5833 6.33333 20.5833ZM4.75 31.6667C4.75 32.5423 5.45933 33.25 6.33333 33.25H15.8333C16.7073 33.25 17.4167 32.5423 17.4167 31.6667V25.3333C17.4167 24.4578 16.7073 23.75 15.8333 23.75H6.33333C5.45933 23.75 4.75 24.4578 4.75 25.3333V31.6667ZM20.5833 31.6667C20.5833 32.5423 21.2911 33.25 22.1667 33.25H31.6667C32.5423 33.25 33.25 32.5423 33.25 31.6667V20.5833C33.25 19.7078 32.5423 19 31.6667 19H22.1667C21.2911 19 20.5833 19.7078 20.5833 20.5833V31.6667ZM22.1667 15.8333H31.6667C32.5423 15.8333 33.25 15.1256 33.25 14.25V6.33333C33.25 5.45775 32.5423 4.75 31.6667 4.75H22.1667C21.2911 4.75 20.5833 5.45775 20.5833 6.33333V14.25C20.5833 15.1256 21.2911 15.8333 22.1667 15.8333Z' fill='%23BFBFCD'/%3E%3C/svg%3E%0A");
  line-height: 0;
}

.blocks-item:nth-child(4) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33333 20.5833H15.8333C16.7073 20.5833 17.4167 19.8756 17.4167 19V6.33333C17.4167 5.45775 16.7073 4.75 15.8333 4.75H6.33333C5.45933 4.75 4.75 5.45775 4.75 6.33333V19C4.75 19.8756 5.45933 20.5833 6.33333 20.5833ZM4.75 31.6667C4.75 32.5423 5.45933 33.25 6.33333 33.25H15.8333C16.7073 33.25 17.4167 32.5423 17.4167 31.6667V25.3333C17.4167 24.4578 16.7073 23.75 15.8333 23.75H6.33333C5.45933 23.75 4.75 24.4578 4.75 25.3333V31.6667ZM20.5833 31.6667C20.5833 32.5423 21.2911 33.25 22.1667 33.25H31.6667C32.5423 33.25 33.25 32.5423 33.25 31.6667V20.5833C33.25 19.7078 32.5423 19 31.6667 19H22.1667C21.2911 19 20.5833 19.7078 20.5833 20.5833V31.6667ZM22.1667 15.8333H31.6667C32.5423 15.8333 33.25 15.1256 33.25 14.25V6.33333C33.25 5.45775 32.5423 4.75 31.6667 4.75H22.1667C21.2911 4.75 20.5833 5.45775 20.5833 6.33333V14.25C20.5833 15.1256 21.2911 15.8333 22.1667 15.8333Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

@media (min-width: 768px) {
  .blocks-item:nth-child(4) a::before {
     content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 26H20C21.104 26 22 25.106 22 24V8C22 6.894 21.104 6 20 6H8C6.896 6 6 6.894 6 8V24C6 25.106 6.896 26 8 26ZM6 40C6 41.106 6.896 42 8 42H20C21.104 42 22 41.106 22 40V32C22 30.894 21.104 30 20 30H8C6.896 30 6 30.894 6 32V40ZM26 40C26 41.106 26.894 42 28 42H40C41.106 42 42 41.106 42 40V26C42 24.894 41.106 24 40 24H28C26.894 24 26 24.894 26 26V40ZM28 20H40C41.106 20 42 19.106 42 18V8C42 6.894 41.106 6 40 6H28C26.894 6 26 6.894 26 8V18C26 19.106 26.894 20 28 20Z' fill='%23BFBFCD'/%3E%3C/svg%3E ");
  }

    
  .blocks-item:nth-child(4) a:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 26H20C21.104 26 22 25.106 22 24V8C22 6.894 21.104 6 20 6H8C6.896 6 6 6.894 6 8V24C6 25.106 6.896 26 8 26ZM6 40C6 41.106 6.896 42 8 42H20C21.104 42 22 41.106 22 40V32C22 30.894 21.104 30 20 30H8C6.896 30 6 30.894 6 32V40ZM26 40C26 41.106 26.894 42 28 42H40C41.106 42 42 41.106 42 40V26C42 24.894 41.106 24 40 24H28C26.894 24 26 24.894 26 26V40ZM28 20H40C41.106 20 42 19.106 42 18V8C42 6.894 41.106 6 40 6H28C26.894 6 26 6.894 26 8V18C26 19.106 26.894 20 28 20Z' fill='%23fff'/%3E%3C/svg%3E ");
}
}

.blocks-item:nth-child(5) a::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M33.8004 15.3896L31.1958 15.0585C30.9811 14.3976 30.7165 13.7604 30.4075 13.1549L32.016 11.0837C32.6671 10.2456 32.5909 9.06241 31.847 8.34199L29.6649 6.15996C28.9376 5.40906 27.7544 5.33425 26.9149 5.98401L24.8465 7.59248C24.241 7.28353 23.6037 7.01892 22.9415 6.80418L22.6104 4.20375C22.4857 3.16053 21.6004 2.375 20.5517 2.375H17.4483C16.3996 2.375 15.5143 3.16053 15.3896 4.19959L15.0585 6.80418C14.3963 7.01892 13.759 7.28215 13.1535 7.59248L11.0837 5.98401C10.2469 5.33425 9.06379 5.40906 8.34199 6.15303L6.15996 8.33368C5.40906 9.06241 5.33286 10.2456 5.98401 11.0851L7.59248 13.1549C7.28215 13.7604 7.01892 14.3976 6.80418 15.0585L4.20375 15.3896C3.16053 15.5143 2.375 16.3996 2.375 17.4483V20.5517C2.375 21.6004 3.16053 22.4857 4.19959 22.6104L6.80418 22.9415C7.01892 23.6024 7.28353 24.2396 7.59248 24.8451L5.98401 26.9163C5.33286 27.7544 5.40906 28.9376 6.15303 29.658L8.33506 31.84C9.06379 32.5896 10.2456 32.6644 11.0851 32.0146L13.1549 30.4061C13.7604 30.7165 14.3976 30.9811 15.0585 31.1944L15.3896 33.7935C15.5143 34.8395 16.3996 35.625 17.4483 35.625H20.5517C21.6004 35.625 22.4857 34.8395 22.6104 33.8004L22.9415 31.1958C23.6024 30.9811 24.2396 30.7165 24.8451 30.4075L26.9163 32.016C27.7544 32.6671 28.9376 32.5909 29.658 31.847L31.84 29.6649C32.5909 28.9362 32.6671 27.7544 32.016 26.9149L30.4075 24.8451C30.7179 24.2396 30.9825 23.6024 31.1958 22.9415L33.7949 22.6104C34.8381 22.4857 35.6236 21.6004 35.6236 20.5517V17.4483C35.625 16.3996 34.8395 15.5143 33.8004 15.3896ZM19 25.9271C15.1804 25.9271 12.0729 22.8196 12.0729 19C12.0729 15.1804 15.1804 12.0729 19 12.0729C22.8196 12.0729 25.9271 15.1804 25.9271 19C25.9271 22.8196 22.8196 25.9271 19 25.9271Z' fill='%23BFBFCD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='33.25' height='33.25' fill='white' transform='translate(2.375 2.375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}

.blocks-item:nth-child(5) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M33.8004 15.3896L31.1958 15.0585C30.9811 14.3976 30.7165 13.7604 30.4075 13.1549L32.016 11.0837C32.6671 10.2456 32.5909 9.06241 31.847 8.34199L29.6649 6.15996C28.9376 5.40906 27.7544 5.33425 26.9149 5.98401L24.8465 7.59248C24.241 7.28353 23.6037 7.01892 22.9415 6.80418L22.6104 4.20375C22.4857 3.16053 21.6004 2.375 20.5517 2.375H17.4483C16.3996 2.375 15.5143 3.16053 15.3896 4.19959L15.0585 6.80418C14.3963 7.01892 13.759 7.28215 13.1535 7.59248L11.0837 5.98401C10.2469 5.33425 9.06379 5.40906 8.34199 6.15303L6.15996 8.33368C5.40906 9.06241 5.33286 10.2456 5.98401 11.0851L7.59248 13.1549C7.28215 13.7604 7.01892 14.3976 6.80418 15.0585L4.20375 15.3896C3.16053 15.5143 2.375 16.3996 2.375 17.4483V20.5517C2.375 21.6004 3.16053 22.4857 4.19959 22.6104L6.80418 22.9415C7.01892 23.6024 7.28353 24.2396 7.59248 24.8451L5.98401 26.9163C5.33286 27.7544 5.40906 28.9376 6.15303 29.658L8.33506 31.84C9.06379 32.5896 10.2456 32.6644 11.0851 32.0146L13.1549 30.4061C13.7604 30.7165 14.3976 30.9811 15.0585 31.1944L15.3896 33.7935C15.5143 34.8395 16.3996 35.625 17.4483 35.625H20.5517C21.6004 35.625 22.4857 34.8395 22.6104 33.8004L22.9415 31.1958C23.6024 30.9811 24.2396 30.7165 24.8451 30.4075L26.9163 32.016C27.7544 32.6671 28.9376 32.5909 29.658 31.847L31.84 29.6649C32.5909 28.9362 32.6671 27.7544 32.016 26.9149L30.4075 24.8451C30.7179 24.2396 30.9825 23.6024 31.1958 22.9415L33.7949 22.6104C34.8381 22.4857 35.6236 21.6004 35.6236 20.5517V17.4483C35.625 16.3996 34.8395 15.5143 33.8004 15.3896ZM19 25.9271C15.1804 25.9271 12.0729 22.8196 12.0729 19C12.0729 15.1804 15.1804 12.0729 19 12.0729C22.8196 12.0729 25.9271 15.1804 25.9271 19C25.9271 22.8196 22.8196 25.9271 19 25.9271Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='33.25' height='33.25' fill='white' transform='translate(2.375 2.375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}

@media (min-width: 768px) {
  .blocks-item:nth-child(5) a::before {
     content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M42.6953 19.4395L39.4053 19.0212C39.134 18.1865 38.7998 17.3815 38.4095 16.6168L40.4413 14.0005C41.2638 12.9417 41.1675 11.4473 40.2278 10.5373L37.4715 7.781C36.5528 6.8325 35.0583 6.738 33.9978 7.55875L31.385 9.5905C30.6203 9.20025 29.8153 8.866 28.9788 8.59475L28.5605 5.31C28.403 3.99225 27.2848 3 25.96 3H22.04C20.7153 3 19.597 3.99225 19.4395 5.30475L19.0212 8.59475C18.1848 8.866 17.3798 9.1985 16.615 9.5905L14.0005 7.55875C12.9435 6.738 11.449 6.8325 10.5373 7.77225L7.781 10.5268C6.8325 11.4473 6.73625 12.9418 7.55875 14.0023L9.5905 16.6168C9.1985 17.3815 8.866 18.1865 8.59475 19.0212L5.31 19.4395C3.99225 19.597 3 20.7153 3 22.04V25.96C3 27.2847 3.99225 28.403 5.30475 28.5605L8.59475 28.9788C8.866 29.8135 9.20025 30.6185 9.5905 31.3832L7.55875 33.9995C6.73625 35.0583 6.8325 36.5527 7.77225 37.4628L10.5285 40.219C11.449 41.1657 12.9418 41.2603 14.0023 40.4395L16.6168 38.4077C17.3815 38.7998 18.1865 39.134 19.0212 39.4035L19.4395 42.6865C19.597 44.0077 20.7153 45 22.04 45H25.96C27.2848 45 28.403 44.0078 28.5605 42.6953L28.9788 39.4053C29.8135 39.134 30.6185 38.7997 31.3833 38.4095L33.9995 40.4412C35.0583 41.2638 36.5528 41.1675 37.4628 40.2278L40.219 37.4715C41.1675 36.551 41.2638 35.0583 40.4413 33.9977L38.4095 31.3832C38.8015 30.6185 39.1357 29.8135 39.4053 28.9788L42.6883 28.5605C44.006 28.403 44.9983 27.2847 44.9983 25.96V22.04C45 20.7153 44.0078 19.597 42.6953 19.4395ZM24 32.75C19.1753 32.75 15.25 28.8247 15.25 24C15.25 19.1753 19.1753 15.25 24 15.25C28.8248 15.25 32.75 19.1753 32.75 24C32.75 28.8247 28.8248 32.75 24 32.75Z' fill='%23BFBFCD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='42' height='42' fill='white' transform='translate(3 3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
  }
  
  .blocks-item:nth-child(5) a:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M42.6953 19.4395L39.4053 19.0212C39.134 18.1865 38.7998 17.3815 38.4095 16.6168L40.4413 14.0005C41.2638 12.9417 41.1675 11.4473 40.2278 10.5373L37.4715 7.781C36.5528 6.8325 35.0583 6.738 33.9978 7.55875L31.385 9.5905C30.6203 9.20025 29.8153 8.866 28.9788 8.59475L28.5605 5.31C28.403 3.99225 27.2848 3 25.96 3H22.04C20.7153 3 19.597 3.99225 19.4395 5.30475L19.0212 8.59475C18.1848 8.866 17.3798 9.1985 16.615 9.5905L14.0005 7.55875C12.9435 6.738 11.449 6.8325 10.5373 7.77225L7.781 10.5268C6.8325 11.4473 6.73625 12.9418 7.55875 14.0023L9.5905 16.6168C9.1985 17.3815 8.866 18.1865 8.59475 19.0212L5.31 19.4395C3.99225 19.597 3 20.7153 3 22.04V25.96C3 27.2847 3.99225 28.403 5.30475 28.5605L8.59475 28.9788C8.866 29.8135 9.20025 30.6185 9.5905 31.3832L7.55875 33.9995C6.73625 35.0583 6.8325 36.5527 7.77225 37.4628L10.5285 40.219C11.449 41.1657 12.9418 41.2603 14.0023 40.4395L16.6168 38.4077C17.3815 38.7998 18.1865 39.134 19.0212 39.4035L19.4395 42.6865C19.597 44.0077 20.7153 45 22.04 45H25.96C27.2848 45 28.403 44.0078 28.5605 42.6953L28.9788 39.4053C29.8135 39.134 30.6185 38.7997 31.3833 38.4095L33.9995 40.4412C35.0583 41.2638 36.5528 41.1675 37.4628 40.2278L40.219 37.4715C41.1675 36.551 41.2638 35.0583 40.4413 33.9977L38.4095 31.3832C38.8015 30.6185 39.1357 29.8135 39.4053 28.9788L42.6883 28.5605C44.006 28.403 44.9983 27.2847 44.9983 25.96V22.04C45 20.7153 44.0078 19.597 42.6953 19.4395ZM24 32.75C19.1753 32.75 15.25 28.8247 15.25 24C15.25 19.1753 19.1753 15.25 24 15.25C28.8248 15.25 32.75 19.1753 32.75 24C32.75 28.8247 28.8248 32.75 24 32.75Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='42' height='42' fill='white' transform='translate(3 3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
}

.blocks-item:nth-child(6) a::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.1384 26.5605C34.7136 26.4998 34.2281 26.6212 33.8639 26.7425C31.4364 27.6529 29.1303 28.6846 26.7027 29.5949C26.46 29.6556 26.46 30.1411 26.3386 30.3838C25.7924 31.2335 24.4573 31.4155 23.547 31.4762C21.787 31.5976 20.0271 31.719 18.3278 31.719C17.3568 31.719 15.8396 31.7796 15.7182 30.4445C15.7182 30.1411 15.9003 30.0197 16.143 30.0197C16.2644 30.0197 16.3251 30.0197 16.4465 30.0197C17.7209 29.959 18.9954 29.959 20.2698 29.8983C21.6049 29.8376 22.9401 29.8376 24.2752 29.7769C25.1855 29.7163 25.8531 29.0487 25.8531 28.1384C25.8531 27.1674 25.1248 26.4391 24.0931 26.4391C22.5759 26.4391 20.6946 26.257 19.1774 26.0143C17.3568 25.7108 16.4465 24.8005 14.6865 24.1936C11.9555 23.2833 9.16389 23.6475 6.31156 23.7081C6.31156 23.5261 6.31156 23.344 6.31156 23.1013C6.31156 22.4944 6.00812 22.1909 5.34055 22.2516C3.70197 22.3123 2.06339 22.3123 0.364128 22.373C0.242752 22.373 0.182064 22.373 0 22.373C0.121376 23.2833 0.182064 24.133 0.30344 24.9826C0.788944 28.1991 1.88133 31.1121 3.58059 33.7823C3.64128 33.9037 3.88403 34.0251 4.00541 34.0251C4.5516 34.0251 5.15848 34.0251 5.70468 33.9644C6.25087 33.9644 6.55431 33.6003 6.55431 33.0541C6.55431 32.872 6.55431 32.7507 6.55431 32.5686C7.82876 32.9327 9.1032 33.2968 10.3777 33.661C12.7445 34.3285 15.1113 35.0568 17.4782 35.6637C19.4809 36.1492 21.4229 36.2099 23.3649 35.1782C27.3703 32.9934 31.315 30.8086 35.3204 28.6239C35.5025 28.5025 35.6846 28.3204 35.8059 28.1384C36.2308 27.5922 35.9273 26.6818 35.1384 26.5605Z' fill='%23BFBFCD'/%3E%3Cpath d='M36.5342 8.05063C37.2625 6.22999 37.6873 4.28797 37.9907 2.34595C38.0514 1.98183 37.8087 1.73907 37.4446 1.73907C37.2018 1.73907 37.0197 1.73907 36.777 1.79976C34.9563 1.92114 33.075 2.1032 31.3151 2.52802C31.0116 2.58871 30.7082 2.64939 30.4047 2.77077C28.3413 3.31696 26.2173 3.86316 24.3359 4.89485C23.0615 5.56242 21.8477 6.59412 21.1195 7.80788C20.5733 8.65751 20.3305 9.62852 20.3305 10.5995C20.3305 11.4492 20.3305 12.6629 20.816 13.3912C20.816 13.5125 20.816 13.6339 20.7553 13.6946C20.2092 14.3622 19.7236 15.1511 19.2381 16.1221C19.1775 16.3042 19.1168 16.4863 19.0561 16.729C19.0561 16.7897 18.9954 16.8504 18.9954 16.9718C18.9347 16.8504 18.874 16.6683 18.8133 16.547C18.7526 16.3649 18.6313 16.1221 18.5706 15.9401C18.4492 15.6973 18.2671 15.3939 18.2671 15.0904C18.2064 14.787 18.3885 14.4229 18.3885 14.1194C18.6919 11.9347 18.4492 9.81058 17.6603 7.6865C17.1747 6.35136 16.3251 5.31967 15.1114 4.59141C13.8976 3.86316 12.6231 3.37765 11.288 3.01352C10.9239 2.89215 10.5598 2.83146 10.1956 2.71008C9.89218 2.6494 9.64943 2.77077 9.64943 3.07421C9.52806 4.59141 9.34599 6.04792 9.22462 7.56512C9.10324 9.08232 9.10324 10.5995 9.52806 12.1167C9.8315 13.2698 10.3777 14.3015 11.4701 14.9691C12.5018 15.6366 13.6548 16.0008 14.8079 16.1221C15.7182 16.2435 16.6286 16.2435 17.4782 16.0614C17.6603 16.4863 17.8423 16.9111 17.903 17.3966C17.9637 17.7607 18.0244 18.1248 18.0851 18.489C18.2064 19.7027 17.8423 20.1882 17.8423 21.402C17.8423 21.8268 18.0244 22.1302 18.2671 22.2516C18.5099 22.373 18.874 22.3123 19.1775 22.0696C19.6023 21.7054 19.7236 21.2199 19.7843 20.6737C19.845 20.1882 19.7843 20.3096 19.845 19.8241C19.9664 18.489 20.3305 17.2145 20.9374 16.0008C21.2408 15.3939 21.6657 14.8477 22.0905 14.3015C22.5153 13.7553 23.0008 13.3305 23.4256 12.7843C23.9111 12.1774 24.5787 11.5705 25.1856 11.0243C26.3993 9.87127 27.6131 8.83957 28.9482 7.80788C30.2227 6.83687 31.5578 5.86586 32.9536 5.01623C31.1937 6.6548 29.191 8.41476 27.249 10.2961C25.489 11.9953 22.576 15.6973 22.0298 16.3649C21.9691 16.4256 22.0298 16.4863 22.0905 16.4863C22.2119 16.4863 22.3332 16.547 22.4546 16.547C23.1222 16.6076 23.7291 16.6076 24.3966 16.6076C25.2463 16.6076 26.0959 16.6076 26.9455 16.547C29.5551 16.3649 31.7399 15.3332 33.4391 13.3912C34.7743 11.7526 35.7453 9.93196 36.5342 8.05063Z' fill='%23BFBFCD'/%3E%3C/svg%3E%0A");
}

.blocks-item:nth-child(6) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.1384 26.5605C34.7136 26.4998 34.2281 26.6212 33.8639 26.7425C31.4364 27.6529 29.1303 28.6846 26.7027 29.5949C26.46 29.6556 26.46 30.1411 26.3386 30.3838C25.7924 31.2335 24.4573 31.4155 23.547 31.4762C21.787 31.5976 20.0271 31.719 18.3278 31.719C17.3568 31.719 15.8396 31.7796 15.7182 30.4445C15.7182 30.1411 15.9003 30.0197 16.143 30.0197C16.2644 30.0197 16.3251 30.0197 16.4465 30.0197C17.7209 29.959 18.9954 29.959 20.2698 29.8983C21.6049 29.8376 22.9401 29.8376 24.2752 29.7769C25.1855 29.7163 25.8531 29.0487 25.8531 28.1384C25.8531 27.1674 25.1248 26.4391 24.0931 26.4391C22.5759 26.4391 20.6946 26.257 19.1774 26.0143C17.3568 25.7108 16.4465 24.8005 14.6865 24.1936C11.9555 23.2833 9.16389 23.6475 6.31156 23.7081C6.31156 23.5261 6.31156 23.344 6.31156 23.1013C6.31156 22.4944 6.00812 22.1909 5.34055 22.2516C3.70197 22.3123 2.06339 22.3123 0.364128 22.373C0.242752 22.373 0.182064 22.373 0 22.373C0.121376 23.2833 0.182064 24.133 0.30344 24.9826C0.788944 28.1991 1.88133 31.1121 3.58059 33.7823C3.64128 33.9037 3.88403 34.0251 4.00541 34.0251C4.5516 34.0251 5.15848 34.0251 5.70468 33.9644C6.25087 33.9644 6.55431 33.6003 6.55431 33.0541C6.55431 32.872 6.55431 32.7507 6.55431 32.5686C7.82876 32.9327 9.1032 33.2968 10.3777 33.661C12.7445 34.3285 15.1113 35.0568 17.4782 35.6637C19.4809 36.1492 21.4229 36.2099 23.3649 35.1782C27.3703 32.9934 31.315 30.8086 35.3204 28.6239C35.5025 28.5025 35.6846 28.3204 35.8059 28.1384C36.2308 27.5922 35.9273 26.6818 35.1384 26.5605Z' fill='%23fff'/%3E%3Cpath d='M36.5342 8.05063C37.2625 6.22999 37.6873 4.28797 37.9907 2.34595C38.0514 1.98183 37.8087 1.73907 37.4446 1.73907C37.2018 1.73907 37.0197 1.73907 36.777 1.79976C34.9563 1.92114 33.075 2.1032 31.3151 2.52802C31.0116 2.58871 30.7082 2.64939 30.4047 2.77077C28.3413 3.31696 26.2173 3.86316 24.3359 4.89485C23.0615 5.56242 21.8477 6.59412 21.1195 7.80788C20.5733 8.65751 20.3305 9.62852 20.3305 10.5995C20.3305 11.4492 20.3305 12.6629 20.816 13.3912C20.816 13.5125 20.816 13.6339 20.7553 13.6946C20.2092 14.3622 19.7236 15.1511 19.2381 16.1221C19.1775 16.3042 19.1168 16.4863 19.0561 16.729C19.0561 16.7897 18.9954 16.8504 18.9954 16.9718C18.9347 16.8504 18.874 16.6683 18.8133 16.547C18.7526 16.3649 18.6313 16.1221 18.5706 15.9401C18.4492 15.6973 18.2671 15.3939 18.2671 15.0904C18.2064 14.787 18.3885 14.4229 18.3885 14.1194C18.6919 11.9347 18.4492 9.81058 17.6603 7.6865C17.1747 6.35136 16.3251 5.31967 15.1114 4.59141C13.8976 3.86316 12.6231 3.37765 11.288 3.01352C10.9239 2.89215 10.5598 2.83146 10.1956 2.71008C9.89218 2.6494 9.64943 2.77077 9.64943 3.07421C9.52806 4.59141 9.34599 6.04792 9.22462 7.56512C9.10324 9.08232 9.10324 10.5995 9.52806 12.1167C9.8315 13.2698 10.3777 14.3015 11.4701 14.9691C12.5018 15.6366 13.6548 16.0008 14.8079 16.1221C15.7182 16.2435 16.6286 16.2435 17.4782 16.0614C17.6603 16.4863 17.8423 16.9111 17.903 17.3966C17.9637 17.7607 18.0244 18.1248 18.0851 18.489C18.2064 19.7027 17.8423 20.1882 17.8423 21.402C17.8423 21.8268 18.0244 22.1302 18.2671 22.2516C18.5099 22.373 18.874 22.3123 19.1775 22.0696C19.6023 21.7054 19.7236 21.2199 19.7843 20.6737C19.845 20.1882 19.7843 20.3096 19.845 19.8241C19.9664 18.489 20.3305 17.2145 20.9374 16.0008C21.2408 15.3939 21.6657 14.8477 22.0905 14.3015C22.5153 13.7553 23.0008 13.3305 23.4256 12.7843C23.9111 12.1774 24.5787 11.5705 25.1856 11.0243C26.3993 9.87127 27.6131 8.83957 28.9482 7.80788C30.2227 6.83687 31.5578 5.86586 32.9536 5.01623C31.1937 6.6548 29.191 8.41476 27.249 10.2961C25.489 11.9953 22.576 15.6973 22.0298 16.3649C21.9691 16.4256 22.0298 16.4863 22.0905 16.4863C22.2119 16.4863 22.3332 16.547 22.4546 16.547C23.1222 16.6076 23.7291 16.6076 24.3966 16.6076C25.2463 16.6076 26.0959 16.6076 26.9455 16.547C29.5551 16.3649 31.7399 15.3332 33.4391 13.3912C34.7743 11.7526 35.7453 9.93196 36.5342 8.05063Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

@media (min-width: 768px) {
  .blocks-item:nth-child(6) a::before {
     content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.3853 33.5501C43.8487 33.4734 43.2354 33.6267 42.7755 33.7801C39.7091 34.9299 36.7961 36.2331 33.7298 37.383C33.4231 37.4597 33.4231 38.0729 33.2698 38.3796C32.5799 39.4528 30.8934 39.6828 29.7435 39.7594C27.5204 39.9127 25.2973 40.0661 23.1509 40.0661C21.9243 40.0661 20.0079 40.1427 19.8546 38.4562C19.8546 38.0729 20.0845 37.9196 20.3912 37.9196C20.5445 37.9196 20.6212 37.9196 20.7745 37.9196C22.3843 37.843 23.9941 37.843 25.604 37.7663C27.2904 37.6896 28.9769 37.6896 30.6634 37.613C31.8133 37.5363 32.6565 36.6931 32.6565 35.5432C32.6565 34.3167 31.7366 33.3968 30.4334 33.3968C28.517 33.3968 26.1406 33.1668 24.2241 32.8602C21.9243 32.4769 20.7745 31.327 18.5514 30.5604C15.1017 29.4105 11.5754 29.8705 7.97249 29.9471C7.97249 29.7172 7.97249 29.4872 7.97249 29.1806C7.97249 28.414 7.5892 28.0307 6.74595 28.1073C4.67617 28.184 2.60639 28.184 0.459951 28.2606C0.306634 28.2606 0.229976 28.2606 0 28.2606C0.153317 29.4105 0.229976 30.4837 0.383293 31.557C0.996561 35.6199 2.37642 39.2995 4.52286 42.6725C4.59951 42.8258 4.90615 42.9791 5.05947 42.9791C5.74939 42.9791 6.51598 42.9791 7.2059 42.9024C7.89583 42.9024 8.27912 42.4425 8.27912 41.7526C8.27912 41.5226 8.27912 41.3693 8.27912 41.1393C9.88895 41.5992 11.4988 42.0592 13.1086 42.5191C16.0983 43.3624 19.088 44.2823 22.0777 45.0489C24.6074 45.6621 27.0605 45.7388 29.5135 44.4356C34.573 41.6759 39.5558 38.9162 44.6153 36.1565C44.8453 36.0032 45.0752 35.7732 45.2285 35.5432C45.7652 34.8533 45.3819 33.7034 44.3853 33.5501Z' fill='%23BFBFCD'/%3E%3Cpath d='M46.1484 10.1692C47.0683 7.86947 47.6049 5.41639 47.9882 2.96332C48.0649 2.50337 47.7582 2.19673 47.2983 2.19673C46.9916 2.19673 46.7617 2.19673 46.455 2.27339C44.1553 2.42671 41.7789 2.65668 39.5558 3.19329C39.1725 3.26995 38.7892 3.34661 38.4059 3.49993C35.7995 4.18985 33.1164 4.87978 30.74 6.18298C29.1302 7.02622 27.597 8.32942 26.6771 9.86259C25.9872 10.9358 25.6806 12.1623 25.6806 13.3889C25.6806 14.4621 25.6806 15.9953 26.2938 16.9152C26.2938 17.0685 26.2938 17.2218 26.2172 17.2985C25.5273 18.1417 24.914 19.1383 24.3007 20.3648C24.2241 20.5948 24.1474 20.8248 24.0707 21.1314C24.0707 21.2081 23.9941 21.2847 23.9941 21.438C23.9174 21.2847 23.8408 21.0547 23.7641 20.9014C23.6874 20.6714 23.5341 20.3648 23.4575 20.1348C23.3042 19.8282 23.0742 19.4449 23.0742 19.0616C22.9975 18.6783 23.2275 18.2184 23.2275 17.8351C23.6108 15.0754 23.3042 12.3923 22.3076 9.70927C21.6943 8.02278 20.6211 6.71959 19.0879 5.79968C17.5548 4.87978 15.9449 4.26651 14.2584 3.80656C13.7985 3.65324 13.3385 3.57659 12.8786 3.42327C12.4953 3.34661 12.1887 3.49993 12.1887 3.88322C12.0353 5.79968 11.8054 7.63949 11.6521 9.55595C11.4987 11.4724 11.4987 13.3889 12.0353 15.3053C12.4186 16.7619 13.1086 18.0651 14.4884 18.9083C15.7916 19.7515 17.2481 20.2115 18.7046 20.3648C19.8545 20.5181 21.0044 20.5181 22.0776 20.2882C22.3076 20.8248 22.5376 21.3614 22.6142 21.9746C22.6909 22.4346 22.7675 22.8945 22.8442 23.3545C22.9975 24.8877 22.5376 25.5009 22.5376 27.0341C22.5376 27.5707 22.7675 27.954 23.0742 28.1073C23.3808 28.2606 23.8408 28.184 24.2241 27.8773C24.7607 27.4174 24.914 26.8041 24.9906 26.1142C25.0673 25.5009 24.9906 25.6542 25.0673 25.041C25.2206 23.3545 25.6806 21.7447 26.4472 20.2115C26.8304 19.4449 27.3671 18.755 27.9037 18.0651C28.4403 17.3751 29.0535 16.8385 29.5902 16.1486C30.2034 15.382 31.0467 14.6154 31.8133 13.9255C33.3464 12.469 34.8796 11.1658 36.5661 9.86259C38.1759 8.63605 39.8624 7.40951 41.6255 6.33629C39.4025 8.40608 36.8727 10.6292 34.4196 13.0056C32.1965 15.152 28.5169 19.8282 27.827 20.6714C27.7504 20.7481 27.827 20.8248 27.9037 20.8248C28.057 20.8248 28.2103 20.9014 28.3636 20.9014C29.2069 20.9781 29.9734 20.9781 30.8167 20.9781C31.8899 20.9781 32.9631 20.9781 34.0364 20.9014C37.3327 20.6714 40.0924 19.3682 42.2388 16.9152C43.9253 14.8454 45.1518 12.5456 46.1484 10.1692Z' fill='%23BFBFCD'/%3E%3C/svg%3E%0A");
  }

  .blocks-item:nth-child(6) a:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.3853 33.5501C43.8487 33.4734 43.2354 33.6267 42.7755 33.7801C39.7091 34.9299 36.7961 36.2331 33.7298 37.383C33.4231 37.4597 33.4231 38.0729 33.2698 38.3796C32.5799 39.4528 30.8934 39.6828 29.7435 39.7594C27.5204 39.9127 25.2973 40.0661 23.1509 40.0661C21.9243 40.0661 20.0079 40.1427 19.8546 38.4562C19.8546 38.0729 20.0845 37.9196 20.3912 37.9196C20.5445 37.9196 20.6212 37.9196 20.7745 37.9196C22.3843 37.843 23.9941 37.843 25.604 37.7663C27.2904 37.6896 28.9769 37.6896 30.6634 37.613C31.8133 37.5363 32.6565 36.6931 32.6565 35.5432C32.6565 34.3167 31.7366 33.3968 30.4334 33.3968C28.517 33.3968 26.1406 33.1668 24.2241 32.8602C21.9243 32.4769 20.7745 31.327 18.5514 30.5604C15.1017 29.4105 11.5754 29.8705 7.97249 29.9471C7.97249 29.7172 7.97249 29.4872 7.97249 29.1806C7.97249 28.414 7.5892 28.0307 6.74595 28.1073C4.67617 28.184 2.60639 28.184 0.459951 28.2606C0.306634 28.2606 0.229976 28.2606 0 28.2606C0.153317 29.4105 0.229976 30.4837 0.383293 31.557C0.996561 35.6199 2.37642 39.2995 4.52286 42.6725C4.59951 42.8258 4.90615 42.9791 5.05947 42.9791C5.74939 42.9791 6.51598 42.9791 7.2059 42.9024C7.89583 42.9024 8.27912 42.4425 8.27912 41.7526C8.27912 41.5226 8.27912 41.3693 8.27912 41.1393C9.88895 41.5992 11.4988 42.0592 13.1086 42.5191C16.0983 43.3624 19.088 44.2823 22.0777 45.0489C24.6074 45.6621 27.0605 45.7388 29.5135 44.4356C34.573 41.6759 39.5558 38.9162 44.6153 36.1565C44.8453 36.0032 45.0752 35.7732 45.2285 35.5432C45.7652 34.8533 45.3819 33.7034 44.3853 33.5501Z' fill='%23fff'/%3E%3Cpath d='M46.1484 10.1692C47.0683 7.86947 47.6049 5.41639 47.9882 2.96332C48.0649 2.50337 47.7582 2.19673 47.2983 2.19673C46.9916 2.19673 46.7617 2.19673 46.455 2.27339C44.1553 2.42671 41.7789 2.65668 39.5558 3.19329C39.1725 3.26995 38.7892 3.34661 38.4059 3.49993C35.7995 4.18985 33.1164 4.87978 30.74 6.18298C29.1302 7.02622 27.597 8.32942 26.6771 9.86259C25.9872 10.9358 25.6806 12.1623 25.6806 13.3889C25.6806 14.4621 25.6806 15.9953 26.2938 16.9152C26.2938 17.0685 26.2938 17.2218 26.2172 17.2985C25.5273 18.1417 24.914 19.1383 24.3007 20.3648C24.2241 20.5948 24.1474 20.8248 24.0707 21.1314C24.0707 21.2081 23.9941 21.2847 23.9941 21.438C23.9174 21.2847 23.8408 21.0547 23.7641 20.9014C23.6874 20.6714 23.5341 20.3648 23.4575 20.1348C23.3042 19.8282 23.0742 19.4449 23.0742 19.0616C22.9975 18.6783 23.2275 18.2184 23.2275 17.8351C23.6108 15.0754 23.3042 12.3923 22.3076 9.70927C21.6943 8.02278 20.6211 6.71959 19.0879 5.79968C17.5548 4.87978 15.9449 4.26651 14.2584 3.80656C13.7985 3.65324 13.3385 3.57659 12.8786 3.42327C12.4953 3.34661 12.1887 3.49993 12.1887 3.88322C12.0353 5.79968 11.8054 7.63949 11.6521 9.55595C11.4987 11.4724 11.4987 13.3889 12.0353 15.3053C12.4186 16.7619 13.1086 18.0651 14.4884 18.9083C15.7916 19.7515 17.2481 20.2115 18.7046 20.3648C19.8545 20.5181 21.0044 20.5181 22.0776 20.2882C22.3076 20.8248 22.5376 21.3614 22.6142 21.9746C22.6909 22.4346 22.7675 22.8945 22.8442 23.3545C22.9975 24.8877 22.5376 25.5009 22.5376 27.0341C22.5376 27.5707 22.7675 27.954 23.0742 28.1073C23.3808 28.2606 23.8408 28.184 24.2241 27.8773C24.7607 27.4174 24.914 26.8041 24.9906 26.1142C25.0673 25.5009 24.9906 25.6542 25.0673 25.041C25.2206 23.3545 25.6806 21.7447 26.4472 20.2115C26.8304 19.4449 27.3671 18.755 27.9037 18.0651C28.4403 17.3751 29.0535 16.8385 29.5902 16.1486C30.2034 15.382 31.0467 14.6154 31.8133 13.9255C33.3464 12.469 34.8796 11.1658 36.5661 9.86259C38.1759 8.63605 39.8624 7.40951 41.6255 6.33629C39.4025 8.40608 36.8727 10.6292 34.4196 13.0056C32.1965 15.152 28.5169 19.8282 27.827 20.6714C27.7504 20.7481 27.827 20.8248 27.9037 20.8248C28.057 20.8248 28.2103 20.9014 28.3636 20.9014C29.2069 20.9781 29.9734 20.9781 30.8167 20.9781C31.8899 20.9781 32.9631 20.9781 34.0364 20.9014C37.3327 20.6714 40.0924 19.3682 42.2388 16.9152C43.9253 14.8454 45.1518 12.5456 46.1484 10.1692Z' fill='%23fff'/%3E%3C/svg%3E%0A");
	}
}

.blocks-item:nth-child(7) a::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4575 11.2404C18.552 9.01171 20.8452 7.4739 23.4912 7.4739C24.156 7.4739 24.7984 7.57142 25.4053 7.75215C24.6351 6.38652 23.184 5.57264 21.664 5.57271C21.0242 5.57279 20.3721 5.71692 19.7538 6.02485C19.1485 6.32626 18.4932 6.47506 17.84 6.47506C16.9861 6.47506 16.1361 6.22057 15.4076 5.71996L15.1799 5.56351C14.4413 5.05593 13.5928 4.80833 12.7495 4.80833C11.6003 4.80833 10.4608 5.26834 9.62305 6.15711L8.11462 7.75727L17.4575 11.2404Z' fill='%23BFBFCD'/%3E%3Cpath d='M16.0137 13.0784L3.60779 8.4533V13.0784H16.0137Z' fill='%23BFBFCD'/%3E%3Cpath d='M30.1762 9.70054C29.6578 9.70054 29.1605 9.78945 28.6971 9.95103C29.4187 10.8352 29.9197 11.9058 30.1161 13.0785H34.5281C34.0329 11.1365 32.2723 9.70054 30.1762 9.70054Z' fill='%23BFBFCD'/%3E%3Cpath d='M23.4912 9.70054C21.3951 9.70054 19.6345 11.1366 19.1393 13.0784H27.8431C27.3478 11.1365 25.5873 9.70054 23.4912 9.70054Z' fill='%23BFBFCD'/%3E%3Cpath d='M38 15.3049H0V17.1628C0 17.2871 0.00163281 17.4112 0.00400781 17.5351H37.9959C37.9983 17.4112 37.9999 17.2871 37.9999 17.1628V15.3049H38Z' fill='%23BFBFCD'/%3E%3Cpath d='M0.177612 19.7617C0.91453 25.1296 3.91341 29.9565 8.51104 33.0061L8.79077 33.1917H29.2092L29.4889 33.0061C34.0866 29.9565 37.0855 25.1296 37.8224 19.7617H0.177612Z' fill='%23BFBFCD'/%3E%3C/svg%3E ");
}

.blocks-item:nth-child(7) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4575 11.2404C18.552 9.01171 20.8452 7.4739 23.4912 7.4739C24.156 7.4739 24.7984 7.57142 25.4053 7.75215C24.6351 6.38652 23.184 5.57264 21.664 5.57271C21.0242 5.57279 20.3721 5.71692 19.7538 6.02485C19.1485 6.32626 18.4932 6.47506 17.84 6.47506C16.9861 6.47506 16.1361 6.22057 15.4076 5.71996L15.1799 5.56351C14.4413 5.05593 13.5928 4.80833 12.7495 4.80833C11.6003 4.80833 10.4608 5.26834 9.62305 6.15711L8.11462 7.75727L17.4575 11.2404Z' fill='%23fff'/%3E%3Cpath d='M16.0137 13.0784L3.60779 8.4533V13.0784H16.0137Z' fill='%23fff'/%3E%3Cpath d='M30.1762 9.70054C29.6578 9.70054 29.1605 9.78945 28.6971 9.95103C29.4187 10.8352 29.9197 11.9058 30.1161 13.0785H34.5281C34.0329 11.1365 32.2723 9.70054 30.1762 9.70054Z' fill='%23fff'/%3E%3Cpath d='M23.4912 9.70054C21.3951 9.70054 19.6345 11.1366 19.1393 13.0784H27.8431C27.3478 11.1365 25.5873 9.70054 23.4912 9.70054Z' fill='%23fff'/%3E%3Cpath d='M38 15.3049H0V17.1628C0 17.2871 0.00163281 17.4112 0.00400781 17.5351H37.9959C37.9983 17.4112 37.9999 17.2871 37.9999 17.1628V15.3049H38Z' fill='%23fff'/%3E%3Cpath d='M0.177612 19.7617C0.91453 25.1296 3.91341 29.9565 8.51104 33.0061L8.79077 33.1917H29.2092L29.4889 33.0061C34.0866 29.9565 37.0855 25.1296 37.8224 19.7617H0.177612Z' fill='%23fff'/%3E%3C/svg%3E ");
}

@media (min-width: 768px) {
  .blocks-item:nth-child(7) a::before {
     content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0516 14.1983C23.4341 11.3832 26.3308 9.44072 29.6731 9.44072C30.5129 9.44072 31.3243 9.5639 32.0909 9.79219C31.1181 8.06718 29.2851 7.03912 27.3651 7.03922C26.5569 7.03931 25.7332 7.22137 24.9521 7.61034C24.1876 7.99106 23.3599 8.17903 22.5348 8.17903C21.4562 8.17903 20.3825 7.85756 19.4622 7.22522L19.1746 7.02759C18.2416 6.38643 17.1699 6.07368 16.1047 6.07368C14.653 6.07368 13.2137 6.65475 12.1554 7.7774L10.2501 9.79865L22.0516 14.1983Z' fill='%23BFBFCD'/%3E%3Cpath d='M20.2279 16.5201L4.5572 10.6778V16.5201H20.2279Z' fill='%23BFBFCD'/%3E%3Cpath d='M38.1173 12.2533C37.4625 12.2533 36.8343 12.3656 36.249 12.5697C37.1604 13.6866 37.7933 15.0389 38.0414 16.5202H43.6144C42.9889 14.0672 40.765 12.2533 38.1173 12.2533Z' fill='%23BFBFCD'/%3E%3Cpath d='M29.6731 12.2533C27.0254 12.2533 24.8016 14.0673 24.176 16.5201H35.1702C34.5446 14.0672 32.3208 12.2533 29.6731 12.2533Z' fill='%23BFBFCD'/%3E%3Cpath d='M48 19.3326H0V21.6793C0 21.8363 0.0020625 21.9931 0.0050625 22.1496H47.9948C47.9978 21.9931 47.9999 21.8363 47.9999 21.6793V19.3326H48Z' fill='%23BFBFCD'/%3E%3Cpath d='M0.224342 24.9622C1.15519 31.7427 4.94325 37.8398 10.7508 41.6919L11.1041 41.9263H36.8958L37.2491 41.6919C43.0567 37.8398 46.8448 31.7427 47.7757 24.9622H0.224342Z' fill='%23BFBFCD'/%3E%3C/svg%3E ");
  }

    
  .blocks-item:nth-child(7) a:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0516 14.1983C23.4341 11.3832 26.3308 9.44072 29.6731 9.44072C30.5129 9.44072 31.3243 9.5639 32.0909 9.79219C31.1181 8.06718 29.2851 7.03912 27.3651 7.03922C26.5569 7.03931 25.7332 7.22137 24.9521 7.61034C24.1876 7.99106 23.3599 8.17903 22.5348 8.17903C21.4562 8.17903 20.3825 7.85756 19.4622 7.22522L19.1746 7.02759C18.2416 6.38643 17.1699 6.07368 16.1047 6.07368C14.653 6.07368 13.2137 6.65475 12.1554 7.7774L10.2501 9.79865L22.0516 14.1983Z' fill='%23fff'/%3E%3Cpath d='M20.2279 16.5201L4.5572 10.6778V16.5201H20.2279Z' fill='%23fff'/%3E%3Cpath d='M38.1173 12.2533C37.4625 12.2533 36.8343 12.3656 36.249 12.5697C37.1604 13.6866 37.7933 15.0389 38.0414 16.5202H43.6144C42.9889 14.0672 40.765 12.2533 38.1173 12.2533Z' fill='%23fff'/%3E%3Cpath d='M29.6731 12.2533C27.0254 12.2533 24.8016 14.0673 24.176 16.5201H35.1702C34.5446 14.0672 32.3208 12.2533 29.6731 12.2533Z' fill='%23fff'/%3E%3Cpath d='M48 19.3326H0V21.6793C0 21.8363 0.0020625 21.9931 0.0050625 22.1496H47.9948C47.9978 21.9931 47.9999 21.8363 47.9999 21.6793V19.3326H48Z' fill='%23fff'/%3E%3Cpath d='M0.224342 24.9622C1.15519 31.7427 4.94325 37.8398 10.7508 41.6919L11.1041 41.9263H36.8958L37.2491 41.6919C43.0567 37.8398 46.8448 31.7427 47.7757 24.9622H0.224342Z' fill='%23fff'/%3E%3C/svg%3E ");
}
}
 */
.blocks-item a::before {
  line-height: 0;
}

@media (min-width: 768px) {
  .blocks-item a::before {
  line-height: 1.5;
}
}


@media (min-width: 768px) {
  .blocks-item-link {
    flex-direction: column;
		justify-content: space-between;
		flex: 1;
	}
}

.blocks-item-link:hover, .blocks-item-link:active {
  text-decoration: none;
}

.blocks-item-link:focus {
  outline: 0;
  text-decoration: none;
}


.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  margin-left: 12px;
}

@media (min-width: 768px) {
  .blocks-item-title {
    font-size: 24px;
    font-weight: 400;
    margin-left: 0;
  }
}



.blocks-item-description {
  font-weight: 300;
  margin: 0;
}

.blocks-item-description:not(:empty) {
  margin-top: 10px;
}


/***** Homepage *****/
/* .section {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
} */

.home-section h2 {
  margin-bottom: 10px;
  text-align: center;
}

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}

.promoted-articles-item {
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%;
    /* Three columns on desktop */
  }
  [dir="rtl"] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}

.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}

.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  color: #333333;
}

.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}

.promoted-articles-item:last-child a {
  border: 0;
}

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}

.community-image {
  min-height: 300px;
  background-image: url(/hc/theming_assets/01HZPM0MSF1EQKHBSWQE67B587);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}

.community,
.activity {
/*   border-top: 1px solid #ddd; */
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}

.recent-activity-list {
  padding: 0;
}

.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}

.recent-activity-item-parent {
  font-size: 16px;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  color: #333333;
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}

.recent-activity-item-link {
  font-size: 14px;
  font-weight: 300;
}

.recent-activity-item-meta {
  margin: 15px 0 0 0;
  float: none;
}

@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir="rtl"] .recent-activity-item-meta {
    float: left;
  }
}

.recent-activity-item-time, .recent-activity-item-comment {
  color: #666;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}

.recent-activity-item-comment {
  padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
  display: inline-block;
}

.recent-activity-controls {
  padding-top: 15px;
}

.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: rgba(47, 88, 84, 1);
  width: 16px;
  height: 16px;
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}

[dir="rtl"] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}

.category-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 80%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
}

.section-tree .section {
  flex: initial;
}

@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%;
    /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}

.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.section-tree-title a {
  color: #333333;
}

.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
  margin: 28px 0;
}

@media (min-width: 1024px) {
  .article-list {
  	width: 80%;
  }
  .page-header {
    width: 80%;
  }
}

.article-list-item {
    margin-bottom: 16px;
  	border-bottom: 1px solid #CED4DA;
  background: #FFFFFF;
}

.article-list-item:hover {
    border-bottom: 1px solid #00B67A;
		color: #00B67A;
}

.article-list-item:hover * {
		color: #00B67A;
}

.article-list-item a {
  padding: 15px 20px;
  border-radius: 12px;  
  text-decoration: none;
  align-items: center;
  color: #333333;
  display: flex;
  justify-content: space-between;
}

.icon-star {
  color: rgba(47, 88, 84, 1);
  font-size: 18px;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5% 80px 5%;
}

@media (min-width:768px) {
  .section-container {
/*     padding: 0 5% 80px 5%; */
  }
}

@media (min-width: 1160px) {
  .section-container {
    padding: 0 0 80px 0;
    width: 90%;
  }
}

.knowledge-base {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5% 80px 5%;
}

@media (min-width:768px) {
  .knowledge-base {
    padding: 0 0 80px 0;
  }
}

@media (min-width: 1160px) {
  .knowledge-base {
    width: 90%;
  }
}


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

@media (min-width: 1024px) {
  .article-container {
    padding: 0 5% 0 5%;
  }
}

@media (min-width: 1160px) {
  .article-container {
    padding: 0;
  }
}

.article-container-left-background {
/*   border: 1px solid green; */
    min-height: 70vh;
}


@media (min-width: 1024px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F8F1EB 25vw, #fff 20%);
  }
}

@media (min-width: 1124px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F8F1EB 26vw, #fff 20%);
  }
}

@media (min-width: 1224px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F8F1EB 25vw, #fff 20%);
  }
}

@media (min-width: 1324px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F8F1EB 26vw, #fff 20%);
  }
}

 @media (min-width: 1424px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F8F1EB 29vw, #fff 20%);
  }
}

@media (min-width: 1524px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F8F1EB 29vw, #fff 20%);
  }
}

@media (min-width: 1624px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F8F1EB 31vw, #fff 20%);
  }
}

@media (min-width: 1724px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F8F1EB 32vw, #fff 20%);
  }
}

  @media (min-width: 1824px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F8F1EB 33vw, #fff 20%);
  }
}  

/* 2K and 4K resolutions */

@media (min-width: 1924px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F6F6F8 34vw, #fff 20%);
  }
} 

@media (min-width: 2024px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F6F6F8 35vw, #fff 20%);
  }
} 

@media (min-width: 2124px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F6F6F8 36vw, #fff 20%);
  }
}

@media (min-width: 2224px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F6F6F8 37vw, #fff 20%);
  }
}  

@media (min-width: 2324px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F6F6F8 38vw, #fff 20%);
  }
} 

@media (min-width: 2924px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F6F6F8 40vw, #fff 20%);
  }
} 

@media (min-width: 3424px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F6F6F8 42vw, #fff 20%);
  }
} 

/*
 @media (min-width: 1024px) {
  .article-container-left-background {
    background: linear-gradient(90deg, red 24vw, #fff 20%);
  }
}

@media (min-width: 1124px) {
  .article-container-left-background {
    background: linear-gradient(90deg, red 24vw, #fff 20%);
  }
}

@media (min-width: 1224px) {
  .article-container-left-background {
    background: linear-gradient(90deg, red 25vw, #fff 20%);
  }
}

@media (min-width: 1324px) {
  .article-container-left-background {
    background: linear-gradient(90deg, red 24vw, #fff 20%);
  }
}

 @media (min-width: 1424px) {
  .article-container-left-background {
    background: linear-gradient(90deg, red 26vw, #fff 20%);
  }
}

@media (min-width: 1524px) {
  .article-container-left-background {
    background: linear-gradient(90deg, red 27vw, #fff 20%);
  }
}

@media (min-width: 1624px) {
  .article-container-left-background {
    background: linear-gradient(90deg, red 28vw, #fff 20%);
  }
}

@media (min-width: 1724px) {
  .article-container-left-background {
    background: linear-gradient(90deg, red 30vw, #fff 20%);
  }
}

  @media (min-width: 1824px) {
  .article-container-left-background {
    background: linear-gradient(90deg, red 32vw, #fff 20%);
  }
}  
*/

.article {
  max-width: 1160px;
  margin: 0 auto;
  padding: 30px 5% 0 5%;
}

@media (min-width:768px) {
  .article-container {
    padding: 0 0 80px 0;
  }
}


@media (min-width: 1024px) {
  .article-container {
    width: 90%;
  }
}

.section-content {
  flex: 1;
}

@media (min-width: 768px) {
  .section-content {
    padding-top: 30px;
  }
}

@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}

@media (min-width: 1024px) {
  .section-list {
  	width: 80%;
  }
}

.section-list--collapsed .section-list-item:nth-child(1n + 6) {
  display: none;
}

.section-list-item {
  margin-bottom: 10px;
  border: 1px solid #F6F6F8;
  border-radius: 6px;
}

.section-list-item:hover {
    border: 1px solid rgba(47, 88, 84, 1);
		color: rgba(47, 88, 84, 1);
		border-radius: 6px;
}

.section-list-item:hover * {
		color: rgba(47, 88, 84, 1);
}

.section-list-item a {
	padding: 15px 20px;
  background: #F6F6F8;
  border-radius: 6px;
  text-decoration: none;
  align-items: center;
  color: #333333;
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  color: rgba(47, 88, 84, 1);
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}

.see-all-sections-trigger[aria-hidden="true"] {
  display: none;
}


/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 30px 0 0 0;
  }
}

.article-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}

.article-avatar {
  margin-right: 10px;
}

.article-author {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%;
    /* Take entire row */
  }
}

.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.article [role="button"] {
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}

@media (min-width: 768px) {
  .article [role="button"] {
    width: auto;
  }
}

.article-info {
  max-width: 100%;
}

.article-meta {
  display: inline-block;
  vertical-align: middle;
}

.article-body img {
  height: auto;
  max-width: 100%;
}

.article-body ul, .article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol, .article-body li > ul, .article-body li > ol {
  margin: 0;
}

.article-body ul {
  list-style-type: disc;
}

.article-body a:visited {
  color: #103c60;
}

.article-body code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #666;
  font-style: italic;
  padding: 0 15px;
}

.article-body > p:last-child {
  margin-bottom: 0;
}

.article-content {
  line-height: 1.6;
  margin: 20px 0;
  word-wrap: break-word;
}

.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.article-comment-count {
  color: #666;
  font-weight: 300;
}

.article-comment-count:hover {
  text-decoration: none;
}

.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(47, 88, 84, 1);
  width: 18px;
  height: 18px;
}

.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 5px;
  padding: 0 5%;
  background-color: #F8F1EB;
}

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 22%;
    height: auto;
    padding: 0;
    background-color: transparent; 
  }
}

.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}

.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}

.article-relatives > *:last-child {
  padding: 0;
}

@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}

.article-votes {
  border-top: 1px solid #ddd;
  padding: 27px 0;
  text-align: center;
}

.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}

.article-more-questions {
  margin: 0 0 20px;
  text-align: center;
}

.article-more-questions a {
  color: rgba(47, 88, 84, 1);
}

.article-return-to-top {
  border-top: 1px solid #ddd;
}

@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}

.article-return-to-top a {
  color: #333333;
  display: block;
  padding: 20px 0;
  text-align: center;
}

.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}

.article-return-to-top-icon {
  transform: translateY(27%) rotate(180deg);
}

.article-return-to-down-icon {
  transform: rotate(180deg);
}

.sidenav-title {
  font-size: 20px;
  position: relative;
  font-weight: 600;
}

.sidenav-item {
  border-radius: 4px;
  color: #222222;
  opacity: 0.6;
  display: block;
  padding: 10px 10px 10px 0;
  font-weight: 400;
}

.sidenav-item.current-article, .sidenav-item:hover {
  color: rgba(47, 88, 84, 1);
  text-decoration: none;
  font-weight: 600;
  opacity: 1;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
  margin-bottom: 0;
}

.attachments .attachment-item .attachment-icon {
  color: #333333;
  left: 0;
  position: absolute;
  top: 5px;
}

[dir="rtl"] .attachments .attachment-item {
  padding-left: 0;
  padding-right: 20px;
}

[dir="rtl"] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: #666;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #666;
}

.share a:hover {
  text-decoration: none;
  color: rgba(47, 88, 84, 1);
}

.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}

.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}

.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.comment-overview p {
  margin-top: 0;
}

.comment-callout {
  color: #666;
  display: inline-block;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: rgba(47, 88, 84, 1);
}

.comment-sorter {
  display: inline-block;
  float: right;
}

.comment-sorter .dropdown-toggle {
  color: #666;
  font-weight: 300;
  font-size: 13px;
}

[dir="rtl"] .comment-sorter {
  float: left;
}

.comment-wrapper {
  display: flex;
  position: relative;
}

.comment-wrapper.comment-official {
  border: 1px solid rgba(47, 88, 84, 1);
  padding: 40px 20px 20px;
}

@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}

.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}

.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}

.comment-avatar {
  margin-right: 10px;
}

[dir="rtl"] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.comment-meta {
  flex: 1 0 auto;
}

.comment-labels {
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}

.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}

.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}

.comment-container {
  width: 100%;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  [dir="ltr"] .comment-form-controls {
    text-align: right;
  }
}

.comment-form-controls input[type="submit"] {
  margin-top: 15px;
}

@media (min-width: 1024px) {
  .comment-form-controls input[type="submit"] {
    margin-left: 15px;
  }
  [dir="rtl"] .comment-form-controls input[type="submit"] {
    margin-left: 0;
    margin-right: 15px;
  }
}

.comment-form-controls input[type="checkbox"] {
  margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
  margin-left: 5px;
}

.comment-ccs {
  display: none;
}

.comment-ccs + textarea {
  margin-top: 10px;
}

.comment-attachments {
  margin-top: 10px;
}

.comment-attachments a {
  color: rgba(47, 88, 84, 1);
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

.comment-body img {
  height: auto;
  max-width: 100%;
}

.comment-body ul, .comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol, .comment-body li > ul, .comment-body li > ol {
  margin: 0;
}

.comment-body ul {
  list-style-type: disc;
}

.comment-body a:visited {
  color: #103c60;
}

.comment-body code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #666;
  font-style: italic;
  padding: 0 15px;
}

.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #666;
  display: block;
  margin: 3px 0;
}

[dir="rtl"] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: rgba(47, 88, 84, 1);
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #666;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: rgba(47, 88, 84, 1);
}

.vote-voted:hover {
  color: #0b1615;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari*/
}

.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01HZPM0MM7B5FTC4T4VMWP7J2R);
  margin-bottom: 10px;
}

.community-footer {
  padding-top: 50px;
  text-align: center;
}

.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}

.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}

.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}

.community-header {
  margin-bottom: 30px;
}

.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}

.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}

@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}

.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}

.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}

.community-follow button:hover {
  background-color: rgba(47, 88, 84, 1);
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}

.community-follow button[data-selected="true"] {
  background-color: rgba(47, 88, 84, 1);
  color: rgba(255, 255, 255, 1);
}

.community-follow button[data-selected="true"]::after {
  border-left: 1px solid rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}

.community-follow button[data-selected="true"]:hover {
  background-color: #0b1615;
  border-color: #0b1615;
}

.community-follow button::after {
  border-left: 1px solid rgba(47, 88, 84, 1);
  content: attr(data-follower-count);
  color: rgba(47, 88, 84, 1);
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}

[dir="rtl"] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid rgba(47, 88, 84, 1);
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}

.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

.striped-list-info {
  flex: 2;
}

.striped-list-title {
  color: #1F73B7;
  margin-bottom: 10px;
  margin-right: 5px;
}

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}

.striped-list-title:visited {
  color: #103c60;
}

.striped-list .meta-group {
  margin: 5px 0;
}

.striped-list-count {
  color: #666;
  font-weight: 300;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}

.nesty-input:after {
  content: "";
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

.striped-list-number {
  font-weight: 300;
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: #333333;
    display: block;
    font-weight: 400;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}

.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(47, 88, 84, 1);
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir="rtl"] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #666;
}

.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}

.status-label-open {
  background-color: #c72a1c;
}

.status-label-solved {
  background-color: #68737d;
}

.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}

.status-label-hold {
  background-color: #000;
}

.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-pending {
  text-transform: lowercase;
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}

.post-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}

.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}

.post-header .status-label {
  vertical-align: super;
}

.post-title {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}

.post-title h1 {
  display: inline;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}

.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.post-avatar {
  margin-bottom: 30px;
}

.post-content {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  word-break: break-word;
}

.post-info-container {
  display: flex;
  margin-bottom: 40px;
}

.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

[dir="rtl"] .post-info {
  padding-right: 0;
  padding-left: 20px;
}

.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}

[dir="rtl"] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}

.post-body img {
  height: auto;
  max-width: 100%;
}

.post-body ul, .post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

[dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

.post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol, .post-body li > ul, .post-body li > ol {
  margin: 0;
}

.post-body ul {
  list-style-type: disc;
}

.post-body a:visited {
  color: #103c60;
}

.post-body code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #666;
  font-style: italic;
  padding: 0 15px;
}

.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.post-comment-count {
  color: #666;
  font-weight: 300;
}

.post-comment-count:hover {
  text-decoration: none;
}

.post-comment-count .icon-comments {
  color: rgba(47, 88, 84, 1);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}

.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [dir="rtl"] .post-sidebar {
    padding: 0 50px 0 0;
  }
}

.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}

.post-comments {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-titles {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 8px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-flex;
  line-height: 20px;
  margin: 0 2px;
}

.community-badge-container-achievements {
  padding-top: 5px;
}

.community-badge-achievements {
  display: inline-block;
  margin: 0 3px 0 0;
}

[dir="rtl"] .community-badge-achievements {
  margin: 0 0 0 3px;
}

.community-badge-achievements img {
  width: 22px;
  height: 22px;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements img {
  width: 40px;
  height: 40px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: calc(45px / 2);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}

.collapsible-nav-toggle-icon {
  display: none;
}

.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid rgba(47, 88, 84, 1);
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}

.collapsible-nav-list li {
  color: #333333;
  line-height: 45px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir="rtl"] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}

.collapsible-nav-list li a {
  color: #333333;
  display: block;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a:not([aria-current="page"]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) {
  display: none;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected="true"]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"] {
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected="true"],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid rgba(47, 88, 84, 1);
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: #333333;
}

.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 65px;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 38px 0 0 0;
    background-color: transparent; 
  }
}

.collapsible-sidebar-title {
  margin-top: 0;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: calc(65px / 2);
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}

[dir="rtl"] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}

.collapsible-sidebar-toggle-icon {
  display: none;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle:focus {
  outline: none;
}

.collapsible-sidebar-body {
  display: none;
  margin-top: 10px;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}

.collapsible-sidebar[aria-expanded="true"] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #f2f2f2;
  margin-bottom: 20px;
}

.my-activities-sub-nav {
  margin-bottom: 30px;
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}

@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir="rtl"] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}

.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}

.requests-table-toolbar + .requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #666;
  font-size: 13px;
  font-weight: 300;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #666;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}

.request-main {
  flex: 1 0 auto;
  order: 1;
}

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}

.request-main .comment-fields.shown {
  display: block;
}

.request-main .request-submit-comment.shown {
  display: inline;
}

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}

.request-main .comment-form-controls {
  display: block;
}

.request-main .comment-ccs {
  display: block;
}

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #666;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

.request-main .comment-show-container.hidden {
  display: none;
}

.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid rgba(47, 88, 84, 1);
}

.request-main .form-field.comment-ccs > input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid rgba(47, 88, 84, 1);
}

.request-main input#mark_as_solved {
  display: none;
}

.request-title {
  width: 100%;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f7f7f7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

.request-details dd::after {
  content: "\A";
  white-space: pre;
}

.request-details dt {
  color: #666;
  font-weight: 300;
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt, .request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form textarea {
  min-height: 120px;
}

.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}

.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}

.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.pagination-next-link {
  padding-right: 10px;
}

.pagination-next-text {
  margin-right: 10px;
}

[dir="rtl"] .pagination-next-link {
  padding-left: 10px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 10px;
}

.pagination-prev-link {
  padding-left: 10px;
}

.pagination-prev-text {
  margin-left: 10px;
}

[dir="rtl"] .pagination-prev-link {
  padding-right: 10px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
  display: block;
  padding: 10px 0 10px 0;
}

.meta-group-opposite {
  float: right;
}

[dir="rtl"] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #666;
  font-size: 13px;
  font-weight: 300;
}

.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: #f7f7f7;
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 80px;
  height: 80px;
}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir="rtl"] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir="rtl"] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #666;
  font-weight: 300;
  flex: 0 0 100px;
  margin-right: 10px;
}

[dir="rtl"] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir="rtl"] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px rgba(47, 88, 84, 1);
  border-radius: 4px;
  color: rgba(47, 88, 84, 1);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #f2f2f2;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

@media (min-width: 1024px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #666;
  font-weight: 300;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir="rtl"] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}

.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}

.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}

.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

.profile-badges-item-image img {
  max-height: 40px;
}

[dir="rtl"] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}

.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}

.profile-badges-item-title {
  font-weight: 600;
}

.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #666;
  font-size: 13px;
  margin: 0;
}

.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}

[dir="rtl"] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid #eee;
}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir="rtl"] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}

[dir="rtl"] .profile-contribution-icon {
  right: 0;
}

.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}

[dir="rtl"] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir="rtl"] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }
  [dir="rtl"] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir="rtl"] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #f7f7f7;
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir="rtl"] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

[dir="rtl"] .profile-activity-icon {
  right: 0;
}

@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir="rtl"] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1160px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
    width: 90%;
  }
}

.search-results-column {
  flex: 1;
  padding: 15px 5% 0 5%;
}

@media (min-width: 768px) {
  .search-results-column {
    width: 100%;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
    padding: 32px 0 0 0;
  }
}

.search-results-sidebar {
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0 5% 0 5%;
  background-color: #F6F6F8; 
}

.search-result-list-item {
  border-bottom: 1px solid #ddd;
}

@media (min-width: 1024px) {
  .search-results-sidebar {
  	padding: 0;
	}
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}

.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  color: inherit;
  text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
  display: none;
}

@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: block;
  }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
  display: none;
}

.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}

.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #1F73B7;
}

.search-results-sidebar .see-all-filters[aria-hidden="true"] {
  display: none;
}

.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
  content: ' \2304';
  font-weight: bold;
}

.search-results-subheading {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}

@media (min-width: 1024px) {
  .search-results-subheading {
    font-size: 24px;
  }
}

.search-results-list {
  margin-bottom: 25px;
}

.search-results-list > li {
  padding: 20px 0;
}

.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}

.search-results-list > li h2 {
  margin-bottom: 0;
}

.search-results .meta-group {
  display: block;
  align-items: center;
  clear: both;
  color: #666;
}

@media (min-width: 1024px) {
  .search-results .meta-group {
    display: flex;
  }
}

.search-results .meta-group > li {
  display: block;
}

@media (min-width: 1024px) {
  .search-results .meta-group > li {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .search-results .meta-group li:first-child {
    flex: 1;
  }
}

.search-results .meta-group .meta-data {
  color: inherit;
}

[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-right: 20px;
}

[dir="rtl"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-left: 20px;
}

.search-results .meta-group .meta-data::after {
  content: none;
}

.search-results-description {
  margin-top: 10px;
  word-break: break-word;
}

.search-result-title {
  font-size: 16px;
  display: inline-block;
}


.search-result-title a {
  color: #212529;
  font-weight: 600;
}

[dir="ltr"] .search-result-icons {
  float: right;
}

[dir="rtl"] .search-result-icons {
  float: left;
}

.search-result-votes, .search-result-meta-count {
  color: #12B355;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  padding: 4px 5px;
  position: relative;
  filter: invert(56%) sepia(39%) saturate(4556%) hue-rotate(109deg) brightness(94%) contrast(86%);
}


.search-result-votes-icon, .search-result-meta-count-icon {
  color: rgba(47, 88, 84, 1);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
  margin-left: 5px;
}

[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
  margin-right: 3px;
}

[dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count {
  margin-right: 5px;
}

[dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before {
  margin-left: 3px;
}

.search-result .meta-group {
  align-items: center;
}

.search-result-breadcrumbs {
  margin: 0;
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs {
    display: table-row;
  }
}

@media (min-width: 1024px) {
  .search-result-breadcrumbs li {
    display: table-cell;
  }
}

.search-result-breadcrumbs li, .search-result-breadcrumbs li a, .search-result-breadcrumbs li a:visited {
  color: #4E7874;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|="zh"] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height .2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: .6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir="rtl"] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
  padding: 10px 0;
  border-radius: 6px;
  min-width: 140px;
  text-align: center;
  color: #777778;
  outline: none;
}

.dropdown-toggle:hover {
  color: #333333;
}

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle > * {
  display: inline-block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
  min-width: 140px;
  box-shadow: 6px 6px 7px -8px rgba(183,183,183,1);
}

[dir="rtl"] .dropdown-menu {
  text-align: right;
}

.dropdown-menu[aria-expanded="true"] {
  display: block;
}

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid #d8d8d8;
  color: #969696;
  display: block;
  font-weight: normal;
  font-size: 11px;
  padding: 5px 0;
  margin: 5px 20px 10px 20px;
}

.dropdown-menu [role="menuitem"] {
  color: #777778;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

[dir="rtl"] .dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
  background: #F3F4F7;
  text-decoration: none;
  color: #333;
}

.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}

[dir="rtl"] .dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir="rtl"] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.chevron-icon {
   transform: translateY(25%);  
}

@media (max-width: 895px) {
  .footer-link-container {
    text-align: center;
  }
  .footer-svg {
    display: inline;
    margin-right: 10px;
  }
}

@media (max-width: 770px) {
    .svg-icon {
    margin: 0;
  }
}

div#postfeeling {
    z-index: 9999999;
    display: none;
    background: #12b355;
    position: fixed;
    border-radius: 7px;
    bottom: 16px;
    right: 16px;
    width: 342px;
    height: 541px
}

div#sendsurvey {
    height: 43px;
    width: 100%;
    color: #fff;
    font-size: 20px;
    padding-top: 10px;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif
}

div#sendsurvey span.close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: default
}

div#postfeeling.fullscreen {
    top: 0;
    right: 0;
    bottom: auto;
    right: auto;
    height: 100vh;
    width: 100vw
}

div#postfeeling.fullscreen div#surveyiframe,
div#postfeeling.fullscreen div#surveyiframe iframe {
    bottom: auto;
    right: auto;
    height: calc(100vh - 43px);
    width: 100vw
}