body {     background: #14171c;     color: #6f757d;     font-family: SF UI Regular, sans-serif;     font-size: 17px;     font-weight: 400;     line-height: 1.5;     margin: 0;     padding: 0;     font-style: swap }  * {     box-sizing: border-box; }  a {     color: #b8b9bb; }  a:hover {     color: #ff7d02; }  main ul, footer ul, main ol {     list-style: none;     position: relative;     padding: 0; }  main ul li {     list-style: none;     margin-bottom: 14px;     padding-left: 14px;     position: relative; }  main ul li:before {     background: #ff7d02;     border-radius: 50px;     content: "";     height: 4px;     left: 0;     position: absolute;     top: 11px;     width: 4px; }  main ol {     list-style: none;     counter-reset: my-counter; }  main ol li {     counter-increment: my-counter;     margin-bottom: 10px; }  main ol li::before {     content: counter(my-counter);     display: inline-block;     width: 25px;     height: 25px;     background: #ff7d02;     text-align: center;     margin-right: 10px;     color: #ffffff;     line-height: 25px; }  h2 {     font-size: 22px; }  h1, h2, h3, h4, h5, h6 {     color: #fff;     font-family: SF UI Bold, sans-serif;     font-weight: 600;     line-height: 1.3; }  h3, h4 {     font-size: 20px; }  .header .container {     margin: 0 auto;     max-width: 1280px;     width: calc(100% - 620px); }  .container {     margin-left: 320px;     max-width: 1500px;     margin-right: 100px; }  .header {     align-items: flex-start;     display: flex;     left: 0;     position: fixed;     top: 0;     width: 100%;     z-index: 10; }  .header.active {     background: #191d24;     box-shadow: 0 4px 10px #000;     height: 42px; }  .header.active .logo {     padding: 8px; }  .header.active .logo img {     max-height: 24px;     transition: all .25s ease; }  .header.active .btn {     font-size: 12px;     padding: 5px 26px; }  .header.active .header-user {     font-size: 12px;     padding: 7px 30px 7px 15px; }  .header a {     text-decoration: none; }  .wrapper {     max-width: 310px;     min-width: 310px;     width: 310px; }  .logo {     line-height: 1;     padding: 15px;     transition: all .5s ease; }  .logo img {     max-height: 39px;     transition: all .5s ease; }  .menu-left-container {     background: #14171c;     height: auto;     left: 0;     max-height: 100vh;     overflow-x: hidden;     overflow-y: auto;     padding-bottom: 30px;     padding-top: 60px;     position: absolute;     top: 55px;     width: 310px;     z-index: 100; }  .header__menu {     list-style: none;     display: flex;     flex-direction: column;     margin: 0;     padding: 0; }  .menu-item {     margin: 0 20px;     position: relative; }   .menu-item a, .menu-item span {     align-items: center;     display: flex;     flex-direction: row-reverse;     justify-content: flex-end;     padding: 12px 0;     font-size: 15px;     text-decoration: none;     text-transform: uppercase;     cursor: pointer; }  .menu-item a img, .menu-item span img {     height: 24px;     margin-right: 24px; }  .submenu {     list-style: none;     display: none; }  .menu-item:hover .submenu {     display: block; }  .header-user {     align-items: center;     color: #b8b9bb;     display: flex;     font-size: 15px;     justify-content: flex-end;     padding: 15px 30px 15px 15px;     transition: all .25s ease; }  .wrapper.header-user {     max-width: 100%;     min-width: 310px;     width: auto; }  .login {     cursor: pointer;     padding: 0 40px; }  .btn {     background: #ff7d02;     border: none;     border-radius: 4px;     color: #fff;     font-size: 15px;     outline: none;     padding: 11px 36px;     transition-duration: .2s;     cursor: pointer;     display: inline-block;     text-decoration: none; }  .menu-toggle-wrapper {     align-items: center;     background: transparent;     display: none;     height: 100%;     justify-content: center;     margin-left: 25px;     transition: all .25s ease-in-out;     width: 70px; }  .menu-toggle-button {     height: 26px;     position: relative;     width: 30px; }  .menu-toggle-button span {     background: #ff7d02;     border-radius: 4px;     display: block;     height: 4px;     left: 0;     opacity: 1;     position: absolute;     transform: rotate(0deg);     transition: .25s ease-in-out;     width: 30px; }  .menu-toggle-button span:first-child {     top: 0; }  .menu-toggle-button span:nth-child(2), .menu-toggle-button span:nth-child(3) {     top: 12px; }  .menu-toggle-button span:nth-child(4) {     top: 24px; }  .locale-switcher {     margin-right: 0.5rem;     position: relative;     display: flex; }  .locale-switcher__toggle {     transition-duration: .15s;     transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;     transition-timing-function: cubic-bezier(.4, 0, .2, 1);     padding-left: 0.25rem;     padding-right: 0.25rem;     height: 2rem;     display: inline-flex;     min-width: fit-content;     cursor: pointer;     align-items: center;     justify-content: center;     border-radius: 2px; }  .locale-switcher__toggle-icon {     display: flex;     height: 1.5rem;     width: 1.5rem;     align-items: center;     justify-content: center;     margin-right: 10px; }  .locale-switcher__toggle-icon svg {     display: block;     vertical-align: middle;     width: 1rem; }  .img-top {     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;     transition-timing-function: cubic-bezier(.4, 0, .2, 1);     transition-duration: .3s;     width: .5rem;     height: .5rem;     transform: rotate(180deg); }  .shadow-dropdown {     display: none;     position: absolute;     left: 50%;     top: 2rem;     transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);     background-color: rgb(28, 28, 28);     padding: 0.25rem; } .locale-switcher.active .shadow-dropdown {     display: block; } .locale-switcher.active .img-top {     transform: rotate(0deg); } .shadow-dropdown__inner {     display: flex;     max-height: 256px;     flex-direction: column;     overflow-y: auto;     text-transform: capitalize;     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;     transition-timing-function: cubic-bezier(.4, 0, .2, 1);     transition-duration: .3s; }  .locale-dropdown__list-item {     display: flex;     cursor: pointer;     align-items: center;     border-radius: 2px;     fill: #fff;     padding: 0.25rem 0.5rem 0.25rem 0.25rem;     color: #ffffff; }  .locale-dropdown__list-item a {     display: flex;     align-items: center; }  .locale-dropdown__list-icon {     display: flex;     height: .5rem;     width: .5rem;     min-width: 24px;     align-items: center;     justify-content: center; }  .w-4 {     width: 1rem; }  .banner img {     width: 100%; }  .content {     padding-top: 65px; }  .text-content {     position: relative;     width: 100%; }  h1 {     display: inline-block;     font-size: 28px;     font-weight: 600;     width: 100%;     line-height: 1.3;     color: #fff; }  .toc-wrap {     float: left;     height: 222px;     margin: 5px 20px 20px 0;     max-width: 100%;     position: relative;     width: 500px; }  .toc_wrap_left {     background: #1a1d24;     border-radius: 8px;     box-shadow: 0 0 8px #000;     left: 0;     overflow: hidden;     padding: 30px 30px 17px;     position: absolute;     top: 0;     width: 100%;     z-index: 3;     display: block; }  .toc_wrap_left:before {     background: linear-gradient(180deg, rgba(25, 29, 36, 0), #191d24 85%);     content: "";     height: calc(100% - 70px);     left: 0;     position: absolute;     top: 70px;     width: 100%;     z-index: 100; }  .toc_wrap_left.active:before {     display: none; }  .ctoc {     height: 175px;     overflow: hidden; }  .ctoc-toggle {     color: #fff;     cursor: pointer;     font-size: 22px;     margin-bottom: 22px;     padding-right: 35px;     position: relative; }  .ctoc-toggle:before {     background-image: url(/shared/3003/faq2.svg);     background-position: 50%;     background-repeat: no-repeat;     content: "";     cursor: pointer;     height: 10px;     position: absolute;     right: 10px;     text-align: center;     top: 12px;     transform: rotate(180deg);     width: 10px; }  .ctoc__item {     color: #6f757d;     font-size: 19px;     text-decoration: none; }  .ctoc-body li > ul {     margin: 20px 0 20px 10px; }  .active .ctoc {     height: 100%;     overflow: visible; }  .active .ctoc-toggle:before {     transform: rotate(0deg); }  .button-wrapper {     margin-left: auto;     margin-right: auto;     text-align: center; }  .under-demo-btn {     margin-top: 24px; }  .btn__outline {     border: 3px solid;     border-radius: 30px;     font-size: 19px;     font-weight: 600;     line-height: 200%;     overflow: hidden;     position: relative;     text-align: center;     transition: all .3s ease-out .1s;     z-index: 1; }  .button-wrapper .btn {     max-width: 100%;     padding-left: 43px;     padding-right: 43px; }  table {     border: none;     margin: 40px 0;     text-align: left; }  table td {     background: #181b21;     color: #ebebf5;     padding: 12px 20px; }  table tbody tr td:nth-child(2n) {     color: #6f757d; }  table tbody tr:nth-child(2n) td {     background: #1f242b; }  .footer {     background: #0a0b0d;     margin-top: 52px; }  .footer__menu-wrapper {     align-items: flex-start;     display: flex;     padding-bottom: 55px;     padding-top: 45px;     width: 100%; }  .footer__menu-name {     color: #fff;     margin-bottom: 25px;     padding-bottom: 21px;     position: relative; }  .footer__menu-name:after {     background: linear-gradient(90deg, #ff7d02, rgba(255, 125, 2, 0));     bottom: 0;     content: "";     height: 2px;     left: 0;     position: absolute;     width: 80%; }  .footer__menu {     display: flex;     flex-direction: column;     flex-wrap: wrap;     list-style-type: none; }  .footer__menu li {     margin: 0 0 10px; }  .footer__menu li:before {     display: none; }  .footer__menu li a {     padding: 0; }  .providers-logo {     align-items: center;     background: #1d212a;     border-radius: 8px 4px 8px 8px;     display: flex;     flex-wrap: wrap;     justify-content: center;     padding: 18px; }  img {     height: auto;     max-width: 100%; }  .footer-text {     align-items: flex-end;     display: flex;     justify-content: space-between;     padding: 32px 0 24px; }  .partners-list {     margin-left: 100px;     min-width: 25%; }  .partners-logo {     display: inline-block;     margin-right: 20px;     max-height: 40px; }  .footer__copy {     font-size: 14px; }  .scroll-top {     background-image: url(/shared/3003/scroll-top.svg);     background-position: 50%;     background-repeat: no-repeat;     bottom: 100px;     cursor: pointer;     display: none;     height: 32px;     position: fixed;     right: 40px;     text-align: center;     width: 32px;     z-index: 3; }  @media (max-width: 1280px) {     .header {         background: #191d24;         box-shadow: 0 4px 10px #000;     }      .content {         margin-left: 0;         margin-right: 0;         padding-top: 75px;         width: 100%;     }      .container {         margin-left: 0;         margin-right: 0;         padding-left: 15px;         padding-right: 15px;     }      .menu-toggle-wrapper {         display: flex;         width: auto;     }      .menu-toggle-button {         height: 26px;         position: relative;         width: 30px;     }      .header .menu-left-container {         height: 100%;         left: auto;         position: fixed;         right: 0;         top: 71px;         transform: translateX(100%);         transition-duration: .5s;     }      .menu-left-container.active {         transform: translateX(0);         transition-duration: .5s;     }      .menu-toggle-button.active span:first-child {         left: 50%;         top: 18px;         width: 0;     }      .menu-toggle-button.active span:nth-child(2) {         transform: rotate(45deg);     }      .menu-toggle-button.active span:nth-child(3) {         transform: rotate(-45deg);     }      .menu-toggle-button.active span:nth-child(4) {         left: 50%;         top: 18px;         width: 0;     }      .footer-text {         flex-direction: column;         align-items: center;     }      .partners-list {         margin: 0;     }      .partners-list {         margin-left: 0;         margin-top: 10px;         min-width: 100%;         text-align: center;     } }  @media (max-width: 768px) {     .toc-wrap {         float: none;     }      .header {         background: #191d24;         box-shadow: 0 4px 10px #000;         height: 42px;     }      .header .logo {         padding: 8px;     }      .header .logo img {         max-height: 24px;         transition: all .25s ease;     }      .header .btn {         font-size: 12px;         padding: 5px 26px;     }      .header .header-user {         font-size: 12px;         padding: 7px 30px 7px 15px;     }      .wrapper {         max-width: 125px;         min-width: 120px;         width: 100%;     }      .header .menu-left-container {         top: 42px;     } }   @media (max-width: 576px) {     .footer__menu-wrapper {         flex-direction: column;     }     .login {         display: none;     } }  @media (max-width: 460px) {     .menu-toggle-wrapper {         margin-left: 5px;     }     .header .btn {         font-size: 12px;         padding: 5px 10px;     }     .wrapper.header-user {         max-width: 100%;         min-width: 208px;         width: auto;     }      table td {         padding: 5px 10px;         font-size: 12px;     }      .header .container {         display: none;     }     .header {         justify-content: space-between;     }     .header .header-user {         font-size: 12px;         padding: 7px 5px 7px 5px;     } }