/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* Single Post CSS */
/*//////////////////////////////////////////////////////////////////////////////////////////*/

html body.single-post .custom-header {
  padding: 105px 0 115px;
}

@media screen and (max-width: 1536) {
  .blog > .container.pix-container-boxed > .row:first-child {
    padding-top: 70px;
  }
}

html .blog > .container.pix-container-boxed {
  padding-top: 80px;
}

html body.single-post .pix-header-title .pix-h1 {
  line-height: 1.15;
  padding: 20px 0 15px;
}

html body.single-post p {
  margin-bottom: 15px;
}

html body.single-post .pix-short-desc p:last-of-type {
  margin-bottom: 0;
}

html body.single-post .post__meta {
  margin-bottom: 20px;
}

html body.single-post .widget img {
    margin: 0;
    border-radius: 5px;
}

.pix-post-share-container{
    position: relative;
    top: 12px;
}

html body.single-post .footer-meta.btn-social{
    display: flex;
    position: relative;
}

.pix-post-socials {
    display: flex;
    font-size: 20px;
    width: 30px;
    height: 40px;
    justify-content: center;
    margin-right: 10px;
    align-items: center;
    cursor: pointer;
}

html body.single-post .footer-meta .pix-social-round-transparent{
    text-align: right;
    margin-bottom: 0;
    display: flex;
    gap: 8px;
}

html body.single-post .footer-meta .pix-social-round-transparent li {
    border: 1px solid var(--pix-main-color);
    border-radius: 25px;
    font-size: var(--pix-font-size);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

html body.single-post .blog-article .post-content {
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    html body.single-post .blog-article .post-content {
        padding: 0 15px;
    }
}

html body.single-post .blog-article__related {
    margin-top: 35px;
}
html body.single-post .blog-article .post-content .mermaid{
    overflow: auto;
}

.pix-chat-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    padding: 0;
    margin-top: 0;
    flex-grow: 0;
    flex-shrink: 1;
    width: 100%;
    /* border: 1px solid rgba(89, 22, 139, 1); */
    border-radius: 8px;
    /* box-shadow: 0px 2px 10px 0px rgba(89, 22, 139, 0.2), 0px 10px 20px 0px rgba(89, 22, 139, 0.05); */
}

.pix-chat-body-wrapper{
  width: 100%;
}

.pix-chat-ask, .pix-chat-answer {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    background-color: rgba(89, 22, 139, 1);
    border-radius: 8px;
    max-width: 88%;
    margin-left: auto;
    padding: 10px;
}

.pix-chat-answer {
    background-color: rgba(243, 244, 246, 1);
    margin-left: 0;
    margin-right: auto;
}

.pix-chat-ask p, .pix-chat-answer p {
    margin-bottom: 0 !important;
}

.pix-chat-form {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 15px;
    flex-grow: 0;
    flex-shrink: 1;
    width: calc(100% + 30px);
    left: -15px;
    position: relative;
    border-top: 1px solid rgba(229, 231, 235, 1);
}

.pix-chat-input {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    flex-grow: 1;
    flex-shrink: 1;
    width: 78%;
    border: 1px solid rgba(209, 213, 220, 1);
    border-radius: 10px;
    overflow: hidden;
}

.pix-chat-form input {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 8px 12px 4px;
    width: calc(100% - 57px);
    border: none;
    outline: none;
    font-size: 16px;
    color: rgba(10, 10, 10, 1);
}

.pix-chat-form button {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    flex-grow: 0;
    flex-shrink: 1;
    width: 45px;
    background-color: rgba(89, 22, 139, 1);
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
}

.container.pix-width-1300.pix-container-boxed > .row:nth-child(2) .col-xl-4.d-xl-block{
    border-top: 1px solid #e8e8e8;
}

#pix-mailchimp-widget.widget{
    margin-bottom: 1rem;
}

.mc4wp-form-fields .col{
    padding-right: 0;
}

html body.single-post .comment-respond {
    padding: 0 0 40px;
}

.comment-form .logged-in-as {
    display: none;
}

html body.single-post .comment-respond form input:not([type=submit]):not([type=checkbox]) {
    padding: 10px 15px;
    height: 40px;
    border-radius: 10px;
}

html body.single-post .comment-respond form .comment-notes {
    display: none;
}

html body.single-post .comment-respond h3.comment-reply-title{
    margin: 0;
}

html body.single-post .comment-respond textarea {
    padding: 0.4rem 1rem;
    height: 40px;
    border-radius: 15px;
}

html .comment-list .comment ol{
    padding-left: 40px;
}

.bxc-main{
    margin: 0 auto;  
}

:root {
  --text-white: rgba(255, 255, 255, 1);
  --text-rgb-10-10-10: rgba(10, 10, 10, 1);
  --text-rgb-74-85-101: rgba(74, 85, 101, 1);
  --text-rgb-30-41-57: rgba(30, 41, 57, 1);
  --text-rgb-106-114-130: rgba(106, 114, 130, 1);
  --text-rgb-54-65-83: rgba(54, 65, 83, 1);
  --text-rgb-16-24-40: rgba(16, 24, 40, 1);
  --text-rgb-25-60-184: rgba(25, 60, 184, 1);
}

.text-white {
  color: var(--text-white);
}

.text-rgb-10-10-10 {
  color: var(--text-rgb-10-10-10);
}

.text-rgb-74-85-101 {
  color: var(--text-rgb-74-85-101);
}

.text-rgb-30-41-57 {
  color: var(--text-rgb-30-41-57);
}

.text-rgb-106-114-130 {
  color: var(--text-rgb-106-114-130);
}

.text-rgb-54-65-83 {
  color: var(--text-rgb-54-65-83);
}

.text-rgb-16-24-40 {
  color: var(--text-rgb-16-24-40);
}

.text-rgb-25-60-184 {
  color: var(--text-rgb-25-60-184);
}


/* CSS Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

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

/* Prototype Links (v5.6.0) */
a.prototype-link {
  text-decoration: none;
  color: inherit;
  display: contents;
}

.text-9 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.heading-3-8 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-11 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-10 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-13 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-12 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-7 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 21.597353497164463%;
}

.text-16 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.heading-3-15 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-19 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-18 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-21 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-20 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-23 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-22 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-25 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-24 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-27 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-26 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-29 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-28 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.list-17 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-14 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 21.597353497164463%;
}

.text-32 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.heading-3-31 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-35 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-34 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-37 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-36 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-39 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-38 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-41 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-40 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-43 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-42 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-45 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.list-item-44 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.list-33 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-30 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 21.597353497164463%;
}

.text-48 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.heading-3-47 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-51 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-52 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-53 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-50 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-56 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-55 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-58 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-57 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-54 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-61 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-60 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-63 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-62 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-59 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-49 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-46 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 21.597353497164463%;
}

.container-6 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 95.66003616636529%;
}

.text-67 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.paragraph-66 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 28.594636105860115%;
}

.text-70 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-69 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 26.409436225509797%;
}

.text-72 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-71 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 31.962215113954418%;
}

.text-74 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-73 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 26.274490203918432%;
}

.container-68 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 29.54867674858223%;
}

.container-65 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 616.84375px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-64 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 33px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 95.66003616636529%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.container-5 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  padding: 64px 24px 0px 24px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 55.300000000000004%;
}

.footer-4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px 447px 0px 447px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-79 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-3-78 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.imagewithfallback-83 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.container-82 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(229, 231, 235, 1);
  border-radius: 4px;
}

.text-85 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-4-84 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-87 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.paragraph-86 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.link-81 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.imagewithfallback-90 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.container-89 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(229, 231, 235, 1);
  border-radius: 4px;
}

.text-92 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-4-91 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-94 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.paragraph-93 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.link-88 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.imagewithfallback-97 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  height: auto;
}

.container-96 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(229, 231, 235, 1);
  border-radius: 4px;
}

.text-99 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-4-98 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-101 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.paragraph-100 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.link-95 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-80 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-104 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-3-103 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-106 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.paragraph-105 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-108 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.email-input-107 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px 8px 12px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.text-110 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.button-109 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0px 8px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(89, 22, 139, 1);
  border-radius: 4px;
}

.container-102 {
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 15px;
}

.container-77 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  padding: 15px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.text-116 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.container-115 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(89, 22, 139, 1);
  border-radius: 10px;
}

.container-114 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.text-119 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-30-41-57);
}

.container-118 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(243, 244, 246, 1);
  border-radius: 10px;
}

.container-117 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.text-123 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.text-input-122 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 16px 8px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 84.12698412698413%;
  border: 1px solid rgba(209, 213, 220, 1);
  border-radius: 10px;
}

.vector-126 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-127 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.icon-125 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-124 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 11px 16px 0px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 13.756613756613756%;
  background-color: rgba(89, 22, 139, 1);
  border-radius: 10px;
}

.container-121 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.form-120 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 16px 0px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-top: 1px solid rgba(229, 231, 235, 1);
}

.container-113 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 16px 0px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

.text-131 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.container-130 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(89, 22, 139, 1);
  border-radius: 10px;
}

.container-129 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.text-134 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-30-41-57);
}

.container-133 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(243, 244, 246, 1);
  border-radius: 10px;
}

.container-132 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.text-137 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.container-136 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(89, 22, 139, 1);
  border-radius: 10px;
}

.container-135 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.text-140 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-30-41-57);
}

.container-139 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(243, 244, 246, 1);
  border-radius: 10px;
}

.container-138 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.text-144 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.text-input-143 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 16px 8px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 84.12698412698413%;
  border: 1px solid rgba(209, 213, 220, 1);
  border-radius: 10px;
}

.vector-147 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-148 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.icon-146 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-145 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 11px 16px 0px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 13.756613756613756%;
  background-color: rgba(89, 22, 139, 1);
  border-radius: 10px;
}

.container-142 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.form-141 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 16px 0px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-top: 1px solid rgba(229, 231, 235, 1);
}

.container-128 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 16px 0px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border: 1px solid rgba(89, 22, 139, 1);
  border-radius: 8px;
}

.text-152 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.container-151 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(89, 22, 139, 1);
  border-radius: 10px;
}

.container-150 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.text-155 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-30-41-57);
}

.container-154 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(243, 244, 246, 1);
  border-radius: 10px;
}

.container-153 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.text-159 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.text-input-158 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 16px 8px 16px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 84.12698412698413%;
  border: 1px solid rgba(209, 213, 220, 1);
  border-radius: 10px;
}

.vector-162 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-163 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.icon-161 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-160 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 11px 16px 0px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 13.756613756613756%;
  background-color: rgba(89, 22, 139, 1);
  border-radius: 10px;
}

.container-157 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.19512195121952%;
}

.form-156 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 16px 0px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-top: 1px solid rgba(229, 231, 235, 1);
}

.container-149 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
  padding: 16px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

.container-112 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 50px;
  padding: 199px 0px 199px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 10px;
}

.sidebar-111 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-167 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--text-rgb-106-114-130);
}

.heading-3-166 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-170 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.link-169 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-172 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.link-171 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-174 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.link-173 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-176 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.link-175 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-178 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.link-177 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.navigation-168 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.articlepage-165 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 25.287356321839084%;
}

.text-181 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-180 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-183 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-182 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-185 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-2-184 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-187 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-186 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.rectangle-1-189 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(246, 194, 254, 0.7);
}

.text-190 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-188 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-192 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-2-191 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-194 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-193 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-198 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.bold-text-197 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 27.43803879310345%;
}

.text-199 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.list-item-196 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-202 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.bold-text-201 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 27.43803879310345%;
}

.text-203 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.list-item-200 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-206 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.bold-text-205 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 27.43803879310345%;
}

.text-207 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.list-item-204 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-210 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.bold-text-209 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 27.43803879310345%;
}

.text-211 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.list-item-208 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.list-195 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.text-213 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-2-212 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-215 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-214 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-217 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-216 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-219 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-2-218 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-221 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-220 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-223 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-222 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-225 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-2-224 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-227 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-226 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-229 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.paragraph-228 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.rectangle-2-231 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(227, 111, 238, 1);
}

.text-233 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.bold-text-232 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 41.215427442528735%;
}

.text-235 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.paragraph-234 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-238 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-consolas);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-16-24-40);
}

.code-237 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.code-block-236 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 18px 185.359375px 0px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 93.96551724137932%;
  background-color: rgba(243, 244, 246, 1);
  border-left: 4px solid rgba(89, 22, 139, 1);
}

.text-240 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.text-242 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-consolas);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-16-24-40);
}

.code-241 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 6px 2px 6px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 26.352255351681958%;
  background-color: rgba(229, 231, 235, 1);
  border: 1px solid rgba(209, 213, 220, 1);
  border-radius: 4px;
}

.text-243 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.paragraph-239 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.rectangle-5-245 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(89, 22, 139, 1);
  border-radius: 25px;
}

.text-246 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.vector-248 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.vector-249 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.6666666269302368px solid rgba(255, 255, 255, 1);
  border: none;
  outline: none;
}

.icon-247 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.frame-2-244 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-230 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-252 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.bold-text-251 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 32.190642959770116%;
}

.text-254 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.paragraph-253 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-257 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-consolas);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-16-24-40);
}

.code-256 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.code-block-255 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 18px 414.078125px 0px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 93.96551724137932%;
  background-color: rgba(243, 244, 246, 1);
  border-left: 4px solid rgba(89, 22, 139, 1);
}

.rectangle-3-259 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(246, 194, 254, 0.7);
}

.rectangle-4-260 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(246, 194, 254, 0.7);
}

.text-261 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.paragraph-258 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-250 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-264 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.bold-text-263 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 27.76580459770115%;
}

.text-266 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.paragraph-265 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-269 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-consolas);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-16-24-40);
}

.code-268 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.code-block-267 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 18px 211.75px 0px 20px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 93.96551724137932%;
  background-color: rgba(243, 244, 246, 1);
  border-left: 4px solid rgba(89, 22, 139, 1);
}

.text-271 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.paragraph-270 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-262 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-179 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-274 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.heading-2-273 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-279 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.text-area-278 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px 8px 16px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
}

.container-277 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.form-276 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.67241379310344%;
}

.container-275 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 15px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  background-color: rgba(249, 250, 251, 1);
  border-radius: 10px;
}

.container-283 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(209, 213, 220, 1);
  border-radius: 33554400px;
}

.text-287 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.text-286 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 15.559188179347828%;
}

.text-289 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-106-114-130);
}

.text-288 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 0.6623641304347826%;
}

.text-291 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-106-114-130);
}

.text-290 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 7.789147418478261%;
}

.container-285 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 116.45569620253164%;
}

.text-293 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.paragraph-292 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-295 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.button-294 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 5.330300632911392%;
}

.container-298 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(209, 213, 220, 1);
  border-radius: 33554400px;
}

.text-302 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.text-301 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 11.1359126984127%;
}

.text-304 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-25-60-184);
}

.text-303 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 8px 2px 8px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 8.348214285714285%;
  background-color: rgba(219, 234, 254, 1);
  border-radius: 4px;
}

.text-306 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-106-114-130);
}

.text-305 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 0.7738095238095238%;
}

.text-308 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-106-114-130);
}

.text-307 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 8.291170634920634%;
}

.container-300 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 105.52763819095476%;
}

.text-310 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.paragraph-309 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-312 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.button-311 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 5.642797319932998%;
}

.container-299 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-297 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-296 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 103.32278481012658%;
}

.container-284 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-282 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-281 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px 0px 1px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.container-315 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(209, 213, 220, 1);
  border-radius: 33554400px;
}

.text-319 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.text-318 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 10.636039402173914%;
}

.text-321 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-106-114-130);
}

.text-320 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 0.6623641304347826%;
}

.text-323 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-106-114-130);
}

.text-322 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 7.789147418478261%;
}

.container-317 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 116.45569620253164%;
}

.text-325 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.paragraph-324 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-327 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.button-326 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 5.330300632911392%;
}

.container-316 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-314 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-313 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px 0px 1px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.container-329 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(209, 213, 220, 1);
  border-radius: 33554400px;
}

.text-333 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-10-10-10);
}

.text-332 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 14.2578125%;
}

.text-335 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-106-114-130);
}

.text-334 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 0.6623641304347826%;
}

.text-337 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-106-114-130);
}

.text-336 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 7.789147418478261%;
}

.container-331 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 116.45569620253164%;
}

.text-339 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-54-65-83);
}

.paragraph-338 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-341 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.button-340 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 5.330300632911392%;
}

.container-330 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.container-328 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-280 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.container-272 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  padding: 49px 0px 0px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.article-164 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 57.23684210526315%;
}

.container-76 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-344 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-343 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 12px 4px 12px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 13.026646205357142%;
  background-color: rgba(89, 22, 139, 1);
  border-radius: 4px;
}

.text-346 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 48px;
  line-height: 48px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-16-24-40);
}

.heading-1-345 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-348 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.paragraph-347 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.vector-352 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.vector-353 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.vector-354 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.vector-355 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.icon-351 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-357 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.text-356 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 82.56130790190736%;
}

.container-350 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 54.613095238095234%;
}

.vector-360 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.vector-361 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.icon-359 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-363 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-74-85-101);
}

.text-362 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 75.4357908204062%;
}

.container-358 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 38.77108134920635%;
}

.container-349 {
  flex-grow: 0;
  flex-shrink: 1;
  width: 28.125%;
}

.primitive-div-364 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(0, 0, 0, 0.1);
}

.text-367 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-rgb-106-114-130);
}

.figcaption-366 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.3076923076923%;
}

.imagewithfallback-368 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border-radius: 10px;
  width: 100%;
  height: auto;
}

.figure-365 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 0px 32px 0px 32px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 92.85714285714286%;
}

.vector-372 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.vector-373 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.vector-374 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.vector-375 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.vector-376 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.icon-371 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-370 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 15.267175572519085%;
  border: 1px solid rgba(209, 213, 220, 1);
  border-radius: 33554400px;
}

.vector-379 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.icon-378 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-377 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 15.267175572519085%;
  border: 1px solid rgba(209, 213, 220, 1);
  border-radius: 33554400px;
}

.vector-382 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.icon-381 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-380 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 15.267175572519085%;
  border: 1px solid rgba(209, 213, 220, 1);
  border-radius: 33554400px;
}

.vector-385 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.icon-384 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-383 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 15.267175572519085%;
  border: 1px solid rgba(209, 213, 220, 1);
  border-radius: 33554400px;
}

.vector-388 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.vector-389 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.vector-390 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  border: 1.3333333730697632px solid rgba(74, 85, 101, 1);
  border: none;
  outline: none;
}

.icon-387 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.button-386 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 15.267175572519085%;
  border: 1px solid rgba(209, 213, 220, 1);
  border-radius: 33554400px;
}

.articlepage-369 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 29.24107142857143%;
}

.container-342 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.boxed-container-75 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
}

.container-394 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 6px;
}

.text-396 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.text-395 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 79.5999681249502%;
}

.container-393 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 18.81747840690979%;
}

.text-399 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.link-398 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-401 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.link-400 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-403 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.link-402 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.text-405 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: left;
  font-family: var(--font-family-arial);
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: none;
  color: var(--text-white);
}

.link-404 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.navigation-397 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 37.8508877159309%;
}

.container-392 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 625.515625px;
  padding: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
}

.header-391 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 479px 1px 479px;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.articlepage-3 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(2, 2, 2, 1);
  border: 1px solid rgba(0, 0, 0, 1);
}

.post-page-design-2 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(255, 255, 255, 1);
}

.article-1 {
@media (max-width: 1440px) {
  .article-1 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 768px) {
  .article-1 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  background-color: rgba(2, 2, 2, 1);
}

/* Comments Avatar */
.blog-article__comments-item .comment-author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 20px;
    display: block;
}

/* Reddit-style Comment Box */
.reddit-comment-box {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 0;
    background-color: #fff;
    margin-bottom: 10px;
}

.reddit-comment-box textarea.form-control {
    border: none;
    box-shadow: none;
    resize: none;
    height: 40px;
    min-height: 40px;
    padding: 10px;
    background: transparent;
    overflow: hidden;
    transition: height 0.3s ease;
}

.reddit-comment-box textarea.form-control:focus {
    box-shadow: none;
    outline: none;
}

/* Reddit-style Submit Button */
.reddit-submit {
    background-color: var(--pix-main-color);
    color: #fff;
    border-radius: 999px;
    padding: 6px 16px;
    font-weight: 700;
    font-size: 14px;
    border: none;
    float: right;
    text-transform: none;
    display: none;
}

.reddit-submit:hover {
    background-color: #005fa3;
    color: #fff;
}

/* Reddit-style Cancel Button */
.reddit-cancel {
    background-color: transparent;
    color: #333;
    border-radius: 999px;
    padding: 6px 16px;
    font-weight: 700;
    font-size: 14px;
    border: none;
    float: right;
    text-transform: none;
    margin-right: 10px;
    display: none;
}

.reddit-cancel:hover {
    background-color: #efefef;
    color: #333;
}

/* Clearfix for floated button */
.form-submit::after {
    content: "";
    display: table;
    clear: both;
}