.doc-content-wrapper.get-fixed .quadtheme-docs-nava,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: 'Inter', sans-serif
}

body,
p {
	color: #5e6977;
	font-size: 16px;
	font-weight: 400
}
body {
    background: #f5f4f8;
}

a:hover {
	color: #24b47e
}

h1,
h2,
h2.page-header,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	color: #182531;
	border: 0;
	line-height: 1.25;
	margin-top: 45px;
	margin-bottom: 20px;
	padding: 0
}

h1.mt-0,
h2.mt-0,
h2.page-header.mt-0,
h3.mt-0,
h4.mt-0,
h5.mt-0,
h6.mt-0 {
	margin-top: 0
}

h1.mb-0,
h2.mb-0,
h2.page-header.mb-0,
h3.mb-0,
h4.mb-0,
h5.mb-0,
h6.mb-0 {
	margin-bottom: 0
}

h2,
h2.page-header {
	font-size: 40px;
	padding: 0
}

h3 {
	font-size: 30px;
	padding: 0
}

hr.quadtheme-separator {
	margin-top: 20px;
	margin-bottom: 35px;
	border: 0;
	border-top: 1px solid #e8e9ea
}

.doc-content-wrapper {
	margin-top: 65px
}

.page-header {
	margin: 0;
	padding: 0
}

figure img {
	border: 1px solid #e8e9ea !important;
	border-radius: 5px !important;
	padding: 3px !important;
	margin: 0 0 25px !important;
	background-color: transparent !important
}

figure figcaption.quadtheme-doc-figcaption {
	margin-bottom: 30px;
	margin-top: -10px
}

img {
	border-radius: 3px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 3px !important
}

ol.border-0 li {
	border: 0
}

.quadtheme-doc-iframe {
	padding-bottom: 50.25%;
	position: relative;
	display: block;
	height: 0;
	overflow: hidden
}

.quadtheme-doc-iframe iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

body h3.d-v-o-none {
	opacity: 0;
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0
}

body h3.d-v-o-none:target {
	padding-top: 35px
}

@media screen and (max-width:767px) {
	.doc-content-wrapper {
		margin-top: 40px
	}

	h1,
	h2,
	h2.page-header,
	h3,
	h4,
	h5,
	h6 {
		margin-top: 20px;
		margin-bottom: 15px
	}

	h1 {
		font-size: 32px
	}

	h2,
	h2.page-header {
		font-size: 28px
	}

	h3 {
		font-size: 22px
	}

	h4 {
		font-size: 20px
	}

	h5 {
		font-size: 18px
	}

	h6 {
		font-size: 18px
	}

	hr.quadtheme-separator {
		margin-top: 20px;
		margin-bottom: 20px
	}
}

.quadtheme-doc-header {
	max-width: 100%;
	-webkit-transition: height .5s ease-in;
	-o-transition: height .5s ease-in;
	transition: height .5s ease-in;
	z-index: 99;
	background: #fff;
	border: 0;
	-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 5%);
	box-shadow: 0 3px 9px rgb(0 0 0 / 5%)
}

.quadtheme-doc-header#header {
	z-index: 99;
    padding: 10px 0;
}

.quadtheme-doc-header#header.header-sticky.sticky {
	height: 80px
}

.quadtheme-doc-header#header .container {
	display: inherit
}

.quadtheme-doc-header#header .container .row {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.quadtheme-doc-header.header-sticky.sticky {
	-webkit-animation: headerSticky .95s ease forwards;
	animation: headerSticky .95s ease forwards;
	background-color: #fff !important;
	height: 80px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10
}

.quadtheme-doc-header .logo .logo-white {
	display: none
}

.quadtheme-doc-header .logo a {
	-webkit-transition: min-height 1s ease !important;
	-o-transition: min-height 1s ease !important;
	transition: min-height 1s ease !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.quadtheme-doc-header.header-sticky.sticky .logo a {
	height: 80px;
	line-height: 80px
}

.quadtheme-doc-header .logo a img {
	max-height: 35px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	position: relative;
	display: block
}

.quadtheme-doc-header .navbar .navbar-nav {
	margin: 0;
	padding: 0;
	list-style: none
}

.quadtheme-doc-header .navbar .navbar-nav li:not(:last-child) {
	margin-right: 56px
}

.quadtheme-doc-header .navbar .navbar-nav li a {
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 95px;
	line-height: 95px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: #5e6977;
	padding: 0
}

.quadtheme-doc-header .navbar .navbar-nav li a:hover {
	text-decoration: none;
	color: #24b47e
}

.quadtheme-doc-header.header-sticky.sticky .navbar .navbar-nav li a {
	height: 80px;
	line-height: 80px
}

.quadtheme-doc-header .header-btn {
	background: #24b47e;
	border: 0;
	border-radius: 50px;
	color: #fff;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	height: 48px;
	line-height: 48px;
	padding: 0 25px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.quadtheme-doc-header .header-btn:hover {
	text-decoration: none;
	cursor: pointer
}

.quadtheme-doc-header .header-btn:focus {
	text-decoration: none
}

@media screen and (max-width:1199px) {
	.quadtheme-doc-header .header-btn {
		display: none
	}
}

@media screen and (max-width:991px) {
	.quadtheme-doc-header .navbar .navbar-nav {
		display: none
	}

	.quadtheme-doc-header .col-lg-6.col-md-9 {
		display: none
	}
}

.mobile-menu-bar {
	display: none
}

.popup-mobile-menu {
	z-index: 99999;
	position: fixed;
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .8);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out
}

.popup-mobile-menu .inner {
	width: 320px;
	z-index: 999;
	position: absolute;
	background: #fff;
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
	height: 100%;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	opacity: 0;
	left: -150px;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}

@media screen and (max-width:335px) {
	.popup-mobile-menu .inner {
		width: 100%
	}
}

.popup-mobile-menu .inner .header-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 15px 20px;
	align-items: center;
	border-bottom: 1px solid #eee
}

.popup-mobile-menu .inner .header-top .logo a img {
	max-height: 45px;
	background: 0 0;
	margin: 0;
	padding: 0;
	border: 0;
	max-height: 45px;
	max-width: 160px
}

.popup-mobile-menu .inner .header-top .close-menu .close-button {
	border: 0 none;
	background: 0 0;
	width: 40px;
	height: 40px;
	font-size: 21px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 100%;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
}

.popup-mobile-menu.active {
	visibility: visible;
	opacity: 1
}

.popup-mobile-menu.active .inner {
	opacity: 1;
	left: 0;
	overflow-y: auto
}

.popup-mobile-menu .mainmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 15px 20px
}

.popup-mobile-menu .mainmenu li {
	margin: 0
}

.popup-mobile-menu .mainmenu li a {
	padding: 8px 0;
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #5e6977
}

.popup-mobile-menu .mainmenu li a:hover {
	text-decoration: none
}

.popup-mobile-menu .mainmenu li a.active {
	color: #24b47e !important
}

.popup-mobile-menu .mainmenu li+li {
	border-top: 1px solid #24b47e
}

.popup-mobile-menu .mainmenu .has-droupdown .submenu {
	padding: 0;
	max-width: 100%;
	list-style: none;
	padding-left: 14px;
	display: none
}

.popup-mobile-menu .mainmenu .has-droupdown .submenu li a {
	font-size: 15px
}

.popup-mobile-menu .mainmenu .has-droupdown .submenu li a.active {
	color: #24b47e !important
}

.popup-mobile-menu .mainmenu .has-droupdown>a {
	position: relative
}

.popup-mobile-menu .mainmenu .has-droupdown>a::after {
	position: absolute;
	content: "\ea13";
	font-family: remixicon !important;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.popup-mobile-menu .mainmenu .has-droupdown>a.open::after {
	content: "\f1ae"
}

.popup-mobile-menu .mainmenu .rn-megamenu {
	padding: 0;
	max-width: 100%;
	list-style: none;
	padding-left: 14px;
	display: none
}

.popup-mobile-menu .mainmenu .mega-menu-item {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 0
}

.popup-mobile-menu .mainmenu .mega-menu-item li a {
	font-size: 15px
}

.popup-mobile-menu .mainmenu .mega-menu-item li:last-child {
	border-bottom: 1px solid #24b47e
}

.popup-mobile-menu .mainmenu .single-mega-item:last-child .mega-menu-item li:last-child {
	border-bottom-color: transparent
}

.popup-mobile-menu .mainmenu li+li {
	border-top: 1px solid #eee
}

@-webkit-keyframes headerSticky {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes headerSticky {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@media screen and (max-width:991px) {
	.mobile-menu-bar {
		display: block;
		text-align: right;
		font-size: 18px
	}

	.mobile-menu-bar .hamberger button {
		background: 0 0
	}
}

.quadtheme-docs-nav {
	position: inherit !important;
	top: inherit !important;
	z-index: 11111;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.doc-content-wrapper.get-fixed .quadtheme-docs-nav {
	position: fixed !important;
	top: 20px !important
}


.doc-sidebar .doc-nav {
	overflow-x: hidden;
	scrollbar-color: #24b47e #ccc;
    box-shadow: 0 1px 3px rgb(3 0 71 / 9%);
    border-radius: 8px;
	scrollbar-width: thin
}

.doc-sidebar .nav>li>a {
	padding: 15px 25px 15px 25px;
	margin: 0;
	font-weight: 600
}

.doc-nav>li {
	background: #fff
}

.doc-sidebar .doc-nav>li a:hover {
	background-color: transparent
}

.quadtheme-docs-nav .toggle-button:before,
.quadtheme-docs-nav li.opened .toggle-button:before {
	content: '\ea6e';
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.quadtheme-docs-nav li.active .toggle-button:before {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

.quadtheme-docs-nav.doc-nav>li.active {
	margin-bottom: 8px
}

.doc-sidebar .doc-nav>li.active ul li.active a {
	border-left: 3px solid #24b47e
}

.doc-sidebar .nav>li:not(:last-child) {
	border-bottom: 1px solid #f5f4f8;
}

.quadtheme-docs-nav.doc-nav .docs-progress-bar {
	max-height: 56px
}

.quadtheme-docs-nav.doc-nav li ul li:not(:last-child) {
	margin-bottom: 11px
}

.quadtheme-docs-nav.doc-nav li ul li a {
	font-size: 16px;
	display: inline-block
}

.quadtheme-docs-nav.doc-nav li ul li a:before {
	content: ''
}

.dark-light-wrapper {
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.dark-light-checkbox {
	opacity: 0;
	position: absolute
}

.dark-light-label {
	width: 68px;
	height: 32px;
	background-color: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 26px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 5px;
	position: relative;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	border: 1px solid #24b47e
}

.dark-light-ball {
	width: 24px;
	height: 24px;
	background-color: #24b47e;
	position: absolute;
	top: 3px;
	left: 4px;
	border-radius: 50%;
	-webkit-transition: -webkit-transform .2s linear;
	transition: -webkit-transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
	transition: transform .2s linear, -webkit-transform .2s linear;
	z-index: -1
}

[data-theme=dark] .dark-light-ball {
	left: inherit;
	right: 4px
}

.dark-light-checkbox:checked+.dark-light-label .dark-light-ball {
	-webkit-transform: translateX(39px);
	-ms-transform: translateX(39px);
	transform: translateX(39px)
}

.dark-light-wrapper i {
	color: #182531
}

.dark-light-wrapper i:hover {
	cursor: pointer
}

.dark-light-wrapper i.ri-sun-fill {
	position: absolute;
	top: 2px;
	left: 8px
}

.dark-light-wrapper i.ri-moon-fill {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	bottom: 2px;
	right: 8px
}

[data-theme=dark] body {
	background: #182531
}

[data-theme=dark] .dark-light-wrapper i.ri-moon-fill {
	color: #fff
}

[data-theme=dark] .dark-light-wrapper i.ri-sun-fill {
	color: #f7bd09
}

.dark-light-wrapper i.ri-sun-fill,
[data-theme=light] .dark-light-wrapper i.ri-sun-fill {
	color: #fff
}

[data-theme=dark] body,
[data-theme=dark] p {
	color: #ac979c
}

[data-theme=dark] h1,
[data-theme=dark] h2,
[data-theme=dark] h2.page-header,
[data-theme=dark] h3,
[data-theme=dark] h4,
[data-theme=dark] h5,
[data-theme=dark] h6 {
	color: #fff
}

[data-theme=dark] hr.quadtheme-separator {
	border: 1px solid #2f3b46
}

[data-theme=dark] figure img {
	border: 1px solid #44353f !important
}

[data-theme=dark] .quadtheme-doc-header#header {
	background: #24303b
}

[data-theme=dark] .quadtheme-doc-header.header-sticky.sticky {
	background-color: #24303b !important
}

[data-theme=dark] .quadtheme-doc-header .logo .logo-white {
	display: block
}

[data-theme=dark] .quadtheme-doc-header .logo .logo-main {
	display: none
}

[data-theme=dark] .quadtheme-doc-header .navbar .navbar-nav li a {
	color: #bdc1c4
}

[data-theme=dark] .quadtheme-doc-header .navbar .navbar-nav li a:hover {
	color: #fff
}

[data-theme=dark] .doc-sidebar .nav-list:before {
	background: #fff;
	color: #182531
}

[data-theme=dark] .doc-nav>li {
	background: #24303b
}

[data-theme=dark] .quadtheme-docs-nav.doc-nav .docs-progress-bar {
	background: #2f3b45
}

[data-theme=dark] .doc-sidebar .doc-nav>li:hover {
	background: #24303b
}

[data-theme=dark] .doc-nav {
	background: 0 0
}

[data-theme=dark] .doc-nav>li a {
	color: #a5abb0
}

[data-theme=dark] .doc-nav>li ul li a {
	color: #fff
}

[data-theme=dark] .doc-nav li ul {
	background: #182531
}

[data-theme=dark] .doc-nav li .toggle-button:hover {
	background-color: transparent
}

[data-theme=dark] .doc-nav ul li.active a {
	color: #24b47e
}

[data-theme=dark] .doc-sidebar .doc-nav>li a {
	border-left: 3px solid #2f3b45
}

@media screen and (max-width:1290px) and (min-width:1200px) {
	.dark-light-wrapper {
		display: none
	}
}

@media screen and (max-width:1100px) and (min-width:1000px) {
	.dark-light-wrapper {
		display: none
	}
}

@media screen and (max-width:850px) {
	.dark-light-wrapper {
		display: none
	}
}

pre {
	white-space: pre-wrap
}

pre code {
	background-color: #eee;
	border: 1px solid #999;
	display: block;
	padding: 20px;
	font-size: 120%
}

.prism pre.simple-example[class*=language-] {
	background: #f7f7f7;
	border-radius: 5px;
	border-left: 5px solid #f9ba01
}

.quadtheme-doc-footer {
	background-color: #020a1a;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	font-weight: 400;
	font-size: 13px;
	margin-top: 50px
}

.quadtheme-doc-footer a:hover {
	color: #fff;
	text-decoration: underline !important
}

@-webkit-keyframes border-transform {

	0%,
	100% {
		border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
	}

	14% {
		border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
	}
}

.paginacontainer {
	height: 3000px
}

.quadtheme-doc-progress-parent {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgb(71 85 255 / 20%);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.quadtheme-doc-progress-parent.quadtheme-doc-backto-top-active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.quadtheme-doc-progress-parent::after {
	position: absolute;
	font-family: remixicon !important;
	content: "\ea78";
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: #24b47e;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.quadtheme-doc-progress-parent:hover::after {
	color: var(--color-primary)
}

.quadtheme-doc-progress-parent::before {
	position: absolute;
	font-family: remixicon !important;
	content: "\ea78";
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background: #0d0d12;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.quadtheme-doc-progress-parent svg path {
	fill: none
}

.quadtheme-doc-progress-parent svg.quadtheme-doc-back-circle path {
	stroke: #24b47e;
	stroke-width: 4;
	box-sizing: border-box;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}