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: Lato,sans-serif;
}

main {
  display: block;
}

.contact-text-block{
  display: flex;
  justify-content: center;
}
.contact-text{
  font-size: 24px;
  color: #000;
  font-weight: 600;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
html[lang^="en"] .article-more-questions {   
  display: none !important;
}

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: rgba(22, 140, 235, 1);
  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(34, 34, 34, 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(34, 34, 34, 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(34, 34, 34, 1);
}

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

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

@media (min-height: 600px) {
  .container {
     min-height: 65vh;
  }
}



.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: transparent;
  border: 1px solid #027AFF;
  border-radius: 6px;
  color: rgba(34, 34, 34, 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 #31C062;
  color: #fff;
  background: #31C062;
}

.article-vote-up[aria-pressed="true"]{
  box-shadow: 0 0 0 3px #000;
  border: none;
}

.article-vote-down[aria-pressed="true"]{
  box-shadow: 0 0 0 3px #000;
  border: none;
}

.article-vote-down {
  border: 1px solid #FF5C00;
  color: #fff;
  background: #FF5C00;
}

@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;
  }
}

.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(34, 34, 34, 1);
  color: rgba(245, 250, 255, 1); */
  text-decoration: none;
  color: #fff;
}

.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 {
  border-color: #000;
}

.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: #027AFF;
  border: 0;
  border-radius: 4px;
  color: rgba(245, 250, 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: #000;
}

.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(34, 34, 34, 1);
  border: 0;
  color: rgba(245, 250, 255, 1);
  height: 32px;
  line-height: 16px;
  outline-color: rgba(34, 34, 34, 1);
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid rgba(245, 250, 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(245, 250, 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% 32px 5%;
}

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

.form {
  max-width: 650px;
  margin: 0 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(34, 34, 34, 1);
}

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

.form-field input[type="text"]:focus {
  border: 1px solid rgba(34, 34, 34, 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(34, 34, 34, 1);
  text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid rgba(34, 34, 34, 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 {
  padding-top: 30px;
}

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

.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: #0c558f;
}


/***** Header *****/
.header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  justify-content: space-between;
}

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

.logo img {
  width: 150px;
}

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

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

.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: rgba(22, 140, 235, 1);
  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: rgba(22, 140, 235, 1);
  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: rgba(22, 140, 235, 1);
  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: rgba(22, 140, 235, 1);
}

.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: rgba(22, 140, 235, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: rgba(22, 140, 235, 1);
  background-color: transparent;
}

.user-info > button::after {
  color: rgba(22, 140, 235, 1);
  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(34, 34, 34, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: rgba(245, 250, 255, 1);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  background-color: #333333;
  padding: 5px 0 15px 0;
  padding: 0 5%; 
}

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

.footer-logo {
  padding-right: 20px;
  margin-right: auto;
  margin-bottom: 10px;
}

 .footer-logo img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  }

@media (min-width: 980px) {
  .footer-logo {
    margin-bottom: 0;
    }
}

.footer-disclaimer {
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  display:flex;
  justify-content: space-between;
  text-transform: uppercase;
  opacity: .7;
}

@media (min-width: 1160px) {
  .footer-disclaimer {
    padding: 10px 0 0 0;
  }
}

.footer a {
 color: #fff;
 opacity: .7;
}

.footer-inner {
  max-width: 1160px;
  align-items: center;
}

@media (min-width: 980px) {
 .footer-inner  {
		display: flex;
    justify-content: space-between;
    padding: 10px 0;
    margin: 0 auto;
    flex-direction: column;
    align-items: flex-start;
  }
}



@media (min-width: 980px) {
  .footer-link-container {
    font-size: 13px;
    display: flex;
    list-style: none;
  }
} 

.footer-link {
  padding: 0 0 20px 0;
}

.ig, 
.fb, 
.twitter {
  width: 18px;
  background-size: contain;
}

.ig {
   background: transparent url(http://dofasting.com/assets/new/icons/instagram.svg) no-repeat 50%;
   margin-right: 20px;
}

.fb {
   background: transparent url(http://dofasting.com/assets/new/icons/facebook.svg) no-repeat 50%;
   margin-right: 20px;
}

.twitter {
   background: transparent url(http://dofasting.com/assets/new/icons/twitter.svg) no-repeat 50%;
}

@media (min-width: 980px) {
  .footer-link {
    padding: 0 30px 0 0;
  }
} 

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

/* .language-selector .language-selector {
  color: #474747;
  border: 1px solid #b7b7b7;
  padding: 4px 6px;
  border-radius: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.49;
  width: 120px;
  font-size: 14px;
  margin: 15px 0 0 0;
}

@media (min-width: 768px) {
  .language-selector .dropdown-toggle {
  color: #474747;
  padding: 8px 20px;
  width: 165px;
  font-size: 16px;
  margin: 0 0 0 15px;
  border: 1px solid #b7b7b7;
  border-radius: 6px;
  }
} */

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

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

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

.breadcrumbs li {
  color: #027AFF;
  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: #027AFF;
}

.breadcrumbs li a:visited {
  color: #027AFF;
}

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

.search input[type="search"] {
  border: 2px solid #D6D6D6;
  border-radius: 8px;
  box-sizing: border-box;
  color: #666;
  height: 56px;
  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(34, 34, 34, 1);
  color: #555;
}

.search-full input[type="search"] {
  border: 1px solid #b7b7b7;
  box-shadow: 9px 10px 8px -8px rgba(243,244,248,1);
}

.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 {
  background-color: #EBF4FF;
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 20px;
  text-align: center;
  width: 100%;
}

.hero-inner {
  position: relative;
  top: 82%;
  transform: translateY(-50%);
  max-width: 610px;
  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;
  margin-top: -50px;

}

.hero-title h1 {
  margin: 17px 0 0 0;
  font-weight: 700;
}

.hero-title p {
  color: #777778;
  font-size: 16px;
  margin: 0 auto;
  max-width: 550px;
}

@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: 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 63px;
}

.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;
  margin-bottom: 7px;
  max-width: 1160px;
  margin: 0 auto;
	padding: 0 5% 0 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;
}


.blocks-item {
  border: 2px solid #D6D6D6;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex: 1 0 280px;
  margin: 8px 0;
  max-width: 100%;
  text-align: center;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

@media (min-width: 692px) {
  .blocks-item {
    margin: 16px;
  }
}

/* @media (min-width: 792px) {
  .blocks-item {
    flex: 1 0 360px;
  }
}
 */


.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: #F5FAFF;
  border-color: #027AFF;
  color: #027AFF;
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #027AFF;
  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: rgba(34, 34, 34, 1);
  padding: 21px 17px;
  display: flex;
  align-items: center;
  border-radius: inherit;
  width: 100%;
}

.blocks-item a::before {
    line-height: 0;
}

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

/* 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");
}

.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%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 ");
  line-height: 0;
}

.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%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(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%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(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%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: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%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(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%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(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%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(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%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(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%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(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%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M28.5928 10.0876C26.2482 10.0876 24.3407 8.1801 24.3407 5.83545C24.3407 3.4908 26.2482 1.58333 28.5928 1.58333C30.9375 1.58333 32.8449 3.4908 32.8449 5.83545C32.8449 8.1801 30.9375 10.0876 28.5928 10.0876Z' fill='%23fff'/%3E%3Cpath d='M13.7498 28.8913C12.6196 29.9703 11.0895 30.6338 9.40727 30.6338C7.72506 30.6338 6.19491 29.9703 5.06473 28.8913C2.96718 30.2962 1.58337 32.6875 1.58337 35.3962C1.58337 35.9597 2.04029 36.4167 2.60388 36.4167H16.2107C16.7742 36.4167 17.2312 35.9597 17.2312 35.3962C17.2312 32.6875 15.8474 30.2962 13.7498 28.8913Z' fill='%23fff'/%3E%3Cpath d='M32.9353 10.3861C31.8052 11.4651 30.275 12.1286 28.5928 12.1286C26.9106 12.1286 25.3805 11.4651 24.2503 10.3861C22.1527 11.791 20.7689 14.1823 20.7689 16.891C20.7689 17.4545 21.2258 17.9115 21.7894 17.9115H35.3962C35.9598 17.9115 36.4167 17.4545 36.4167 16.891C36.4167 14.1823 35.0329 11.791 32.9353 10.3861Z' fill='%23fff'/%3E%3Cpath d='M9.40727 28.5928C7.06262 28.5928 5.15515 26.6853 5.15515 24.3407C5.15515 21.996 7.06262 20.0885 9.40727 20.0885C11.7519 20.0885 13.6594 21.996 13.6594 24.3407C13.6594 26.6853 11.7519 28.5928 9.40727 28.5928Z' fill='%23fff'/%3E%3Cpath d='M11.9034 7.53508C11.6615 7.53508 11.4342 7.6293 11.2631 7.80027L10.8091 8.25426C10.4106 8.65273 9.76455 8.65273 9.36594 8.25426L8.91202 7.80034C8.74091 7.6293 8.51361 7.53508 8.27168 7.53508C8.02975 7.53508 7.80245 7.6293 7.63135 7.80027C7.27832 8.1533 7.27832 8.72778 7.63135 9.08087L10.0876 11.537L12.5437 9.08087C12.8968 8.72784 12.8968 8.15337 12.5437 7.80034C12.3727 7.6293 12.1453 7.53508 11.9034 7.53508Z' fill='%23fff'/%3E%3Cpath d='M21.9158 4.93468C21.7579 4.55335 21.3858 4.30469 20.973 4.30469H18.4504C18.0051 2.73576 16.5596 1.58333 14.85 1.58333H5.32524C3.26197 1.58333 1.58337 3.26193 1.58337 5.32519V14.1696C1.58337 16.2329 3.26197 17.9115 5.32524 17.9115H14.85C16.9132 17.9115 18.5918 16.2329 18.5918 14.1696V9.14958L21.6946 6.04676C21.9865 5.7549 22.0738 5.31601 21.9158 4.93468ZM13.987 10.5241L10.8092 13.7018C10.6178 13.8932 10.3582 14.0007 10.0876 14.0007C9.81697 14.0007 9.55742 13.8932 9.36604 13.7018L6.18831 10.5241C5.03949 9.37518 5.03949 7.50588 6.18825 6.35706C6.74483 5.80055 7.48477 5.49399 8.27178 5.49399C8.93851 5.49399 9.57143 5.71394 10.0876 6.11949C10.6038 5.71401 11.2368 5.49399 11.9034 5.49399C12.6904 5.49399 13.4304 5.80048 13.987 6.35706C15.1358 7.50595 15.1358 9.37525 13.987 10.5241Z' fill='%23fff'/%3E%3Cpath d='M29.7283 26.0403C29.4865 26.0403 29.2591 26.1345 29.0881 26.3055L28.6341 26.7595C28.2355 27.1579 27.5895 27.1579 27.1909 26.7595L26.737 26.3055C26.5659 26.1345 26.3386 26.0403 26.0966 26.0403C25.8547 26.0403 25.6274 26.1345 25.4563 26.3055C25.1033 26.6585 25.1033 27.233 25.4563 27.5861L27.9125 30.0422L30.3687 27.5861C30.7217 27.233 30.7217 26.6586 30.3687 26.3055C30.1976 26.1345 29.9703 26.0403 29.7283 26.0403Z' fill='%23fff'/%3E%3Cpath d='M32.6749 20.0885H23.1501C21.4405 20.0885 19.995 21.241 19.5497 22.8099H17.0271C16.6143 22.8099 16.2422 23.0586 16.0843 23.4399C15.9264 23.8212 16.0137 24.2602 16.3055 24.552L19.4083 27.6548V32.6748C19.4083 34.7381 21.0869 36.4167 23.1501 36.4167H32.6749C34.7381 36.4167 36.4167 34.7381 36.4167 32.6748V23.8304C36.4167 21.7671 34.7381 20.0885 32.6749 20.0885ZM31.8119 29.0293L28.6341 32.207C28.4427 32.3984 28.1831 32.5059 27.9125 32.5059C27.6419 32.5059 27.3823 32.3984 27.1909 32.207L24.0132 29.0293C22.8644 27.8804 22.8644 26.0111 24.0131 24.8623C24.5697 24.3058 25.3097 23.9992 26.0967 23.9992C26.7634 23.9992 27.3963 24.2191 27.9125 24.6247C28.4287 24.2192 29.0617 23.9992 29.7283 23.9992C30.5153 23.9992 31.2553 24.3057 31.8119 24.8623C32.9607 26.0112 32.9607 27.8805 31.8119 29.0293Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='34.8333' height='34.8333' fill='white' transform='translate(1.58337 1.58333)'/%3E%3C/clipPath%3E%3C/defs%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='M36.1172 12.7422C33.1555 12.7422 30.7461 10.3328 30.7461 7.37109C30.7461 4.40943 33.1555 2 36.1172 2C39.0789 2 41.4883 4.40943 41.4883 7.37109C41.4883 10.3328 39.0789 12.7422 36.1172 12.7422Z' fill='%23BFBFCD'/%3E%3Cpath d='M17.3681 36.4943C15.9405 37.8573 14.0077 38.6953 11.8828 38.6953C9.75792 38.6953 7.8251 37.8573 6.39751 36.4943C3.74797 38.2689 2 41.2895 2 44.7109C2 45.4228 2.57716 46 3.28906 46H20.4766C21.1885 46 21.7656 45.4228 21.7656 44.7109C21.7656 41.2895 20.0177 38.2689 17.3681 36.4943Z' fill='%23BFBFCD'/%3E%3Cpath d='M41.6025 13.1193C40.1749 14.4823 38.2421 15.3203 36.1172 15.3203C33.9923 15.3203 32.0595 14.4823 30.6319 13.1193C27.9823 14.8939 26.2344 17.9145 26.2344 21.3359C26.2344 22.0478 26.8115 22.625 27.5234 22.625H44.7109C45.4228 22.625 46 22.0478 46 21.3359C46 17.9145 44.252 14.8939 41.6025 13.1193Z' fill='%23BFBFCD'/%3E%3Cpath d='M11.8828 36.1172C8.92115 36.1172 6.51172 33.7078 6.51172 30.7461C6.51172 27.7844 8.92115 25.375 11.8828 25.375C14.8445 25.375 17.2539 27.7844 17.2539 30.7461C17.2539 33.7078 14.8445 36.1172 11.8828 36.1172Z' fill='%23BFBFCD'/%3E%3Cpath d='M15.0359 9.51799C14.7304 9.51799 14.4432 9.63701 14.2271 9.85297L13.6537 10.4264C13.1503 10.9298 12.3342 10.9298 11.8307 10.4264L11.2573 9.85306C11.0412 9.63701 10.7541 9.51799 10.4485 9.51799C10.1429 9.51799 9.85576 9.63701 9.63962 9.85297C9.19369 10.2989 9.19369 11.0246 9.63962 11.4706L12.7422 14.5731L15.8447 11.4706C16.2907 11.0246 16.2907 10.299 15.8447 9.85306C15.6287 9.63701 15.3415 9.51799 15.0359 9.51799Z' fill='%23BFBFCD'/%3E%3Cpath d='M27.6831 6.23328C27.4836 5.7516 27.0136 5.4375 26.4922 5.4375H23.3057C22.7432 3.4557 20.9173 2 18.7578 2H6.72656C4.12034 2 2 4.12034 2 6.72656V17.8984C2 20.5047 4.12034 22.625 6.72656 22.625H18.7578C21.364 22.625 23.4844 20.5047 23.4844 17.8984V11.5574L27.4036 7.63802C27.7723 7.26934 27.8827 6.71496 27.6831 6.23328ZM17.6677 13.2936L13.6536 17.3075C13.4119 17.5493 13.084 17.6851 12.7422 17.6851C12.4003 17.6851 12.0725 17.5493 11.8307 17.3075L7.81677 13.2936C6.36562 11.8423 6.36562 9.48112 7.81668 8.02998C8.51973 7.32701 9.45439 6.93977 10.4485 6.93977C11.2907 6.93977 12.0902 7.21761 12.7422 7.72988C13.3942 7.2177 14.1938 6.93977 15.0359 6.93977C16.03 6.93977 16.9646 7.32692 17.6677 8.02998C19.1188 9.4812 19.1188 11.8424 17.6677 13.2936Z' fill='%23BFBFCD'/%3E%3Cpath d='M37.5514 32.893C37.2459 32.893 36.9587 33.012 36.7426 33.228L36.1692 33.8014C35.6658 34.3048 34.8497 34.3048 34.3462 33.8014L33.7728 33.2281C33.5567 33.012 33.2696 32.893 32.964 32.893C32.6584 32.893 32.3713 33.012 32.1551 33.228C31.7092 33.6739 31.7092 34.3996 32.1551 34.8456L35.2577 37.9481L38.3602 34.8456C38.8062 34.3996 38.8062 33.674 38.3602 33.2281C38.1442 33.012 37.857 32.893 37.5514 32.893Z' fill='%23BFBFCD'/%3E%3Cpath d='M41.2734 25.375H29.2422C27.0826 25.375 25.2567 26.8307 24.6943 28.8125H21.5078C20.9864 28.8125 20.5163 29.1266 20.3169 29.6083C20.1174 30.09 20.2277 30.6444 20.5963 31.0131L24.5156 34.9324V41.2734C24.5156 43.8797 26.6359 46 29.2422 46H41.2734C43.8797 46 46 43.8797 46 41.2734V30.1016C46 27.4953 43.8797 25.375 41.2734 25.375ZM40.1833 36.6686L36.1693 40.6825C35.9275 40.9243 35.5997 41.0601 35.2578 41.0601C34.9159 41.0601 34.5881 40.9243 34.3463 40.6825L30.3324 36.6686C28.8812 35.2173 28.8812 32.8561 30.3323 31.405C31.0353 30.702 31.97 30.3148 32.9641 30.3148C33.8063 30.3148 34.6058 30.5926 35.2578 31.1049C35.9098 30.5927 36.7094 30.3148 37.5515 30.3148C38.5456 30.3148 39.4803 30.7019 40.1833 31.405C41.6344 32.8562 41.6344 35.2174 40.1833 36.6686Z' fill='%23BFBFCD'/%3E%3C/svg%3E%0A");
  }

  .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='M36.1172 12.7422C33.1555 12.7422 30.7461 10.3328 30.7461 7.37109C30.7461 4.40943 33.1555 2 36.1172 2C39.0789 2 41.4883 4.40943 41.4883 7.37109C41.4883 10.3328 39.0789 12.7422 36.1172 12.7422Z' fill='%23fff'/%3E%3Cpath d='M17.3681 36.4943C15.9405 37.8573 14.0077 38.6953 11.8828 38.6953C9.75792 38.6953 7.8251 37.8573 6.39751 36.4943C3.74797 38.2689 2 41.2895 2 44.7109C2 45.4228 2.57716 46 3.28906 46H20.4766C21.1885 46 21.7656 45.4228 21.7656 44.7109C21.7656 41.2895 20.0177 38.2689 17.3681 36.4943Z' fill='%23fff'/%3E%3Cpath d='M41.6025 13.1193C40.1749 14.4823 38.2421 15.3203 36.1172 15.3203C33.9923 15.3203 32.0595 14.4823 30.6319 13.1193C27.9823 14.8939 26.2344 17.9145 26.2344 21.3359C26.2344 22.0478 26.8115 22.625 27.5234 22.625H44.7109C45.4228 22.625 46 22.0478 46 21.3359C46 17.9145 44.252 14.8939 41.6025 13.1193Z' fill='%23fff'/%3E%3Cpath d='M11.8828 36.1172C8.92115 36.1172 6.51172 33.7078 6.51172 30.7461C6.51172 27.7844 8.92115 25.375 11.8828 25.375C14.8445 25.375 17.2539 27.7844 17.2539 30.7461C17.2539 33.7078 14.8445 36.1172 11.8828 36.1172Z' fill='%23fff'/%3E%3Cpath d='M15.0359 9.51799C14.7304 9.51799 14.4432 9.63701 14.2271 9.85297L13.6537 10.4264C13.1503 10.9298 12.3342 10.9298 11.8307 10.4264L11.2573 9.85306C11.0412 9.63701 10.7541 9.51799 10.4485 9.51799C10.1429 9.51799 9.85576 9.63701 9.63962 9.85297C9.19369 10.2989 9.19369 11.0246 9.63962 11.4706L12.7422 14.5731L15.8447 11.4706C16.2907 11.0246 16.2907 10.299 15.8447 9.85306C15.6287 9.63701 15.3415 9.51799 15.0359 9.51799Z' fill='%23fff'/%3E%3Cpath d='M27.6831 6.23328C27.4836 5.7516 27.0136 5.4375 26.4922 5.4375H23.3057C22.7432 3.4557 20.9173 2 18.7578 2H6.72656C4.12034 2 2 4.12034 2 6.72656V17.8984C2 20.5047 4.12034 22.625 6.72656 22.625H18.7578C21.364 22.625 23.4844 20.5047 23.4844 17.8984V11.5574L27.4036 7.63802C27.7723 7.26934 27.8827 6.71496 27.6831 6.23328ZM17.6677 13.2936L13.6536 17.3075C13.4119 17.5493 13.084 17.6851 12.7422 17.6851C12.4003 17.6851 12.0725 17.5493 11.8307 17.3075L7.81677 13.2936C6.36562 11.8423 6.36562 9.48112 7.81668 8.02998C8.51973 7.32701 9.45439 6.93977 10.4485 6.93977C11.2907 6.93977 12.0902 7.21761 12.7422 7.72988C13.3942 7.2177 14.1938 6.93977 15.0359 6.93977C16.03 6.93977 16.9646 7.32692 17.6677 8.02998C19.1188 9.4812 19.1188 11.8424 17.6677 13.2936Z' fill='%23fff'/%3E%3Cpath d='M37.5514 32.893C37.2459 32.893 36.9587 33.012 36.7426 33.228L36.1692 33.8014C35.6658 34.3048 34.8497 34.3048 34.3462 33.8014L33.7728 33.2281C33.5567 33.012 33.2696 32.893 32.964 32.893C32.6584 32.893 32.3713 33.012 32.1551 33.228C31.7092 33.6739 31.7092 34.3996 32.1551 34.8456L35.2577 37.9481L38.3602 34.8456C38.8062 34.3996 38.8062 33.674 38.3602 33.2281C38.1442 33.012 37.857 32.893 37.5514 32.893Z' fill='%23fff'/%3E%3Cpath d='M41.2734 25.375H29.2422C27.0826 25.375 25.2567 26.8307 24.6943 28.8125H21.5078C20.9864 28.8125 20.5163 29.1266 20.3169 29.6083C20.1174 30.09 20.2277 30.6444 20.5963 31.0131L24.5156 34.9324V41.2734C24.5156 43.8797 26.6359 46 29.2422 46H41.2734C43.8797 46 46 43.8797 46 41.2734V30.1016C46 27.4953 43.8797 25.375 41.2734 25.375ZM40.1833 36.6686L36.1693 40.6825C35.9275 40.9243 35.5997 41.0601 35.2578 41.0601C34.9159 41.0601 34.5881 40.9243 34.3463 40.6825L30.3324 36.6686C28.8812 35.2173 28.8812 32.8561 30.3323 31.405C31.0353 30.702 31.97 30.3148 32.9641 30.3148C33.8063 30.3148 34.6058 30.5926 35.2578 31.1049C35.9098 30.5927 36.7094 30.3148 37.5515 30.3148C38.5456 30.3148 39.4803 30.7019 40.1833 31.405C41.6344 32.8562 41.6344 35.2174 40.1833 36.6686Z' fill='%23fff'/%3E%3C/svg%3E%0A");
	}
}

.blocks-item:nth-child(8) 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(8) 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(8) 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(8) 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 ");
	}
}
 */
@media (min-width: 768px) {
  .blocks-item-link {
  flex-direction: column;
  justify-content: center;
  flex: 1;
	}
}

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

.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #027AFF;
  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-weight: 400;
    margin: 5px 0 0 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/01HZPM0CJ1YF7VMTQRFZYW5X3X);
  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(34, 34, 34, 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%;
  }
}

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

.article-list-item:hover {
  	box-shadow: 0 0 0 2px #027AFF;
		color: #027AFF;
    border-radius: 6px;  
}

.article-list-item:hover * {
		color: #027AFF;
  	background: #F5FAFF;
}

.article-list-item a {
  padding: 15px 20px;
  font-weight: 700;
  border: 1px solid #F3F4F8;
  border-radius: 8px;  
  text-decoration: none;
  align-items: center;
  color: #333333;
  display: flex;
  justify-content: space-between;
}

.section-svg {
  min-width: 16px;
}

.icon-star {
  color: rgba(34, 34, 34, 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: 768px) {
  .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: 75vh;
}


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

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

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

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

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

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

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

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

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

/* 2K and 4K resolutions */

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

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

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

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

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

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

@media (min-width: 3424px) {
  .article-container-left-background {
    background: linear-gradient(90deg, #F5FAFF 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%;
  }
}

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

.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: 8px;
}

.section-list-item:hover {
    box-shadow: 0 0 0 2px #027AFF;
		color: #027AFF;
		border-radius: 6px;
}

.section-list-item:hover * {
		color: #027AFF;
  	background: #F5FAFF;
}

.section-list-item a {
	padding: 15px 20px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  align-items: center;
  color: #333333;
  display: flex;
  justify-content: space-between;
  border: 1px solid #F3F4F8;
}

.see-all-sections-trigger {
  color: rgba(34, 34, 34, 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%;
    font-weight: 700;
    /* 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: #0c558f;
}

.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(34, 34, 34, 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: #F5FAFF;
}

@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: #027AFF;
  text-decoration: none;
}

.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;
  margin-bottom: 14px;
}

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

.sidenav-item.current-article, .sidenav-item:hover {
  color: #027AFF;
  text-decoration: none;
  font-weight: 700;
  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(34, 34, 34, 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(34, 34, 34, 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(34, 34, 34, 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(34, 34, 34, 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: #0c558f;
}

.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(34, 34, 34, 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(34, 34, 34, 1);
}

.vote-voted:hover {
  color: #000;
}

/***** 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/01HZPM0CE9TBRHXJ7E0BQPTFAD);
  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(34, 34, 34, 1);
}

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

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

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

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

.community-follow button::after {
  border-left: 1px solid rgba(34, 34, 34, 1);
  content: attr(data-follower-count);
  color: rgba(34, 34, 34, 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(34, 34, 34, 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: rgba(22, 140, 235, 1);
  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: #0c558f;
}

.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;
  }
}

.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(34, 34, 34, 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: #0c558f;
}

.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(34, 34, 34, 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(34, 34, 34, 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(34, 34, 34, 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(34, 34, 34, 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(34, 34, 34, 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(34, 34, 34, 1);
  border-radius: 4px;
  color: rgba(34, 34, 34, 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: rgba(22, 140, 235, 1);
}

.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: #027AFF;
}

[dir="ltr"] .search-result-icons {
  float: right;
}

[dir="rtl"] .search-result-icons {
  float: left;
}

.search-result-votes, .search-result-meta-count {
  color: #666;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  padding: 4px 5px;
  position: relative;
}


.search-result-votes-icon, .search-result-meta-count-icon {
  color: rgba(34, 34, 34, 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: inherit;
}

/* 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;
/*   border: 1px solid #333333; */
}

.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%;.blocks-item-link
  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%);  
}

.footers-logo {
  max-width: 160px;
  width: 100%;
}

.e-logo {
  opacity: 1 !important;
}

.svg-icon {
  align-self: center;
  min-width: 56px;
}

.blocks-item:hover .svg-icon {
  filter: invert(44%) sepia(55%) saturate(7223%) hue-rotate(201deg) brightness(101%) contrast(100%);
}

.article-title span {
  font-weight: 400;
}

div#postfeeling {
    z-index: 9999999;
    display: none;
    background: #027bff;
    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
}