* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

 
html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter' !important;
    scroll-behavior: smooth;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a:active,
a:hover {
    outline: 0;
}

a {
    color: #000;
    text-decoration: underline;
}

a:hover,
.article-content a:hover {
    color: #008DF2;
    text-decoration: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 500;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

figure img {
    width: 100%;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}


input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


textarea {
    overflow: auto;
}


optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
}

td,
th {
    padding: 0;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                     http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
       * Don't show links that are fragment identifiers,
       * or use the `javascript:` pseudo protocol
       */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
       * Printing Tables:
       * http://css-discuss.incutio.com/wiki/Printing_Tables
       */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Theme Base */
span.close-button-for-zoom-preview {
    background: #ffffff;
    right: -50px;
    top: 0px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    height: 35px;
    width: 35px;
    line-height: 32px;
    border-radius: 50%;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
}

span.close-button-for-zoom-preview::after {
    color: #000000;
    content: "x";
    font-size: 23px;
}

.page-content .v-split-container>.v-split {
    margin: auto;
    width: 1400px;
    max-width: 100%;

}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    color: #000;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    font-weight: 600;
    font-family: 'Inter';
}

h1,
h2,
h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 0;
}

h4,
h5,
h6 {
    margin-top: 35px;
    margin-bottom: 15px;
    padding-bottom: 0;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

/* Common Styles */

p,
code,
table,
th,
td,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
legend,
input[type="submit"],
input,
input[type="text"],
textarea,
select,
input[type="password"],
address,
input[type="file"],
input[type="hidden"],
button,
input[type="image"],
blockquote {
    font-size: 16px;
}

address {
    color: #000;
    font-size: 16px;
}

p {
    margin: 0;
    margin: 0 0 20px 0;
    color: rgba(51, 65, 85, 1);
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
}

input[type=file],
input[type=hidden] {
    color: #000;
    font-size: 16px;
}

input[type=image],
blockquote {
    color: #000;
    font-size: 16px;
}

input[type=text]:not(.swagger-ui *),
input[type=password]:not(.swagger-ui *) {
    font-family: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 14px;
    border-color: #bbb;
    height: 44px;
    border-width: 1px;
    border-radius: 3px;
}

input[type=text].validation-error,
input[type=password].validation-error {
    border: 1px solid #e64343;
}

select:not(.swagger-ui *) {
    border-color: #bbb;
    height: 44px;
    border-width: 1px;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 14px;
    border-radius: 3px;
}

textarea:not(.swagger-ui *) {
    border-color: #bbb;
    border-width: 1px;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 14px;
    height: 120px;
    border-radius: 3px;
}

table th {
    font-size: 16px;
    font-weight: 500;
    background: #f9f9f9;
}

table,
th,
td {
    border: 1px solid #ededed;
    padding: 10px 16px;
    color: #000;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
    text-align: left;
}

.widget-snippet p {
    margin: 0;
    padding: 0 0 20px 0;
    color: #000;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
}

.widget-snippet {
    color: #000;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
    text-align: left;
}

.widget-snippet a {
    color: #000;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
    text-align: left;
    text-decoration: underline;
}

.widget-snippet a:hover {
    color: #0F85AB;
    text-decoration: none;
}

.widget-snippet ul,
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul li {
    margin: 0 0 12px 0;
    padding: 0 0 0px 18px;
}

ul li::before {
    content: '';
    background: #334155;
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 50px;
    top: 10px;
    left: 0;
}

.widget ul li a,
.widget ol li a {
    color: #000000;
}

.widget ul li a:hover,
.widget ol li a:hover {
    color: #9fcdee;
}

ul,
ol,
.widget-snippet ul,
.widget-article ul,
.widget-snippet ol,
.widget-article ol {
    margin-bottom: 12px;
}

ol,
.widget-article ol,
.widget-snippet ol {
    padding-left: 15px;
}

.main-menu .navigation-item a:hover {
    /* text-decoration: underline; */
    color: #9fcdee;
}

.widget-snippet ul,
ul {
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
}

.widget-snippet ul li,
.widget-snippet ol li,
ul li,
ol li {
    position: relative;
    margin: 0 0 8px 0;
    list-style-type: none;
    margin-bottom: 10px;
    color: #334155;
    line-height: 27px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
}

ol li {
    list-style-type: decimal;
}

kbd {
    color: #000;
    padding: 20px 30px 20px 30px;
    margin: 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    background: #fdfdfd;
    position: relative;
    border: 2px dotted #00cb59;
    border-radius: 3px;
    display: block;
}

.entry-content a,
.entry-summary a,
.page-content a,
.entry-content ul li a,
.entry-summary ul li a,
.page-content ul li a {
    color: #334155;
    text-decoration: underline;
    font-weight: 600;
}

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.entry-content ul li a:hover,
.entry-summary ul li a:hover,
.page-content ul li a:hover {
    text-decoration: underline;
    color: #008DF2;
}

/* Basic styling for the code container */
.code-container {
    margin: 20px 0;
    position: relative;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 5px;
    background: #f9f9f9;
    max-height: 500px;
    overflow: auto;
}

.code-container>p span {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 1px 7px;
    border-radius: 4px;
    margin: 0 2px;
    display: inline-block;
}

.code-container-item {
    position: relative;
    margin: 20px 0;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    overflow: auto;
    font-family: monospace;
    border-radius: 5px;
}

.code-container pre {
    margin: 0 !important;
    border: 0;
    background: transparent !important;
    padding-left: 60px !important;
    height: auto;
    min-height: auto;
    overflow: visible;
}

.code-container pre code {
    padding: 0;
    border: 0;
    width: auto;
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: transparent !important;
    margin: 0 !important;
}

/* Styling for line numbers */
pre[class*="language-"] {
    position: relative;
    padding-left: 1em;
    /*counter-reset: line;*/
}

pre[class*="language-"] code {
    position: relative;
}

/* Line numbers */
pre[class*="language-"] code::before {
    /*counter-increment: line;*/
    /*content: counter(line);*/
    position: absolute;
    left: 0;
    padding-right: 1em;
    color: #888;
    text-align: right;
    display: inline-block;
    width: 2em;
}

/* Copy button styling */
.copy-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    color: #000;
    border: none;
    padding: 4px 14px;
    cursor: pointer;
    z-index: 66;
    border-radius: 30px;
    font-family: monospace;
    font-size: 15px;
    border: 1px solid #f1f1f1;
}

.copy-btn:hover {
    background-color: #fbfbfb;
}

.vertical .navigation-item .navigation-item-child-container.open {
    display: block;
}

.code-snippet-tab .bmui-tab-body-container .code-snippet-widget-element-content {
    border-radius: 15px;
    background: #F8F8F8;
}




/*********************New Layout***************************/
.header .widget.widget-image img {
    max-width: 210px;
}

body.page-test-page .header {
    z-index: 999;
    background: #fff;
}






#webcommander-page .header>.widget-container {
    width: 100%;
    max-width: 1600px;
}

.how-can-help-title h1 {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 46px;
    letter-spacing: 0;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 22px;
}

.how-can-help-title p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
}

.inner-drop-menu-user .menu-title {
    position: absolute;
    right: 3px;
    width: 100px;
    padding: 9px 14px 5px;
    border-radius: 50px;
    border: 0.96px solid rgba(0, 0, 0, 0.18);
    cursor: pointer;
}


.widget-navigation.inner-drop-menu-user .menu-button em {
    background-color: #000;
    ;
    width: 20px;
}

.widget-navigation.inner-drop-menu-user .navigation-item a {
    border-bottom: 0px dashed #ccc !important;
    display: block;
    padding: 5px 0;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 500;
    color: #000;
}

.widget-navigation.inner-drop-menu-user .navigation-item a:hover {
    color: #008DF2;
}

.widget-navigation.inner-drop-menu-user .menu-title:before {
    content: "";
    background: url(/template/48dd72cf/images/user-profile-image.svg) no-repeat center;
    width: 38px;
    height: 39px;
    position: absolute;
    top: 5px;
    left: 49px;
}

 

.widget-navigation.inner-drop-menu-user .login-signup-button a {
    background: #008DF2;
    border: none;
    padding: 11px 15px 11px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    line-height: 19px;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    max-width: 100%;
    width: 100%;
}

.widget-navigation.inner-drop-menu-user .navigation-item {
    padding: 2px 0px;
}

.widget-navigation.inner-drop-menu-user .login-signup-button a:hover {
    background: #0078CE;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
 

    .responsive .widget-navigation.inner-drop-menu-user .nav-wrapper {
        right: 20px;
    }

   
}

/*************/

/*home new search start*/
.widget-search.header-search {
    max-width: 750px;
    margin: 0 auto;
}

.widget-search.header-search.inner-search {
    max-width: 514px;
    margin: 0 auto;
}

.widget-search.header-search .quick-preview-view {
    background: #FFFFFF;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.11);
    border-radius: 20px;
}

.widget.widget-search.header-search .quick-preview-search-input-box .search-box {
    position: relative;
    max-width: 100%;
    min-width: 100%;
}

.widget.widget-search.header-search .quick-preview-search-input-box .search-box form {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}

.widget.widget-search.header-search .quick-preview-search-wrap {
    border-radius: 15px;
    margin-top: 0px;
}

.widget.widget-search.header-search .search-form.quick-preview-search-form {
    top: 52px;
    background-color: transparent;
}

.widget.widget-search.header-search .quick-preview-search-input-box .search-box input {
    height: 52px;
    border-radius: 50px;
    padding: 9px 61px 10px 58px;
    margin: 0;
    border: 1px solid rgba(0, 141, 242, 0.26);
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.8);
    background: url(/template/48dd72cf/images/home-header-search-icon1.svg) no-repeat top;
    background-position: 24px 16px;
    transition: all 0.3s ease;
}

.widget.widget-search.header-search .quick-preview-search-input-box .search-box input:focus {
    border: 1px solid rgb(0 141 242);
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
}

.widget.widget-search.header-search .quick-preview-search-input-box .search-box input::placeholder {
    letter-spacing: 0
}

.widget.widget-search.header-search .quick-preview-search-input-box .close-btn {
    right: 25px;
}

.widget.widget-search.header-search .quick-preview-search-input-box .search-box .quick-view-close-btn svg path {
    fill: rgba(0, 141, 242, 1);
}

.widget.widget-search.header-search .search-box button.search-icon {
    position: absolute;
    width: 52px;
    margin-left: 10px;
    font-size: 0;
    height: 52px;
    background: #008DF2 url(/template/48dd72cf/images/search-arrow.svg) no-repeat top;
    padding: 0;
    border-radius: 50px;
    background-position: 15px 17px;
    right: -64px;
    left: auto;
    transition: all 0.3s ease;
}

.widget.widget-search.header-search .search-box button.search-icon:hover {

    background: #0078CE url(/template/48dd72cf/images/search-arrow.svg) no-repeat top;
    background-position: 15px 17px;


}

.widget.widget-search.header-search .search-box button.search-icon svg {
    opacity: 0;
}

.widget.widget-search.header-search .search-form form input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.8);
    font-size: 17px;
    font-weight: 500;
}

.widget.widget-search.header-search .search-form form input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.8);
    font-size: 17px;
    font-weight: 500;
}

.widget.widget-search.header-search .search-form form input::placeholder {
    color: rgba(0, 0, 0, 0.8);
    font-size: 17px;
    font-weight: 500;
}

.widget.widget-search.header-search .search-form.quick-preview-search-form {
    width: 100%;
    position: absolute;
    right: 0;
    top: 60px;
}

.widget.widget-search.header-search .quick-preview-search-wrap .main-content {
    gap: 32px;
    width: 100%;
    max-width: 100%;
}

.search-form .page-card .name-column .title-link {
    font-size: 15px;
    color: #000000;
    line-height: 21px;
}

.search-form .page-card .name-column {
    margin: 0 0 5px;
}

.search-form .page-card .page-description {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
}

.search-form .page-grid {
    gap: 20px;
}

.quick-preview-responsive-version .quick-preview-search-wrap .main-content .see-all-result-wrap,
.quick-preview-search-form .quick-preview-search-wrap .main-content .see-all-result-wrap {
    text-align: left;
}

.quick-preview-responsive-version .quick-preview-search-wrap .main-content .see-all-result-wrap .see-all-result,
.quick-preview-search-form .quick-preview-search-wrap .main-content .see-all-result-wrap .see-all-result {

    font-size: 14px;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #008DF2;
    border: 0;
    width: auto;
    cursor: pointer;
    padding: 0
}

.quick-preview-responsive-version .quick-preview-search-wrap .main-content .see-all-result-wrap .see-all-result:hover,
.quick-preview-search-form .quick-preview-search-wrap .main-content .see-all-result-wrap .see-all-result:hover {
    border: 0;
    background: #fff;
    text-decoration: underline;
    color: #008df2;
}

.search-form .page-card .page-description:empty {
    display: none;
}

.quick-preview-responsive-version.search-form.quick-preview-search-form form {
    max-height: calc(100vh - 300px);
    overflow: inherit;
}

.quick-preview-responsive-version .quick-preview-search-wrap .main-content {
    max-height: calc(100vh - 300px);
}

.entire-elastic-search {
    max-width: 1240px;
    margin: 0 auto;
}

.entire-elastic-search .search-result .title {
    margin: 0 0 40px;
}

.entire-elastic-search .page-section .page-grid .page-card .name-column .title-link {
    font-size: 15px;
    color: #000;
    margin-bottom: 6px;
}

.search-form .page-card .name-column .title-link:hover {
    text-decoration: underline;
}

.entire-elastic-search .page-section .page-grid .page-card .page-description {
    font-size: 14px;
    line-height: 22px;
    display: block;
}

.entire-elastic-search .search-result .title {
    letter-spacing: 0;
    text-transform: capitalize;
}

@media screen and (max-width: 991px) {
    .responsive .widget.widget-search.header-search .quick-preview-search-input-box .search-box {
        position: relative;
        max-width: 100%;
        min-width: auto;
        margin: -5px auto 0;
    }

    .responsive .widget-search.header-search.inner-search {
        max-width: 360px;
        margin: 0 auto;
    }
}

/*home new search end*/

.company-topice-content {
    text-align: center;
    padding: 0 20px 20px;
}

.company-topice-content .article-content {
    margin-top: 40px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;

}

.company-topice-content .article-content a {
    color: #008DF2;
    text-decoration: underline;
}

.company-topice-content .article-content {
    margin-top: 0px;
    font-weight: 400;
    font-size: 16px;
    padding: 0 20px;
    ;
} 

/****************/
.widget-html.inner-document-title-box {
    margin-top: 60px;
}

.inner-document-title-box .document-title {
    font-weight: 700;
    font-size: 41px;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
    margin: 40px 0 40px;
    padding: 0 30px;
    font-family: 'Inter';
}

@media screen and (max-width: 767px) {
    .inner-document-title-box .document-title {
        font-size: 28px;
        margin: 10px 0 20px;
        padding: 0 15px;
    }

    .responsive .widget-html.inner-document-title-box {
        margin-top: 12px;
    }

    .responsive .inner-drop-menu-user .menu-title {
        position: absolute;
        right: 0;
        z-index: 99;
        transform: scale(0.8);
    }
}

/************************************************/

/*new help center inner page start*/

.details-arrow-back {
    margin-bottom: 5px;
    margin-top: 54px;
}

#webcommander-page.page-abandoned-cart-settings .page-content {
    padding: 0px 90px 10px 0px;
}

#webcommander-page.page-documentation-guides .page-content,
.page-landing-new .page-content {
    padding: 0;
}

#webcommander-page.page-abandoned-cart-settings .header,
#webcommander-page.page-documentation-guides .header,
#webcommander-page.page-landing-new .header {
    background: #ffffff;
    padding: 0 0px;
    border-bottom: 1px solid #ffffff;
}

#webcommander-page.page-documentation-guides .header>.widget-container,
#webcommander-page.page-landing-new .header>.widget-container {
    width: 100%;
    max-width: 1600px;
}

#webcommander-page .header>.widget-container {
    width: 100%;
    max-width: 1600px;
}

#webcommander-page.page-landing-new .footer {
    background-color: #000000;
}
#webcommander-page .header {  
    padding: 0 30px;
}
.how-can-help-title .title-header {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 44px;
    letter-spacing: -1.2px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 53px;

}

.inner-drop-menu-user .menu-title {
    position: absolute;
    right: 3px;
    width: 100px;
    padding: 9px 14px 5px;
    border-radius: 50px;
    border: 0.96px solid rgba(0, 0, 0, 0.18);
    cursor: pointer;
}


.widget-navigation.inner-drop-menu-user .nav-wrapper {
    background: #FFFFFF;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.11);
    border-radius: 20px;
    height: auto;
    padding: 20px  0 0 0;
    top: 62px;
    overflow: hidden;
}

.widget-navigation.inner-drop-menu-user .menu-button em {
    background-color: #000;
    ;
    width: 20px;
}

.widget-navigation.inner-drop-menu-user .navigation-item a {
    border-bottom: 0px dashed #ccc !important;
    display: block;
    padding: 8px 28px;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 500;
    color: #000;
}

.widget-navigation.inner-drop-menu-user .navigation-item a:hover {
    color: #008DF2;
}

.widget-navigation.inner-drop-menu-user .menu-title:before {
    content: "";
    background: url(/template/118dd31b/images/user-profile-image.svg) no-repeat center;
    width: 38px;
    height: 39px;
    position: absolute;
    top: 5px;
    left: 49px;
}

.widget-navigation.inner-drop-menu-user .login-signup-button {
    padding: 20px 28px 35px 28px  !important;
}

.widget-navigation.inner-drop-menu-user .login-signup-button a {
    background: #008DF2;
    border: none;
    padding: 11px 20px 11px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    line-height: 19px;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    max-width: 100%;
    width: 100%;
}

.widget-navigation.inner-drop-menu-user .navigation-item {
    padding: 2px 0px;
}

.widget-navigation.inner-drop-menu-user .login-signup-button a:hover {
    background: #0078CE;
    color: #ffffff;
}

.company-topice-content {
    text-align: center;
}

.company-topice-content .article-content {
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;

}

.company-topice-content .article-content a {
    color: #008DF2;
    text-decoration: underline;
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left {
    z-index: 1;
    overflow: inherit;
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left .navigation-item.has-child .child-opener::before {
    display: none;
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left .responsive-navigation .navigation-item {
    display: block;
    padding: 0px 0px;
}

.sidebar-sdk-left-menu.navmenu-document-box .nav-wrapper {
    padding: 4px 35px 10px 35px;
    height: auto;
    overflow: auto;
    max-width: 960px;
    margin: 0 auto;
    border: 1px solid #D6D6D6;
    border-radius: 20px;
    background-color: #fff;
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left .navigation-item a {
    font-weight: 400;
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left .nav-wrapper {
    max-width: 500px;
    max-height: calc(100vh - 240px);
    box-shadow: 1.98px 1.98px 49.58px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(214, 214, 214, 0.7);
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    top: 12px;
    left: 44px;
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left .menu-title .menu-button {
    position: absolute;
    top: -40px;
    left: 44px;
    min-width: 140px;
    border-radius: 50px;
    border: 1px solid rgba(214, 214, 214, 1);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    padding: 2px 20px;
    cursor: pointer;
    height: 40px;
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left .menu-title .menu-button.close {
    border: 1px solid rgba(189, 225, 252, 1)
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left .menu-title .menu-button:before {
    content: 'Contents';
    position: absolute;
    top: 7px;
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left .menu-title .menu-button:after {
    content: "";
    background: url(/template/118dd31b/images/menu-down-arrow.svg) no-repeat center;
    width: 14px;
    height: 8px;
    position: absolute;
    top: 16px;
    right: 20px;
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left .menu-title .menu-button.close:after {
    transform: rotate(180deg);
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left .menu-button em {
    opacity: 0;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item.last a,
.sidebar-sdk-left-menu.navmenu-document-box .navigation-item.last a:hover {
    border-bottom: 0px solid #f7f1f1;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item a {
    border: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 21px;
    padding: 21px 0px;
    border-radius: 0;
    border-bottom: 1px solid #f7f1f1;
    text-decoration: none !important;
    font-family: 'Inter';
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item a:hover {
    border-bottom: 1px solid #d0d0d0;
    color: #008DF2;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item-child-container {
    border-bottom: 1px solid #f7f1f1;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item:has(.navigation-item-child-container.open) a,
.sidebar-sdk-left-menu.navmenu-document-box .navigation-item:has(.navigation-item-child-container.active) a,
.sidebar-sdk-left-menu.navmenu-document-box .navigation-item.active a {
    border-color: transparent;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item.active>a span {
    color: #008DF2;
    text-decoration: underline;
}

.sidebar-sdk-left-menu.navmenu-document-box .vertical .navigation-item .navigation-item-child-container {
    border-left: 0;
    padding: 0px 0 20px 0px !important;
    margin: 0px 0 !important;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item-child-container .navigation-item a {
    padding: 3px 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 34px;
    letter-spacing: 0;
    border-bottom: 0px solid #edebeb;
    opacity: 0.86;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item-child-container .navigation-item a:hover {
    text-decoration: underline !important;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item-child-container .navigation-item.has-child .navigation-item-child-container a {
    padding: 5px 45px;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item.has-child .navigation-item-child-container.open .navigation-item.has-child span.child-opener {
    top: 10px;
    right: 0;
}

.sidebar-sdk-left-menu.navmenu-document-box span.child-opener {
    top: 22px;
    right: 0;
}

.sidebar-sdk-left-menu.navmenu-document-box.details-nav-left span.child-opener {
    top: 22px;
    right: 0;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item a:hover {
    color: #000;
    background: transparent;
}

.sidebar-sdk-left-menu.navmenu-document-box .navigation-item-child-container .navigation-item a:hover {
    color: #008DF2;
    background: transparent;
}

.sidebar-sdk-left-menu.navmenu-document-box span.child-opener.close {
    transform: rotate(180deg);
}

/*New inner page end*/
/*******************END New Layout***************************/
/* Theme Css */
.body {
    min-height: calc(100vh - 155px);
}

/*body.page-home .header {  
    background: transparent;
  }
  .header { 
    z-index: 999; 
    background: linear-gradient(93.81deg, #1183A7 28.89%, rgba(165, 104, 243, 0.85) 134.03%, #28A2C9 139.71%);
  }*/
.horizontal .navigation-item a {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    padding: 0 15px !important;
}

.main-menu .navigation-item.active a {
    color: #fff;
    font-weight: 500;
}

.scrollToTop {
    cursor: pointer;
    text-align: center;
    line-height: 44px;
}

.foo-separator .spacer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer {
    background: rgba(0, 0, 0, 1);
}

.footer>.widget-container {
    width: 100%;
    height: 452px;
    max-width: 1320px;
    padding: 0 30px;
}

.footer .horizontal .navigation-item a {
    color: #fff;
}

.foo-menu .widget-title {
    color: #fff;
    margin-top: 0px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 8px;
}

.foo-menu .navigation-item a {
    color: #fff;
    font-size: 14px;
    border: 0;
}

.foo-menu .navigation-item a:hover {
    color: #008DF2;
}

.copyright p {
    margin: 0;
    color: #fff;
    font-size: 14px;
}

.home-content {
    margin-top: 120px;
}

.page-content {
    padding: 50px 90px 70px 15px;
}

.html-widget-element-content p>code {
    padding: 0px 12px;
    text-align: center;
    display: inline-block;
    margin: 0 3px;
    background: #f1f1f1;
    border-radius: 4px;
}

.responsive #left-modern-nav-drawer-wc .navigation-item:hover>.navigation-item-child-container {
    display: none;
}

.responsive #left-modern-nav-drawer-wc .navigation-item.active>.navigation-item-child-container,
.responsive #left-modern-nav-drawer-wc .navigation-item.active:hover>.navigation-item-child-container,
.responsive #left-modern-nav-drawer-wc .navigation-item:hover .navigation-item-child-container.open {
    display: block;
}

/* Sidebar menu */


span.child-opener {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 6px;
    top: 8px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-[0.9rem] w-[0.9rem]"><path d="m6 9 6 6 6-6"></path></svg>');
    background-position: center;
    background-size: contain;
    cursor: pointer;
}


.vertical .navigation-item.active>a {
    color: #000;
}

.code-view-tab-container {
    margin-top: 40px;
}

.code-view-tab-container .button-group {
    border-bottom: 1px solid #eee;
}

.code-view-tab-container .button-group button {
    background: transparent;
    margin: 0 20px 0 0;
    font-size: 15px;
    color: #686868;
    padding: 0 0 8px 0;
}

.code-view-tab-container .button-group button.active {
    border-bottom: 2px solid;
    color: #000;
}

.body-menu .nav-wrapper.horizontal {
    text-align: center;
}

.page-home .body {
    background: #FFFAF3;
}

.home-box-target .html-widget-element-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
}

.home-box-target .html-widget-element-content>p {
    flex: 1;
    text-align: center;
}

.home-box-target .html-widget-element-content a {
    background: #fff;
    padding: 30px;
    max-width: 300px;
    width: 100%;
    min-height: 300px;
    border-radius: 10px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 0 20px -12px rgba(0, 0, 0, 0.1);
}

/* Swagger FIX */
.information-container.wrapper {
    display: none;
}

.swagger-ui .scheme-container {
    box-shadow: none !important;
}

.swagger-ui table {
    table-layout: auto !important;
}

.swagger-ui table tbody tr td {
    border: 0 !important;
}

.swagger-ui ul li::before {
    display: none !important;
}



/* Layout FIX */
.page-content>.v-split-container>.v-split.fee-fixed-width-content,
.widget-container>.v-split-container .v-split.fee-fixed-width-content,
.widget-container>.page-content>.v-split.fee-fixed-width-content,
.widget-container>.page-content>.v-split-container>.v-split.fee-fixed-width-content {
    width: auto;
}

.fee-fixed-width-content {
    padding-left: calc(50% - 700px) !important;
    padding-right: calc(50% - 700px) !important;
}




/* Code Widget CSS */
.code-container .toolbar {
    display: none;
}

.widget-code-snippet-inner .code-snippet-widget-element-content {
    margin: 20px 0;
    position: relative;
    border: 1px solid #eee;
    padding: 20px 25px 20px 15px;
    border-radius: 5px;
    background: #fff;
    max-height: 500px;
    overflow: auto;
}

.widget-code-snippet-inner .bmui-tab-body-container {
    border: 0;
    padding: 0;
    margin-top: 10px;
}

.widget-code-snippet-inner .bmui-tab-header-container .bmui-tab-header {
    background: transparent;
    margin: 0 20px 0 0;
    font-size: 15px;
    color: #686868;
    padding: 0 0 8px 0;
    border: 0;
}

.widget-code-snippet-inner .bmui-tab-header-container {
    border-bottom: 1px solid #eee;
}

.widget-code-snippet-inner .bmui-tab-header-container .bmui-tab-header.bmui-tab-active.bmui-state-active {
    border-bottom: 2px solid;
    color: #000;
}

.widget-code-snippet-inner .header-text-container {
    margin-top: 20px;
}

div.code-toolbar>.toolbar>.toolbar-item>a,
div.code-toolbar>.toolbar>.toolbar-item>button,
div.code-toolbar>.toolbar>.toolbar-item>span {
    padding: 8px 18px !important;
    cursor: pointer;
    z-index: 66 !important;
    border-radius: 30px !important;
    font-family: monospace !important;
    font-size: 15px !important;
    border: 1px solid #f1f1f1 !important;
    background: #fff !important;
    color: #000 !important;
    box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, .1) !important;
}

body.page-home .header>.widget-container {
    max-width: 1430px;
    padding: 0 30px;
}

.widget.widget-html video,
.widget.widget-html p video,
.widget.widget-article p video,
.widget.widget-article p img,
.widget.widget-article img,
.widget.widget-html p img,
.widget.widget-article figure video,
.widget.widget-html figure video,
.widget.widget-html p img,
.widget.widget-article figure img {
    width: 100%;
}

/*Sidebar start*/
body.page-home .page-content {
    padding: 60px 30px;
}

.nav-wrapper.responsive-navigation {
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: #ececec transparent;
    /* thumb track */
}

.nav-wrapper.responsive-navigation::-webkit-scrollbar {
    width: 6px;
    /* thin scrollbar */
}

.nav-wrapper.responsive-navigation::-webkit-scrollbar-track {
    background: transparent;
}

.nav-wrapper.responsive-navigation::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg,
            #a855f7,
            #6366f1);
    border-radius: 10px;
}

.nav-wrapper.responsive-navigation::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg,
            #9333ea,
            #4f46e5);
}

html.pushbar_locked {
    overflow: auto;
}



.body>.body-section>.widget-container {
    padding: 0 15px;
}



/***********side-pannel***************/
body.with-drawer {
    overflow-x: hidden;
}

.left-container {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-10%, 0, 0);
    -ms-transform: translate3d(-10%, 0, 0);
    -o-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    background: #fff;
}

.body .sidebar-sdk-left-menu.dev {
    height: 53px;
    border: 0;
    position: fixed;
    left: 0;
    top: 35px;
    z-index: 1;
    width: 70px;
    padding: 12px 10px;
    border-radius: 0 100px 100px 0;
    background: rgba(245, 245, 245, 1);
    overflow: hidden;
    transition: all 1s ease;
    z-index: 9999;
}

.left-container>.widget.widget-navigation.sidebar-sdk-left-menu.dev.responsive-navigation {
    height: 100vh;
    position: relative;
    width: 100%;
    padding: 0 25px 25px 25px;
    overflow-y: auto;
    top: unset;
    border-radius: 15px;
    background: transparent;
    border: 8px solid rgb(245 245 245);
    left: unset;
}

.left-container {
    width: 100%;
    max-width: 350px;
    overflow: hidden;
    z-index: 999;
}


.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item {
    margin: 0;
    padding: 0;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item>a {
    border: 0;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 21px;
    padding: 15px 0px;
    border-radius: 0;
    border-bottom: 1px solid #f7f1f1;
    text-decoration: none !important;
    font-family: Inter;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item.active>a span {
    color: #008DF2;
    text-decoration: underline;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item.has-child .navigation-item>a {
    padding: 3px 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 34px;
    letter-spacing: 0;
    border-bottom: 0px solid #edebeb;
    opacity: 0.86;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item:has(.navigation-item-child-container.open) a,
.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item:has(.navigation-item-child-container.active) a {
    border-color: transparent;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item>a:hover {
    color: #000;
    background: transparent;
    border-bottom: 1px solid #d0d0d0;
}

.left-container .responsive-navigation .navigation-item.has-child .child-opener::before {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

@keyframes childOpenerFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.left-container .responsive-navigation .navigation-item.has-child .child-opener {
    animation-name: childOpenerFade;
    animation-duration: 0.5s;
    animation-delay: 3.3s;
    animation-fill-mode: both;

    -webkit-animation-name: childOpenerFade;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 3.3s;
    -webkit-animation-fill-mode: both;
}

.left-container .responsive-navigation .navigation-item.has-child .child-opener::before {
    display: none
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item.has-child .child-opener {
    top: 16px;
    overflow: hidden;
    right: 0;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item.has-child .child-opener.close,
.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item.has-child.active>.child-opener {
    transform: rotate(180deg);
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item .navigation-item-child-container {
    padding-top: 0;
    padding-right: 0;
    position: relative;
    overflow: hidden;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item.has-child .navigation-item>.navigation-item-child-container::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(214, 214, 214, 1);
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item .navigation-item:hover>a,
.left-container.open .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item .navigation-item.active>a {
    color: #008DF2;
    text-decoration: underline !important;
    background: transparent;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item.has-child .navigation-item>.child-opener {
    top: 10px;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item.active.has-child>a {
    text-decoration: none !important;
    background: transparent;
    border-bottom: 0;
}

.left-container .sidebar-sdk-left-menu .vertical .navigation-item .navigation-item-child-container {
    border-bottom: 1px solid #f7f1f1;
}

.left-container .sidebar-sdk-left-menu .vertical .navigation-item .navigation-item-child-container {
    border-left: 0;
    padding: 0px !important;
    margin: 0px 0 !important;
    border-bottom: 0;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item .navigation-item-child-container {

    position: relative;
    overflow: hidden;
    padding: 0px 0 10px 0px !important;
    margin: 0px 0 10px 0px !important;
    border-bottom: 1px solid #f7f1f1;
}

.left-container .responsive-navigation.sidebar-sdk-left-menu.dev .navigation-item-child-container .navigation-item.has-child .navigation-item-child-container a {
    padding: 3px 35px;
}

.left-container .sidebar-sdk-left-menu .navigation-item {
    position: relative;
}

.left-container+.page-container.open .body>.body-section>.widget-container {}

.nav-wrapper.vertical.responsive-navigation.wc-modern-navigation .navigation-item a {
    border: 0;
    padding: 0 24px 0 0;
    color: #242424;
    line-height: 26px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Inter';
}

.nav-wrapper.responsive-navigation {
    padding: 20px;
}

.page-container {
    transform: none !important;
    margin-left: 0;
}

.page-container.open {
    margin-left: 350px;
}

body.with-drawer .page-container.open .body .sidebar-sdk-left-menu.dev {
    left: 350px;
}

/*scroll bar css start*/
.left-container>.widget.widget-navigation.sidebar-sdk-left-menu.dev.responsive-navigation::-webkit-scrollbar-track,
.widget-table-of-contents-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #ffffff;
}

.left-container>.widget.widget-navigation.sidebar-sdk-left-menu.dev.responsive-navigation::-webkit-scrollbar,
.widget-table-of-contents-inner::-webkit-scrollbar {
    width: 5px;
    background-color: #ffffff;
}

.left-container>.widget.widget-navigation.sidebar-sdk-left-menu.dev.responsive-navigation::-webkit-scrollbar-thumb,
.widget-table-of-contents-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, .3);
    background-color: rgb(215 215 215);
}









/*scrollbar css end*/

/******************/
.sidebar-sdk-left-menu .navigation-item.active>a {
    color: #1183a7;
    font-weight: 500;
}

.sidebar-sdk-left-menu {
    padding: 40px 30px 90px 20px;
    height: auto;
    overflow: auto;
}

.sidebar-sdk-left-menu.dev {
    height: 53px;
    border: 0;
    position: fixed;
    left: 0;
    top: 155px;
    z-index: 1;
    width: 70px;
    padding: 12px 10px;
    border-radius: 0 100px 100px 0;
    background: rgba(245, 245, 245, 1);
    overflow: hidden;
}

body.body-scrolling .sidebar-sdk-left-menu.dev,
body.body-scrolling #left-modern-nav-drawer-wc {
    top: 35px;
}

.with-drawer .pushbar_overlay,
html.pushbar_locked .sidebar-sdk-left-menu.dev {
    display: none;
}

.sidebar-sdk-left-menu.quick-access-menu {
    padding: 50px 50px 50px 50px;
}

.sidebar-sdk-left-menu .navigation-item {
    position: relative;
}

.sidebar-sdk-left-menu .navigation-item a {
    border: 0;
    font-size: 14px;
    color: #000;
    line-height: 21px;
    padding: 8px 16px;
    border-radius: 5px;
}

.sidebar-sdk-left-menu .vertical .navigation-item .navigation-item-child-container {
    border-left: 0;
    padding: 0 !important;
    margin: 10px 15px;
}

.sidebar-sdk-left-menu .navigation-item a:hover {
    color: #1183a7;
    background: #f7f7f7;
}

.sidebar-sdk-left-menu .navigation-item.has-child>a {
    padding-right: 32px;
}

.left-modern-nav-drawer-container .wc-mdoern-nav-title {
    padding-bottom: 0;
    height: 20px;
    border: 0;
}

.left-modern-nav-drawer-container .wc-mdoern-nav-title:after {
    content: "Contents";
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    background: #f0f0f0;
    display: block;
    height: 50px;
    top: 0;
    position: absolute;
    left: 0;
    padding: 15px 20px;
}

.left-modern-nav-drawer-container .wc-modern-nav-close-button {
    width: 36px;
    height: 40px;
    position: absolute;
    top: 5px;
    right: 12px;
    z-index: 11;
}

.left-modern-nav-drawer-container .wc-mdoern-nav-title:after {
    content: "Contents";
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    background: rgba(245, 245, 245, 1);
    display: block;
    height: 50px;
    top: 0;
    position: absolute;
    left: 0;
    padding: 15px 20px;
}

.left-modern-nav-drawer-container .wc-modern-nav-close-button:before,
.left-modern-nav-drawer-container .wc-modern-nav-close-button:after {
    left: 17px;
}

/*********************
  #left-modern-nav-drawer-wc{
   width: 100%;
      max-width: 395px;
      background: transparent;
    width:100%;
    top: 155px;
    border: 1px solid rgb(214, 214, 214);
    left: 0;
    min-height: 300px;
    border-radius: 20px;
    background: #fff;
    max-height: 635px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #ececec transparent;
  }
  #left-modern-nav-drawer-wc.opened{
     left: 40px; 
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.first {
    margin-top: 10px;
  }
  #left-modern-nav-drawer-wc .responsive-navigation .navigation-item.has-child .child-opener::before {
      display:none
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.has-child .child-opener { 
      right: 0; 
        top: 0px;
  }
   
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item {
      margin: 0;
      padding: 0;
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item>a{
      border: 0;
      font-size: 16px;
      font-weight: 500;
      color: #000;
      line-height: 21px;
      padding: 20px 0px;
      border-radius: 0;
      border-bottom: 1px solid rgba(214, 214, 214, 0.23);
      text-decoration: none !important;
      font-family: Inter;
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.active>a{
      border-bottom: 1px solid rgba(214, 214, 214, 1);
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.has-child .navigation-item>a{
      padding: 3px 15px;
      font-weight: 400;
      font-size: 15px;
      line-height: 34px;
      letter-spacing: 0;
      border-bottom: 0px solid #edebeb;
      opacity: 0.86;
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item>a:hover {
      color: #000;
      background: transparent;
      border-bottom: 1px solid #d0d0d0;
  }
  
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.has-child .child-opener {
      top: 22px;
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.has-child .child-opener.close,
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.has-child.active>.child-opener{
        transform: rotate(180deg);
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item .navigation-item-child-container{
    padding-top: 0;
    padding-right: 0;
    position: relative;
    overflow: hidden;
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.has-child .navigation-item > .navigation-item-child-container::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(214, 214, 214, 1);
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item .navigation-item:hover>a, #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item .navigation-item.active>a {
    color: #008DF2;
    text-decoration: underline !important;
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.has-child .navigation-item > .child-opener {
    top: 10px;
  }
  #left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.active.has-child>a{
    text-decoration: none !important;
  }
  **************/

/*Sidebar End*/
.widget-breadcrumb {
    font-size: 14px;
}

span.breadcrumb-item.root a {
    text-decoration: none;
}

span.breadcrumb-item.root a span {
    display: none !important;
}

span.breadcrumb-item.root a:after {
    content: "Home";
}

span.breadcrumb-item.root:after {
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-[0.9rem] w-[0.9rem]"><path d="m6 9 6 6 6-6"></path></svg>');
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(-90deg);
    margin-left: 5px;
    opacity: .6;
}

.widget-image img {
    width: 100%;
}

/*footer social icon start*/
.social-media-link .social-media-link a {
    color: #fff;
    font-size: 20px;
    background-image: none;
    position: relative;
    width: 20px;
    height: 25px;
    margin-right: 12px;
}

.social-media-link .social-media-link a:hover {
    color: #008DF2;
}

.social-media-link .social-media-link a:before {
    font-family: "Font Awesome 6 Brands";
}

.social-media-link .social-media-link a.linkedin:before {
    content: "\f0e1";
}

.social-media-link .social-media-link a.facebook:before {
    content: "\f39e";
}

.social-media-link .social-media-link a.twitter:before {
    content: "\e61b";
}

.social-media-link .social-media-link a.youtube:before {
    content: "\f167";
}

.social-media-link .social-media-link a.stumbleupon:before {
    content: "\f16d";
}

/*footer social icon end*/


/*Table of Content Start*/
div#spltr-562A1D0C-6F00-40C0-8EB7-91928BA36B54,
div#spltr-37F722B3-A5BE-4F5E-B76B-7FE6A4ACF840,
div#spltr-B192262F-B598-415F-AA0A-19D792CE8BE2,
div#spltr-B618F29D-283D-4218-BA75-B75D2C54A822,
#spltr-CE73ABF4-CEDF-4604-BDE6-B457FF4BD9B9,
#spltr-4AD5EB3F-C232-4656-9E74-F2CB7C89EB11 {
    position: sticky;
    top: 0px;
}

.widget-table-of-contents-inner li {
    padding: 0;
    font-size: 14px;
    line-height: 21px;
}

.widget-table-of-contents-inner {
    overflow: auto;
    max-height: calc(100vh - 200px);
    border-left: 1px solid #eee;
    padding-left: 30px;
    margin-top: 50px;
}

body.body-scrolling .widget-table-of-contents-inner {
    max-height: calc(100vh - 100px);
}

.widget.widget-tableOfContents {
    padding-bottom: 80px;
}

.toc-header h1 {
    font-size: 14px;
    text-transform: uppercase;
    color: #334155;
    margin: 0 0 20px;
}

.toc-header li a.toc-header-anchor:hover {
    color: #008DF2 !important;
}

a.toc-header-anchor.highlighted {
    color: #008DF2 !important;
    text-decoration: none !important;
    font-weight: 500;
    position: relative;
}


.widget-table-of-contents-inner ul,
.widget-table-of-contents-inner ol {
    margin: 10px 0;
    padding: 0 0 0 20px;
}

.toc-header>ul {
    padding: 0;
}

/*Table of Content End*/

.widget-html img {
    width: 100%;
}




/*Custom Fixing For API Response */
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper .api-playground-action .send-api-playground-request {
    white-space: nowrap;
}

.site-popup.wc-api-playground-popup .title-bar {
    padding: 10px 16px 10px 30px;
}

.site-popup.wc-api-playground-popup .title-bar .window-corner-toolbar .close {
    height: 22px;
    width: 22px;
    background-size: contain;
}

.site-popup.wc-api-playground-popup .content {
    height: 600px;
    max-height: initial;
    overflow: auto;
}

.api-playground-scroller {
    max-height: initial;
}

.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper {
    align-items: center;
    margin-bottom: 26px;
}

.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper .api-playground-endpoint-footer-left-part .this-request-subtitle {

    line-height: 19px;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params {
    border-bottom: 0;
}

.api-playground-scroller {
    height: 466px;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-add .access-token-input {

    font-size: 13px;
}

.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-endpoint-card .api-endpoint-url,
.api-playground-section .api-playground-card .api-play-card-left .api-request-endpoint {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
}

.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-endpoint-card .api-endpoint-url::-webkit-scrollbar,
.api-playground-section .api-playground-card .api-play-card-left .api-request-endpoint::-webkit-scrollbar {
    display: none;
    /* Chrome, Edge, Safari */
}

.widget-table-of-contents-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(90, 145, 234, 0.5) !important;
    border-radius: 10px !important;
    background-color: #f5f5f5 !important
}

.widget-table-of-contents-inner::-webkit-scrollbar {
    width: 8px !important;
    background-color: #f5f5f5 !important
}

.widget-table-of-contents-inner::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    -webkit-box-shadow: inset 0 0 6px rgba(73, 133, 229, 0.5) !important;
    background-color: #d6d4d4 !important
}

.api-playground-section .api-playground-card .api-play-card-right .api-request-try-out-button {
    white-space: nowrap;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section input[type="radio"] {
    margin-top: 6px;
}

.access-token-add {
    width: 100%;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-add .access-token-input {
    max-width: 100%;
}



.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-add .access-token-input {
    max-width: 100%;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-body .CodeMirror {
    height: 350px;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .generate-token-site-list-button {
    padding-right: 0;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section input[type="radio"] {
    margin-top: 4px;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-body-container {
    border: 1px solid #4a4a4a;
    border-radius: 0 8px 8px;
}

.api-playground-popup-wrapper span.copy-api-response-body .fee-icon:hover {
    fill: #116dff;
}



@media all and (max-width:1600px) {
    .api-playground-section .api-playground-card .api-play-card-left .api-request-endpoint {
        flex-basis: calc(100% - 60px);
    }

    .api-playground-section .api-playground-card .api-play-card-right {
        position: absolute;
        right: 15px;
    }

    .api-playground-section .api-playground-card {
        padding-right: 120px;
    }

    .api-playground-section .api-playground-card .api-play-card-left {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media all and (max-width:1366px) {
    .site-popup.wc-api-playground-popup .content {
        height: 440px;
        overflow: auto;
    }

    body.body-scrolling .nav-wrapper.responsive-navigation {
        top: 0;
    }

    #left-modern-nav-drawer-wc {
        max-width: 300px;
        box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.4);
        top: 155px;
        left: -10px;
    }

    .nav-wrapper.responsive-navigation {
        width: 100%;
        top: 0;
        border: 0;
        left: 0;
        min-height: 100%;
        border-radius: 0;
        background: #fff;
        max-height: 100%;
    }

    .widget-navigation.inner-drop-menu-user .nav-wrapper {
        max-height: fit-content;
    }
}

.api-playground-section .api-playground-card .api-play-card-left .api-request-endpoint,
.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-endpoint-card .api-endpoint-url {
    overflow-y: hidden;
    scrollbar-width: none;
}

[data-pushbar-direction="left"][data-pushbar-id] {
    left: -10px;
}

[data-pushbar-direction="left"][data-pushbar-id].opened {
    left: 0;
}



@media (max-width: 767px) {
    .api-playground-section .api-playground-card {
        flex-direction: column;
        align-items: end;
    }

    .api-playground-section .api-playground-card .api-play-card-left {
        width: 100%;
    }

    .api-playground-section .api-playground-card .api-play-card-right {
        border-left: 0;
        padding-left: 0;
    }

    .api-playground-section .api-playground-card .api-play-card-left .api-request-endpoint {
        flex-basis: 85%;
        max-width: 85%;
    }

    .site-popup.wc-api-playground-popup.not-sign-in {
        width: 100% !important;
        min-width: auto;
        height: 100vh !important;
        margin: 0;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-header-part {
        padding: 24px;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-body-part {
        padding: 24px 0;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper {
        padding: 0 24px 24px;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-site-title {

        line-height: 22px;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-add .access-token-input {

        margin-top: 10px;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-footer-part {
        padding: 24px;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper {
        align-items: center;
        margin-bottom: 0;
        flex-direction: column;
        text-align: center;
    }

    .api-playground-section .api-playground-card {
        padding-right: 15px;
    }

    .api-playground-section .api-playground-card .api-play-card-right {
        position: relative;
        right: inherit;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params {
        padding: 0 24px 24px;
        margin: 0;
    }

    .site-popup.wc-api-playground-popup .content {
        height: 100%;
    }

    .api-playground-scroller {
        height: calc(100vh - 200px);
    }

    .api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag {

        font-size: 14px;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body {
        padding: 24px;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-header-container .bmui-state-default {

        padding: 12px 0;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-header-container .bmui-state-default.bmui-state-active .title {

        font-size: 16px;
    }

    .site-popup.wc-api-playground-popup .title-bar .title {

        font-weight: 500;
    }

    .site-popup.wc-api-playground-popup .title-bar {
        padding: 10px 16px 10px 24px;
    }

    .api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params .params-table-body-row .params-table-body-column {

        font-weight: 600;
    }

    #left-modern-nav-drawer-wc {
        width: 100%;
        max-width: 100%;
    }

    .left-modern-nav-drawer-container .nav-wrapper.responsive-navigation {
        padding: 20px;
        width: 100%;
        top: 0;
        left: 0;
        border-radius: 0;
        border: 0;
        max-height: 100%;
        height: 100%;
    }

    body.body-scrolling .sidebar-sdk-left-menu.dev,
    body.body-scrolling .nav-wrapper.responsive-navigation {
        top: 0;
    }

    .sidebar-sdk-left-menu.navmenu-document-box {
        padding: 10px 0 50px;
    }
}

/*Custom Fixing For API Response */

/***** Language Selector Start *****/
.site-popup.popup.multi-language span.header-label .title {
    padding-bottom: 25px;
    font-weight: 500;
    font-size: 25px;
    max-width: 100%;
    line-height: 32px;
}

.site-popup.popup.multi-language span.header-label .label {
    font-size: 16px;
    padding: 0 0 5px;
}

.country-select.inside input,
.country-select.inside input[type=text] {
    font-size: 14px;
}

.popup.multi-language .language-popup-close {
    text-align: center;
    margin: 15px 0 0;
}

.popup.multi-language div.country-select .country-list {
    width: 100% !important;
}

.popup.multi-language .chosen-container a,
.popup.multi-language .language-select-continue {
    max-width: 70px;
    font-size: 17px;
    padding: 12px 5px 12px;
    line-height: 17px;
    font-weight: 500;
    height: 42px;
    border-radius: 3px;
    background: #00CA88;
    width: 100%;
    color: #fff;
    margin: 0 0 0 5px;
}

.popup.multi-language .chosen-container a:hover,
.popup.multi-language .language-select-continue:hover {
    background: #09d593;
    color: #fff;
}

.popup.multi-language .country-select {
    width: 100%;
}

.popup.multi-language .language-select-cancel {
    margin: 0 auto;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    max-width: 100%;
    border: 0;
    text-transform: unset;
}

.popup.multi-language .language-select-cancel:hover {
    text-decoration: underline;
    color: #00CA88;
}

.popup.multi-language .country-select .selected-flag .arrow {
    filter: unset;
    margin: 0 8px 0 5px;
}

.popup.multi-language .country-select.inside .selected-flag {
    padding: 0 0 0 15px;
}

.widget.widget-languageSelector div.country-select.inside input {
    border: 0;
    height: 40px;
    width: 92%;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 35px;
    color: #000;
    background: transparent;
}

.popup.multi-language {
    padding: 40px;
    border-radius: 3px;
    max-width: 480px;
    box-shadow: 0px 0px 24px 14px rgba(67, 67, 67, 0.1);
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
}

.popup.multi-language .select-wrapper {
    max-width: 390px;
    margin: 0 auto;
    padding: 0 0 10px;
}

.popup.multi-language div.country-select.inside input {
    height: 42px;
    border-radius: 3px;
}

.popup.multi-language div.country-select.inside input {
    border: 1px #e1e1e1 solid;
}

.country-select.inside .flag-dropdown:hover .selected-flag {
    background-color: transparent;
}

.country-select.inside input,
.country-select.inside input[type=text] {
    padding-left: 38px;
    font-weight: 500;
    font-size: 17px;
}

.widget-languageSelector .form-row {
    margin: 0;
    background: #fff;
    border-radius: 5px;
}

.country-select .selected-flag .arrow {
    margin-top: -7px !important;
    right: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-color: #757575;
    height: 26px;
    border-width: 0;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 12px;
    background-image: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png);
    background-position-x: right;
    background-size: auto;
    background-position-x: calc(100% - 6px);
    background-size: 12px;
    margin: 0 5px;
    margin-top: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.country-select .selected-flag .arrow.up {
    border-bottom: 0 solid #555;
    transform: rotate(180deg);
    margin-top: -19px !important;

}

.country-select.inside .selected-flag {
    width: 230px;
    padding: 0 0 0 10px;
}

div.country-select .country-list {
    width: 100%;
    width: 230px !important;
    overflow: auto;
    right: 0;
    border: 0;
    border-radius: 3px;
    top: 48px;
    max-height: 400px;
}

.country-select .country-list .divider {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #f2f2f2;
}

div.country-select .country-list li:before {
    display: none;
}

div.country-select .country-list .country {
    padding: 6px 15px;
    line-height: 28px;
    font-size: 14px;
    margin: 0;
    align-items: center;
    display: flex;
}

.popup.multi-language .select-wrapper .country-select.inside .selected-flag {
    width: auto;
    cursor: pointer;
}

.popup.multi-language .country-select.inside input,
.country-select.inside input[type=text] {
    font-size: 15px;
    padding-left: 45px;
}

.country-select.inside input[type="text"] {
    padding-left: 42px;
}

.country-select input#country_selector:focus {
    border-color: transparent !important;
    background: transparent !important;
}

.widget-languageSelector .form-row label {
    display: none !important;
}

/***** Language Selector End *****/



.site-popup.not-logged-in.wc-api-playground-popup .content {
    height: auto !important;
}

.site-popup.not-logged-in.wc-api-playground-popup span.maximize {
    display: none;
}

.wc-full-view-popup .api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .generate-token-site-list-button select {
    width: 317px;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .generate-token-site-list-button select {
    font-size: 13px;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .test-token-input-wrapper input.test-token-input {
    font-size: 13px;
}

.wc-full-view-popup .api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .test-token-input-wrapper input.test-token-input {
    width: 382px;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .generate-token-site-list-button .generate-token-button {
    font-family: system-ui;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .generate-token-site-list-button .generate-token-button:hover {
    color: #4eb7f5;
}


.not-logged-in .api-playground-sign-in-popup-wrapper .url-end-point-body-part .url-endpoint-card .request-end-point {
    overflow-y: hidden;
    scrollbar-width: none;
}





.api-playground-popup-wrapper span.copy-api-response-body {
    height: 25px;
    width: 25px;
    display: block;
    float: right;
    cursor: pointer;
    position: relative;
}

.api-playground-popup-wrapper span.copy-api-response-body::before {
    content: "Copy";
    position: absolute;
    z-index: 3;
    background: #ffffff;
    top: -27px;
    border-radius: 5px;
    font-size: 12px;
    padding: 2px 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.api-playground-popup-wrapper span.copy-api-response-body:hover::before {
    opacity: 1;
    visibility: visible;
}

.api-playground-popup-wrapper span.copy-api-response-body.copied::before {
    content: "Copied!";
    opacity: 1;
    visibility: visible;
}

.api-playground-popup-wrapper span.copy-api-response-body::after {
    content: "";
    background: #ffffff;
    display: inline-flex;
    height: 10px;
    width: 10px;
    position: absolute;
    z-index: 2;
    top: -12px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    opacity: 0;
    visibility: hidden;
}

.api-playground-popup-wrapper span.copy-api-response-body:hover::after,
.api-playground-popup-wrapper span.copy-api-response-body.copied::after {
    opacity: 1;
    visibility: visible;
}

.api-playground-popup-wrapper span.copy-api-response-body .fee-icon {
    height: 25px;
    width: 25px;
    fill: #fff;
}

.site-popup.wc-api-playground-popup.wc-full-view-popup .content {
    height: calc(100vh - 44px);
    max-height: unset;
}

.site-popup.wc-api-playground-popup.wc-full-view-popup .content .api-playground-popup-wrapper {
    height: 100%;
}

.site-popup.wc-api-playground-popup.wc-full-view-popup .content .api-playground-popup-wrapper .api-playground-scroller {
    height: calc(100% - 104px);
    max-height: unset;
}

.request-body-schema-preview {
    background: #102c2e;
    color: #dcdcdc;
    padding: 20px;
    border-radius: 8px;
    font-family: monospace;
    white-space: pre-wrap;
    font-size: 14px;
    overflow-x: auto;
    max-height: 300px;
}

.request-schema-section {
    margin-top: 30px;
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.request-schema-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.request-schema-section-header .view-request-body-title {
    color: #000624;
    font-size: 12px;
    font-weight: 500;
}

.request-schema-section-header .view-request-body-button {
    border-radius: 15px;
    height: 30px;
    min-width: 72px;
    padding: 0 17px;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #daeffe;
    color: #116dff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease 0s;
    cursor: pointer;
}

.request-schema-section-header .view-request-body-button:hover {
    background: #daeffe;
    border-color: #116dff;
}

.request-body-schema-preview {
    margin: 10px 0 0;
}

/*Api Playground Login Logout Start*/
.widget.widget-playlogin {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #d5d5d5;
}

.api-playground-login-logout {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    display: inline-flex;
    gap: 5px;
}

.api-playground-login-logout.do-login:hover {
    opacity: 0.7;
}

.api-playground-login-logout .login-icon {
    background-image: url('data:image/svg+xml,<svg width="800" height="620" viewBox="0 0 800 620" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_14)"><path d="M374.643 411.274C388.112 424.753 388.122 446.699 374.643 460.235C368.115 466.763 359.433 470.361 350.185 470.361C340.937 470.361 332.266 466.774 325.704 460.235L199.851 334.416C196.726 331.221 194.248 327.498 192.39 323.08C190.684 318.848 189.808 314.466 189.808 310.003C189.808 305.54 190.673 301.158 192.507 296.615C194.294 292.406 196.796 288.681 199.957 285.533L325.706 159.784C332.234 153.245 340.929 149.647 350.187 149.647C359.448 149.647 368.142 153.256 374.645 159.784C388.137 173.276 388.137 195.232 374.645 208.722L307.97 275.397H765.406C784.479 275.399 800 290.933 800 309.995C800 329.057 784.479 344.588 765.406 344.588H307.97L374.643 411.274Z" fill="%23010002"/><path d="M115.314 0.169891H504.348C567.955 0.169891 619.686 51.9003 619.686 115.484L619.616 237.81H612.698C606.367 246.262 596.288 251.775 585.069 251.775C573.514 251.775 563.378 246.252 557.117 237.638L550.464 237.545V115.482C550.464 90.079 529.777 69.3911 504.35 69.3911H115.314C89.899 69.3911 69.2 90.079 69.2 115.482V504.526C69.2 529.953 89.899 550.617 115.314 550.617H504.348C529.774 550.617 550.462 529.953 550.462 504.526L550.52 382.144H557.461C563.791 373.704 573.87 368.215 585.079 368.215C596.369 368.215 606.505 373.784 612.823 382.341L619.696 382.445V504.526C619.696 568.1 567.966 619.828 504.359 619.828H115.314C51.72 619.828 0 568.098 0 504.526V115.482C0 51.8982 51.72 0.169891 115.314 0.169891Z" fill="%23010002"/></g><defs><clipPath id="clip0_1_14"><rect width="800" height="620" fill="white" transform="matrix(-1 0 0 1 800 0)"/></clipPath></defs></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    filter: brightness(0) invert(1);
}

.api-playground-login-logout.do-logout .logout-icon {
    background-image: url('data:image/svg+xml,<svg width="800" height="620" viewBox="0 0 800 620" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_10)"><path d="M425.357 411.274C411.888 424.753 411.878 446.699 425.357 460.235C431.885 466.763 440.567 470.361 449.815 470.361C459.063 470.361 467.734 466.774 474.296 460.235L600.149 334.416C603.274 331.221 605.752 327.498 607.61 323.08C609.316 318.848 610.192 314.466 610.192 310.003C610.192 305.54 609.327 301.158 607.493 296.615C605.706 292.406 603.204 288.681 600.043 285.533L474.294 159.784C467.766 153.245 459.071 149.647 449.813 149.647C440.552 149.647 431.858 153.256 425.355 159.784C411.863 173.276 411.863 195.232 425.355 208.722L492.03 275.397H34.5936C15.5212 275.399 -6.10352e-05 290.933 -6.10352e-05 309.995C-6.10352e-05 329.057 15.5212 344.588 34.5936 344.588H492.03L425.357 411.274Z" fill="%23010002"/><path d="M684.686 0.169861H295.652C232.045 0.169861 180.314 51.9003 180.314 115.484L180.384 237.81H187.302C193.633 246.262 203.712 251.775 214.931 251.775C226.486 251.775 236.622 246.252 242.883 237.638L249.536 237.545V115.482C249.536 90.079 270.223 69.3911 295.65 69.3911H684.686C710.101 69.3911 730.8 90.079 730.8 115.482V504.526C730.8 529.953 710.101 550.617 684.686 550.617H295.652C270.226 550.617 249.538 529.953 249.538 504.526L249.48 382.144H242.539C236.209 373.704 226.13 368.215 214.921 368.215C203.631 368.215 193.495 373.784 187.177 382.341L180.304 382.445V504.526C180.304 568.1 232.034 619.828 295.641 619.828H684.686C748.28 619.828 800 568.098 800 504.526V115.482C800 51.8982 748.28 0.169861 684.686 0.169861Z" fill="%23010002"/></g><defs><clipPath id="clip0_1_10"><rect width="800" height="620" fill="white"/></clipPath></defs></svg>');
    filter: brightness(0) invert(1);
}

/*Api Playground Login Logout End*/


.response-body-schema-preview {
    background: #102c2e3b;
    color: #dcdcdc;
    padding: 20px;
    border-radius: 8px;
    font-family: monospace;
    white-space: pre-wrap;
    font-size: 14px;
    overflow-x: auto;
    max-height: 300px;
}

.response-schema-section {
    margin-top: 30px;
    background: #f8f9fa0f;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #dddddd26;
}

.response-schema-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.response-schema-section-header .view-request-body-title {
    color: #000624;
    font-size: 12px;
    font-weight: 500;
}

.response-schema-section-header .view-request-body-button {
    border-radius: 15px;
    height: 30px;
    min-width: 72px;
    padding: 0 17px;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #daeffe;
    color: #116dff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease 0s;
    cursor: pointer;
}

.response-schema-section-header .view-request-body-button:hover {
    background: #daeffe;
    border-color: #116dff;
}

.response-body-schema-preview {
    margin: 10px 0 0;
}

.view-response-body-button {
    border-radius: 15px;
    height: 30px;
    min-width: 72px;
    padding: 0 17px;
    font-size: 14px;
    background: #ffffff54;
    border: 1px solid #daeffe54;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease 0s;
    cursor: pointer;
}

.view-response-body-title {
    color: #ffffff;
}

.view-response-body-button:hover {
    background: #ffffff14;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-body-container .bmui-tab-panel span.error-response-body div {
    max-width: 100%;
    overflow: hidden;
}

@media screen and (max-width:991px) {
    .responsive .widget.widget-search.header-search .quick-preview-search-input-box .search-box {
        position: relative;
        max-width: 100%;
        min-width: 100%;
    }

    .responsive .widget-search.header-search {
        max-width: 478px;
        margin: 0 auto;
    }

    .sidebar-sdk-left-menu.dev {
        top: 115px;
    }
}

@media screen and (max-width:767px) {
    .sidebar-sdk-left-menu.dev {
        top: 87px;
        width: 60px;
        height: 45px;
        padding: 8px 10px;
    }

    .responsive .widget.widget-search.header-search .quick-preview-search-input-box .search-box {
        max-width: 100%;
        min-width: auto;
        position: relative;
    }

    .widget.widget-search.header-search.quick-preview-dropdown.responsive-quick-view-search-widget form.quick-preview-search-input-box,
    .widget.widget-search.header-search.quick-preview-dropdown.responsive-quick-view-search-widget form.quick-preview-search-input-box.close {
        height: 30px;
        width: 30px;
        margin: 0;
    }

    .search-form.quick-preview-search-form form .quick-preview-search-input-box {
        padding: 10px 0 20px;
    }

    .responsive .widget.widget-search.header-search .custom-css-input-for-responsive-quick-view-max_767 {
        border: 0px !important;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
        background: none !important;
    }

    .responsive .widget.widget-search.header-search .expandble-search-full-wrap .quick-preview-search-input-box .search-box {
        max-width: 100%;
        min-width: auto;
        position: relative;
        right: unset;
        top: unset;
    }

    .responsive .search-form.quick-preview-search-form form .quick-preview-search-input-box .search-box {
        width: 100%;
        max-width: unset;
        border-bottom: 0px solid rgba(0, 0, 0, 0.2);
        height: 40px;
    }

    .responsive .widget.widget-search.header-search .expandble-search-full-wrap .quick-preview-view {
        background: #FFFFFF;
        box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.11);
        border-radius: 20px;
    }

    .widget.widget-search.header-search .search-form.quick-preview-search-form {
        width: 90%;
        position: fixed;
        right: 5%;
        top: 65px;
        background: transparent;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.11);
    }

    .search-form .expandble-search-full-wrap {
        display: block;
        width: 100%;
        background: transparent;
        padding: 0;
        height: 100%;
    }

    .responsive-quick-view-search-widget.responsive-max-767 .search-form.quick-preview-search-form form .quick-preview-search-input-box {
        display: block;
        background-color: transparent;

    }

    .quick-preview-search-input-box .close-btn {
        right: 20px !important;
        top: 50%;
        transform: translateY(-38%);
        align-items: center;
        width: auto;
    }

    .widget.widget-search.header-search .search-box button.search-icon {
        position: absolute;
        width: 18px !important;
        margin-left: 0;
        font-size: 0;
        height: 19px !important;
        padding: 0;
        border-radius: 50px;
        background-position: inherit;
        right: auto;
        left: 22px;
        max-width: inherit !important;
        background: url(/template/118dd31b/images/home-header-search-icon1.svg) no-repeat top !important;
        top: 27px;
    }

    .widget.widget-search.header-search .quick-preview-search-input-box .search-box input {
        height: 52px;
        border-radius: 50px;
        /* padding: 9px 61px 10px 48px; */
        margin: 0;
        border: 1px solid rgba(0, 141, 242, 0.26);
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
        font-size: 17px;
        font-weight: 500;
        line-height: 21px;
        color: rgba(0, 0, 0, 0.8);
        background-image: none !important;
        background-position: 24px 16px;
        transition: all 0.3s ease;
    }

    .responsive .widget-search.header-search {
        margin: 5px 10px;
    }

  

    .widget-navigation.inner-drop-menu-user .navigation-item a {
        font-size: 15px;
    }

    .responsive-quick-view-search-widget .quick-preview-responsive-version .quick-preview-search-wrap .main-content {
        padding-top: 15px !important;
        max-height: calc(100vh - 240px) !important;
    }

    .widget.widget-search.header-search .quick-preview-search-input-box .search-box input:focus {
        border: 0px solid rgb(0 141 242) !important;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);

    }

    .widget.widget-search.header-search .expandble-search-full-wrap .search-box input:focus {
        border: 1px solid rgb(0 141 242) !important;
        box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);

    }

    /********************/
    .responsive .how-can-help-title h1 {
        font-size: 29px;
        margin: 10px auto;
        max-width: 94%;
    }

    .responsive .how-can-help-title p {
        font-size: 18px;
    }

    .company-topice-content .article-content {
        margin-top: 20px;
    }

    /*************/
}


/*Component CSS Start*/
.note-card p,
.note-card li,
.note-card a {
    font-size: 14px
}

.note-card .grid .column *:only-child {
    margin-bottom: 0;
}

.note-card.with-icon>.grid-block:before {
    position: absolute;
    left: 20px;
    top: 21px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M6.55,7.25C6.55,6.863 6.863,6.55 7.25,6.55L12.75,6.55C13.137,6.55 13.45,6.863 13.45,7.25C13.45,7.636 13.137,7.95 12.75,7.95L7.25,7.95C6.863,7.95 6.55,7.636 6.55,7.25Z" style="fill:rgb(0,91,211);fill-rule:nonzero;"/><path d="M7,9.05C6.613,9.05 6.3,9.363 6.3,9.75C6.3,10.136 6.613,10.45 7,10.45L9.25,10.45C9.637,10.45 9.95,10.136 9.95,9.75C9.95,9.363 9.637,9.05 9.25,9.05L7,9.05Z" style="fill:rgb(0,91,211);fill-rule:nonzero;"/><path d="M3.5,6.25C3.5,4.731 4.731,3.5 6.25,3.5L13.75,3.5C15.269,3.5 16.5,4.731 16.5,6.25L16.5,11.75C16.5,11.949 16.421,12.14 16.28,12.28L12.28,16.28C12.14,16.421 11.949,16.5 11.75,16.5L6.25,16.5C4.731,16.5 3.5,15.269 3.5,13.75L3.5,6.25ZM6.25,5C5.56,5 5,5.56 5,6.25L5,13.75C5,14.44 5.56,15 6.25,15L11,15L11,12.75C11,11.784 11.784,11 12.75,11L15,11L15,6.25C15,5.56 14.44,5 13.75,5L6.25,5ZM13.939,12.5L12.75,12.5C12.612,12.5 12.5,12.612 12.5,12.75L12.5,13.939L13.939,12.5Z" style="fill:rgb(0,91,211);"/></svg>');
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: brightness(0) invert(0);
    opacity: 0.8;
}

.note-card.with-icon>.grid-block {
    padding-left: 50px !important;
}

.note-card.plan-req>.grid-block:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="20" height="20" viewBox="0 0 20 20" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(0.93167,0,0,0.93167,0.204991,1.16161)"><path d="M14.208,4.688L15.741,2.388C15.768,2.347 15.783,2.299 15.783,2.25C15.783,2.113 15.67,2 15.533,2L12.467,2C12.33,2 12.217,2.113 12.217,2.25C12.217,2.299 12.231,2.348 12.259,2.389L13.792,4.688C13.838,4.757 13.916,4.799 14,4.799C14.084,4.799 14.162,4.757 14.208,4.688Z" style="fill:rgb(0,161,152);fill-rule:nonzero;"/></g><g transform="matrix(0.93167,0,0,0.93167,0.204991,1.16161)"><path d="M11.25,7C11.25,6.31 11.81,5.75 12.5,5.75L15.75,5.75C16.44,5.75 17,6.31 17,7L17,15.75C17,16.44 16.44,17 15.75,17L4.25,17C3.56,17 3,16.44 3,15.75L3,13C3,12.31 3.56,11.75 4.25,11.75L7,11.75L7,10C7,9.31 7.56,8.75 8.25,8.75L11.25,8.75L11.25,7ZM13.5,9.5L13.5,7.25L15.5,7.25L15.5,15.5L5.25,15.5L5.25,13.25L8.5,13.25C8.911,13.25 9.25,12.911 9.25,12.5L9.25,10.25L12.75,10.25C13.161,10.25 13.5,9.911 13.5,9.5Z" style="fill:rgb(0,161,152);"/></g></svg>');

}

/*Component CSS end*/










/*User Menu Start*/
.nav-wrapper .user-profile { 
    flex-direction: column;
    padding-left: 58px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-wrapper .user-profile .avatar {
    width: 40px;
    height: 40px; 
    top: 125px;
    left: 24px;
    background: #00579C;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 41px;
    position: absolute;
    top: 3px;
    left: 0;
}
 .widget-navigation.user-loggedin .menu-title:before{
   display:none
 }
.widget-navigation.user-loggedin .menu-title .avatar {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 125px; 
    background: #00579C;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 41px; 
    top: 4px;
    right: 8px;
}
.nav-wrapper .user-profile .user-info .user-name { 
    font-weight: 500; 
    font-size: 16px; 
    letter-spacing: 0px;
}

.nav-wrapper .user-profile .user-info .user-email {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    color: #808080;
    display: block;
    white-space: nowrap;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 4px;
}

.nav-wrapper .login-signup-button .user-profile   a.logout.js-logout-btn { 
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;  
    text-align: center;
    color: #000;
    padding: 0;
    max-width: max-content;
    background: transparent;
    margin-top: 8px;
}
.nav-wrapper .login-signup-button .user-profile a.logout.js-logout-btn:hover {
    color: #008df2;
}
.widget-navigation.user-loggedin  .login-signup-button {
    border-top: 1px solid #eee;
    margin-top: 15px;
}
 .widget-navigation.user-loggedin .menu-title:before{
   display:none
 }
.widget-navigation.user-loggedin .menu-title .avatar {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 125px; 
    background: #00579C;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 41px; 
    top: 4px;
    right: 8px;
}
/*User Menu End*/