@charset "UTF-8";
body.blog {
  --text-size-main: 18px;
  --text-size-toc: 16px;
  --text-size-main-details: 15px;
  --text-size-main: clamp(17px, 15.7142857143px + 0.0892857143vw, 18px);
  --line-height-main: 1.45;
  --text-size-1: 50px;
  --text-size-1: clamp(30px, 22.9577464789px + 1.8779342723vw, 50px);
  --line-height-1: 1.225;
  --line-height-1-1: 1.1;
  --line-height-1-2: 1.2;
  --text-size-2: 27px;
  --text-size-2: clamp(24px, 23.6478873239px + 0.0938967136vw, 25px);
  --text-size-blog-h2: clamp(24px, 20.1267605634px + 1.0328638498vw, 35px);
  --line-height-2: 1.2;
  --text-size-3: 21px;
  --text-size-3: clamp(19px, 17.9436619718px + 0.2816901408vw, 22px);
  --text-size-bolg-h3: clamp(19px, 16.8873239437px + 0.5633802817vw, 25px);
  --line-height-3: 1.2;
  --text-size-subtitle: 19px;
  --text-size-subtitle: clamp(17px, 14.1830985915px + 0.7511737089vw, 25px);
  --line-height-subtitle: clamp(1.3, 1.5028169014 + -0.014084507vw, 1.45);
  --text-size-small: 14px;
  --text-size-top-small: 16px;
  --line-height-small: 1.2;
  --gap: clamp(18px, 16.9436619718px + 0.2816901408vw, 21px);
  --max-container-width: 67ch;
  --transition-duration-main: .15s;
  --transition-props: var(--transition-duration-main) ease-out;
  --shadow-main: 0 2px 12px rgba(0, 0, 0, .1);
  --shadow-half: 0 1px 6px rgba(0, 0, 0, .1);
  --shadow-small: 0 0 6px #0000001c;
  color: var(--color-grey-darker);
}
body.blog .post-content ol:not([data-scroll-height]) {
  padding-inline-start: 30px;
}
body.blog .post-content .start-ul {
  padding-inline-start: 0;
}

.blog-wrapper > .container {
  display: grid;
  gap: var(--gap);
  margin-block: 84px;
}
@media (max-width: 991px) {
  .blog-wrapper > .container {
    margin-block: 24px;
  }
}
.blog-wrapper h1, .blog-wrapper h2, .blog-wrapper h3, .blog-wrapper .block-key-takeaways .title, .block-key-takeaways .blog-wrapper .title, .blog-wrapper h4, .blog-wrapper h5, .blog-wrapper h6 {
  font-family: var(--font-family-title);
}
.blog-wrapper h1 strong, .blog-wrapper h2 strong, .blog-wrapper h3 strong, .blog-wrapper .block-key-takeaways .title strong, .block-key-takeaways .blog-wrapper .title strong, .blog-wrapper h4 strong, .blog-wrapper h5 strong, .blog-wrapper h6 strong {
  font-weight: inherit;
}
.blog-wrapper h1 + p,
.blog-wrapper h1 + ul,
.blog-wrapper h1 + ol, .blog-wrapper h2 + p,
.blog-wrapper h2 + ul,
.blog-wrapper h2 + ol, .blog-wrapper h3 + p, .blog-wrapper .block-key-takeaways .title + p, .block-key-takeaways .blog-wrapper .title + p,
.blog-wrapper h3 + ul,
.blog-wrapper .block-key-takeaways .title + ul,
.block-key-takeaways .blog-wrapper .title + ul,
.blog-wrapper h3 + ol,
.blog-wrapper .block-key-takeaways .title + ol,
.block-key-takeaways .blog-wrapper .title + ol, .blog-wrapper h4 + p,
.blog-wrapper h4 + ul,
.blog-wrapper h4 + ol, .blog-wrapper h5 + p,
.blog-wrapper h5 + ul,
.blog-wrapper h5 + ol, .blog-wrapper h6 + p,
.blog-wrapper h6 + ul,
.blog-wrapper h6 + ol {
  margin-top: 0;
}
.blog-wrapper h1:first-child, .blog-wrapper h2:first-child, .blog-wrapper h3:first-child, .blog-wrapper .block-key-takeaways .title:first-child, .block-key-takeaways .blog-wrapper .title:first-child, .blog-wrapper h4:first-child, .blog-wrapper h5:first-child, .blog-wrapper h6:first-child {
  margin-top: 0;
}
.blog-wrapper h1 {
  font-family: var(--font-family-title);
  font-size: var(--text-size-1);
  font-weight: 600;
  line-height: var(--line-height-1-2);
  color: var(--color-bluePurple-dark);
  margin: 0;
}
@media (max-width: 991px) {
  .blog-wrapper h1 {
    order: 2;
  }
}
.blog-wrapper h2:not(.block-numberedTitle-title) {
  font-size: var(--text-size-blog-h2);
  font-weight: 600;
  line-height: var(--line-height-2);
  color: var(--color-bluePurple-dark);
  margin: 0;
  padding: 1.5em 0 0.5em;
}
.blog-wrapper h3, .blog-wrapper .block-key-takeaways .title, .block-key-takeaways .blog-wrapper .title {
  font-size: var(--text-size-bolg-h3);
  font-weight: 500;
  color: var(--color-bluePurple-dark);
  margin: 1.25em 0 0.5em;
}
.blog-wrapper h4 {
  font-weight: 600;
  margin: 1.25em 0 0.25em;
}
.blog-wrapper h5 {
  font-weight: 600;
  font-size: 1em;
  margin: 1.25em 0 0.25em;
}
.blog-wrapper h6 {
  font-weight: 500;
  font-size: 1em;
  color: var(--color-blue-gray-33);
  margin: 1.25em 0 0.25em;
}
.blog-wrapper table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.blog-wrapper table td {
  border: solid 1px transparent;
  padding: 20px;
  line-height: 1.25;
}
@media (max-width: 991px) {
  .blog-wrapper table td {
    padding: 0.33em;
  }
}
.blog-wrapper .table-list {
  margin: 10px 0 0 0;
}
.blog-wrapper .table-list li {
  margin: 3px 0;
  line-height: 1.5;
}
.blog-wrapper figure.aligncenter {
  text-align: center;
  background-color: var(--color-grey-lighter);
  padding: 12px;
  border-radius: 12px;
}

.blog-wrapper table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.blog-wrapper table tr:nth-child(2n) {
  background-color: var(--color-BlueShade-lighter);
}
.blog-wrapper table thead tr:nth-child(2n) {
  background-color: var(--color-white);
}
.blog-wrapper table tr:not(:first-child) td strong {
  font-weight: 650;
}
.blog-wrapper table thead tr:not(:first-child) td strong {
  font-weight: 650;
}
.blog-wrapper table tr:first-child td {
  font-family: "Plus Jakarta Sans", sans-serif;
}
.blog-wrapper table th {
  border: none;
}
.blog-wrapper table td {
  border: solid 1px transparent;
  padding: 20px;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .blog-wrapper table td {
    padding: 0.33em;
  }
}
.blog-wrapper .whats-new-box h4 {
  margin: 1.25em 0 0.25em;
}

.post-container {
  font-family: var(--font-family-primary);
  font-size: var(--text-size-main);
  font-weight: 400;
  line-height: var(--line-height-main);
}
.post-container.container {
  width: auto;
  position: relative;
  margin: 0 auto;
  padding: 0;
}

.single-hr-glossary .post-container.container {
  max-width: var(--max-container-width);
  width: auto;
  padding-inline: var(--gap);
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.single-hr-glossary .post-header {
  align-items: center;
  gap: var(--gap) 0.8em;
  display: grid;
  grid-template-areas: "title title title " "author date date " "topics topics reading-time";
  grid-template-columns: auto 1fr auto;
  height: inherit;
  width: inherit;
}
.single-hr-glossary .post-header .post-author .image img {
  width: var(--size);
  height: var(--size);
}
.single-hr-glossary .blog-wrapper h1 {
  font-family: var(--font-family-title);
  font-size: var(--text-size-1);
  font-weight: 700;
  line-height: var(--line-height-1);
  color: var(--color-bluePurple-dark);
  margin: 0;
}
.single-hr-glossary .blog-wrapper > .container {
  display: grid;
  gap: var(--gap);
  margin-block: 84px;
}
@media (min-width: 992px) {
  .single-hr-glossary .post-header .post-authors {
    font-size: 0.85em;
  }
}
.single-hr-glossary .post-header .post-authors {
  grid-area: author;
  margin: inherit;
  gap: inherit;
  font-size: inherit;
}
@media (max-width: 991px) {
  .single-hr-glossary .post-header .post-authors .name {
    line-height: inherit;
  }
}
.single-hr-glossary .post-authors {
  display: flex;
  align-items: center;
  gap: 12px;
  --size: 48px;
}
.single-hr-glossary .post-actions {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  border-top: solid 1px var(--color-blue-gray-15);
  gap: var(--gap);
  position: inherit;
  z-index: inherit;
  left: inherit;
  top: inherit;
  padding: var(--gap) 0 0 0;
}
.single-hr-glossary .post-content {
  max-width: inherit;
  margin: 0;
  position: inherit;
  padding: 0;
}
.single-hr-glossary .sticky-side-banner-wrapper {
  --sticky-banner-size: 300px;
  width: var(--sticky-banner-size);
  height: 100%;
  position: absolute;
  inset-inline-end: calc(var(--sticky-banner-size) * -1 - var(--gap));
  margin: 0;
}
.single-hr-glossary .sticky-side-banner {
  position: sticky;
  top: 50vh;
  display: block;
  transform: translateY(-50%);
  margin-bottom: var(--sticky-banner-size);
  transition: all 0.15s ease-out;
}
.single-hr-glossary .post-content .post-body {
  padding: 0;
  position: inherit;
}
.single-hr-glossary .post-toc {
  --padding: 10px;
  padding: 0 var(--padding);
  position: relative;
}
.single-hr-glossary .post-toc:before {
  background-color: var(--color-blue-lighter);
  opacity: 0.33;
}
.single-hr-glossary .post-toc summary {
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  font-family: var(--font-family-title);
  font-size: var(--text-size-main);
  font-weight: 600;
  color: var(--color-bluePurple-dark);
  cursor: pointer;
  padding-block: var(--padding);
  text-align: start;
  pointer-events: inherit;
  margin-bottom: 0;
}
.single-hr-glossary .post-toc summary .toc_arrow_image {
  display: none;
}
@media (min-width: 992px) {
  .single-hr-glossary .post-toc {
    --padding: 16px;
  }
}
.single-hr-glossary .post-toc[open] summary:after {
  transform: rotate(-0.5turn);
}
.single-hr-glossary .post-toc summary:after {
  content: "";
  width: 11px;
  height: 9px;
  background-color: var(--color-blue);
  opacity: 0.7;
  clip-path: path("M5.5 8.5L0 0.5L11 0.500002L5.5 8.5Z");
  margin-inline-end: 0.25em;
  padding-top: 0.15em;
  transition: all var(--transition-props);
  display: block;
}
.single-hr-glossary .post-toc ul, .single-hr-glossary .post-toc ol {
  margin: 0;
  padding: 0;
  counter-reset: toc;
  max-width: inherit;
  font-size: inherit;
  font-weight: inherit;
  gap: inherit;
  display: inherit;
  flex-direction: column;
  border-left: inherit;
}
.single-hr-glossary .post-toc > *:last-child {
  padding-bottom: var(--padding);
}
.single-hr-glossary .post-toc > *:nth-child(2) {
  margin-top: calc(var(--padding) * -0.5);
}
@media (min-width: 992px) {
  .single-hr-glossary .post-toc ol {
    max-height: inherit;
    overflow: inherit;
    overflow-y: inherit;
  }
}
.single-hr-glossary .post-toc li {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  counter-increment: toc;
  margin: 0.75em 0;
}
.single-hr-glossary .post-toc li:before {
  content: counter(toc);
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-blue-gray-33);
  margin-inline-end: 0.2em;
  flex: 1em 0 0;
  text-align: end;
  display: block;
}
.single-hr-glossary .post-toc li .toc-link {
  font-size: var(--text-size-main);
  font-weight: 600;
  text-decoration: none;
  color: var(--color-blue);
  display: inherit;
  line-height: inherit;
  padding: 0;
  border: none;
  transform: inherit;
}
.single-hr-glossary .post-toc li .toc-link.active {
  color: var(--color-blue-dark);
  text-decoration: inherit;
  border-left: none;
  padding: 0;
}
@media (hover: hover) {
  .single-hr-glossary .post-toc li .toc-link:hover {
    color: var(--color-blue-dark);
    text-decoration: inherit;
    border-left: none;
    padding: 0;
  }
}
.single-hr-glossary .post-content .post-toc li {
  margin: 0.75em 0;
}
.single-hr-glossary .post-toc:after {
  box-shadow: var(--shadow-main);
  border-radius: 12px;
}
.single-hr-glossary .share-links.share-links .small-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-blue-gray-33);
  margin: 0 0 0.5em;
}
.single-hr-glossary .share-links .links {
  display: flex;
  gap: 10px;
  background: inherit;
  padding: inherit;
  border-radius: inherit;
}
.single-hr-glossary .share-links a {
  display: grid;
  place-items: center;
  border-radius: 99px;
  background-color: var(--color-blue-gray-50);
  width: 32px;
  height: 32px;
}
.single-hr-glossary .share-links a path {
  fill: var(--color-white);
  fill-opacity: 1;
  stroke: transparent;
}
.single-hr-glossary .share-links a:hover {
  background-color: var(--color-blue-dark);
}
.single-hr-glossary .share-links a:hover path {
  fill-opacity: 1;
}
.single-hr-glossary .share-links a:hover:not(.copy-link) path {
  fill: var(--color-white);
  fill-opacity: 1;
}
.single-hr-glossary .share-links a.whatsapp,
.single-hr-glossary .share-links a.email {
  display: grid;
}
.single-hr-glossary .share-links a.copy-link {
  display: none;
}

.share-links.share-links .small-label {
  display: none;
}

.share-links a.whatsapp,
.share-links a.email {
  display: none;
}

.post-header.no-main-image .containerPostHeader__content {
  max-width: 800px;
  margin: 0 auto;
  padding: 34px 15px;
  text-align: center;
}
.post-header.no-main-image .conatiner-updateDate_and_share {
  justify-content: center;
}
@media (max-width: 991px) {
  .post-header.no-main-image .conatiner-updateDate_and_share {
    gap: 15px;
    justify-content: space-between;
  }
}
.post-header.no-main-image .post-authors {
  justify-content: center;
}
.post-header.no-main-image .post-topics-wrapper {
  justify-content: center;
  z-index: 1;
  position: relative;
}
.post-header.no-main-image .share-buttons-blog {
  position: absolute;
  top: 34px;
  left: auto;
  width: 1160px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1160px) {
  .post-header.no-main-image .share-buttons-blog {
    left: unset;
    right: 1.3vw;
    width: inherit;
  }
}
@media (max-width: 991px) {
  .post-header.no-main-image .share-buttons-blog {
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    display: block;
  }
}
.post-header.no-main-image .share-buttons-blog .post-actions {
  right: -20px;
  left: unset;
}

.post-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 74px;
  height: 500px;
  width: 100%;
}
@media (max-width: 991px) {
  .post-header {
    display: block;
    gap: 0;
    height: -moz-fit-content;
    height: fit-content;
    width: 100vw;
  }
}
.post-header.no-main-image {
  height: -moz-fit-content;
  height: fit-content;
}
.post-header .post-image {
  width: 44.4vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  .post-header .post-image {
    position: relative;
    width: 100%;
  }
}
.post-header .post-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.post-header .conatiner-updateDate_and_share {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 140px;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .post-header .conatiner-updateDate_and_share {
    order: 4;
    gap: 0;
    justify-content: space-between;
  }
}
.post-header .share-buttons-blog {
  position: relative;
}
.post-header .post-actions {
  border: none;
}
.post-header .share-btn-blog {
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0;
  cursor: pointer;
}
.post-header .share-btn-blog p {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-bluePurple-dark);
}
.post-header .share-button-icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-header .containerPostHeader__content {
  max-width: 1190px;
  margin: 0 auto;
  padding-right: 547px;
  padding-left: 15px;
}
@media (max-width: 991px) {
  .post-header .containerPostHeader__content {
    padding: 34px 20px;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .post-header .containerPostHeader__content .container__postTopic_and_readingTime {
    order: 1;
  }
}
@media (max-width: 991px) {
  .post-header .containerPostHeader__content .container__author_and_data {
    order: 3;
    display: flex;
    flex-direction: column;
  }
}
.post-header .wrapper-read_data {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.post-header .wrapper-read_data .dot_blog_header {
  font-size: 15px;
  line-height: 0;
}
@media (max-width: 991px) {
  .post-header {
    margin-top: 0;
    grid-template-areas: "title" "author" "date" "reading-time" "topics";
    grid-template-columns: auto 1fr;
  }
}
.post-header p {
  margin: 0;
}
.post-header .post-title {
  grid-area: title;
}
.post-header .post-authors {
  grid-area: author;
  font-size: 14px;
  margin: 30px 0 0 0;
  gap: 50px;
  flex-wrap: wrap;
  row-gap: 10px;
}
@media (max-width: 991px) {
  .post-header .post-authors {
    order: 3;
  }
}
.post-header .post-author .image img {
  width: 41px;
  height: 41px;
}
.post-header .post-date-wrapper {
  grid-area: date;
  font-size: 14px;
  color: var(--color-bluePurple-dark);
}
@media (max-width: 991px) {
  .post-header .post-date-wrapper .post-date-prefix {
    display: none;
  }
}
.post-header .post-date-wrapper:before {
  content: "•";
  margin-inline-end: 0.25em;
  margin-inline-start: -0.35em;
  display: none;
}
.post-header .post-reading-time {
  grid-area: reading-time;
  align-self: baseline;
}
.post-header .post-topics-wrapper {
  grid-area: topics;
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .post-header .post-topics-wrapper {
    order: 1;
  }
}
.post-header .post-topics-wrapper .label {
  font-size: var(--text-size-small);
  font-weight: 500;
  color: var(--color-blue-gray-50);
  display: none;
}
@media (max-width: 991px) {
  .post-header .post-topics-wrapper .label {
    display: none;
  }
}
.post-header .post-reading-time {
  display: flex;
  align-items: center;
  gap: 0.4em;
  font-size: var(--text-size-small);
  font-weight: 400;
  line-height: 1;
  color: var(--color-bluePurple-dark);
  margin: 0;
  min-height: 20px;
}
.post-header .post-reading-time img {
  display: none;
}

.container__postTopic_and_readingTime .post-reading-time {
  display: none;
}

.post-content {
  max-width: 1190px;
  margin: 60px auto 130px;
  position: relative;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .post-content {
    max-width: 100%;
    margin: 20px auto;
  }
}
.post-content .post-body {
  padding: 0 0 0 310px;
  position: relative;
}
@media (max-width: 991px) {
  .post-content .post-body {
    padding: 0;
  }
}
.post-content .content__nav_banner {
  padding: 0;
  position: sticky;
  top: 125px;
  max-width: 240px;
  z-index: 1;
}
@media (max-width: 991px) {
  .post-content .content__nav_banner {
    position: relative;
    top: 0;
    max-width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(32, 28, 68, 0.3);
  }
}
.post-content .post-opening p {
  line-height: inherit;
}
.post-content .wp-block-heading {
  display: flex;
  align-items: inherit;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .post-content .wp-block-heading {
    flex-direction: column;
  }
}

.post-opening {
  font-size: var(--text-size-subtitle);
  font-weight: 500;
  font-family: var(--font-family-title);
  line-height: var(--line-height-subtitle);
  color: var(--color-bluePurple-dark);
}
.post-opening.introduction-opening {
  padding: 0 0 0 0;
}
.post-opening p {
  margin: 0;
}

.post-body p:first-child {
  margin-top: 0;
}
.post-body > .hubspotForm {
  margin-bottom: 60px;
}

.introduction-body {
  --box-collapsed-height: 7em;
}
@media (max-width: 991px) {
  .introduction-body {
    --box-collapsed-height: 5em;
  }
}

.after-introduction {
  margin-top: 1.3em;
}

.archive-subtitle p {
  margin-block: 0.5em;
}

.archive-wrapper > .container > header:not(:first-child) {
  margin-top: 3em;
}
.archive-wrapper > .container > header:not(:first-child) h2 {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .archive-wrapper > .container > header:not(:first-child) {
    max-width: calc(66.6666666667% - var(--gap));
  }
}

.breadcrumbs p, .breadcrumbs a {
  font-family: var(--font-family-primary);
  font-weight: 550;
  color: var(--color-blue-gray-50);
  margin-block: 0;
}
@media (hover: hover) {
  .breadcrumbs a:hover {
    color: var(--color-blue-dark);
  }
}
.breadcrumbs .breadcrumb_last {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sticky-side-banner-wrapper {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  margin-top: 48px;
}
.sticky-side-banner-wrapper.new_banners {
  background: var(--bg-banner);
  padding: 20px;
}
.sticky-side-banner-wrapper.new_banners .sticky-side-banner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
.sticky-side-banner-wrapper.new_banners .banner_url {
  height: 50px;
  width: 100%;
  background: var(--btn-bg-banner);
  color: var(--btn-color-banner);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 2px;
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  border-radius: 8px;
}
.sticky-side-banner-wrapper.free_content_banner .banner_logo {
  width: 124px;
}
.sticky-side-banner-wrapper.free_content_banner .banner_logo path {
  fill: #ffffff;
}
.sticky-side-banner-wrapper.free_content_banner .banner_free_content_txt p {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-bluePurple-dark);
  line-height: var(--line-height-small);
  margin: 0;
}
@media (hover: hover) {
  .sticky-side-banner-wrapper.free_content_banner .banner_url:hover {
    background: rgba(32, 28, 68, 0.768627451);
  }
}
.sticky-side-banner-wrapper.input_banner .banner_inputs_title p {
  font-size: 19px;
  font-weight: 700;
  line-height: var(--line-height-small);
  margin: 0;
  color: var(--color-bluePurple-dark);
}
.sticky-side-banner-wrapper.input_banner .banner_inputs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
}
.sticky-side-banner-wrapper.input_banner .banner_inputs .banner_input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.sticky-side-banner-wrapper.input_banner .banner_inputs .banner_input img {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
  object-fit: contain;
}
.sticky-side-banner-wrapper.input_banner .banner_inputs .banner_input p {
  font-size: 14px;
  font-weight: 500;
  line-height: var(--line-height-1-1);
  margin: 0;
  color: var(--color-bluePurple-dark);
}
@media (hover: hover) {
  .sticky-side-banner-wrapper.input_banner .banner_url:hover {
    background: #178fff;
  }
}
@media (max-width: 1365px) {
  .sticky-side-banner-wrapper {
    display: none;
  }
}
.sticky-side-banner-wrapper:has(img[width="1"][height="1"]) {
  display: none;
}

.sticky-side-banner {
  position: relative;
  display: block;
  transition: all 0.15s ease-out;
}
.sticky-side-banner.hidden {
  opacity: 0;
  pointer-events: none;
}
.sticky-side-banner img {
  max-height: calc(var(--sticky-banner-size) * 2);
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}

.btn__top {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 58px;
  height: 58px;
  overflow: hidden;
  cursor: pointer;
  background: none;
  border: none;
  z-index: 1;
  display: none;
  opacity: 0;
}
.btn__top.active {
  display: block;
  animation: showBtnTop 0.4s linear forwards;
}
@keyframes showBtnTop {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.btn__top svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hrAfterSection {
  opacity: 0.5;
  max-width: 1190px;
  margin: 0 auto;
  padding: 0 15px;
  height: 1px;
}
.hrAfterSection span {
  width: 100%;
  height: 100%;
  background-color: var(--color-blue-gray-57);
  display: block;
}

.post-related.post-related {
  background-color: var(--color-white);
  padding: 0 0 180px;
}
@media (max-width: 991px) {
  .post-related.post-related {
    padding: 0 0 50px;
  }
}
.post-related.post-related .container {
  max-width: 1190px;
  margin: 0 auto;
  position: relative;
  padding: 0 15px;
}
@media (min-width: 1200px) {
  .post-related.post-related .container {
    max-width: 1190px;
    width: 1190px;
  }
}
.post-related.post-related .title {
  margin: 50px 0;
}
@media (max-width: 991px) {
  .post-related.post-related .title {
    margin: 20px 0;
  }
}
.post-related.post-related .post-thumbnails {
  gap: 32px;
}
.post-related.post-related .post-thumbnail {
  --gap: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap);
  padding: var(--gap);
  background-color: #F6F7FE;
  box-shadow: none;
  border-radius: 0;
  overflow: clip;
}
.post-related.post-related .post-thumbnail:hover {
  box-shadow: 0 0 0.65em rgba(0, 0, 0, 0.1);
}
.post-related.post-related .post-thumbnail section {
  display: none;
}
.post-related.post-related .post-thumbnail header {
  gap: var(--gap);
  height: 100%;
}
.post-related.post-related .post-thumbnail header .post-image {
  order: 1;
}
.post-related.post-related .post-thumbnail header .post-title {
  order: 2;
}
.post-related.post-related .post-thumbnail header .post-date {
  order: 3;
  margin-top: auto;
}
.post-related.post-related .post-thumbnail .post-title {
  font-weight: 600;
}
.post-related.post-related .post-thumbnail .post-date {
  color: var(--color-blue-gray-57);
}
.post-related.post-related .post-thumbnail .post-image img {
  -o-object-position: top;
  object-position: top;
}

.post-content .content-box.newsletterBlog {
  background: var(--color-bluePurple-dark-4);
  padding: 30px 100px 50px;
  border-radius: 0;
}
@media (max-width: 991px) {
  .post-content .content-box.newsletterBlog {
    padding: 30px 20px 50px;
  }
}
.post-content .content-box.newsletterBlog input:-webkit-autofill {
  background-color: transparent !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  color: #fff !important; /* Set text color */
  -webkit-text-fill-color: #fff !important; /* Ensures text color remains */
}
.post-content .content-box.newsletterBlog form {
  gap: 25px;
}
.post-content .content-box.newsletterBlog h3, .post-content .content-box.newsletterBlog .block-key-takeaways .title, .block-key-takeaways .post-content .content-box.newsletterBlog .title {
  font-size: 40px;
  font-weight: 600;
  color: var(--color-white);
  text-align: center;
  margin-bottom: 34px;
  line-height: 1.1;
}
@media (max-width: 991px) {
  .post-content .content-box.newsletterBlog h3, .post-content .content-box.newsletterBlog .block-key-takeaways .title, .block-key-takeaways .post-content .content-box.newsletterBlog .title {
    font-size: 32px;
  }
}
.post-content .content-box.newsletterBlog .field .input {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 0;
  z-index: 1;
  cursor: text;
}
.post-content .content-box.newsletterBlog .field:has(input:-moz-placeholder-shown) label {
  color: var(--color-white);
  position: relative;
  top: 25px;
  font-size: 15px;
  backdrop-filter: none;
  cursor: text;
  background-color: inherit;
}
.post-content .content-box.newsletterBlog .field:has(option:checked:disabled) label,
.post-content .content-box.newsletterBlog .field:has(input:placeholder-shown) label {
  color: var(--color-white);
  position: relative;
  top: 25px;
  font-size: 15px;
  backdrop-filter: none;
  cursor: text;
  background-color: inherit;
}
.post-content .content-box.newsletterBlog .field:has(input:not(:-moz-placeholder-shown)):not(:has(input[type=checkbox])) label {
  top: 8px;
  -moz-transition: 0.6s all;
  transition: 0.6s all;
  font-size: 11px;
  background-color: inherit;
}
.post-content .content-box.newsletterBlog .field:has(input:not(:placeholder-shown)):not(:has(input[type=checkbox])) label {
  top: 8px;
  transition: 0.6s all;
  font-size: 11px;
  background-color: inherit;
}
.post-content .content-box.newsletterBlog .field:has(select option:checked:not([disabled])) label {
  top: 8px;
  transition: 0.6s all;
  font-size: 11px;
  background-color: inherit;
}
.post-content .content-box.newsletterBlog .field .input select,
.post-content .content-box.newsletterBlog .field .input input:not([type=checkbox]):not([type=radio]):not([type=range]) {
  background-color: transparent;
  color: var(--color-white);
  font-size: 15px;
}
.post-content .content-box.newsletterBlog .hs-fieldtype-booleancheckbox.field.field .input {
  background-color: transparent;
  color: var(--color-white);
  font-size: 15px;
  padding: 0;
}
.post-content .content-box.newsletterBlog .hs-fieldtype-booleancheckbox.field span,
.post-content .content-box.newsletterBlog .hs-fieldtype-booleancheckbox.field p {
  color: var(--color-white);
  font-size: 14px;
  margin-left: 2px;
}
.post-content .content-box.newsletterBlog .legal-consent-container .field.hs-form-field {
  margin-bottom: 8px;
  margin-top: -20px;
}
.post-content .content-box.newsletterBlog .field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='5' viewBox='0 0 11 5' fill='none'%3E%3Cpath d='M1 1L5.5 4L10 1' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  font-size: 15px;
}
.post-content .content-box.newsletterBlog .field .input label:has(input[type=checkbox]):before {
  border-radius: 0;
  border: 1px solid var(--color-grey-lighter);
  outline: none;
  width: 18px;
  height: 18px;
  position: relative;
  top: 2px;
}
@media (max-width: 991px) {
  .post-content .content-box.newsletterBlog .field .input label:has(input[type=checkbox]):before {
    top: 6px;
  }
}
.post-content .content-box.newsletterBlog .hs-error-msgs.hs-error-msgs.hs-error-msgs.hs-error-msgs label {
  color: #ffa0ab;
  position: relative;
  top: -1px;
}
.post-content .content-box.newsletterBlog .hs-error-msgs.hs-error-msgs.hs-error-msgs.hs-error-msgs li {
  margin: 0;
}
.post-content .content-box.newsletterBlog .hs-error-msgs.hs-error-msgs.hs-error-msgs.hs-error-msgs {
  margin-top: 0;
}
.post-content .content-box.newsletterBlog .field .input label:has(input[type=checkbox]):after {
  top: 7px;
}
.post-content .content-box.newsletterBlog .legal-consent-container .hs-richtext p {
  font-size: 12px;
  color: var(--color-white);
  opacity: 0.5;
  text-align: center;
}
.post-content .content-box.newsletterBlog .legal-consent-container .hs-richtext a {
  color: var(--color-white);
}
.post-content .content-box.newsletterBlog form input[type=submit] {
  font-size: 18px;
  border-radius: 0;
  font-weight: 700;
  padding: 14px 1.5em;
  padding-inline-end: calc(1.5em + 19px + 9px);
  margin-top: 20px;
  border-radius: 8px;
}
.post-content .content-box.newsletterBlog form .actions {
  text-align: center;
}
.post-content .content-box.newsletterBlog .field .input:not(.range) {
  padding: 0.9em 1em;
}

.cta-title-wrapper {
  padding: 20px 0;
  margin: 0 50px;
}
@media (max-width: 991px) {
  .cta-title-wrapper {
    margin: 0;
  }
}
.cta-title-wrapper .cta-title-signup-link {
  font-family: var(--font-family-title);
  font-size: var(--text-size-top-small);
  font-weight: 600;
  color: var(--color);
  padding: 0.7em 1.05em 0.85em;
  text-align: center;
  line-height: 1.1;
  background-color: var(--background);
  border-radius: 8px;
  transition: 0.6s all;
  width: -moz-max-content;
  width: max-content;
  display: block;
}
.cta-title-wrapper .cta-title-signup-link:hover {
  background-color: var(--hover);
  color: var(--color-hover);
}

.review-cta {
  margin-block: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  background-color: var(--color-bluePurple-dark-3);
  padding: 30px 20px;
  justify-content: flex-start;
  gap: 5px;
  align-items: center;
  margin-top: 0;
}
.review-cta p {
  margin: 0;
}
.review-cta .review-cta-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://connecteam.com/wp-content/themes/connecteam/inc/templates/blog/assets/images/review-cta-image.webp);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 50%;
  display: none;
}
@media (max-width: 1239px) {
  .review-cta .review-cta-img {
    background-size: 40%;
  }
}
@media (max-width: 991px) {
  .review-cta .review-cta-img {
    background-position: center bottom;
    background-size: 280px;
  }
}
.review-cta .ctaBanner-title {
  margin: 0;
  font-family: var(--font-family-title);
  font-size: 38px;
  font-weight: 700;
  color: var(--color-blue-darker);
  z-index: 1;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 991px) {
  .review-cta .ctaBanner-title {
    max-width: 100%;
    font-size: 26px;
  }
}
.review-cta .ctaBanner-subTitle {
  margin: 0;
  font-family: var(--font-family-title);
  font-size: 22px;
  font-weight: 400;
  color: var(--color-blue-darker);
  z-index: 1;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 991px) {
  .review-cta .ctaBanner-subTitle {
    max-width: 100%;
    font-size: 20px;
  }
}
.review-cta .ctaBanner-subTitle strong {
  font-weight: 600;
}
.review-cta a {
  justify-content: center;
  font-family: var(--font-family-title);
  font-size: 16px;
  font-weight: 600;
  gap: 0.25em;
  z-index: 1;
  color: var(--color);
  border-radius: 0;
  background-color: var(--background);
  border: none;
  border-radius: 8px;
  position: relative;
  margin-top: 20px;
}
.review-cta a:after {
  content: "→";
  font-family: var(--font-family-primary);
  transition: transform 0.15s ease-out;
  display: block;
  position: relative;
  top: 1px;
}
.review-cta a:hover {
  background-color: var(--hover);
  color: var(--color-hover);
}
.review-cta a:hover:after {
  transform: translateX(0.25em);
}

@media (max-width: 991px) {
  .cta-simple.cta-simple {
    flex-direction: column;
  }
  .cta-simple.cta-simple .texts {
    text-align: center;
  }
  .cta-simple.cta-simple .texts p {
    line-height: 1.4;
  }
  .cta-simple.cta-simple .texts p.title {
    margin-bottom: 5px;
  }
}
.cta-simple.cta-simple a {
  background-color: var(--background) !important;
  color: var(--color) !important;
}
.cta-simple.cta-simple a:hover {
  background-color: var(--hover) !important;
  color: var(--color-hover) !important;
}

.has-fixed-layout.has-fixed-layout {
  display: table;
}
.has-fixed-layout.has-fixed-layout:has(thead) thead tr:first-child {
  position: sticky;
  top: -1px;
  background-color: var(--color-white);
  z-index: 3;
}
.has-fixed-layout.has-fixed-layout:not(:has(thead)) tbody tr:first-child {
  position: sticky;
  top: -1px;
  background-color: var(--color-white);
  z-index: 3;
}
.has-fixed-layout.has-fixed-layout thead tr td, .has-fixed-layout.has-fixed-layout thead tr th,
.has-fixed-layout.has-fixed-layout tbody tr td,
.has-fixed-layout.has-fixed-layout tbody tr th {
  word-break: auto-phrase;
}

.single-reviews .has-fixed-layout.has-fixed-layout thead tr td:first-child, .single-reviews .has-fixed-layout.has-fixed-layout thead tr th:first-child,
.single-reviews .has-fixed-layout.has-fixed-layout tbody tr td:first-child,
.single-reviews .has-fixed-layout.has-fixed-layout tbody tr th:first-child {
  max-width: 140px;
  width: 140px;
}

body.rtl .post-content .content__nav_banner {
  justify-self: end;
}
body.rtl .post-toc li {
  justify-content: end;
}

.post-content.post-content a:not([class]) {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.post-content {
  display: grid;
  gap: inherit;
}
.post-content p {
  margin: 0.85em 0;
  line-height: 1.7;
}
.post-content li {
  margin: 0.8em 0;
  line-height: 1.7;
}
.post-content .post-toc li {
  margin: 0;
  font-family: var(--font-family-title);
}
.post-content .introduction-body a {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.post-content a:not([class]) {
  color: var(--color-blue-darker);
  transition: all var(--transition-props);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
@media (hover: hover) {
  .post-content a:not([class]):hover {
    color: var(--color-blue);
    text-decoration: underline;
  }
}
.post-content strong,
.post-content b {
  font-weight: 650;
}
.post-content em {
  font-style: normal;
  font-variation-settings: "slnt" -10;
}
.post-content blockquote {
  margin-inline-start: 1em;
  margin-inline-end: 0;
  font-style: italic;
  color: var(--color-blue-gray-75);
}
.post-content ol, .post-content ul {
  padding-inline-start: 1.15em;
}
.post-content .introduction-body ul li::marker {
  content: "• ";
  color: var(--color-blue-darker);
}
.post-content ul li::marker {
  content: "→ ";
  color: var(--color-blue);
  font-weight: 600;
}
body.rtl .post-content ul li::marker {
  content: "← ";
}
.post-content ul li li::marker {
  content: revert;
}
.post-content iframe,
.post-content figure,
.post-content picture,
.post-content video {
  width: 100%;
  max-width: var(--max-container-width);
  height: auto;
  border-radius: 0;
  margin: 24px 0;
}
.post-content .wp-block-table {
  outline-offset: -1px;
  max-width: 100%;
  outline: none;
  border-radius: 0;
  max-width: 850px;
  overflow: auto;
  max-height: 65vh;
}
@media (max-width: 991px) {
  .post-content .wp-block-table {
    max-width: calc(100vw - var(--gap) * 2);
    border-radius: 4px;
    overflow-x: scroll;
  }
}
@media (max-width: 991px) {
  .post-content .wp-block-table table {
    width: 700px;
  }
}
@media (max-width: 991px) {
  .post-content figure[style] {
    width: 100% !important;
  }
}
.post-content .wp-block-embed__wrapper iframe,
.post-content video,
.post-content iframe {
  aspect-ratio: 16/9;
}
.post-content figcaption {
  margin-top: 0.67em;
  line-break: auto;
  font-size: 0.65rem;
  color: var(--color-blue-gray-50);
  text-align: center;
  padding: 0 0.65rem;
}
@media (max-width: 991px) {
  .post-content figcaption {
    font-size: 0.65rem;
    padding: 0 0.5rem;
  }
}
.post-content [class*=block] a {
  text-decoration: none;
}
.post-content .content-box {
  --box-collapsed-height-actual: var(--box-collapsed-height, 10em);
  border-radius: 1em;
  border-radius: 0;
  padding: 1em;
  position: relative;
  margin-block: 1.5em;
  box-shadow: none !important;
  background-color: #EAF5FF;
}
.post-content .content-box[data-style=none] {
  padding: 0;
  border-radius: 0;
  margin-block: 0;
  background-color: inherit;
}
.post-content .content-box[data-style=shadowed] {
  box-shadow: 0 0 0.65em rgba(0, 0, 0, 0.1);
}
.post-content .content-box[data-style=bordered] {
  border: 1px solid var(--color-blue-gray-15);
}
.post-content .content-box[data-style*=light]:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1em;
  border-radius: 0;
  background-color: var(--box-bg-color);
  background-color: #EAF5FF;
  z-index: -1;
  pointer-events: none;
}
.post-content .content-box[data-style*=dark] {
  background-color: #EAF5FF;
}
.post-content .content-box[data-style*=dark] a {
  background-color: #EAF5FF;
}
.post-content .content-box[data-style*=dark] li::marker {
  color: inherit;
}
.post-content .content-box[data-style*=dark]:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1em;
  background-color: var(--box-bg-color);
  z-index: -1;
  pointer-events: none;
}
.post-content .content-box[data-style=lightblue] {
  --box-bg-color: var(--color-blue-lighter);
}
.post-content .content-box[data-style=darkblue] {
  --box-bg-color: var(--color-blue-darker);
}
.post-content .content-box[data-style=lightmustard] {
  --box-bg-color: var(--color-mustard);
}
.post-content .content-box .content-box-content {
  position: relative;
}
.post-content .content-box[data-collapsable] .content-box-content {
  overflow: hidden;
  transition: all 0.3s ease-out;
  max-height: var(--scroll-height, auto);
}
.post-content .content-box[data-collapsable] .content-box-content:after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 5em;
  transition: inherit;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  pointer-events: none;
}
.post-content .content-box[data-collapsable]:not([data-open]) .content-box-content {
  max-height: var(--box-collapsed-height-actual);
}
.post-content .content-box[data-collapsable][data-open] .content-box-content:after {
  opacity: 0;
}
.post-content .content-box[data-collapsable][data-open] [data-collapse-control] {
  display: none;
}
.post-content .content-box button[data-collapse-control] {
  color: var(--color-blue-darker);
  font-weight: 600;
  font-size: 0.85em;
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.15s ease-out;
}
.post-content .content-box button[data-collapse-control]:hover {
  color: var(--color-blue-dark);
}
.post-content .content-box .controls {
  --controls-color: var(--color-blue-darker);
  --controls-color--hover: var(--color-blue-dark);
  position: sticky;
  top: var(--header-height-px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  background-color: var(--color-white);
  padding-block: 12px;
  margin-top: -12px;
  z-index: 1;
}
.post-content .content-box .controls a, .post-content .content-box .controls button {
  all: unset;
  cursor: pointer;
  border: solid 2px var(--controls-color);
  color: var(--controls-color);
  line-height: 1;
  border-radius: 99px;
  padding: 0.33em 1em;
  font-weight: 700;
  font-size: 0.85em;
  transition: all 0.15s ease-out;
}
.post-content .content-box .controls a:hover, .post-content .content-box .controls button:hover {
  --controls-color: var(--controls-color--hover);
}
.post-content .content-box .controls a b, .post-content .content-box .controls button b {
  display: flex;
  gap: 0.5em;
  align-items: center;
  position: relative;
}
.post-content .content-box .controls a b:before, .post-content .content-box .controls a b:after, .post-content .content-box .controls button b:before, .post-content .content-box .controls button b:after {
  content: "";
  display: block;
  flex: none;
  height: 19px;
  width: 19px;
  background-color: currentColor;
  pointer-events: none;
  transition: opacity 0.15s ease-out;
}
.post-content .content-box .controls a b:after, .post-content .content-box .controls button b:after {
  position: absolute;
  inset-inline-start: 0;
  opacity: 0;
  clip-path: path("M0.939723 9.63871C1.4096 9.34849 2.02579 9.49412 2.31602 9.964L3.52742 11.9253C3.98667 12.6688 4.29575 13.1673 4.55841 13.5168C4.82182 13.8672 4.95019 13.9428 4.99781 13.9634C5.24985 14.0724 5.53562 14.0729 5.78808 13.9649C5.83578 13.9445 5.96444 13.8694 6.22921 13.52C6.49323 13.1716 6.80425 12.6743 7.26639 11.9326L14.0469 1.04987C14.3389 0.58113 14.9557 0.437894 15.4244 0.729949C15.8932 1.022 16.0364 1.63875 15.7444 2.1075L8.93855 13.0308C8.5083 13.7214 8.14925 14.2977 7.82325 14.7279C7.49164 15.1655 7.10529 15.5767 6.57478 15.8037C5.81739 16.1277 4.96008 16.1261 4.20396 15.7991C3.67433 15.57 3.28959 15.1573 2.95968 14.7184C2.63536 14.287 2.27856 13.7093 1.85099 13.017C1.84263 13.0035 1.83425 12.9899 1.82584 12.9763L0.614436 11.015C0.324208 10.5452 0.469844 9.92894 0.939723 9.63871Z");
}
.post-content .content-box .controls a b:before {
  clip-path: path("M9.01318 0.219727C9.56547 0.219727 10.0132 0.667442 10.0132 1.21973V10.8055L13.3061 7.51262C13.6966 7.1221 14.3298 7.1221 14.7203 7.51262C15.1108 7.90314 15.1108 8.53631 14.7203 8.92683L9.72029 13.9268C9.32977 14.3174 8.6966 14.3174 8.30608 13.9268L3.30608 8.92683C2.91555 8.53631 2.91555 7.90314 3.30608 7.51262C3.6966 7.1221 4.32977 7.1221 4.72029 7.51262L8.01318 10.8055V1.21973C8.01318 0.667442 8.4609 0.219727 9.01318 0.219727ZM1.01318 14.2197C1.56547 14.2197 2.01318 14.6674 2.01318 15.2197V16.2197H16.0132V15.2197C16.0132 14.6674 16.4609 14.2197 17.0132 14.2197C17.5655 14.2197 18.0132 14.6674 18.0132 15.2197V16.2197C18.0132 17.3243 17.1178 18.2197 16.0132 18.2197H2.01318C0.908615 18.2197 0.0131836 17.3243 0.0131836 16.2197V15.2197C0.0131836 14.6674 0.460899 14.2197 1.01318 14.2197Z");
}
.post-content .content-box .controls [data-copy-control] b:before {
  clip-path: path("M3.52333 1.24675e-06C3.53551 1.8428e-06 3.54774 2.43885e-06 3.56 2.43885e-06L9.03044 1.48517e-06C9.37713 -1.32968e-05 9.68597 -2.65297e-05 9.94352 0.0175461C10.2176 0.0362441 10.5058 0.0781358 10.795 0.197916C11.4321 0.4618 11.9382 0.967952 12.2021 1.60503C12.3219 1.8942 12.3638 2.18244 12.3825 2.45648C12.4 2.71404 12.4 3.0229 12.4 3.36961V3.4C12.4 3.95229 11.9523 4.4 11.4 4.4C10.8477 4.4 10.4 3.95229 10.4 3.4C10.4 3.01357 10.3995 2.77382 10.3871 2.59262C10.3754 2.42125 10.3565 2.3757 10.3544 2.37047C10.2935 2.22345 10.1766 2.10657 10.0296 2.04567C10.0244 2.04351 9.97878 2.0246 9.80738 2.01291C9.62618 2.00054 9.38644 2 9 2H3.56C3.09546 2 2.80719 2.00078 2.59056 2.01848C2.38698 2.03511 2.33497 2.06164 2.32775 2.06533C2.21485 2.12285 2.12292 2.21471 2.0654 2.32761C2.06172 2.33483 2.03511 2.38698 2.01848 2.59056C2.00078 2.80719 2 3.09546 2 3.56V9C2 9.38644 2.00054 9.62618 2.01291 9.80738C2.0246 9.97878 2.04348 10.0243 2.04564 10.0295C2.10654 10.1766 2.22338 10.2934 2.37039 10.3543C2.37562 10.3565 2.42125 10.3754 2.59262 10.3871C2.77382 10.3995 3.01357 10.4 3.4 10.4C3.95229 10.4 4.4 10.8477 4.4 11.4C4.4 11.9523 3.95229 12.4 3.4 12.4H3.36961C3.0229 12.4 2.71404 12.4 2.45648 12.3825C2.18244 12.3638 1.8942 12.3219 1.60503 12.2021C0.967952 11.9382 0.4618 11.4321 0.197916 10.795C0.0781358 10.5058 0.0362441 10.2176 0.0175461 9.94352C-2.65297e-05 9.68597 -1.32968e-05 9.37713 1.48517e-06 9.03044L2.43885e-06 3.56C2.43885e-06 3.54774 1.8428e-06 3.53551 1.24675e-06 3.52333C-2.02109e-05 3.1067 -3.9285e-05 2.73566 0.0251222 2.42769C0.0519735 2.09905 0.11239 1.75522 0.283386 1.41963C0.532656 0.930406 0.930406 0.532656 1.41963 0.283386C1.75522 0.11239 2.09905 0.0519735 2.42769 0.0251222C2.73566 -3.9285e-05 3.1067 -2.02109e-05 3.52333 1.24675e-06ZM9.12333 5.6H14.4767C14.8933 5.59998 15.2643 5.59996 15.5723 5.62512C15.901 5.65197 16.2448 5.71239 16.5804 5.88339C17.0696 6.13266 17.4673 6.53041 17.7166 7.01963C17.8876 7.35522 17.948 7.69905 17.9749 8.02769C18 8.33565 18 8.70669 18 9.12331V14.4767C18 14.8933 18 15.2644 17.9749 15.5723C17.948 15.901 17.8876 16.2448 17.7166 16.5804C17.4673 17.0696 17.0696 17.4673 16.5804 17.7166C16.2448 17.8876 15.901 17.948 15.5723 17.9749C15.2644 18 14.8933 18 14.4767 18H9.12331C8.70669 18 8.33565 18 8.02769 17.9749C7.69905 17.948 7.35522 17.8876 7.01963 17.7166C6.53041 17.4673 6.13266 17.0696 5.88339 16.5804C5.71239 16.2448 5.65197 15.901 5.62512 15.5723C5.59996 15.2643 5.59998 14.8933 5.6 14.4767V9.12333C5.59998 8.7067 5.59996 8.33566 5.62512 8.02769C5.65197 7.69905 5.71239 7.35522 5.88339 7.01963C6.13266 6.53041 6.53041 6.13266 7.01963 5.88339C7.35522 5.71239 7.69905 5.65197 8.02769 5.62512C8.33566 5.59996 8.7067 5.59998 9.12333 5.6ZM7.92761 7.6654C7.81471 7.72292 7.72292 7.81471 7.6654 7.92761C7.66172 7.93483 7.63511 7.98698 7.61848 8.19056C7.60078 8.40719 7.6 8.69546 7.6 9.16V14.44C7.6 14.9045 7.60078 15.1928 7.61848 15.4094C7.63511 15.613 7.66165 15.665 7.66533 15.6723C7.72285 15.7852 7.81471 15.8771 7.92761 15.9346C7.93482 15.9383 7.98696 15.9649 8.19056 15.9815C8.40719 15.9992 8.69546 16 9.16 16H14.44C14.9045 16 15.1928 15.9992 15.4094 15.9815C15.613 15.9649 15.665 15.9384 15.6723 15.9347C15.7852 15.8772 15.8771 15.7853 15.9346 15.6724C15.9383 15.6652 15.9649 15.613 15.9815 15.4094C15.9992 15.1928 16 14.9045 16 14.44V9.16C16 8.69546 15.9992 8.40719 15.9815 8.19056C15.9649 7.98696 15.9384 7.93496 15.9347 7.92775C15.8772 7.81485 15.7853 7.72292 15.6724 7.6654C15.6652 7.66172 15.613 7.63511 15.4094 7.61848C15.1928 7.60078 14.9045 7.6 14.44 7.6H9.16C8.69546 7.6 8.40719 7.60078 8.19056 7.61848C7.98698 7.63511 7.93483 7.66172 7.92761 7.6654Z");
}
.post-content .content-box .controls [data-copy-control][data-copied] b:before {
  opacity: 0;
}
.post-content .content-box .controls [data-copy-control][data-copied] b:after {
  opacity: 1;
}
.post-content .content-box p:empty {
  margin: 0;
}
.post-content .content-box p:last-child {
  margin-bottom: 0;
}
.post-content .content-box button {
  all: unset;
}
.post-content .content-box table {
  width: inherit;
}
.post-content .content-box2 {
  padding: 30px 34px;
  margin-top: 15px;
}
@media (max-width: 991px) {
  .post-content .content-box2 {
    padding: 30px 20px;
  }
}
.post-content .content-box2[data-style=lightblue] {
  background-color: var(--color-blue-lighter);
}
.post-content .content-box2[data-style=lightblue] .content-box-title p {
  color: var(--color-blue-dark);
}
.post-content .content-box2[data-style=mustard] {
  background-color: var(--color-mustard-lighter);
}
.post-content .content-box2[data-style=mustard] .content-box-title p {
  color: var(--color-mustard);
}
.post-content .content-box2[data-style=bluemagnet] {
  background-color: var(--color-blueMagent-lighter);
}
.post-content .content-box2[data-style=bluemagnet] .content-box-title p {
  color: var(--color-bluePurple-dark-2);
}
.post-content .content-box2[data-style=bluemagnetmain] {
  background-color: #9CCCFF;
  padding: 14px 34px;
}
.post-content .content-box2[data-style=bluemagnetmain] p {
  margin: 0;
}
.post-content .content-box2 .content-box-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 20px;
}
.post-content .content-box2 .content-box-title p {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.post-content .content-box2 ul {
  margin: 20px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.post-content .content-box2 ul li {
  margin: 0;
}

.post-authors {
  display: flex;
  align-items: center;
  gap: 12px;
  --size: 48px;
}
@media (max-width: 991px) {
  .post-authors {
    align-items: start;
  }
}
.post-authors:has(.post-author + .post-author) {
  --size: 36px;
}

.post-header:has(.role) .post-date-wrapper:before {
  content: none;
}

.post-author {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 992px) {
  .post-author:has(+ .post-author):after, .post-author:has(.role):after {
    content: "";
    display: block;
    height: calc(var(--size) - 8px);
    width: 2px;
    background-color: var(--color-blue-gray-10);
    display: none;
  }
}
.post-author .image {
  border-radius: 24px;
  overflow: hidden;
  flex: none;
  border: solid 1px var(--color-blue-gray-10);
}
.post-author .image img {
  width: var(--size);
  height: var(--size);
  display: block;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}
.post-author .name {
  font-weight: 700;
  color: var(--color-bluePurple-dark);
  text-align: left;
}
@media (max-width: 991px) {
  .post-author .name {
    line-height: 1.1;
  }
}
.post-author .role {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-bluePurple-dark);
  text-align: left;
}
.post-author .position {
  font-size: var(--text-size-small);
  font-weight: 475;
  color: var(--color-grey-dark);
  line-height: 0.9;
}

.tippy-box[data-theme~=ct] {
  background-color: var(--color-white);
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 6px rgba(0, 0, 0, 0.1));
  border-radius: 12px;
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-weight: 450;
  color: var(--color-grey-dark);
}
.tippy-box[data-theme~=ct] .tippy-content {
  padding: 12px;
}
.tippy-box[data-theme~=ct] .tippy-arrow {
  color: var(--color-white);
}

.author-links {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-top: 0.5em;
}
.author-links a {
  color: var(--color-blue-gray-75);
  font-weight: 550;
}
@media (hover: hover) {
  .author-links a:hover {
    color: var(--color-blue-dark);
  }
}

.author-social-link {
  background-color: var(--color-blue-gray-50);
  display: inline-grid;
  place-items: center;
  height: 2em;
  width: 2em;
  border-radius: 99px;
}
@media (hover: hover) {
  .author-social-link:hover {
    background-color: var(--color-blue-dark);
  }
}
.author-social-link svg {
  width: 1em;
  height: 1em;
}
.author-social-link path {
  fill: var(--color-white);
}

.author-archive .archive-header,
.author-archive .titles {
  display: flex;
  gap: var(--gap);
}
@media (max-width: 991px) {
  .author-archive .archive-header {
    flex-direction: column;
  }
}
.author-archive .archive-header img {
  flex: none;
  height: 96px;
  width: 96px;
  border-radius: 48px;
  -o-object-fit: cover;
  object-fit: cover;
}
.author-archive .archive-header .titles {
  align-items: center;
}

.post-topics {
  --color-lighter: var(--color-blue-lighter);
  --color-light: var(--color-blue-light);
  --color-dark: var(--color-blue-dark);
  --color-darker: var(--color-blue-darker);
  --color-category: var(--color-blueMagent-light);
  --color-tags: var(--color-mustard);
  --color-font-letter: var(--color-white);
}
.post-topics[data-color=purple] {
  --color-lighter: var(--color-purple-lighter);
  --color-light: var(--color-purple-light);
  --color-dark: var(--color-purple-dark);
  --color-darker: var(--color-purple-darker);
}
.post-topics[data-color=pink] {
  --color-lighter: var(--color-pink-lighter);
  --color-light: var(--color-pink-light);
  --color-dark: var(--color-pink-dark);
  --color-darker: var(--color-pink-darker);
}
.post-topics[data-color=coral] {
  --color-lighter: var(--color-coral-lighter);
  --color-light: var(--color-coral-light);
  --color-dark: var(--color-coral-dark);
  --color-darker: var(--color-coral-darker);
}
.post-topics[data-color=red] {
  --color-lighter: var(--color-red-lighter);
  --color-light: var(--color-red-light);
  --color-dark: var(--color-red-dark);
  --color-darker: var(--color-red-darker);
}
.post-topics[data-color=orange] {
  --color-lighter: var(--color-orange-lighter);
  --color-light: var(--color-orange-light);
  --color-dark: var(--color-orange-dark);
  --color-darker: var(--color-orange-darker);
}
.post-topics[data-color=mustard] {
  --color-lighter: var(--color-mustard-lighter);
  --color-light: var(--color-mustard-light);
  --color-dark: var(--color-mustard-dark);
  --color-darker: var(--color-mustard-darker);
}
.post-topics[data-color=green] {
  --color-lighter: var(--color-green-lighter);
  --color-light: var(--color-green-light);
  --color-dark: var(--color-green-dark);
  --color-darker: var(--color-green-darker);
}
.post-topics[data-color=turquoise] {
  --color-lighter: var(--color-turquoise-lighter);
  --color-light: var(--color-turquoise-light);
  --color-dark: var(--color-turquoise-dark);
  --color-darker: var(--color-turquoise-darker);
}
.post-topics[data-color=blue-magent] {
  --color-lighter: var(--color-blue-magent-lighter);
  --color-light: var(--color-blue-magent-light);
  --color-dark: var(--color-blue-magent-dark);
  --color-darker: var(--color-blue-magent-darker);
}
.post-topics, .post-topics .categories, .post-topics .tags {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 5px;
}
.post-topics .topic {
  font-size: var(--text-size-top-small);
  font-weight: 750;
  line-height: 1;
  padding: 0.25em 0.85em;
  border-radius: 8px;
  color: var(--color-font-letter);
  background-color: var(--color-tags);
  transition: all var(--transition-props);
}
@media (max-width: 991px) {
  .post-topics .topic {
    font-size: var(--text-size-small);
  }
}
.post-topics .topic.category {
  background-color: var(--color-category);
}
@media (hover: hover) {
  .post-topics .topic[href]:hover, .post-topics .topic[href]:hover.category {
    background-color: var(--color-light);
  }
}

.post-toc {
  padding: 0;
  position: relative;
}
.post-toc:before, .post-toc:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(var(--height) * 1px);
  border-radius: 12px;
  pointer-events: none;
  z-index: -1;
  transition: all var(--transition-props);
}
.post-toc:after {
  box-shadow: none;
  border-radius: 0;
}
.post-toc[open]:before {
  opacity: 0;
}
.post-toc[open] [style*="--i"] {
  opacity: 1;
  transition: opacity var(--transition-props) calc((var(--i) + 1) * 0.025s);
}
.post-toc[open] summary:after {
  transform: rotate(-0.5turn);
}
.post-toc[open] .toc_arrow_image {
  transform: rotate(180deg);
}
.post-toc:not([open]):after {
  opacity: 0;
}
@media (hover: hover) {
  .post-toc:not([open]):hover:before {
    opacity: 0.67;
  }
}
.post-toc:not([open]) [style*="--i"] {
  opacity: 0;
  transition: none;
}
.post-toc summary {
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  font-family: var(--font-family-title);
  font-size: var(--text-size-main-details);
  font-weight: 700;
  color: var(--color-bluePurple-dark);
  cursor: pointer;
  padding-block: var(--padding);
  text-align: start;
  pointer-events: none;
  margin-bottom: 18px;
}
@media (max-width: 991px) {
  .post-toc summary {
    pointer-events: inherit;
    font-size: var(--text-size-toc);
    font-weight: 500;
    height: 46px;
    padding: 0 16px;
    margin: 0;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .post-toc summary {
      display: block;
    }
  }
}
.post-toc summary .toc_arrow_image {
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
  transition: all var(--transition-props);
  display: none;
}
@media (max-width: 991px) {
  .post-toc summary .toc_arrow_image {
    display: block;
  }
}
.post-toc summary .toc_arrow_image svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.post-toc summary:after {
  content: "";
  width: 11px;
  height: 9px;
  background-color: var(--color-blue);
  opacity: 0.7;
  clip-path: path("M5.5 8.5L0 0.5L11 0.500002L5.5 8.5Z");
  margin-inline-end: 0.25em;
  padding-top: 0.15em;
  transition: all var(--transition-props);
  display: none;
}
.post-toc summary::-webkit-details-marker {
  display: none;
}
.post-toc ul, .post-toc ol {
  margin: 0;
  padding: 0;
  counter-reset: toc;
  max-width: calc(var(--max-container-width) + var(--breakout-size) + 6px);
  font-size: 14px;
  font-weight: 600;
  gap: 15px;
  display: flex;
  flex-direction: column;
  border-left: 2px solid var(--color-grey-nav);
}
@media (max-width: 991px) {
  .post-toc ul, .post-toc ol {
    border-left: none;
    margin: 20px 0;
  }
}
.post-toc li {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  counter-increment: toc;
  margin: 0;
}
.post-toc li:last-child {
  margin-bottom: 0;
}
.post-toc li .toc-link {
  font-size: var(--text-size-main);
  font-weight: 600;
  text-decoration: none;
  display: block;
  line-height: 1.15;
  font-size: 16px;
  color: var(--color-bluePurple-dark);
  padding: 3px 15px;
  border-left: 2px solid var(--color-grey-nav);
  transform: translateX(-2px);
  font-weight: 400;
}
@media (max-width: 991px) {
  .post-toc li .toc-link {
    border-left: none;
  }
}
@media (hover: hover) {
  .post-toc li .toc-link:hover {
    text-decoration: none;
    color: var(--color-blue-nav);
    border-left: 2px solid var(--color-blue-nav);
  }
}
.post-toc li .toc-link.active {
  text-decoration: none;
  color: var(--color-blue-nav);
  border-left: 2px solid var(--color-blue-nav);
  padding: 3px 15px 3px 20px;
}
@media (max-width: 991px) {
  .post-toc li .toc-link.active {
    border-left: none;
  }
}
.post-toc li:before {
  content: counter(toc);
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-blue-gray-33);
  margin-inline-end: 0.2em;
  flex: 1em 0 0;
  text-align: end;
  display: none;
}

@media (min-width: 992px) {
  .post-toc {
    max-height: 400px;
    overflow: hidden;
    overflow-y: scroll;
  }
  .post-toc::-webkit-scrollbar {
    display: none;
  }
}
.post-actions {
  display: none;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  border-top: solid 1px var(--color-blue-gray-15);
  padding-top: var(--gap);
  gap: var(--gap);
  position: absolute;
  z-index: 1;
  left: -40px;
  top: 10px;
  padding: 20px;
}
@media (max-width: 991px) {
  .post-actions {
    left: -110px;
    padding: 10px;
    top: 20px;
  }
}
.post-actions.show-share-btns {
  display: flex;
}
.post-actions .small-label {
  font-size: var(--text-size-small);
  font-weight: 500;
  line-height: var(--line-height-small);
  color: var(--color-blue-gray-33);
  margin: 0 0 0.5em;
}
.post-actions .rating img {
  width: 32px;
}
@media (max-width: 991px) {
  .post-actions .rating img {
    width: 44px;
  }
}
.post-actions .rating .ratings-text {
  display: flex;
}
.post-actions .rating .post-ratings-text {
  margin-inline-start: 0.33em;
}

.post-thumbnails {
  display: grid;
  gap: 24px;
  padding: 0;
}
@media (min-width: 992px) {
  .post-thumbnails {
    grid-template-columns: repeat(3, 1fr);
  }
}

.post-thumbnail {
  --gap: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(var(--gap) * 1.5);
  padding: var(--gap);
  background-color: var(--color-white);
  box-shadow: var(--shadow-main);
  border-radius: var(--gap);
  overflow: clip;
}
.post-thumbnail p {
  margin: 0;
}
.post-thumbnail header,
.post-thumbnail section {
  display: flex;
  flex-direction: column;
  gap: calc(var(--gap) / 3);
}
.post-thumbnail .post-date {
  font-size: var(--text-size-small);
  font-weight: 450;
  color: var(--color-blue-gray-50);
  transition: color var(--transition-props);
}
.post-thumbnail .post-title {
  font-family: var(--font-family-title);
  font-weight: 750;
  font-size: var(--text-size-subtitle);
  line-height: 1.25;
  color: var(--color-blue-darker);
  transition: color var(--transition-props);
}
.post-thumbnail .post-author .name {
  font-family: var(--font-family-primary);
  font-size: var(--text-size-main);
  font-weight: 550;
  color: var(--color-blue-darker);
  transition: color var(--transition-props);
}
.post-thumbnail .post-excerpt {
  transition: color var(--transition-props);
}
.post-thumbnail .post-image {
  margin-top: calc(var(--gap) * -1);
  margin-inline: calc(var(--gap) * -1);
  margin-bottom: calc(var(--gap) * 0.5);
  position: relative;
}
.post-thumbnail .post-image img {
  position: relative;
  z-index: 1;
  aspect-ratio: 1200/630;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.post-thumbnail .post-image.bordered {
  margin-top: calc(var(--gap) * -0.5);
  margin-inline: calc(var(--gap) * -0.5);
}
.post-thumbnail .post-image.bordered:after {
  content: "";
  background-image: var(--url);
  background-size: cover;
  position: absolute;
  inset: calc(var(--gap) * -2);
  filter: blur(calc(var(--gap) * 2)) saturate(180%);
  pointer-events: none;
  opacity: 0.15;
  transition: opacity var(--transition-props);
}
.post-thumbnail .post-image.bordered img {
  border-radius: calc(var(--gap) * 0.5);
  border: solid 1px rgba(0, 0, 0, 0.0666666667);
}
@media (hover: hover) {
  .post-thumbnail:hover {
    box-shadow: var(--shadow-half);
  }
  .post-thumbnail:hover .post-image:after {
    opacity: 0.075;
  }
}
.post-thumbnail .post-topics, .post-thumbnail .post-topics .categories, .post-thumbnail .post-topics .tags {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}
.post-thumbnail .post-topics .topic {
  font-size: var(--text-size-small);
  font-weight: 750;
  line-height: 1;
  padding: 0.375em 0.5em;
  border-radius: 3px;
  color: var(--color-dark);
  background-color: var(--color-lighter);
  transition: all var(--transition-props);
}
.post-thumbnail .post-topics .topic.category {
  color: var(--color-lighter);
  background-color: var(--color-darker);
}

.post-related {
  background-color: #F5F6F8;
  padding-top: 84px;
  padding-bottom: 24px;
}
.post-related .title {
  font-size: var(--text-size-3);
  font-weight: 700;
  color: var(--color-blue-darker);
  margin: 0 0 1em;
}
.post-related .post-topics .topic {
  font-size: var(--text-size-small);
}
.post-related .post-topics .tags {
  gap: 5px;
}

.post-excerpt {
  font-family: var(--font-family-primary);
  font-size: 0.85em;
}

.pagination {
  padding: 90px 0;
}
@media (max-width: 1199px) {
  .pagination {
    padding: 70px 0;
  }
}
@media (max-width: 767px) {
  .pagination {
    padding: 60px 0;
  }
}
.pagination .nav-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.pagination .page-numbers {
  margin: 5px;
  display: inline-flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-blue-gray-10);
  border-radius: 15px;
  transition: all var(--transition-props);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 21px;
  line-height: 1.23;
  color: var(--color-blue-gray-50);
}
.pagination .page-numbers[disabled], .pagination .page-numbers[disabled=disabled] {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}
.rtl .pagination .page-numbers svg {
  transform: rotate(180deg);
}
.pagination .page-numbers svg path {
  transition: all var(--transition-props);
  stroke: currentColor;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pagination .page-numbers.current {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
  color: var(--color-white);
}
.pagination .page-numbers.dots {
  pointer-events: none;
  border: none;
  width: 40px;
}
.pagination .page-numbers:hover:not(.current) {
  background-color: var(--color-blue-lighter);
  border-color: var(--color-blue-lighter);
  color: var(--color-blue);
  --arrow-color: #2998FF;
}

.archive-nav {
  display: grid;
  gap: var(--gap);
  font-family: var(--font-family-primary);
  font-size: var(--text-size-main);
}
@media (min-width: 992px) {
  .archive-nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
.archive-nav form {
  display: flex;
}
.archive-nav .nav-field {
  --padding-block: .25em;
  --padding-inline: 1.25em;
  position: relative;
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  line-height: 1.5;
}
.archive-nav .nav-field label {
  position: absolute;
  inset-inline-start: var(--padding-inline);
  pointer-events: none;
}
.archive-nav .nav-field input,
.archive-nav .nav-field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: var(--padding-block) var(--padding-inline);
  font: inherit;
  border-radius: 99px;
  min-height: 48px;
  display: flex;
  align-self: center;
}
.archive-nav .nav-field select {
  border: none;
  background-color: transparent;
}
.archive-nav .nav-field.select {
  background-color: var(--color-grey-lighter);
  border-radius: 99px;
}
.archive-nav .nav-field.select:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 9px;
  background-color: var(--color-blue);
  opacity: 0.7;
  clip-path: path("M5.5 8.5L0 0.5L11 0.500002L5.5 8.5Z");
  inset-inline-end: var(--padding-inline);
}
.archive-nav .nav-field input {
  border: solid 1px var(--color-grey-light);
}
.archive-nav .nav-field input:not(:-moz-placeholder-shown) ~ label {
  opacity: 0;
}
.archive-nav .nav-field input:not(:placeholder-shown) ~ label {
  opacity: 0;
}
.archive-nav button {
  flex: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 99px;
  width: 48px;
  display: grid;
  place-items: center;
  position: absolute;
  inset-inline-end: 0;
  padding-inline-end: calc(var(--padding-inline) / 2);
  cursor: pointer;
  height: 100%;
}
.archive-nav button:after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: var(--color-grey);
  clip-path: path("M12.64 11.2a.96.96 0 0 0-.67-.27h-.27a.29.29 0 0 1-.2-.08.3.3 0 0 1-.03-.4A6.45 6.45 0 0 0 6.43 0 6.44 6.44 0 0 0 0 6.46a6.44 6.44 0 0 0 10.4 5.07.3.3 0 0 1 .4.03c.05.05.08.12.08.2v.26c0 .26.1.5.28.69l2.63 2.56c.4.4 1.06.4 1.47 0 .4-.42.4-1.08 0-1.49l-2.62-2.57Zm-6.21-.27c-2.46 0-4.45-2-4.45-4.47a4.46 4.46 0 1 1 8.9 0 4.46 4.46 0 0 1-4.45 4.47Z");
  transition: all var(--transition-props);
}
@media (hover: hover) {
  .archive-nav button:hover:after {
    background-color: var(--color-blue-dark);
  }
}

/* Utils */ /**
 * Variables
 */
body {
  --primary-font: Plus Jakarta Sans, sans-serif;
  --text-font: Inter, sans-serif;
}
body.rtl {
  --primary-font: SimplerPro, sans-serif;
  --text-font: SimplerPro, sans-serif;
}

:root {
  --color-rgb-blue: 41, 152, 255;
  --color-rgb-yellow: 226, 171, 7;
  --color-rgb-orange: 241, 132, 34;
  --color-rgb-red: 255, 124, 124;
  --color-rgb-cyan: 77, 204, 191;
  --color-rgb-darkblue: 0, 90, 174;
  --color-rgb-purple: 137, 64, 255;
  --color-rgb-green: 102, 200, 56;
  --color-rgb-pink: 221, 104, 142;
  --color-blue: #2998FF;
  --color-darkblue: #01164D;
}

/**
 *
 * Blog CTA sections
 *
 */
/*============================
=            Vars            =
============================*/
/*=====  End of Vars  ======*/
/*===========================================
=            General CTA styling            =
===========================================*/
.blog-cta {
  background-color: var(--color-white);
  border-radius: 10px;
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.08);
  padding-left: 45px;
  margin: 30px 0;
  position: relative;
}
.rtl .blog-cta {
  padding-left: 0;
  padding-right: 45px;
}
@media (max-width: 991px) {
  .blog-cta {
    padding-left: 30px;
  }
  .rtl .blog-cta {
    padding-left: 0;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .blog-cta {
    max-width: 500px;
    margin: 30px auto;
    padding-left: 0;
  }
  .rtl .blog-cta {
    padding-right: 0;
  }
}
.blog-cta__title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 35px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.02em;
  text-align: left;
  margin-top: 0;
  margin-bottom: 18px;
}
.rtl .blog-cta__title {
  text-align: right;
}
@media (max-width: 991px) {
  .blog-cta__title {
    font-size: 31px;
  }
}
@media (max-width: 500px) {
  .blog-cta__title {
    font-size: 30px;
  }
}
@media (max-width: 374px) {
  .blog-cta__title {
    font-size: 26px;
  }
}
.blog-cta__text {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.34;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 30px;
}
.blog-cta__btn {
  text-align: center;
  justify-content: center;
}
.blog-cta__btn.btn-medium {
  padding: 11px 30.5px 9px 30px;
  font-size: 19px;
  letter-spacing: -0.2px;
  font-weight: normal;
}
@media (max-width: 500px) {
  .blog-cta__btn {
    width: 100%;
    max-width: 311px;
  }
}

/*=====  End of General CTA styling  ======*/
/*======================================
=            CTA With Image            =
======================================*/
.blog-ctaWithImage {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .blog-ctaWithImage {
    grid-template-columns: 1.2fr 1fr;
  }
}
@media (max-width: 767px) {
  .blog-ctaWithImage {
    display: flex;
    flex-direction: column-reverse;
  }
}
.blog-ctaWithImage-bg-gradient-picton-blue_turquoise-blue .blog-ctaWithImage__image:after {
  content: "";
  width: calc(100% + 64px);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(223deg, #34b0f4, #4de4db);
  z-index: -2;
}
.rtl .blog-ctaWithImage-bg-gradient-picton-blue_turquoise-blue .blog-ctaWithImage__image:after {
  right: auto;
  left: 0;
}
@media (max-width: 767px) {
  .blog-ctaWithImage-bg-gradient-picton-blue_turquoise-blue .blog-ctaWithImage__image:after {
    width: 100%;
  }
}
.blog-ctaWithImage-bg-gradient-cranberry_purple-heart .blog-ctaWithImage__image:after {
  content: "";
  width: calc(100% + 64px);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(223deg, #df487b, #a832c2);
  z-index: -2;
}
.rtl .blog-ctaWithImage-bg-gradient-cranberry_purple-heart .blog-ctaWithImage__image:after {
  right: auto;
  left: 0;
}
@media (max-width: 767px) {
  .blog-ctaWithImage-bg-gradient-cranberry_purple-heart .blog-ctaWithImage__image:after {
    width: 100%;
  }
}
.blog-ctaWithImage-bg-gradient-dodger-blue_electric-violet .blog-ctaWithImage__image:after {
  content: "";
  width: calc(100% + 64px);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(223deg, #3b7dff, #683aff);
  z-index: -2;
}
.rtl .blog-ctaWithImage-bg-gradient-dodger-blue_electric-violet .blog-ctaWithImage__image:after {
  right: auto;
  left: 0;
}
@media (max-width: 767px) {
  .blog-ctaWithImage-bg-gradient-dodger-blue_electric-violet .blog-ctaWithImage__image:after {
    width: 100%;
  }
}
.blog-ctaWithImage-bg-gradient-burnt-orange_tanned-orange .blog-ctaWithImage__image:after {
  content: "";
  width: calc(100% + 64px);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(223deg, #e86753, #f68d61);
  z-index: -2;
}
.rtl .blog-ctaWithImage-bg-gradient-burnt-orange_tanned-orange .blog-ctaWithImage__image:after {
  right: auto;
  left: 0;
}
@media (max-width: 767px) {
  .blog-ctaWithImage-bg-gradient-burnt-orange_tanned-orange .blog-ctaWithImage__image:after {
    width: 100%;
  }
}
.blog-ctaWithImage-bg-gradient-puerto-green_marine-turquoise .blog-ctaWithImage__image:after {
  content: "";
  width: calc(100% + 64px);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(223deg, #4fcac0, #39e3b3);
  z-index: -2;
}
.rtl .blog-ctaWithImage-bg-gradient-puerto-green_marine-turquoise .blog-ctaWithImage__image:after {
  right: auto;
  left: 0;
}
@media (max-width: 767px) {
  .blog-ctaWithImage-bg-gradient-puerto-green_marine-turquoise .blog-ctaWithImage__image:after {
    width: 100%;
  }
}
.blog-ctaWithImage-bg-gradient-gradient-grey-1_white .blog-ctaWithImage__image:after {
  content: "";
  width: calc(100% + 64px);
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(223deg, #FAFBFC, #FFFFFF);
  z-index: -2;
}
.rtl .blog-ctaWithImage-bg-gradient-gradient-grey-1_white .blog-ctaWithImage__image:after {
  right: auto;
  left: 0;
}
@media (max-width: 767px) {
  .blog-ctaWithImage-bg-gradient-gradient-grey-1_white .blog-ctaWithImage__image:after {
    width: 100%;
  }
}
.blog-ctaWithImage .blog-ctaWithImage-title {
  color: #000000;
}
@media (max-width: 500px) {
  .blog-ctaWithImage .blog-ctaWithImage-title {
    margin-bottom: 20px;
  }
}
.blog-ctaWithImage .blog-ctaWithImage-text {
  color: #000000;
}
@media (max-width: 500px) {
  .blog-ctaWithImage .blog-ctaWithImage-text {
    margin-bottom: 20px;
  }
}
.blog-ctaWithImage__content {
  padding: 40px 0;
  z-index: 2;
}
@media (max-width: 991px) {
  .blog-ctaWithImage__content {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .blog-ctaWithImage__content {
    padding: 30px;
  }
}
@media (max-width: 500px) {
  .blog-ctaWithImage__content {
    padding: 25px 16px 12px;
  }
}
.blog-ctaWithImage__image {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 27px;
  position: relative;
  z-index: 1;
  height: 100%;
}
.blog-ctaWithImage__image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .blog-ctaWithImage__image {
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    padding: 31px 33px 0;
    overflow: hidden;
  }
}
@media (max-width: 500px) {
  .blog-ctaWithImage__image {
    padding: 17px 8px 0;
  }
}
.blog-ctaWithImage__image:before {
  content: "";
  width: 169px;
  height: 100%;
  position: absolute;
  z-index: -1;
  display: block;
  left: -64px;
  top: 0;
  bottom: 0;
  background: linear-gradient(to right bottom, #fff 50%, transparent 0);
}
.rtl .blog-ctaWithImage__image:before {
  left: auto;
  right: -64px;
  background: linear-gradient(to left bottom, #fff 50%, transparent 0);
}
@media (max-width: 767px) {
  .blog-ctaWithImage__image:before {
    content: none;
  }
}

/*=====  End of CTA With Image  ======*/
/*=======================================
=            CTA With Slider            =
=======================================*/
.blog-ctaWithSlider {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .blog-ctaWithSlider {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media (max-width: 767px) {
  .blog-ctaWithSlider {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.blog-ctaWithSlider-bg-gradient-picton-blue_turquoise-blue {
  background-image: linear-gradient(-240deg, #34b0f4, #4de4db);
}
@media (max-width: 767px) {
  .blog-ctaWithSlider-bg-gradient-picton-blue_turquoise-blue {
    background-image: linear-gradient(to top, #34b0f4, #4de4db);
  }
}
.blog-ctaWithSlider-bg-gradient-cranberry_purple-heart {
  background-image: linear-gradient(-240deg, #df487b, #a832c2);
}
@media (max-width: 767px) {
  .blog-ctaWithSlider-bg-gradient-cranberry_purple-heart {
    background-image: linear-gradient(to top, #df487b, #a832c2);
  }
}
.blog-ctaWithSlider-bg-gradient-dodger-blue_electric-violet {
  background-image: linear-gradient(-240deg, #3b7dff, #683aff);
}
@media (max-width: 767px) {
  .blog-ctaWithSlider-bg-gradient-dodger-blue_electric-violet {
    background-image: linear-gradient(to top, #3b7dff, #683aff);
  }
}
.blog-ctaWithSlider-bg-gradient-burnt-orange_tanned-orange {
  background-image: linear-gradient(-240deg, #e86753, #f68d61);
}
@media (max-width: 767px) {
  .blog-ctaWithSlider-bg-gradient-burnt-orange_tanned-orange {
    background-image: linear-gradient(to top, #e86753, #f68d61);
  }
}
.blog-ctaWithSlider-bg-gradient-puerto-green_marine-turquoise {
  background-image: linear-gradient(-240deg, #4fcac0, #39e3b3);
}
@media (max-width: 767px) {
  .blog-ctaWithSlider-bg-gradient-puerto-green_marine-turquoise {
    background-image: linear-gradient(to top, #4fcac0, #39e3b3);
  }
}
.blog-ctaWithSlider-bg-gradient-gradient-grey-1_white {
  background-image: linear-gradient(-240deg, #FAFBFC, #FFFFFF);
}
@media (max-width: 767px) {
  .blog-ctaWithSlider-bg-gradient-gradient-grey-1_white {
    background-image: linear-gradient(to top, #FAFBFC, #FFFFFF);
  }
}
.blog-ctaWithSlider__content {
  padding: 40px 0;
}
@media (max-width: 991px) {
  .blog-ctaWithSlider__content {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .blog-ctaWithSlider__content {
    padding: 0 15px 30px;
    max-width: 341px;
    text-align: center;
  }
}
@media (max-width: 500px) {
  .blog-ctaWithSlider__content {
    text-align: left;
  }
  .rtl .blog-ctaWithSlider__content {
    text-align: right;
  }
}
.blog-ctaWithSlider .blog-ctaWithSlider-title {
  color: var(--color-white);
}
@media (max-width: 767px) {
  .blog-ctaWithSlider .blog-ctaWithSlider-title {
    text-align: center;
  }
}
@media (max-width: 500px) {
  .blog-ctaWithSlider .blog-ctaWithSlider-title {
    text-align: left;
    margin-bottom: 20px;
  }
  .rtl .blog-ctaWithSlider .blog-ctaWithSlider-title {
    text-align: right;
  }
}
.blog-ctaWithSlider .blog-ctaWithSlider-text {
  color: var(--color-white);
}
@media (max-width: 500px) {
  .blog-ctaWithSlider .blog-ctaWithSlider-text {
    margin-bottom: 20px;
  }
}
.blog-ctaWithSlider__slider-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  direction: ltr;
}
.blog-ctaWithSlider .slick-slide {
  float: left;
}
.blog-ctaWithSlider__slide-image {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
  padding: 30px 31px;
}
.blog-ctaWithSlider__slide-image img {
  width: 100%;
  height: auto;
}
.blog-ctaWithSlider__slide-image:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  display: block;
  width: calc(100% - 70px);
  height: calc(100% - 65px);
  background: transparent;
  box-shadow: 0 5px 35px 0 rgba(0, 0, 0, 0.29);
  border-radius: 40px;
  transition: 0.25s;
}
@media (max-width: 500px) {
  .blog-ctaWithSlider__slide-image:after {
    width: calc(100% - 90px);
    height: calc(100% - 85px);
  }
}
.blog-ctaWithSlider__slider {
  width: 300px;
  margin-top: -57px;
  margin-bottom: -77px;
  max-width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .blog-ctaWithSlider__slider {
    width: 270px;
  }
}
@media (max-width: 767px) {
  .blog-ctaWithSlider__slider {
    margin-bottom: 0;
    margin-top: -78px;
  }
}
@media (max-width: 500px) {
  .blog-ctaWithSlider__slider {
    margin-top: -70px;
    width: 252px;
  }
}
@media (max-width: 500px) {
  .blog-ctaWithSlider__slider {
    width: 230px;
  }
}
.blog-ctaWithSlider__slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 19px;
  height: 33px;
  overflow: hidden;
  background: transparent;
  border: 0;
  color: transparent;
  outline: none;
  padding: 0;
}
.blog-ctaWithSlider__slider .slick-arrow:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
  cursor: pointer;
}
.blog-ctaWithSlider__slider .slick-arrow.slick-prev {
  left: -19px;
}
.blog-ctaWithSlider__slider .slick-arrow.slick-prev:after {
  background-image: url("https://connecteam.com/wp-content/themes/connecteam/inc/templates/blog/images/parts/blog-cta/arrow-left.svg");
}
.blog-ctaWithSlider__slider .slick-arrow.slick-next {
  right: -19px;
}
.blog-ctaWithSlider__slider .slick-arrow.slick-next:after {
  background-image: url("https://connecteam.com/wp-content/themes/connecteam/inc/templates/blog/images/parts/blog-cta/arrow-right.svg");
}
.blog-ctaWithSlider__slider .slick-slide {
  outline: none;
}

/*=====  End of CTA With Slider  ======*/
/*==================================
=            Inline CTA            =
==================================*/
.blog-ctaInline {
  padding: 22px 30px 22px 24px;
  display: grid;
  grid-template-columns: 1fr 243px;
  grid-column-gap: 30px;
  align-items: center;
}
.rtl .blog-ctaInline {
  padding: 22px 24px 22px 30px;
}
@media (max-width: 767px) {
  .blog-ctaInline {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 35px 30px;
  }
  .rtl .blog-ctaInline {
    padding: 35px 30px;
  }
}
@media (max-width: 500px) {
  .blog-ctaInline {
    padding: 25px 15px;
  }
  .rtl .blog-ctaInline {
    padding: 25px 15px;
  }
}
.blog-ctaInline-bg-gradient-picton-blue_turquoise-blue {
  background-image: linear-gradient(to left, #34b0f4, #4de4db);
}
@media (max-width: 767px) {
  .blog-ctaInline-bg-gradient-picton-blue_turquoise-blue {
    background-image: linear-gradient(to top right, #34b0f4, #4de4db);
  }
}
.blog-ctaInline-bg-gradient-cranberry_purple-heart {
  background-image: linear-gradient(to left, #df487b, #a832c2);
}
@media (max-width: 767px) {
  .blog-ctaInline-bg-gradient-cranberry_purple-heart {
    background-image: linear-gradient(to top right, #df487b, #a832c2);
  }
}
.blog-ctaInline-bg-gradient-dodger-blue_electric-violet {
  background-image: linear-gradient(to left, #3b7dff, #683aff);
}
@media (max-width: 767px) {
  .blog-ctaInline-bg-gradient-dodger-blue_electric-violet {
    background-image: linear-gradient(to top right, #3b7dff, #683aff);
  }
}
.blog-ctaInline-bg-gradient-burnt-orange_tanned-orange {
  background-image: linear-gradient(to left, #e86753, #f68d61);
}
@media (max-width: 767px) {
  .blog-ctaInline-bg-gradient-burnt-orange_tanned-orange {
    background-image: linear-gradient(to top right, #e86753, #f68d61);
  }
}
.blog-ctaInline-bg-gradient-puerto-green_marine-turquoise {
  background-image: linear-gradient(to left, #4fcac0, #39e3b3);
}
@media (max-width: 767px) {
  .blog-ctaInline-bg-gradient-puerto-green_marine-turquoise {
    background-image: linear-gradient(to top right, #4fcac0, #39e3b3);
  }
}
.blog-ctaInline-bg-gradient-gradient-grey-1_white {
  background-image: linear-gradient(to left, #FAFBFC, #FFFFFF);
}
@media (max-width: 767px) {
  .blog-ctaInline-bg-gradient-gradient-grey-1_white {
    background-image: linear-gradient(to top right, #FAFBFC, #FFFFFF);
  }
}
.blog-ctaInline__content {
  max-width: 430px;
}
@media (max-width: 767px) {
  .blog-ctaInline__content {
    text-align: center;
    max-width: 341px;
    margin: 0 auto;
  }
}
.blog-ctaInline .blog-ctaInline-title {
  color: var(--color-white);
  font-size: 28px;
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .blog-ctaInline .blog-ctaInline-title {
    text-align: center;
    margin-bottom: 18px;
  }
}
@media (max-width: 500px) {
  .blog-ctaInline .blog-ctaInline-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 374px) {
  .blog-ctaInline .blog-ctaInline-title {
    font-size: 24px;
  }
}
.blog-ctaInline .blog-ctaInline-text {
  color: var(--color-white);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .blog-ctaInline .blog-ctaInline-text {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media (max-width: 500px) {
  .blog-ctaInline .blog-ctaInline-text {
    margin-bottom: 20px;
  }
}
.blog-ctaInline .button-solid-blue {
  justify-content: center;
}

/*=====  End of Inline CTA  ======*/
/*=======================================
=            CTA With Video            =
=======================================*/
.blog-ctaWithVideo {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.rtl .blog-ctaWithVideo {
  padding-left: 40px;
}
@media (max-width: 991px) {
  .blog-ctaWithVideo {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .blog-ctaWithVideo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .rtl .blog-ctaWithVideo {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.blog-ctaWithVideo__row {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1.2fr;
  grid-column-gap: 55px;
}
@media (max-width: 767px) {
  .blog-ctaWithVideo__row {
    display: flex;
    flex-direction: column;
  }
}
.blog-ctaWithVideo-bg-gradient-picton-blue_turquoise-blue {
  background-image: linear-gradient(-240deg, #34b0f4, #4de4db);
}
@media (max-width: 767px) {
  .blog-ctaWithVideo-bg-gradient-picton-blue_turquoise-blue {
    background-image: linear-gradient(to top, #34b0f4, #4de4db);
  }
}
.blog-ctaWithVideo-bg-gradient-cranberry_purple-heart {
  background-image: linear-gradient(-240deg, #df487b, #a832c2);
}
@media (max-width: 767px) {
  .blog-ctaWithVideo-bg-gradient-cranberry_purple-heart {
    background-image: linear-gradient(to top, #df487b, #a832c2);
  }
}
.blog-ctaWithVideo-bg-gradient-dodger-blue_electric-violet {
  background-image: linear-gradient(-240deg, #3b7dff, #683aff);
}
@media (max-width: 767px) {
  .blog-ctaWithVideo-bg-gradient-dodger-blue_electric-violet {
    background-image: linear-gradient(to top, #3b7dff, #683aff);
  }
}
.blog-ctaWithVideo-bg-gradient-burnt-orange_tanned-orange {
  background-image: linear-gradient(-240deg, #e86753, #f68d61);
}
@media (max-width: 767px) {
  .blog-ctaWithVideo-bg-gradient-burnt-orange_tanned-orange {
    background-image: linear-gradient(to top, #e86753, #f68d61);
  }
}
.blog-ctaWithVideo-bg-gradient-puerto-green_marine-turquoise {
  background-image: linear-gradient(-240deg, #4fcac0, #39e3b3);
}
@media (max-width: 767px) {
  .blog-ctaWithVideo-bg-gradient-puerto-green_marine-turquoise {
    background-image: linear-gradient(to top, #4fcac0, #39e3b3);
  }
}
.blog-ctaWithVideo-bg-gradient-gradient-grey-1_white {
  background-image: linear-gradient(-240deg, #FAFBFC, #FFFFFF);
}
@media (max-width: 767px) {
  .blog-ctaWithVideo-bg-gradient-gradient-grey-1_white {
    background-image: linear-gradient(to top, #FAFBFC, #FFFFFF);
  }
}
@media (max-width: 767px) {
  .blog-ctaWithVideo__content {
    max-width: 341px;
  }
}
@media (max-width: 500px) {
  .blog-ctaWithVideo__content {
    text-align: left;
  }
}
.blog-ctaWithVideo .blog-ctaWithVideo-title {
  color: var(--color-white);
}
@media (max-width: 767px) {
  .blog-ctaWithVideo .blog-ctaWithVideo-title {
    max-width: 341px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 500px) {
  .blog-ctaWithVideo .blog-ctaWithVideo-title {
    text-align: left;
    margin-bottom: 12px;
  }
}
.blog-ctaWithVideo .blog-ctaWithVideo-text {
  color: var(--color-white);
}
@media (max-width: 500px) {
  .blog-ctaWithVideo .blog-ctaWithVideo-text {
    margin-bottom: 20px;
  }
}
.blog-ctaWithVideo__image {
  border-radius: 10px;
  border: solid 7px rgba(255, 255, 255, 0.18);
  position: relative;
}
.blog-ctaWithVideo__image img {
  display: block;
  transition: 0.25s;
}
.blog-ctaWithVideo__image img.hide-img {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .blog-ctaWithVideo__image {
    max-width: 341px;
    margin-bottom: 25px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.4);
  }
}
.blog-ctaWithVideo__play {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
.blog-ctaWithVideo__video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.25s;
}
.blog-ctaWithVideo__video iframe {
  max-width: 100%;
  max-height: 100%;
}
.blog-ctaWithVideo__video:not(.show-video) {
  opacity: 0;
  pointer-events: none;
}
.blog-ctaWithVideo .js-blog-ctaWithVideo-play {
  cursor: pointer;
}

.cta-button.block-button-wrapper {
  padding: 20px 0;
}
.cta-button.block-button-wrapper.align-left {
  text-align: left;
}
.cta-button.block-button-wrapper.align-center {
  text-align: center;
}
.cta-button.block-button-wrapper.align-right {
  text-align: right;
}
.cta-button.block-button-wrapper .block-button-signup-link {
  font-family: var(--font-family-title);
  font-size: var(--text-size-top-small);
  font-weight: 600;
  color: var(--color);
  padding: 0.7em 1.05em 0.85em;
  text-align: center;
  line-height: 1.1;
  background-color: var(--background);
  border-radius: 8px;
  transition: 0.6s all;
}
.cta-button.block-button-wrapper .block-button-signup-link:hover {
  background-color: var(--backgroundHover);
  color: var(--colorHover);
}
.cta-button.block-button-wrapper[style-signup2] .block-button-signup-link {
  color: var(--color);
  background-color: var(--background);
  border-radius: 100px;
}
.cta-button.block-button-wrapper[style-signup2] .block-button-signup-link:hover {
  background-color: var(--backgroundHover);
  color: var(--colorHover);
}

.content-verdict {
  background-color: var(--color-BlueShade-lighter);
  padding: 18px 35px;
  margin-block: 1.5em;
}
.content-verdict[data-bordertop=true] {
  border-top: 7px solid var(--color-blue);
}
@media (max-width: 767px) {
  .content-verdict {
    padding: 10px 15px;
  }
}
.content-verdict .verdict-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .content-verdict .verdict-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
}
.content-verdict .verdict-header p {
  font-size: 25px;
}
.content-verdict .verdict-header p.n_a strong {
  font-weight: 300;
  font-size: 22px;
}
@media (max-width: 767px) {
  .content-verdict .verdict-header p {
    font-size: 20px;
  }
}
.content-verdict .verdict-header h2, .content-verdict .verdict-header p {
  font-weight: 500;
  margin: 0;
}
.content-verdict .verdict-header h2 strong, .content-verdict .verdict-header p strong {
  font-weight: 600;
}
.content-verdict .verdict-stars-container {
  display: flex;
  align-items: center;
  jsutify-content: center;
  gap: 5px;
}
.content-verdict .verdict-stars-container svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 767px) {
  .content-verdict .verdict-stars-container svg {
    width: 16px;
    height: 16px;
  }
}
.content-verdict .main-txt-verdict {
  margin: 35px 0 0 0;
}
.content-verdict .pros_and_cons {
  border-top: 1px solid var(--color-grey-light);
  margin: 54px 0 0 0;
  padding: 45px 0 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 95px;
}
@media (max-width: 767px) {
  .content-verdict .pros_and_cons {
    gap: 35px;
    flex-direction: column;
  }
}
.content-verdict .pros_and_cons ul li::marker {
  content: "• ";
  font-weight: 900;
  color: inherit;
  font-size: 18px;
}
.content-verdict .pros_and_cons .pros {
  flex: 1;
}
.content-verdict .pros_and_cons .cons {
  flex: 1;
}
.content-verdict .pros_and_cons p {
  line-height: 1.7;
}
.content-verdict .pros_and_cons .header_pros_cons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.content-verdict .pros_and_cons .header_pros_cons h3, .content-verdict .pros_and_cons .header_pros_cons .block-key-takeaways .title, .block-key-takeaways .content-verdict .pros_and_cons .header_pros_cons .title {
  margin: 0;
  font-weight: 600;
}
.content-verdict .pros_and_cons ul li {
  margin: 0.4em 0;
}

.content-faqs .content-box-faqs {
  padding: 35px 0;
}
.content-faqs .faq-item {
  width: 100%;
  border-bottom: solid 1px rgba(77, 91, 130, 0.2);
  padding: 30px 0;
  display: grid;
  grid-template-rows: auto 1fr;
  align-content: start;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
.content-faqs .faq-item:nth-of-type(1) {
  border-top: solid 1px rgba(77, 91, 130, 0.2);
}
.content-faqs .faq-item:not(:has(input:checked)) {
  grid-template-rows: auto 0fr;
}
.content-faqs .faq-item:not(:has(input:checked)) [itemprop=acceptedAnswer] {
  grid-template-rows: 0fr;
}
.content-faqs .faq-item:not(:has(input:checked)) .faq-item-row-title:after {
  transform: rotate(0turn);
}
.content-faqs .faq-item:not(:has(input:checked)) .faq-item-row-title:before {
  inset: 0;
  pointer-events: auto;
}
.content-faqs .faq-item:not(:has(input:checked)) [itemprop=acceptedAnswer]:after {
  opacity: 1;
}
.content-faqs .faq-item .faq-item-row-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  cursor: pointer;
  color: var(--color-blue-dark-special);
  -webkit-tap-highlight-color: transparent;
}
.content-faqs .faq-item .faq-item-row-title h3, .content-faqs .faq-item .faq-item-row-title .block-key-takeaways .title, .block-key-takeaways .content-faqs .faq-item .faq-item-row-title .title {
  margin: 0;
}
.content-faqs .faq-item .faq-item-row-title:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' fill='none'%3E%3Cpath fill='%238B939C' d='M.34 1.14c.22-.2.48-.3.78-.3.3 0 .56.1.79.3L8 6.55l6.1-5.4c.22-.2.48-.3.78-.3.3 0 .56.1.78.3.23.2.34.42.34.69a.9.9 0 0 1-.34.7L8.93 8.5c-.12.11-.26.2-.42.25a1.57 1.57 0 0 1-1.01 0 1.22 1.22 0 0 1-.43-.25L.34 2.54a.9.9 0 0 1-.34-.7c0-.27.11-.5.34-.7Z'/%3E%3C/svg%3E");
  transition: all 0.3s ease-out;
  transform: rotate(0.5turn);
}
.content-faqs .faq-item [itemprop=acceptedAnswer] {
  font-family: var(--font-family-primary);
  margin: 15px 0 0;
  width: 100%;
  word-break: break-word;
  overflow: hidden;
  padding-inline-end: 24px;
}

.content-box-rating .reviews_container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  gap: 5px 20px;
  width: 520px;
}
@media (max-width: 991px) {
  .content-box-rating .reviews_container {
    justify-content: center;
    width: 100%;
  }
}
.content-box-rating .review_single_item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: 250px;
}
@media (max-width: 575px) {
  .content-box-rating .review_single_item {
    width: calc((100vw - 50px) / 2);
  }
}
.content-box-rating .review_single_item .review_single_item_logo {
  height: 45px;
}
.content-box-rating .review_single_item .review_single_item_logo[data-name="Apple store"] {
  height: 38px;
  position: relative;
  top: 2px;
}
.content-box-rating .review_single_item .review_single_item_logo[data-name=SOURSEFORGE] {
  height: 47px;
}
.content-box-rating .review_single_item .review_single_item_logo[data-name="Software Advice"] {
  height: 26px;
  position: relative;
}
.content-box-rating .review_single_item .review_single_item_logo[data-name=TrustRadius] {
  height: 34px;
  position: relative;
  top: 2px;
}
.content-box-rating .review_single_item .review_single_item_logo[data-name=GetApp] {
  position: relative;
  top: 1px;
}
.content-box-rating .review_single_item .review_single_item_logo svg {
  width: 100%;
  height: 100%;
}
.content-box-rating .review_single_item p {
  color: var(--color-grey);
  font-size: 14px;
  font-weight: 500;
  font-margin: 0;
}

.cta-banner {
  margin-block: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  background-color: var(--color-bluePurple-dark-3);
  padding: 30px 20px;
  justify-content: flex-start;
  gap: 5px;
  align-items: center;
  margin-top: 32px;
}
.cta-banner .banner-cta-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://connecteam.com/wp-content/themes/connecteam/inc/templates/blog/assets/images/review-cta-image.webp);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 50%;
  display: none;
}
@media (max-width: 1239px) {
  .cta-banner .banner-cta-img {
    background-size: 40%;
  }
}
@media (max-width: 991px) {
  .cta-banner .banner-cta-img {
    background-position: center bottom;
    background-size: 280px;
  }
}
.cta-banner .ctaBanner-title p {
  margin: 0;
  font-family: var(--font-family-title);
  font-size: 38px;
  font-weight: 700;
  color: var(--color-blue-darker);
  z-index: 1;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 991px) {
  .cta-banner .ctaBanner-title p {
    max-width: 100%;
    font-size: 26px;
  }
}
.cta-banner .ctaBanner-subTitle p {
  margin: 0;
  font-family: var(--font-family-title);
  font-size: 22px;
  font-weight: 400;
  color: var(--color-blue-darker);
  z-index: 1;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 991px) {
  .cta-banner .ctaBanner-subTitle p {
    max-width: 100%;
    font-size: 20px;
  }
}
.cta-banner .ctaBanner-subTitle p strong {
  font-weight: 600;
}
.cta-banner .banner-cta-btn {
  margin-top: 20px;
  padding: 12px 23px;
  justify-content: center;
  font-family: var(--font-family-title);
  font-size: 16px;
  font-weight: 600;
  gap: 0.25em;
  z-index: 1;
  color: var(--color-white);
  background-color: var(--color-blue-darker);
  border: none;
  border-radius: 8px;
  position: relative;
  top: 1px;
  outline: none;
  cursor: pointer;
  transition: 0.25s;
  display: inline-flex;
  align-items: center;
}
.cta-banner .banner-cta-btn:hover {
  background-color: var(--color-blue);
}
.cta-banner .banner-cta-btn:after {
  content: "→";
  font-family: var(--font-family-primary);
  transition: transform 0.15s ease-out;
  display: block;
  position: relative;
  top: 1px;
}
.cta-banner .banner-cta-btn:hover:after {
  transform: translateX(0.25em);
}
/*# sourceMappingURL=blog.css.map */