:focus,
a:focus,
button:focus {
   outline: 0;
}
ol li,
p,
ul li {
   color: #1e2022;
}
code {
   font-size: 100%;
}
.h1,
h1 {
   font-size: 1.75rem;
}
@media (max-width: 1200px) {
   .h1,
   h1 {
      font-size: calc(1.26609rem + 0.19312vw);
   }
}
.h2,
h2 {
   font-size: 1.3125rem;
}
@media (max-width: 1200px) {
   .h2,
   h2 {
      font-size: calc(1.25625rem + 0.075vw);
   }
}
.h3,
h3 {
   font-size: 1.14844rem;
}
.h4,
h4 {
   font-size: 0.98438rem;
}
.h5,
h5 {
   font-size: 0.875rem;
}
.h6,
h6 {
   font-size: 0.76563rem;
}
summary {
   margin-bottom: 0.35rem;
}
.tab-content :not(pre) > code[class*="language-"],
.tab-content pre[class*="language-"] {
   border-bottom-right-radius: 0.3125rem;
   border-bottom-left-radius: 0.3125rem;
}
code[class*="language-"],
pre[class*="language-"] {
   color: #fff;
   margin: 0;
   white-space: pre-wrap;
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
}
code[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
pre[class*="language-"]::-moz-selection {
   text-shadow: none;
   background: #b3d4fc;
}
code[class*="language-"] ::selection,
code[class*="language-"]::selection,
pre[class*="language-"] ::selection,
pre[class*="language-"]::selection {
   text-shadow: none;
   background: #b3d4fc;
}
@media print {
   code[class*="language-"],
   pre[class*="language-"] {
      text-shadow: none;
   }
}
pre[class*="language-"] {
   padding: 1.5rem;
   overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
   background: #142140;
}
.prism-light:not(pre) > .prism-light code[class*="language-"],
pre.prism-light[class*="language-"] {
   background: #f9fafc;
}
.prism-light code[class*="language-"],
pre.prism-light[class*="language-"] {
   color: #142140;
}
:not(pre) > code[class*="language-"] {
   padding: 0.1em;
   border-radius: 0.3em;
   white-space: normal;
}
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
   color: #708090;
}
.token.punctuation {
   color: #2f6f9f;
}
.token.namespace {
   opacity: 0.7;
}
.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
   color: #2f6f9f;
}
.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
   color: #26a5b5;
}
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
   color: #d09a5c;
   background: 0 0;
}
.token.atrule,
.token.attr-value,
.token.keyword {
   color: #d44950;
}
.token.class-name,
.token.function {
   color: #dd4a68;
}
.token.important,
.token.regex,
.token.variable {
   color: #e90;
}
.token.bold,
.token.important {
   font-weight: 700;
}
.token.italic {
   font-style: italic;
}
.token.entity {
   cursor: help;
}
div.code-toolbar {
   position: relative;
}
div.code-toolbar > .toolbar {
   position: absolute;
   top: 1.0625rem;
   right: 0.75rem;
   transition: opacity 0.3s ease-in-out;
}
div.code-toolbar:hover > .toolbar {
   opacity: 1;
}
div.code-toolbar > .toolbar .toolbar-item {
   display: inline-block;
}
div.code-toolbar > .toolbar a {
   cursor: pointer;
}
div.code-toolbar > .toolbar button {
   background: 0 0;
   border: 0;
   color: inherit;
   font: inherit;
   line-height: normal;
   overflow: visible;
   padding: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
}
div.code-toolbar > .toolbar a,
div.code-toolbar > .toolbar button,
div.code-toolbar > .toolbar span {
   color: #fff;
   padding: 0.5rem 1rem;
   background-color: rgba(255, 255, 255, 0.1);
   border-radius: 0.3125em;
   transition: all 0.2s ease-in-out;
}
div.code-toolbar > .toolbar a:focus,
div.code-toolbar > .toolbar a:hover,
div.code-toolbar > .toolbar button:focus,
div.code-toolbar > .toolbar button:hover,
div.code-toolbar > .toolbar span:focus,
div.code-toolbar > .toolbar span:hover {
   color: #fff;
   background-color: #377dff;
}
div.code-toolbar > .prism-light + .toolbar a,
div.code-toolbar > .prism-light + .toolbar button,
div.code-toolbar > .prism-light + .toolbar span {
   color: #e7eaf3;
   background-color: transparent;
}
div.code-toolbar > .prism-light + .toolbar a:focus,
div.code-toolbar > .prism-light + .toolbar a:hover,
div.code-toolbar > .prism-light + .toolbar button:focus,
div.code-toolbar > .prism-light + .toolbar button:hover,
div.code-toolbar > .prism-light + .toolbar span:focus,
div.code-toolbar > .prism-light + .toolbar span:hover {
   color: #21325b;
   background-color: #377dff;
}
.heading {
   width: 100%;
   padding-bottom: 1rem;
   border-bottom: 1px solid #e7eaf3;
}
.hs-docs-heading {
   margin-top: 3rem;
   margin-bottom: 1rem;
}
.hs-docs-heading ~ p {
   margin-top: -0.5rem;
}
.hs-docs-heading::before {
   display: block;
   height: 6rem;
   margin-top: -6rem;
   content: "";
}
[data-anchorjs-icon]::after {
   content: attr(data-anchorjs-icon);
}
.anchorjs-link {
   padding-left: 0.5rem;
   font-size: 90%;
   color: rgba(55, 125, 255, 0.5) !important;
   transition: color 0.16s linear;
   opacity: 0;
}
.anchorjs-link:hover {
   color: #377dff !important;
}
.hs-docs-heading:hover .anchorjs-link {
   opacity: 1;
}
.hs-docs-copy-to-clipboard-text {
   font-size: 80%;
   color: #77838f;
}
.hs-docs-copy-to-clipboard:hover .hs-docs-copy-to-clipboard-text {
   color: #fff;
   background-color: #377dff;
}
.content-divider {
   padding-bottom: 1.5rem;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.content-divider:last-child {
   padding-bottom: 0;
   border-bottom-width: 0;
}
.scrollspy-example {
   position: relative;
   height: 200px;
   margin-top: 0.5rem;
   overflow: auto;
}
.card-header {
   border-width: 1px;
}
.docs-page-header {
   border-bottom: 0.0625rem solid #e7eaf3;
   padding-bottom: 1.75rem;
   margin-bottom: 2.25rem;
}
.docs-page-header-title {
   margin-bottom: 0.5rem;
}
.docs-page-header-text {
   color: #21325b;
   font-size: 15px;
   margin-bottom: 0.75rem;
}
.docs-page-header-text:last-child {
   margin-bottom: 0;
}
.docs-navbar {
   z-index: auto;
}
@media (min-width: 991px) {
   .docs-navbar-sidebar-container {
      max-width: 17rem !important;
   }
}
.navbar-light .navbar-nav .nav-link {
   color: #1e2022;
}
.navbar .container-fluid {
   padding-right: var(--bs-gutter-x, 0.75rem);
   padding-left: var(--bs-gutter-x, 0.75rem);
}
[class*="text-highlight-"] {
   background: left 1em/1em 0.2em;
   background-repeat: repeat-x;
}
.text-highlight-warning {
   background-image: linear-gradient(
      to bottom,
      rgba(241, 185, 128, 0.5),
      rgba(241, 185, 128, 0.5)
   );
}

.ss_img img {
   width: 80% !important;
   box-shadow: 5px 2px 30px rgba(0, 0, 0, 0.06);
   margin-top: 20px;
}



.navbar-light .navbar-nav .nav-link {
   font-size: 14px;
}

.installation{
   position: relative;
   margin-left: 40px;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}

.installation::after {
   width: 3px;
   height: 100%;
   background: #eef0f7;
   content: '';
   position: absolute;
   left: 0px;
   top: 0;
   z-index: -1;
}

.installation .nav-item .nav-link  {
   padding-left: 15px !important;
}

.video iframe{
   width: 100%;
   /*max-width: 900px;*/
   height: 600px;
}