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: 18px;
}
html body,
body a, 
body p,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body input,
body button {
  font-family: Graphik, sans-serif;
}

main {
  display: block;
}

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

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

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

sub {
  bottom: -0.25em;
}
.footer .rights-reserve a{
	color: #424242;
  font-size: 12px;
  font-weight: 800;
}

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: rgba(49, 40, 40, 1);
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  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: 30px;
}

h2 {
  font-size: 22px;
}

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

h4 {
  font-size: 16px;
}

a {
  color: rgba(38, 136, 213, 1);
  text-decoration: none;
}

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

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

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(8, 114, 149, 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(8, 114, 149, 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(8, 114, 149, 1);
}

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

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

.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(8, 114, 149, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}

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

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

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

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

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

.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(8, 114, 149, 1);
  color: rgba(251, 246, 246, 1); */
  text-decoration: none;
  color: #fff;
  background-color: rgba(8, 114, 149, 1);
}

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

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

.button-large, input[type="submit"] {
  cursor: pointer;
  background-color: rgba(8, 114, 149, 1);
  border: 0;
  border-radius: 4px;
  color: rgba(251, 246, 246, 1);
  font-size: 18px;
  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: #032834;
}

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

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

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(49, 40, 40, 1);
  border: 1px solid #ddd;
  background-color: #f7f7f7;
}

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

.split-button button {
  background-color: rgba(8, 114, 149, 1);
  border: 0;
  color: rgba(251, 246, 246, 1);
  height: 32px;
  line-height: 16px;
  outline-color: rgba(8, 114, 149, 1);
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid rgba(251, 246, 246, 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(251, 246, 246, 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: #695656;
  font-size: 13px;
  font-weight: 300;
  text-align: left;
}

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

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

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

.table td {
  display: block;
}

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

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

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

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

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

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

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

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

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

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid rgba(8, 114, 149, 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: #695656;
  margin-left: 4px;
}

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

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

.footer a {
  font-size: 16px;
  text-decoration: none;
}

.form footer a {
  color: #695656;
  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: #17517e;
}


/***** Header *****/


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

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

.logo img {
  width: 80px;
}

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

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

.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(38, 136, 213, 1);
  display: none;
  font-size: 18px;
  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(38, 136, 213, 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(38, 136, 213, 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(38, 136, 213, 1);
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 18px;
  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(38, 136, 213, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: rgba(38, 136, 213, 1);
  background-color: transparent;
}

.user-info > button::after {
  color: rgba(38, 136, 213, 1);
  padding-right: 15px;
}

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

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

@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(8, 114, 149, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: rgba(251, 246, 246, 1);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  background-color: #fff;
  padding-bottom: 24px;
  padding-top: 96px;
  line-height: 18px;
  color: #000;
}

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

.footer-link-container {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}

.footer a, legal-cc p {
  color: #000;
}

.footer-inner {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.footer-link-container li {
    margin-bottom: 12px;
  }

.footer-link-container li a {
  color: #274650;
  line-height: 24px;
  margin: 0;
}

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

.appstore-verification-row {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px;
}

.download-apps {
	display: flex;
  align-items: center;
}

.verifications {
  display: flex;
  align-items: center;
}

.legal-cc {
  display: inline;
  font-size: 12px;
  padding-top: 24px;
  border-top: 1px solid rgba(0,0,0,0.2);
}

.legal-cc img {
  max-width: 308px;
}

.footer-header {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: -20px;
  display: none;
}

.list-header {
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.legal-footer-disclaimer {
  color: #637e85;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 0
}

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

@media (max-width: 992px) {
  .footer-link-container {
    flex-wrap: wrap;
  }
  
  .footer-link-container ul {
    width: 100%;
    margin-bottom: 5px;
  }
  
  .appstore-verification-row {
    flex-direction: column;
  }
  
  .footer-header {
    margin: 0 0 12px 0;
  }
  
  .download-apps {
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
  }
  
  .verifications {
    padding-top: 32px;
  }
}
  

.social-icon a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.social-icon i {
  font-size: 20px;
  color: #c7c7c7;
  min-width: 22px;
  text-align: center;
  margin-right: 10px;
}


@media (min-width: 1200px) {
  .footer-inner {
    max-width: 960px;
  }
}

@media (max-width: 380px) {
  .responsive-verification-1 {
    width: calc(203px + 50vw - 219px);
  }
  
  .responsive-verification-2 {
    width: calc(140px + 50vw - 200px);
    height: calc(182px + 50vw - 223px);
  }
}


.footer-language-selector {
  color: #695656;
  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: #695656;
  display: inline;
  font-size: 18px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.breadcrumbs li a {
   color: rgba(8, 114, 149, 1);
}

.breadcrumbs li a:visited {
  color: rgba(8, 114, 149, 1);
}

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

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

.search ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #637E85;
  opacity: 1; /* Firefox */
}

.search :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #637E85;
}

.search ::-ms-input-placeholder { /* Microsoft Edge */
  color: #637E85;
}

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

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

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

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

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

.search-container {
  position: relative;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01HZPM0GJM740E56GVWM4XHK1D);
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

.hero-inner {
  position: relative;
  top: 72%;
  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;

}

.hero-title h1 {
  margin: 17px 0 0 0;
  font-size: 26px;
  font-family: 'Poppins', sans-serif;
  color: #fff;
}

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

@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: 73%;
  }

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

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

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

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

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

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

.blocks-item {
  border: 1px solid #b7b7b7;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 18px;
  max-width: 100%;
  text-align: center;
}

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

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: rgba(8, 114, 149, 1);
  border-color: rgba(8, 114, 149, 1);
}

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: rgba(251, 246, 246, 1);
  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: rgba(49, 40, 40, 1);
}

.blocks-item-link {
  color: rgba(8, 114, 149, 1);
  padding: 14px 12px;
  display: flex;
  align-items: center;
  border-radius: inherit;
  width: 100%;
}

/* 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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.4023 13.5801C20.76 13.7701 21.036 14.0701 21.2301 14.3701C21.6083 14.9901 21.5776 15.7501 21.2097 16.4201L20.4943 17.6201C20.1162 18.2601 19.411 18.6601 18.6855 18.6601C18.3278 18.6601 17.9292 18.5601 17.6022 18.3601C17.3365 18.1901 17.0299 18.1301 16.7029 18.1301C15.6911 18.1301 14.8429 18.9601 14.8122 19.9501C14.8122 21.1001 13.872 22.0001 12.6968 22.0001H11.3069C10.1215 22.0001 9.18125 21.1001 9.18125 19.9501C9.16081 18.9601 8.31259 18.1301 7.30085 18.1301C6.96361 18.1301 6.65702 18.1901 6.40153 18.3601C6.0745 18.5601 5.66572 18.6601 5.31825 18.6601C4.58245 18.6601 3.87729 18.2601 3.49917 17.6201L2.79402 16.4201C2.4159 15.7701 2.39546 14.9901 2.77358 14.3701C2.93709 14.0701 3.24368 13.7701 3.59115 13.5801C3.87729 13.4401 4.06125 13.2101 4.23498 12.9401C4.74596 12.0801 4.43937 10.9501 3.57071 10.4401C2.55897 9.87011 2.23194 8.60011 2.81446 7.61011L3.49917 6.43011C4.09191 5.44011 5.35913 5.09011 6.38109 5.67011C7.27019 6.15011 8.425 5.83011 8.9462 4.98011C9.10972 4.70011 9.20169 4.40011 9.18125 4.10011C9.16081 3.71011 9.27323 3.34011 9.4674 3.04011C9.84553 2.42011 10.5302 2.02011 11.2763 2.00011H12.7172C13.4735 2.00011 14.1582 2.42011 14.5363 3.04011C14.7203 3.34011 14.8429 3.71011 14.8122 4.10011C14.7918 4.40011 14.8838 4.70011 15.0473 4.98011C15.5685 5.83011 16.7233 6.15011 17.6226 5.67011C18.6344 5.09011 19.9118 5.44011 20.4943 6.43011L21.179 7.61011C21.7718 8.60011 21.4447 9.87011 20.4228 10.4401C19.5541 10.9501 19.2475 12.0801 19.7687 12.9401C19.9322 13.2101 20.1162 13.4401 20.4023 13.5801ZM9.10972 12.0101C9.10972 13.5801 10.4076 14.8301 12.0121 14.8301C13.6165 14.8301 14.8838 13.5801 14.8838 12.0101C14.8838 10.4401 13.6165 9.18011 12.0121 9.18011C10.4076 9.18011 9.10972 10.4401 9.10972 12.0101Z' fill='%230082A3'/%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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.4023 13.5801C20.76 13.7701 21.036 14.0701 21.2301 14.3701C21.6083 14.9901 21.5776 15.7501 21.2097 16.4201L20.4943 17.6201C20.1162 18.2601 19.411 18.6601 18.6855 18.6601C18.3278 18.6601 17.9292 18.5601 17.6022 18.3601C17.3365 18.1901 17.0299 18.1301 16.7029 18.1301C15.6911 18.1301 14.8429 18.9601 14.8122 19.9501C14.8122 21.1001 13.872 22.0001 12.6968 22.0001H11.3069C10.1215 22.0001 9.18125 21.1001 9.18125 19.9501C9.16081 18.9601 8.31259 18.1301 7.30085 18.1301C6.96361 18.1301 6.65702 18.1901 6.40153 18.3601C6.0745 18.5601 5.66572 18.6601 5.31825 18.6601C4.58245 18.6601 3.87729 18.2601 3.49917 17.6201L2.79402 16.4201C2.4159 15.7701 2.39546 14.9901 2.77358 14.3701C2.93709 14.0701 3.24368 13.7701 3.59115 13.5801C3.87729 13.4401 4.06125 13.2101 4.23498 12.9401C4.74596 12.0801 4.43937 10.9501 3.57071 10.4401C2.55897 9.87011 2.23194 8.60011 2.81446 7.61011L3.49917 6.43011C4.09191 5.44011 5.35913 5.09011 6.38109 5.67011C7.27019 6.15011 8.425 5.83011 8.9462 4.98011C9.10972 4.70011 9.20169 4.40011 9.18125 4.10011C9.16081 3.71011 9.27323 3.34011 9.4674 3.04011C9.84553 2.42011 10.5302 2.02011 11.2763 2.00011H12.7172C13.4735 2.00011 14.1582 2.42011 14.5363 3.04011C14.7203 3.34011 14.8429 3.71011 14.8122 4.10011C14.7918 4.40011 14.8838 4.70011 15.0473 4.98011C15.5685 5.83011 16.7233 6.15011 17.6226 5.67011C18.6344 5.09011 19.9118 5.44011 20.4943 6.43011L21.179 7.61011C21.7718 8.60011 21.4447 9.87011 20.4228 10.4401C19.5541 10.9501 19.2475 12.0801 19.7687 12.9401C19.9322 13.2101 20.1162 13.4401 20.4023 13.5801ZM9.10972 12.0101C9.10972 13.5801 10.4076 14.8301 12.0121 14.8301C13.6165 14.8301 14.8838 13.5801 14.8838 12.0101C14.8838 10.4401 13.6165 9.18011 12.0121 9.18011C10.4076 9.18011 9.10972 10.4401 9.10972 12.0101Z' 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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.4023 13.5801C20.76 13.7701 21.036 14.0701 21.2301 14.3701C21.6083 14.9901 21.5776 15.7501 21.2097 16.4201L20.4943 17.6201C20.1162 18.2601 19.411 18.6601 18.6855 18.6601C18.3278 18.6601 17.9292 18.5601 17.6022 18.3601C17.3365 18.1901 17.0299 18.1301 16.7029 18.1301C15.6911 18.1301 14.8429 18.9601 14.8122 19.9501C14.8122 21.1001 13.872 22.0001 12.6968 22.0001H11.3069C10.1215 22.0001 9.18125 21.1001 9.18125 19.9501C9.16081 18.9601 8.31259 18.1301 7.30085 18.1301C6.96361 18.1301 6.65702 18.1901 6.40153 18.3601C6.0745 18.5601 5.66572 18.6601 5.31825 18.6601C4.58245 18.6601 3.87729 18.2601 3.49917 17.6201L2.79402 16.4201C2.4159 15.7701 2.39546 14.9901 2.77358 14.3701C2.93709 14.0701 3.24368 13.7701 3.59115 13.5801C3.87729 13.4401 4.06125 13.2101 4.23498 12.9401C4.74596 12.0801 4.43937 10.9501 3.57071 10.4401C2.55897 9.87011 2.23194 8.60011 2.81446 7.61011L3.49917 6.43011C4.09191 5.44011 5.35913 5.09011 6.38109 5.67011C7.27019 6.15011 8.425 5.83011 8.9462 4.98011C9.10972 4.70011 9.20169 4.40011 9.18125 4.10011C9.16081 3.71011 9.27323 3.34011 9.4674 3.04011C9.84553 2.42011 10.5302 2.02011 11.2763 2.00011H12.7172C13.4735 2.00011 14.1582 2.42011 14.5363 3.04011C14.7203 3.34011 14.8429 3.71011 14.8122 4.10011C14.7918 4.40011 14.8838 4.70011 15.0473 4.98011C15.5685 5.83011 16.7233 6.15011 17.6226 5.67011C18.6344 5.09011 19.9118 5.44011 20.4943 6.43011L21.179 7.61011C21.7718 8.60011 21.4447 9.87011 20.4228 10.4401C19.5541 10.9501 19.2475 12.0801 19.7687 12.9401C19.9322 13.2101 20.1162 13.4401 20.4023 13.5801ZM9.10972 12.0101C9.10972 13.5801 10.4076 14.8301 12.0121 14.8301C13.6165 14.8301 14.8838 13.5801 14.8838 12.0101C14.8838 10.4401 13.6165 9.18011 12.0121 9.18011C10.4076 9.18011 9.10972 10.4401 9.10972 12.0101Z' fill='%230082A3'/%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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.4023 13.5801C20.76 13.7701 21.036 14.0701 21.2301 14.3701C21.6083 14.9901 21.5776 15.7501 21.2097 16.4201L20.4943 17.6201C20.1162 18.2601 19.411 18.6601 18.6855 18.6601C18.3278 18.6601 17.9292 18.5601 17.6022 18.3601C17.3365 18.1901 17.0299 18.1301 16.7029 18.1301C15.6911 18.1301 14.8429 18.9601 14.8122 19.9501C14.8122 21.1001 13.872 22.0001 12.6968 22.0001H11.3069C10.1215 22.0001 9.18125 21.1001 9.18125 19.9501C9.16081 18.9601 8.31259 18.1301 7.30085 18.1301C6.96361 18.1301 6.65702 18.1901 6.40153 18.3601C6.0745 18.5601 5.66572 18.6601 5.31825 18.6601C4.58245 18.6601 3.87729 18.2601 3.49917 17.6201L2.79402 16.4201C2.4159 15.7701 2.39546 14.9901 2.77358 14.3701C2.93709 14.0701 3.24368 13.7701 3.59115 13.5801C3.87729 13.4401 4.06125 13.2101 4.23498 12.9401C4.74596 12.0801 4.43937 10.9501 3.57071 10.4401C2.55897 9.87011 2.23194 8.60011 2.81446 7.61011L3.49917 6.43011C4.09191 5.44011 5.35913 5.09011 6.38109 5.67011C7.27019 6.15011 8.425 5.83011 8.9462 4.98011C9.10972 4.70011 9.20169 4.40011 9.18125 4.10011C9.16081 3.71011 9.27323 3.34011 9.4674 3.04011C9.84553 2.42011 10.5302 2.02011 11.2763 2.00011H12.7172C13.4735 2.00011 14.1582 2.42011 14.5363 3.04011C14.7203 3.34011 14.8429 3.71011 14.8122 4.10011C14.7918 4.40011 14.8838 4.70011 15.0473 4.98011C15.5685 5.83011 16.7233 6.15011 17.6226 5.67011C18.6344 5.09011 19.9118 5.44011 20.4943 6.43011L21.179 7.61011C21.7718 8.60011 21.4447 9.87011 20.4228 10.4401C19.5541 10.9501 19.2475 12.0801 19.7687 12.9401C19.9322 13.2101 20.1162 13.4401 20.4023 13.5801ZM9.10972 12.0101C9.10972 13.5801 10.4076 14.8301 12.0121 14.8301C13.6165 14.8301 14.8838 13.5801 14.8838 12.0101C14.8838 10.4401 13.6165 9.18011 12.0121 9.18011C10.4076 9.18011 9.10972 10.4401 9.10972 12.0101Z' 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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.294 7.29105C17.294 10.2281 14.9391 12.5831 12 12.5831C9.0619 12.5831 6.70601 10.2281 6.70601 7.29105C6.70601 4.35402 9.0619 2 12 2C14.9391 2 17.294 4.35402 17.294 7.29105ZM12 22C7.66237 22 4 21.295 4 18.575C4 15.8539 7.68538 15.1739 12 15.1739C16.3386 15.1739 20 15.8789 20 18.599C20 21.32 16.3146 22 12 22Z' fill='%230082A3'/%3E%3C/svg%3E%0A");
}

.blocks-item:nth-child(2) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.294 7.29105C17.294 10.2281 14.9391 12.5831 12 12.5831C9.0619 12.5831 6.70601 10.2281 6.70601 7.29105C6.70601 4.35402 9.0619 2 12 2C14.9391 2 17.294 4.35402 17.294 7.29105ZM12 22C7.66237 22 4 21.295 4 18.575C4 15.8539 7.68538 15.1739 12 15.1739C16.3386 15.1739 20 15.8789 20 18.599C20 21.32 16.3146 22 12 22Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

@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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.294 7.29105C17.294 10.2281 14.9391 12.5831 12 12.5831C9.0619 12.5831 6.70601 10.2281 6.70601 7.29105C6.70601 4.35402 9.0619 2 12 2C14.9391 2 17.294 4.35402 17.294 7.29105ZM12 22C7.66237 22 4 21.295 4 18.575C4 15.8539 7.68538 15.1739 12 15.1739C16.3386 15.1739 20 15.8789 20 18.599C20 21.32 16.3146 22 12 22Z' fill='%230082A3'/%3E%3C/svg%3E%0A");
  }
  
  .blocks-item:nth-child(2) a:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.294 7.29105C17.294 10.2281 14.9391 12.5831 12 12.5831C9.0619 12.5831 6.70601 10.2281 6.70601 7.29105C6.70601 4.35402 9.0619 2 12 2C14.9391 2 17.294 4.35402 17.294 7.29105ZM12 22C7.66237 22 4 21.295 4 18.575C4 15.8539 7.68538 15.1739 12 15.1739C16.3386 15.1739 20 15.8789 20 18.599C20 21.32 16.3146 22 12 22Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  }
}

.blocks-item:nth-child(3) a::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7999 4.79999C4.16338 4.79999 3.55293 5.05284 3.10285 5.50293C2.65276 5.95302 2.3999 6.56347 2.3999 7.19999V8.39999H21.5999V7.19999C21.5999 6.56347 21.347 5.95302 20.897 5.50293C20.4469 5.05284 19.8364 4.79999 19.1999 4.79999H4.7999Z' fill='%230082A3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5999 10.8H2.3999V16.8C2.3999 17.4365 2.65276 18.047 3.10285 18.497C3.55293 18.9471 4.16338 19.2 4.7999 19.2H19.1999C19.8364 19.2 20.4469 18.9471 20.897 18.497C21.347 18.047 21.5999 17.4365 21.5999 16.8V10.8ZM4.7999 15.6C4.7999 15.2817 4.92633 14.9765 5.15137 14.7515C5.37642 14.5264 5.68164 14.4 5.9999 14.4H7.1999C7.51816 14.4 7.82339 14.5264 8.04843 14.7515C8.27347 14.9765 8.3999 15.2817 8.3999 15.6C8.3999 15.9182 8.27347 16.2235 8.04843 16.4485C7.82339 16.6736 7.51816 16.8 7.1999 16.8H5.9999C5.68164 16.8 5.37642 16.6736 5.15137 16.4485C4.92633 16.2235 4.7999 15.9182 4.7999 15.6ZM10.7999 14.4C10.4816 14.4 10.1764 14.5264 9.95137 14.7515C9.72633 14.9765 9.5999 15.2817 9.5999 15.6C9.5999 15.9182 9.72633 16.2235 9.95137 16.4485C10.1764 16.6736 10.4816 16.8 10.7999 16.8H11.9999C12.3182 16.8 12.6234 16.6736 12.8484 16.4485C13.0735 16.2235 13.1999 15.9182 13.1999 15.6C13.1999 15.2817 13.0735 14.9765 12.8484 14.7515C12.6234 14.5264 12.3182 14.4 11.9999 14.4H10.7999Z' fill='%230082A3'/%3E%3C/svg%3E ");
}

.blocks-item:nth-child(3) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7999 4.79999C4.16338 4.79999 3.55293 5.05284 3.10285 5.50293C2.65276 5.95302 2.3999 6.56347 2.3999 7.19999V8.39999H21.5999V7.19999C21.5999 6.56347 21.347 5.95302 20.897 5.50293C20.4469 5.05284 19.8364 4.79999 19.1999 4.79999H4.7999Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5999 10.8H2.3999V16.8C2.3999 17.4365 2.65276 18.047 3.10285 18.497C3.55293 18.9471 4.16338 19.2 4.7999 19.2H19.1999C19.8364 19.2 20.4469 18.9471 20.897 18.497C21.347 18.047 21.5999 17.4365 21.5999 16.8V10.8ZM4.7999 15.6C4.7999 15.2817 4.92633 14.9765 5.15137 14.7515C5.37642 14.5264 5.68164 14.4 5.9999 14.4H7.1999C7.51816 14.4 7.82339 14.5264 8.04843 14.7515C8.27347 14.9765 8.3999 15.2817 8.3999 15.6C8.3999 15.9182 8.27347 16.2235 8.04843 16.4485C7.82339 16.6736 7.51816 16.8 7.1999 16.8H5.9999C5.68164 16.8 5.37642 16.6736 5.15137 16.4485C4.92633 16.2235 4.7999 15.9182 4.7999 15.6ZM10.7999 14.4C10.4816 14.4 10.1764 14.5264 9.95137 14.7515C9.72633 14.9765 9.5999 15.2817 9.5999 15.6C9.5999 15.9182 9.72633 16.2235 9.95137 16.4485C10.1764 16.6736 10.4816 16.8 10.7999 16.8H11.9999C12.3182 16.8 12.6234 16.6736 12.8484 16.4485C13.0735 16.2235 13.1999 15.9182 13.1999 15.6C13.1999 15.2817 13.0735 14.9765 12.8484 14.7515C12.6234 14.5264 12.3182 14.4 11.9999 14.4H10.7999Z' fill='%23fff'/%3E%3C/svg%3E ");
}

@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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7999 4.79999C4.16338 4.79999 3.55293 5.05284 3.10285 5.50293C2.65276 5.95302 2.3999 6.56347 2.3999 7.19999V8.39999H21.5999V7.19999C21.5999 6.56347 21.347 5.95302 20.897 5.50293C20.4469 5.05284 19.8364 4.79999 19.1999 4.79999H4.7999Z' fill='%230082A3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5999 10.8H2.3999V16.8C2.3999 17.4365 2.65276 18.047 3.10285 18.497C3.55293 18.9471 4.16338 19.2 4.7999 19.2H19.1999C19.8364 19.2 20.4469 18.9471 20.897 18.497C21.347 18.047 21.5999 17.4365 21.5999 16.8V10.8ZM4.7999 15.6C4.7999 15.2817 4.92633 14.9765 5.15137 14.7515C5.37642 14.5264 5.68164 14.4 5.9999 14.4H7.1999C7.51816 14.4 7.82339 14.5264 8.04843 14.7515C8.27347 14.9765 8.3999 15.2817 8.3999 15.6C8.3999 15.9182 8.27347 16.2235 8.04843 16.4485C7.82339 16.6736 7.51816 16.8 7.1999 16.8H5.9999C5.68164 16.8 5.37642 16.6736 5.15137 16.4485C4.92633 16.2235 4.7999 15.9182 4.7999 15.6ZM10.7999 14.4C10.4816 14.4 10.1764 14.5264 9.95137 14.7515C9.72633 14.9765 9.5999 15.2817 9.5999 15.6C9.5999 15.9182 9.72633 16.2235 9.95137 16.4485C10.1764 16.6736 10.4816 16.8 10.7999 16.8H11.9999C12.3182 16.8 12.6234 16.6736 12.8484 16.4485C13.0735 16.2235 13.1999 15.9182 13.1999 15.6C13.1999 15.2817 13.0735 14.9765 12.8484 14.7515C12.6234 14.5264 12.3182 14.4 11.9999 14.4H10.7999Z' fill='%230082A3'/%3E%3C/svg%3E ");
  }

    
  .blocks-item:nth-child(3) a:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7999 4.79999C4.16338 4.79999 3.55293 5.05284 3.10285 5.50293C2.65276 5.95302 2.3999 6.56347 2.3999 7.19999V8.39999H21.5999V7.19999C21.5999 6.56347 21.347 5.95302 20.897 5.50293C20.4469 5.05284 19.8364 4.79999 19.1999 4.79999H4.7999Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5999 10.8H2.3999V16.8C2.3999 17.4365 2.65276 18.047 3.10285 18.497C3.55293 18.9471 4.16338 19.2 4.7999 19.2H19.1999C19.8364 19.2 20.4469 18.9471 20.897 18.497C21.347 18.047 21.5999 17.4365 21.5999 16.8V10.8ZM4.7999 15.6C4.7999 15.2817 4.92633 14.9765 5.15137 14.7515C5.37642 14.5264 5.68164 14.4 5.9999 14.4H7.1999C7.51816 14.4 7.82339 14.5264 8.04843 14.7515C8.27347 14.9765 8.3999 15.2817 8.3999 15.6C8.3999 15.9182 8.27347 16.2235 8.04843 16.4485C7.82339 16.6736 7.51816 16.8 7.1999 16.8H5.9999C5.68164 16.8 5.37642 16.6736 5.15137 16.4485C4.92633 16.2235 4.7999 15.9182 4.7999 15.6ZM10.7999 14.4C10.4816 14.4 10.1764 14.5264 9.95137 14.7515C9.72633 14.9765 9.5999 15.2817 9.5999 15.6C9.5999 15.9182 9.72633 16.2235 9.95137 16.4485C10.1764 16.6736 10.4816 16.8 10.7999 16.8H11.9999C12.3182 16.8 12.6234 16.6736 12.8484 16.4485C13.0735 16.2235 13.1999 15.9182 13.1999 15.6C13.1999 15.2817 13.0735 14.9765 12.8484 14.7515C12.6234 14.5264 12.3182 14.4 11.9999 14.4H10.7999Z' fill='%23fff'/%3E%3C/svg%3E ");
}
}

.blocks-item:nth-child(4) a::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.54 2H7.92C9.33 2 10.46 3.15 10.46 4.561V7.97C10.46 9.39 9.33 10.53 7.92 10.53H4.54C3.14 10.53 2 9.39 2 7.97V4.561C2 3.15 3.14 2 4.54 2ZM4.54 13.4697H7.92C9.33 13.4697 10.46 14.6107 10.46 16.0307V19.4397C10.46 20.8497 9.33 21.9997 7.92 21.9997H4.54C3.14 21.9997 2 20.8497 2 19.4397V16.0307C2 14.6107 3.14 13.4697 4.54 13.4697ZM19.4601 2H16.0801C14.6701 2 13.5401 3.15 13.5401 4.561V7.97C13.5401 9.39 14.6701 10.53 16.0801 10.53H19.4601C20.8601 10.53 22.0001 9.39 22.0001 7.97V4.561C22.0001 3.15 20.8601 2 19.4601 2ZM16.0801 13.4697H19.4601C20.8601 13.4697 22.0001 14.6107 22.0001 16.0307V19.4397C22.0001 20.8497 20.8601 21.9997 19.4601 21.9997H16.0801C14.6701 21.9997 13.5401 20.8497 13.5401 19.4397V16.0307C13.5401 14.6107 14.6701 13.4697 16.0801 13.4697Z' fill='%230082A3'/%3E%3C/svg%3E ");
  line-height: 0;
}

.blocks-item:nth-child(4) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.54 2H7.92C9.33 2 10.46 3.15 10.46 4.561V7.97C10.46 9.39 9.33 10.53 7.92 10.53H4.54C3.14 10.53 2 9.39 2 7.97V4.561C2 3.15 3.14 2 4.54 2ZM4.54 13.4697H7.92C9.33 13.4697 10.46 14.6107 10.46 16.0307V19.4397C10.46 20.8497 9.33 21.9997 7.92 21.9997H4.54C3.14 21.9997 2 20.8497 2 19.4397V16.0307C2 14.6107 3.14 13.4697 4.54 13.4697ZM19.4601 2H16.0801C14.6701 2 13.5401 3.15 13.5401 4.561V7.97C13.5401 9.39 14.6701 10.53 16.0801 10.53H19.4601C20.8601 10.53 22.0001 9.39 22.0001 7.97V4.561C22.0001 3.15 20.8601 2 19.4601 2ZM16.0801 13.4697H19.4601C20.8601 13.4697 22.0001 14.6107 22.0001 16.0307V19.4397C22.0001 20.8497 20.8601 21.9997 19.4601 21.9997H16.0801C14.6701 21.9997 13.5401 20.8497 13.5401 19.4397V16.0307C13.5401 14.6107 14.6701 13.4697 16.0801 13.4697Z' fill='%23fff'/%3E%3C/svg%3E ");
}

@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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.54 2H7.92C9.33 2 10.46 3.15 10.46 4.561V7.97C10.46 9.39 9.33 10.53 7.92 10.53H4.54C3.14 10.53 2 9.39 2 7.97V4.561C2 3.15 3.14 2 4.54 2ZM4.54 13.4697H7.92C9.33 13.4697 10.46 14.6107 10.46 16.0307V19.4397C10.46 20.8497 9.33 21.9997 7.92 21.9997H4.54C3.14 21.9997 2 20.8497 2 19.4397V16.0307C2 14.6107 3.14 13.4697 4.54 13.4697ZM19.4601 2H16.0801C14.6701 2 13.5401 3.15 13.5401 4.561V7.97C13.5401 9.39 14.6701 10.53 16.0801 10.53H19.4601C20.8601 10.53 22.0001 9.39 22.0001 7.97V4.561C22.0001 3.15 20.8601 2 19.4601 2ZM16.0801 13.4697H19.4601C20.8601 13.4697 22.0001 14.6107 22.0001 16.0307V19.4397C22.0001 20.8497 20.8601 21.9997 19.4601 21.9997H16.0801C14.6701 21.9997 13.5401 20.8497 13.5401 19.4397V16.0307C13.5401 14.6107 14.6701 13.4697 16.0801 13.4697Z' fill='%230082A3'/%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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.54 2H7.92C9.33 2 10.46 3.15 10.46 4.561V7.97C10.46 9.39 9.33 10.53 7.92 10.53H4.54C3.14 10.53 2 9.39 2 7.97V4.561C2 3.15 3.14 2 4.54 2ZM4.54 13.4697H7.92C9.33 13.4697 10.46 14.6107 10.46 16.0307V19.4397C10.46 20.8497 9.33 21.9997 7.92 21.9997H4.54C3.14 21.9997 2 20.8497 2 19.4397V16.0307C2 14.6107 3.14 13.4697 4.54 13.4697ZM19.4601 2H16.0801C14.6701 2 13.5401 3.15 13.5401 4.561V7.97C13.5401 9.39 14.6701 10.53 16.0801 10.53H19.4601C20.8601 10.53 22.0001 9.39 22.0001 7.97V4.561C22.0001 3.15 20.8601 2 19.4601 2ZM16.0801 13.4697H19.4601C20.8601 13.4697 22.0001 14.6107 22.0001 16.0307V19.4397C22.0001 20.8497 20.8601 21.9997 19.4601 21.9997H16.0801C14.6701 21.9997 13.5401 20.8497 13.5401 19.4397V16.0307C13.5401 14.6107 14.6701 13.4697 16.0801 13.4697Z' 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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.85 2.50069C16.481 2.50069 17.111 2.58969 17.71 2.79069C21.401 3.99069 22.731 8.04069 21.62 11.5807C20.99 13.3897 19.96 15.0407 18.611 16.3897C16.68 18.2597 14.561 19.9197 12.28 21.3497L12.03 21.5007L11.77 21.3397C9.48102 19.9197 7.35002 18.2597 5.40102 16.3797C4.06102 15.0307 3.03002 13.3897 2.39002 11.5807C1.26002 8.04069 2.59002 3.99069 6.32102 2.76969C6.61102 2.66969 6.91002 2.59969 7.21002 2.56069H7.33002C7.61102 2.51969 7.89002 2.50069 8.17002 2.50069H8.28002C8.91002 2.51969 9.52002 2.62969 10.111 2.83069H10.17C10.21 2.84969 10.24 2.87069 10.26 2.88969C10.481 2.96069 10.69 3.04069 10.89 3.15069L11.27 3.32069C11.3618 3.36967 11.4649 3.44449 11.554 3.50916C11.6104 3.55014 11.6612 3.58703 11.7 3.61069C11.7163 3.62032 11.7329 3.63 11.7496 3.63976C11.8354 3.68981 11.9247 3.74195 12 3.79969C13.111 2.95069 14.46 2.49069 15.85 2.50069ZM18.51 9.70069C18.92 9.68969 19.27 9.36069 19.3 8.93969V8.82069C19.33 7.41969 18.481 6.15069 17.19 5.66069C16.78 5.51969 16.33 5.74069 16.18 6.16069C16.04 6.58069 16.26 7.04069 16.68 7.18969C17.321 7.42969 17.75 8.06069 17.75 8.75969V8.79069C17.731 9.01969 17.8 9.24069 17.94 9.41069C18.08 9.58069 18.29 9.67969 18.51 9.70069Z' fill='%230082A3'/%3E%3C/svg%3E%0A");
}

.blocks-item:nth-child(5) a:hover::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.85 2.50069C16.481 2.50069 17.111 2.58969 17.71 2.79069C21.401 3.99069 22.731 8.04069 21.62 11.5807C20.99 13.3897 19.96 15.0407 18.611 16.3897C16.68 18.2597 14.561 19.9197 12.28 21.3497L12.03 21.5007L11.77 21.3397C9.48102 19.9197 7.35002 18.2597 5.40102 16.3797C4.06102 15.0307 3.03002 13.3897 2.39002 11.5807C1.26002 8.04069 2.59002 3.99069 6.32102 2.76969C6.61102 2.66969 6.91002 2.59969 7.21002 2.56069H7.33002C7.61102 2.51969 7.89002 2.50069 8.17002 2.50069H8.28002C8.91002 2.51969 9.52002 2.62969 10.111 2.83069H10.17C10.21 2.84969 10.24 2.87069 10.26 2.88969C10.481 2.96069 10.69 3.04069 10.89 3.15069L11.27 3.32069C11.3618 3.36967 11.4649 3.44449 11.554 3.50916C11.6104 3.55014 11.6612 3.58703 11.7 3.61069C11.7163 3.62032 11.7329 3.63 11.7496 3.63976C11.8354 3.68981 11.9247 3.74195 12 3.79969C13.111 2.95069 14.46 2.49069 15.85 2.50069ZM18.51 9.70069C18.92 9.68969 19.27 9.36069 19.3 8.93969V8.82069C19.33 7.41969 18.481 6.15069 17.19 5.66069C16.78 5.51969 16.33 5.74069 16.18 6.16069C16.04 6.58069 16.26 7.04069 16.68 7.18969C17.321 7.42969 17.75 8.06069 17.75 8.75969V8.79069C17.731 9.01969 17.8 9.24069 17.94 9.41069C18.08 9.58069 18.29 9.67969 18.51 9.70069Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

@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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.85 2.50069C16.481 2.50069 17.111 2.58969 17.71 2.79069C21.401 3.99069 22.731 8.04069 21.62 11.5807C20.99 13.3897 19.96 15.0407 18.611 16.3897C16.68 18.2597 14.561 19.9197 12.28 21.3497L12.03 21.5007L11.77 21.3397C9.48102 19.9197 7.35002 18.2597 5.40102 16.3797C4.06102 15.0307 3.03002 13.3897 2.39002 11.5807C1.26002 8.04069 2.59002 3.99069 6.32102 2.76969C6.61102 2.66969 6.91002 2.59969 7.21002 2.56069H7.33002C7.61102 2.51969 7.89002 2.50069 8.17002 2.50069H8.28002C8.91002 2.51969 9.52002 2.62969 10.111 2.83069H10.17C10.21 2.84969 10.24 2.87069 10.26 2.88969C10.481 2.96069 10.69 3.04069 10.89 3.15069L11.27 3.32069C11.3618 3.36967 11.4649 3.44449 11.554 3.50916C11.6104 3.55014 11.6612 3.58703 11.7 3.61069C11.7163 3.62032 11.7329 3.63 11.7496 3.63976C11.8354 3.68981 11.9247 3.74195 12 3.79969C13.111 2.95069 14.46 2.49069 15.85 2.50069ZM18.51 9.70069C18.92 9.68969 19.27 9.36069 19.3 8.93969V8.82069C19.33 7.41969 18.481 6.15069 17.19 5.66069C16.78 5.51969 16.33 5.74069 16.18 6.16069C16.04 6.58069 16.26 7.04069 16.68 7.18969C17.321 7.42969 17.75 8.06069 17.75 8.75969V8.79069C17.731 9.01969 17.8 9.24069 17.94 9.41069C18.08 9.58069 18.29 9.67969 18.51 9.70069Z' fill='%230082A3'/%3E%3C/svg%3E%0A");
  }

    
  .blocks-item:nth-child(5) a:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.85 2.50069C16.481 2.50069 17.111 2.58969 17.71 2.79069C21.401 3.99069 22.731 8.04069 21.62 11.5807C20.99 13.3897 19.96 15.0407 18.611 16.3897C16.68 18.2597 14.561 19.9197 12.28 21.3497L12.03 21.5007L11.77 21.3397C9.48102 19.9197 7.35002 18.2597 5.40102 16.3797C4.06102 15.0307 3.03002 13.3897 2.39002 11.5807C1.26002 8.04069 2.59002 3.99069 6.32102 2.76969C6.61102 2.66969 6.91002 2.59969 7.21002 2.56069H7.33002C7.61102 2.51969 7.89002 2.50069 8.17002 2.50069H8.28002C8.91002 2.51969 9.52002 2.62969 10.111 2.83069H10.17C10.21 2.84969 10.24 2.87069 10.26 2.88969C10.481 2.96069 10.69 3.04069 10.89 3.15069L11.27 3.32069C11.3618 3.36967 11.4649 3.44449 11.554 3.50916C11.6104 3.55014 11.6612 3.58703 11.7 3.61069C11.7163 3.62032 11.7329 3.63 11.7496 3.63976C11.8354 3.68981 11.9247 3.74195 12 3.79969C13.111 2.95069 14.46 2.49069 15.85 2.50069ZM18.51 9.70069C18.92 9.68969 19.27 9.36069 19.3 8.93969V8.82069C19.33 7.41969 18.481 6.15069 17.19 5.66069C16.78 5.51969 16.33 5.74069 16.18 6.16069C16.04 6.58069 16.26 7.04069 16.68 7.18969C17.321 7.42969 17.75 8.06069 17.75 8.75969V8.79069C17.731 9.01969 17.8 9.24069 17.94 9.41069C18.08 9.58069 18.29 9.67969 18.51 9.70069Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
}

.blocks-item:nth-child(6) a::before {
  content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7999 5.7648C9.49156 5.12779 8.05508 4.79781 6.5999 4.8C5.0939 4.8 3.6683 5.148 2.3999 5.7648V17.7648C3.70826 17.1278 5.14473 16.7979 6.5999 16.8C8.6027 16.8 10.4615 17.412 11.9999 18.462C13.5912 17.3763 15.4735 16.7969 17.3999 16.8C18.9059 16.8 20.3315 17.148 21.5999 17.7648V5.7648C20.2916 5.12779 18.8551 4.79781 17.3999 4.8C15.8939 4.8 14.4683 5.148 13.1999 5.7648V14.4C13.1999 14.7183 13.0735 15.0235 12.8484 15.2485C12.6234 15.4736 12.3182 15.6 11.9999 15.6C11.6816 15.6 11.3764 15.4736 11.1514 15.2485C10.9263 15.0235 10.7999 14.7183 10.7999 14.4V5.7648Z' fill='%230082A3'/%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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7999 5.7648C9.49156 5.12779 8.05508 4.79781 6.5999 4.8C5.0939 4.8 3.6683 5.148 2.3999 5.7648V17.7648C3.70826 17.1278 5.14473 16.7979 6.5999 16.8C8.6027 16.8 10.4615 17.412 11.9999 18.462C13.5912 17.3763 15.4735 16.7969 17.3999 16.8C18.9059 16.8 20.3315 17.148 21.5999 17.7648V5.7648C20.2916 5.12779 18.8551 4.79781 17.3999 4.8C15.8939 4.8 14.4683 5.148 13.1999 5.7648V14.4C13.1999 14.7183 13.0735 15.0235 12.8484 15.2485C12.6234 15.4736 12.3182 15.6 11.9999 15.6C11.6816 15.6 11.3764 15.4736 11.1514 15.2485C10.9263 15.0235 10.7999 14.7183 10.7999 14.4V5.7648Z' fill='%23fff'/%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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7999 5.7648C9.49156 5.12779 8.05508 4.79781 6.5999 4.8C5.0939 4.8 3.6683 5.148 2.3999 5.7648V17.7648C3.70826 17.1278 5.14473 16.7979 6.5999 16.8C8.6027 16.8 10.4615 17.412 11.9999 18.462C13.5912 17.3763 15.4735 16.7969 17.3999 16.8C18.9059 16.8 20.3315 17.148 21.5999 17.7648V5.7648C20.2916 5.12779 18.8551 4.79781 17.3999 4.8C15.8939 4.8 14.4683 5.148 13.1999 5.7648V14.4C13.1999 14.7183 13.0735 15.0235 12.8484 15.2485C12.6234 15.4736 12.3182 15.6 11.9999 15.6C11.6816 15.6 11.3764 15.4736 11.1514 15.2485C10.9263 15.0235 10.7999 14.7183 10.7999 14.4V5.7648Z' fill='%230082A3'/%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 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7999 5.7648C9.49156 5.12779 8.05508 4.79781 6.5999 4.8C5.0939 4.8 3.6683 5.148 2.3999 5.7648V17.7648C3.70826 17.1278 5.14473 16.7979 6.5999 16.8C8.6027 16.8 10.4615 17.412 11.9999 18.462C13.5912 17.3763 15.4735 16.7969 17.3999 16.8C18.9059 16.8 20.3315 17.148 21.5999 17.7648V5.7648C20.2916 5.12779 18.8551 4.79781 17.3999 4.8C15.8939 4.8 14.4683 5.148 13.1999 5.7648V14.4C13.1999 14.7183 13.0735 15.0235 12.8484 15.2485C12.6234 15.4736 12.3182 15.6 11.9999 15.6C11.6816 15.6 11.3764 15.4736 11.1514 15.2485C10.9263 15.0235 10.7999 14.7183 10.7999 14.4V5.7648Z' fill='%23fff'/%3E%3C/svg%3E ");
}
}



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

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


@media (min-width: 768px) {
  .blocks-item-link {
		padding: 35px 0;
    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 #0082A3;
  text-decoration: none;
}


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

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



.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: rgba(49, 40, 40, 1);
}

.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/01HZPM0GX81KTMWP4TYKZYG99W);
  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: 18px;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  color: rgba(49, 40, 40, 1);
  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: 18px;
  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: #695656;
  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(8, 114, 149, 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: rgba(49, 40, 40, 1);
}

.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: 10px;
  	border: 1px solid #F6F6F8;
    border-radius: 6px;  
}

.article-list-item:hover {
    border: 1px solid rgba(8, 114, 149, 1);
		color: rgba(8, 114, 149, 1);
    border-radius: 6px;  
}

.article-list-item:hover * {
		color: rgba(8, 114, 149, 1);
}

.article-list-item a {
  padding: 15px 20px;
  background: #F6F6F6;
  border: 1px solid #F6F6F8;
  border-radius: 6px;  
  text-decoration: none;
  align-items: center;
  color: rgba(49, 40, 40, 1);
  display: flex;
  justify-content: space-between;
}

.icon-star {
  color: rgba(8, 114, 149, 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% 60px 5%;
}

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

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


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

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

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

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


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

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

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

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

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

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

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

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

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

/* 2K and 4K resolutions */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

@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: 6px;
}

.section-list-item:hover {
    border: 1px solid rgba(8, 114, 149, 1);
		color: rgba(8, 114, 149, 1);
		border-radius: 6px;
}

.section-list-item:hover * {
		color: rgba(8, 114, 149, 1);
}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.article-body a:visited {
  color: #17517e;
}

.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: #695656;
  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: #695656;
  font-weight: 300;
}

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

.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(8, 114, 149, 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: #f6f6f8;
}

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

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

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

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

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

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

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

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

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

.article-more-questions a {
  color: rgba(8, 114, 149, 1);
}

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

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

.article-return-to-top a {
  color: rgba(49, 40, 40, 1);
  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: 22px;
  position: relative;
  font-weight: 600;
}

.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: rgba(8, 114, 149, 1);
  text-decoration: none;
  font-weight: 600;
  opacity: 1;
}

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

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

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

.attachments .attachment-item .attachment-icon {
  color: rgba(49, 40, 40, 1);
  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: #695656;
}

/***** 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: #695656;
}

.share a:hover {
  text-decoration: none;
  color: rgba(8, 114, 149, 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: #695656;
  display: inline-block;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: rgba(8, 114, 149, 1);
}

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

.comment-sorter .dropdown-toggle {
  color: #695656;
  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(8, 114, 149, 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(8, 114, 149, 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: #17517e;
}

.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: #695656;
  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: #695656;
  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(8, 114, 149, 1);
}

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

.vote-voted {
  color: rgba(8, 114, 149, 1);
}

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

/***** 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/01HZPM0GRG755YNQXHRX7R4SND);
  margin-bottom: 10px;
}

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

.community-footer-title {
  font-size: 18px;
  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: 18px;
}

.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(8, 114, 149, 1);
}

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

.community-follow button[data-selected="true"] {
  background-color: rgba(8, 114, 149, 1);
  color: rgba(251, 246, 246, 1);
}

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

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

.community-follow button::after {
  border-left: 1px solid rgba(8, 114, 149, 1);
  content: attr(data-follower-count);
  color: rgba(8, 114, 149, 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(8, 114, 149, 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(38, 136, 213, 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: #17517e;
}

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

.striped-list-count {
  color: #695656;
  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: rgba(49, 40, 40, 1);
    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(8, 114, 149, 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: #695656;
}

.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: #17517e;
}

.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: #695656;
  font-style: italic;
  padding: 0 15px;
}

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

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

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

.post-comment-count .icon-comments {
  color: rgba(8, 114, 149, 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: 18px;
  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(8, 114, 149, 1);
}

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

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

.collapsible-nav-list li {
  color: rgba(49, 40, 40, 1);
  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: rgba(49, 40, 40, 1);
  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(8, 114, 149, 1);
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: rgba(49, 40, 40, 1);
}

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

/***** 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: #695656;
  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(8, 114, 149, 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(8, 114, 149, 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: 18px;
  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: #695656;
  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: #695656;
  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: #695656;
  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(8, 114, 149, 1);
  border-radius: 4px;
  color: rgba(8, 114, 149, 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: #695656;
  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: 18px;
  margin-bottom: 10px;
}

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

.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #695656;
  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: 18px;
  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(38, 136, 213, 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: 22px;
  font-weight: 600;
  margin-bottom: 25px;
}

@media (min-width: 1024px) {
  .search-results-subheading {
    font-size: 26px;
  }
}

.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: 18px;
  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: #695656;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  padding: 4px 5px;
  position: relative;
}


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

.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: 18px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
  min-width: 140px;
  box-shadow: 6px 6px 7px -8px rgba(183,183,183,1);
}

[dir="rtl"] .dropdown-menu {
  text-align: right;
}

.dropdown-menu[aria-expanded="true"] {
  display: block;
}

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid #d8d8d8;
  color: #969696;
  display: block;
  font-weight: normal;
  font-size: 11px;
  padding: 5px 0;
  margin: 5px 20px 10px 20px;
}

.dropdown-menu [role="menuitem"] {
  color: #777778;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

[dir="rtl"] .dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
  background: #F3F4F7;
  text-decoration: none;
  color: #333;
}

.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}

[dir="rtl"] .dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir="rtl"] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}

[dir="rtl"] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.chevron-icon {
   transform: translateY(25%);  
}

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