.text-clamp-3,
.text-clamp-4,
.text-clamp-5,
.wg-box .sub-type {
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.counter,
.counter.style-2,
.counter.style-3,
.counter.style-4,
.price-wrap.style-2 p,
.social-list a i {
	-webkit-text-fill-color: transparent
}

.price-wrap.style-2 p,
.price-wrap.style-2 span {
	text-shadow: 0 0 12px rgba(153, 73, 255, .5)
}

:root {
	--Black: #000010;
	--White: #ffffff;
	--Body-text: #666666;
	--Primary: #4f60fa;
	--Text: #73799b;
	--Text-2: #cac9d1;
	--Text-3: #f4f7ff;
	--Text-4: #fcfcfc;
	--Text-5: #eeeeee;
	--Text-6: #9e9e9e;
	--Bg: #00031c;
	--Bg-2: #c46ff8;
	--Bg-3: #251d59;
	--Bg-4: #0075ff;
	--Bg-5: #dbe3ff;
	--Bg-6: #5935e9;
	--Bg-7: #00041e;
	--Bg-8: #131331;
	--Bg-9: #211f9c;
	--Bg-10: #1e1d59;
	--Border: #202468;
	--Border-2: #9a9dc1;
	--Border-3: #20248659;
	--Border-4: #a68cf0;
	--Border-5: #2024864d;
	--purple-dark: #322275;
	--accent: 142 76% 60%;
	--accent-foreground: 142 20% 98%;
	--success: 142 76% 60%;
	--success-foreground: 142 20% 98%;
	--warning: 38 92% 60%;
	--warning-foreground: 38 20% 98%
}

@font-face {
	font-family: Hind;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74db340504184f5361c17_Hind-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Hind;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74db390e5e33d896dc2c0_Hind-SemiBold.ttf) format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Hind;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74db313064a55fa4451a3_Hind-Medium.ttf) format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Hind;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74db307df83386de75a44_Hind-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Hind;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74db33b86cea61a3a3150_Hind-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Inter;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74df313064a55fa4482e8_Inter-ExtraLight.ttf) format("truetype");
	font-weight: 200;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Inter;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74df39fa56022384cd976_Inter-SemiBold.ttf) format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Inter;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74df3c0715f4df99d5469_Inter-ExtraBold.ttf) format("truetype"), url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74df3395c084307150fbe_Inter-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Inter;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74df362540c77a8f131f0_Inter-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Inter;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74df3daa054219f93eed0_Inter-Medium.ttf) format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Inter;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74df4e9180d2b0c676ca2_Inter-Black.ttf) format("truetype");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Inter;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74df3877443a110196199_Inter-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Inter;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/65e74df3ee544a72e810a4e5_Inter-Thin.ttf) format("truetype");
	font-weight: 100;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Visbyroundcf;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/67cf5d376fbe323219dbf150_VisbyRoundCF-DemiBold.otf) format("opentype");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Visbyroundcf;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/67cf5d37852a3e02c04d286b_VisbyRoundCF-Bold.otf) format("opentype"), url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/67cf5d3782b313a470156366_VisbyRoundCF-ExtraBold.otf) format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Visbyroundcf;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/67cf5d37a7c88484da8c41f0_VisbyRoundCF-Heavy.otf) format("opentype");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Visbyroundcf;
	src: url(https://cdn.prod.website-files.com/6502f0ce742f93ec6c94944f/67cf5d378b56897bbb8c65d6_VisbyRoundCF-Regular.otf) format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit
}

address,
dd,
dl {
	margin: 0 0 20px
}

embed,
hr,
object,
video {
	margin-bottom: 20px
}

embed,
img,
object,
video {
	vertical-align: middle;
	max-width: 100%
}

address,
blockquote,
cite,
dfn,
em,
i {
	font-style: italic
}

.block,
.nav-list .item.current>a::before,
.nav-list .item:hover .item-c-dw::before,
.nav-list .item:hover>a::before,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
	display: block
}

html {
	margin-right: 0 !important;
	font-size: 62.5%;
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	background: var(--Black);
	line-height: 1;
	padding: 0 !important
}

body::-webkit-scrollbar {
	width: 5px
}

body::-webkit-scrollbar-thumb {
	background-color: var(--Primary);
	border-radius: 5px
}

.btn-view-article .icon,
.card-team>.tf-overlay,
.s-partner,
.tf-hover .hover-1,
.wg-box>.tf-overlay,
body.no-scroll {
	overflow: hidden
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: ""
}

blockquote,
q {
	quotes: none
}

a img {
	border: 0
}

select {
	max-width: 100%
}

body,
button,
input,
select,
textarea {
	font-family: Inter, sans-serif;
	font-optical-sizing: auto;
	font-size: 18px;
	color: var(--Text-2);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
	overflow-y: auto
}

img {
	height: auto;
	-ms-interpolation-mode: bicubic
}

p {
	font-weight: 400;
	font-size: 18px;
	line-height: 165%
}

small,
sub,
sup {
	font-size: 75%
}

.fw-6,
b,
cite,
strong {
	font-weight: 600
}

abbr,
acronym {
	border-bottom: 1px dotted #e0e0e0;
	cursor: help
}

.btn-link:focus,
.btn-link:hover,
ins,
mark {
	text-decoration: none
}

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

big {
	font-size: 125%
}

code,
kbd,
pre,
samp,
tt,
var {
	margin: 20px 0;
	padding: 4px 12px;
	background: #f5f5f5;
	border: 1px solid #e0e0e0;
	overflow-x: auto;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	border-radius: 0;
	height: auto
}

.accordion .accordion-body,
.accordion .accordion-button::before,
.accordion .accordion-collapse,
.wg-tabs .menu-tab .item,
a::after,
a::before,
button,
svg,
svg path {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

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

hr {
	border: 1px dashed #ccc
}

.main-content.pd-0,
.wg-update.s1 .image-wrap,
ol,
ol li,
ul,
ul li {
	padding: 0
}

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

.box-icon.style-2.type-2 .icon,
.s-article.article-detail .text.s7,
.s-change-log .wg-update.s3,
.s-feature .box-icon-border.last,
.s-indicator .s-title,
.s-privacy .box-icon-border.last,
.tf-accordion.style-2 .accordion-item.last,
.tf-accordion.style-2.type-2 .accordion-item.last,
li>ol,
li>ul,
p>embed,
p>iframe,
p>object,
p>video {
	margin-bottom: 0
}

li {
	list-style: none
}

.fw-7,
dt {
	font-weight: 700
}

.disable,
del {
	text-decoration: line-through;
	opacity: .5
}

table,
td,
th {
	border: 1px solid #343444
}

td,
th {
	border-width: 0 1px 1px 0
}

table {
	border-spacing: 0;
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 30px;
	table-layout: fixed;
	width: 100%
}

caption,
td,
th {
	font-weight: 400;
	text-align: left
}

th {
	font-weight: 700
}

td,
th {
	padding: 8px 12px
}

button,
input {
	line-height: normal
}

button,
input,
select,
textarea {
	font-size: 100%;
	line-height: inherit;
	margin: 0;
	vertical-align: baseline
}

textarea {
	overflow: auto;
	vertical-align: top
}

input[type=checkbox] {
	display: inline
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: button;
	border: 0
}

input[type=checkbox],
input[type=radio] {
	padding: 0;
	width: 20px;
	height: 20px;
	border-radius: 6px;
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
	vertical-align: sub
}

input[type=search] {
	-webkit-appearance: textfield;
	outline: 0
}

input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

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

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #f7f7f7 inset
}

.tf-btn,
.tf-btn.style-2.type-4 {
	box-shadow: 0 0 16px 0 rgba(57, 115, 233, .2509803922)
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none
}

::-webkit-input-placeholder {
	color: #171412
}

::-moz-placeholder {
	color: #171412;
	opacity: 1
}

:-ms-input-placeholder {
	color: #171412
}

.color-text-3,
.s-faq-2 .name,
.wg-testimonial .duty,
.wg-testimonial .name,
a.text-3-hover-primary,
a:focus,
a:hover {
	color: var(--Text-3)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Hind, sans-serif;
	margin: 0;
	text-rendering: optimizeLegibility;
	font-weight: 500;
	line-height: 125% !important
}

.h2,
.h6,
h2,
h6 {
	font-weight: 400
}

.h1,
h1 {
	font-size: 64px;
	line-height: 64px
}

.h2,
h2 {
	font-size: 48px;
	line-height: 56px
}

.h3,
.h4,
h3,
h4 {
	line-height: 48px
}

.h3,
h3 {
	font-size: 40px
}

.h4,
h4 {
	font-size: 36px
}

.h5,
h5 {
	font-size: 26px;
	line-height: 32px
}

.h6,
h6 {
	font-size: 24px;
	line-height: 30px
}

.body-1,
.sub-heading {
	line-height: 28px;
	font-weight: 400
}

.sub-heading {
	font-size: 20px
}

.body-1 {
	font-size: 18px
}

.body-2,
.box-icon .sub-type.text-default,
.s-heading .text.text-default,
.tf-btn.style-4.has-icon {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px
}

.body-3,
.key-point-list p,
.rating-wrap.style-2 .rating p,
.wg-pricing .benefit-list p {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px
}

.caption {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px
}

.text-link {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	position: relative
}

.text-link::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--Black)
}

.form_search,
.main-content,
.mobile-nav-wrap .menu-item-has-children-mobile .menu-item a span,
.relative,
.s-about-us .img-item-group,
.s-build .content,
.s-cta,
.s-faq,
.s-how-to-use .btn-item,
.s-landing-page,
.s-our-team,
.tf-container,
.tf-hover .hover-14 {
	position: relative
}

a {
	color: var(--Text);
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

a:focus,
a:hover {
	outline: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

a.hover-text-primary:hover,
a.text-3-hover-primary:hover {
	color: var(--Primary) !important
}

.tf-container {
	margin-left: auto;
	margin-right: auto;
	padding-right: 12px;
	padding-left: 12px;
	width: 1320px;
	max-width: 100%
}

.tf-container .row>*,
.tf-container.w-1280 .row>* {
	padding-left: 12px !important;
	padding-right: 12px !important
}

.mobile-nav-wrap .download li,
.mobile-nav-wrap .menu-item-has-children-mobile .menu-item.current a span::after,
.pricing-table .type-plan .wrap .tf-btn,
.s-about-us .img-item.item-1 img,
.s-img-item.bottom.item-3 img,
.tf-btn.w-full,
.tf-container.full,
form .cols>* {
	width: 100%
}

.tf-container.w-1280 {
	max-width: 1310px;
	width: 100%;
	padding-right: 12px;
	padding-left: 12px
}

.tf-container.w-1280 .row {
	margin-left: -12px !important;
	margin-right: -12px !important
}

#wrapper {
	width: 100vw
}

.hidden,
.s-how-to-use .content-wrap-2,
.slider-testimonial.style-2 {
	display: none
}

.absolute,
.s-build .s-img-item,
.s-contact .s-img-item,
.s-faq .s-img-item,
.s-img-item.bottom,
.s-testimonial .img-item,
.slider-testimonial .swiper-pagination,
.wg-update .item {
	position: absolute
}

.fixed,
.tf-header.is-fixed {
	position: fixed !important
}

.position-unset {
	position: unset !important
}

.z-5 {
	z-index: 5
}

.flex,
.pricing-group,
.rating-wrap .avatar-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.text-clamp-1,
.text-clamp-3,
.text-clamp-4,
.text-clamp-5,
.wg-box .sub-type {
	display: -webkit-box
}

.item-center {
	align-items: center
}

.justify-center,
.s-sub-title.center {
	justify-content: center
}

.font-main {
	font-family: Poppins, sans-serif
}

.mb-100,
.s-faq-2 .faq-list li:not(:last-child),
.s-privacy .cta-bar {
	margin-bottom: 100px
}

.mb-75 {
	margin-bottom: 75px
}

.mb-70 {
	margin-bottom: 70px
}

.mb-60,
.s-article .s-heading.mb-60,
.s-contact .s-heading,
.s-our-team .s-heading {
	margin-bottom: 60px
}

.mb-50,
.sidebar-item .title-sidebar.mb-50 {
	margin-bottom: 50px
}

.mb-40,
.price-wrap,
.s-build .s-heading,
.s-download-app .s-heading .text,
.s-hero-banner.style-2 .s-heading .text,
.s-privacy .box-icon-border {
	margin-bottom: 40px
}

.mb-35,
.s-article .benefit-list.s4,
.s-heading.mb-35,
.wg-testimonial .cite {
	margin-bottom: 35px
}

.form_contact1.style-3 p,
.mb-30,
.s-how-to-use .list-step li:not(:last-child) {
	margin-bottom: 30px
}

.mb-25,
.tf-accordion.style-2.type-2 .accordion-item {
	margin-bottom: 25px
}

.box-icon .text.s1,
.mb-20,
.mobile-nav-wrap .mobile-main-nav,
.s-article .benefit-list.s3 li:not(:last-child),
.s-indicator .s-heading {
	margin-bottom: 20px
}

.mb-18,
.s-heading.style-2 .s-title.mb-18,
.wg-pricing .sub {
	margin-bottom: 18px
}

.mb-17 {
	margin-bottom: 17px
}

.mb-15,
.sub-container .menu-list.download li:not(:last-child) {
	margin-bottom: 15px
}

.footer-inner-right .footer-title,
.mb-10,
.mobile-nav-wrap .contact-list,
.wg-pricing .benefit-list li:not(:last-child) {
	margin-bottom: 10px
}

.fs-22 {
	font-size: 22px
}

.fs-20 {
	font-size: 20px
}

.fs-18,
.s-heading.style-2 .text {
	font-size: 18px
}

.fs-16 {
	font-size: 16px
}

.flat-alert .icon,
.fs-14 {
	font-size: 14px
}

.fs-12 {
	font-size: 12px
}

.fs-8 {
	font-size: 8px
}

.fw-5,
.mobile-nav-wrap .menu-item-has-children-mobile a,
.s-article .benefit-list p span {
	font-weight: 500
}

.fw-3 {
	font-weight: 300
}

.justify-space-between {
	justify-content: space-between
}

.text-center {
	text-align: center
}

.text-upper {
	text-transform: uppercase
}

.overflow-x-auto {
	overflow-x: auto
}

.overflow-x-auto::-webkit-scrollbar {
	height: 2px
}

.overflow-x-auto::-webkit-scrollbar-thumb {
	background: var(--Border);
	border-radius: 999px
}

.overflow-y-auto {
	overflow-y: auto
}

.text-clamp-1,
.text-clamp-2,
.text-clamp-4,
.text-clamp-5,
.tf-btn,
.tf-footer {
	overflow: hidden
}

.overflow-y-auto::-webkit-scrollbar {
	width: 2px
}

.overflow-y-auto::-webkit-scrollbar-thumb {
	background: var(--Border);
	border-radius: 999px
}

.color-bg,
.tf-header.is-fixed {
	background-color: var(--Bg)
}

.text-clamp-5 {
	-webkit-line-clamp: 5
}

.text-clamp-4 {
	-webkit-line-clamp: 4
}

.text-clamp-3,
.wg-box .sub-type {
	-webkit-line-clamp: 3;
	overflow: hidden
}

.text-clamp-2 {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis
}

.benefit-list p,
.form_search.type_2 fieldset input,
.text-clamp-1 {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.swiper-slide {
	height: auto
}

.s-hero-banner.style-2 .btn-group-wrap .tf-btn,
.swiper-slide>*,
.tf-swiper-slide>* {
	height: 100%
}

.color-text,
.footer-inner .footer-title {
	color: var(--Text)
}

.color-text-2,
.footer-inner-left .body-3 {
	color: var(--Text-2)
}

.author-post p,
.color-white,
.icon.style-square i,
.mobile-nav-wrap .menu-item-has-children-mobile .item-menu-mobile.current,
.mobile-nav-wrap .menu-item-has-children-mobile .item-menu-mobile:hover,
.mobile-nav-wrap .menu-item-has-children-mobile .item-menu-mobile:hover i,
.mobile-nav-wrap .menu-item-has-children-mobile .menu-item a:hover,
.mobile-nav-wrap .menu-item-has-children-mobile .menu-item.current a,
.mobile-nav-wrap .menu-item-has-children-mobile.active .item-menu-mobile,
.nav-list .item.current>a,
.nav-list .item.has-child .item-c-dw,
.nav-list .item:hover .item-c-dw,
.nav-list .item:hover>a,
.remove:hover {
	color: var(--White)
}

.tf-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.odometer-value {
	width: 100%;
	text-align: right !important
}

.odometer-digit {
	vertical-align: unset !important
}

.box-icon>.tf-overlay,
.cta-bar>.tf-overlay,
.pointer-none,
.s-testimonial .img-item.item-1 {
	pointer-events: none
}

.grid-layout-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 42px 38px
}

.grid-layout-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 73px 54px
}

.grid-layout-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px 26px
}

.letter-spacing-1 {
	letter-spacing: 1px
}

.pd-0-30 {
	padding: 0 30px
}

.pd-0-20 {
	padding: 0 20px
}

.mt-5 {
	margin-top: 5px
}

.benefit-list i,
.mt-10 {
	margin-top: 10px
}

.tf-header {
	position: relative;
	z-index: 9999
}

.tf-header.is-fixed {
	z-index: 999;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	opacity: 0;
	top: -100px;
	left: 0;
	width: 100%;
	box-shadow: 0 4px 8px rgba(255, 255, 255, .1), inset 0 1px 0 #ececec
}

.tf-header.is-fixed.is-small {
	opacity: 1;
	top: -1px
}

.card-team .infor,
.footer-bottom,
.header-inner,
.wg-testimonial .bot {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.main-nav {
	padding-left: 52px
}

.nav-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 64px
}

.nav-list .item .item-c-dw,
.nav-list .item>a {
	display: block;
	line-height: 75px;
	position: relative;
	font-weight: 500;
	color: var(--White);
	cursor: pointer
}

.sub-container,
.sub-container .menu-list.download {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.nav-list .item .item-c-dw::after,
.nav-list .item>a::after {
	content: "";
	position: absolute;
	bottom: 35%;
	left: 0;
	width: 100%;
	height: 1px;
	transform: scale(0);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	background: linear-gradient(270deg, #000529 0, #4a56ff 48.5%, #000529 100%)
}

.mobile-nav-wrap,
.sub-menu {
	pointer-events: none;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	left: 0;
	opacity: 0
}

.nav-list .item .item-c-dw::before,
.nav-list .item>a::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -42%);
	height: calc(100% + 16px);
	width: calc(100% + 130px);
	display: none
}

.nav-list .item.current>a::after,
.nav-list .item:hover .item-c-dw::after,
.nav-list .item:hover>a::after {
	transform: scale(1)
}

.nav-list .item:hover .sub-menu {
	transform: translateY(16px);
	visibility: visible;
	opacity: 1
}

.nav-list .item:hover .sub-menu .sub-container {
	pointer-events: all
}

.nav-list .item.has-child .item-c-dw,
.nav-list .item.has-child>a {
	display: flex;
	align-items: center;
	gap: 8px
}

.nav-list .item.has-child i {
	font-size: 9px
}

.sub-menu {
	position: absolute;
	right: 0;
	transform: translateY(0);
	visibility: hidden;
	transition: .3s;
	width: 290px;
	backdrop-filter: blur(35px);
	margin: 0 auto;
	border-radius: 16px
}

.sub-container {
	display: flex;
	gap: 157px;
	border-radius: 16px;
	border: 1px solid var(--Border);
	background: rgba(2, 6, 33, .5019607843);
	padding: 25px
}

.sub-container .menu-heading {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--Text);
	margin-bottom: 23px
}

.sub-container .menu-list li {
	display: inline-block;
	width: 100%
}

.form_sub fieldset,
.s-article .benefit-list li:not(:last-child),
.s-heading.style-2 .s-title.mb-23,
.sub-container .menu-list li:not(:last-child) {
	margin-bottom: 23px
}

.sub-container .menu-list.download {
	display: flex;
	flex-direction: column
}

.sub-container .menu-list.download li {
	flex-grow: 1
}

.sub-container .menu-link {
	color: var(--White);
	font-weight: 500;
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center
}

.header-right,
.mobile-nav-wrap .download {
	gap: 15px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.sub-container .menu-link img {
	width: 25px
}

.box-icon .type:hover,
.card-benefit .type:hover,
.card-team .name:hover,
.footer-inner .infor_detail:hover,
.mobile-nav-wrap .mobile-nav-close:hover,
.s-article .breadcrums a:hover,
.sidebar-content .category-list a:hover,
.sidebar-content .comments-list a:hover p,
.sidebar-content .post-list a:hover,
.slider-testimonial .swiper-slide-active .wg-testimonial .icon i,
.sub-container .menu-link.current,
.sub-container .menu-link:hover,
.wg-landing .title:hover,
.wg-tabs .menu-tab .item a:hover,
.wg-testimonial .name:hover {
	color: var(--Primary)
}

.header-right {
	display: flex;
	align-items: center
}

.mobile-nav-wrap {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 9999999;
	visibility: visible;
	transition: .3s
}

.bloom {
	opacity: .6
}

.mobile-nav-wrap.active {
	opacity: 1;
	visibility: visible;
	pointer-events: all
}

.mobile-nav-wrap.active .inner-mobile-nav {
	left: 0 !important
}

.mobile-nav-wrap .download {
	display: flex;
	justify-content: center
}

.mobile-nav-wrap .overlay-mobile-nav {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .8) 100%);
	width: 100%;
	height: 100%;
	z-index: 1000
}

.mobile-nav-wrap .inner-mobile-nav {
	position: fixed;
	padding: 15px;
	z-index: 1001;
	height: 100%;
	width: 320px;
	background-color: var(--Bg);
	left: -320px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px
}

.mobile-nav-wrap .inner-mobile-nav .logo {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 40px
}

.mobile-nav-wrap .inner-mobile-nav .logo img {
	max-width: 160px;
	height: 45px
}

.mobile-nav-wrap .menu-item-has-children-mobile {
	padding-top: 10px
}

.mobile-nav-wrap .menu-item-has-children-mobile.active i {
	transform: rotate(-180deg)
}

.mobile-nav-wrap .menu-item-has-children-mobile .item-menu-mobile {
	justify-content: space-between;
	display: flex;
	position: relative;
	transition-timing-function: linear;
	font-size: 18px;
	font-weight: 600
}

.mobile-nav-wrap .menu-item-has-children-mobile .item-menu-mobile i {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	height: max-content
}

.mobile-nav-wrap .menu-item-has-children-mobile .sub-menu-mobile {
	display: none;
	margin-top: 15px
}

.mobile-nav-wrap .menu-item-has-children-mobile .menu-item a {
	padding-left: 15px;
	display: block;
	line-height: 30px;
	font-size: 16px
}

.mobile-nav-wrap .menu-item-has-children-mobile .menu-item a::before {
	content: "\e900";
	position: relative;
	top: -1px;
	left: -10px;
	font-family: icomoon;
	color: var(--White);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	font-size: 10px
}

.mobile-nav-wrap .menu-item-has-children-mobile .menu-item a:hover::before,
.mobile-nav-wrap .menu-item-has-children-mobile .menu-item.current a::before {
	left: -5px;
	visibility: visible;
	opacity: 1
}

.mobile-nav-wrap .menu-item-has-children-mobile .menu-item a:hover span::after {
	right: auto;
	left: 0;
	width: 100%
}

.mobile-nav-wrap .menu-item-has-children-mobile .menu-item a span::after {
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	width: 0%;
	height: 1px;
	background-color: var(--White);
	bottom: 2px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.mobile-nav-wrap .mobile-nav-close {
	top: 20px;
	right: 20px;
	position: absolute;
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: var(--White)
}

.mobile-nav-wrap .social-list a:hover {
	color: var(--Main-black)
}

.mobile-nav-wrap .bottom .title {
	font-family: Archivo, sans-serif;
	color: var(--White);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px
}

.mobile-nav-wrap .contact-list a {
	color: var(--Text-2);
	font-size: 14px
}

.mobile-nav-wrap .contact-list a:hover {
	color: var(--Main-golden)
}

.mobile-button {
	position: relative;
	width: 26px;
	height: 26px;
	background-color: transparent;
	cursor: pointer;
	display: none
}

.box-icon.full .image,
.card-benefit .image,
.footer-bottom .go_top,
.footer-inner,
.tf-footer .logo-bottom {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.mobile-button span {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	top: 12px;
	background-color: var(--White)
}

.mobile-button::before {
	content: "";
	position: absolute;
	top: 5px;
	height: 2px;
	width: 100%;
	left: 0;
	background-color: var(--White)
}

.mobile-button::after {
	content: "";
	position: absolute;
	bottom: 5px;
	height: 2px;
	width: 100%;
	left: 0;
	background-color: var(--White)
}

.tf-footer {
	padding-top: 80px;
	position: relative;
	padding-bottom: 80px
}

.box-icon.full .image,
.card-benefit .image,
.tf-footer .logo-bottom {
	display: flex;
	justify-content: center
}

.tf-footer .f-item {
	position: absolute;
	bottom: -230px;
	left: 0;
	z-index: -1;
	width: 100%;
	top: 0
}

.tf-footer .f-item img {
	width: 100%;
	min-height: 1000px;
	object-fit: cover
}

.tf-footer.style-2 {
	padding-top: 71px
}

.footer-inner {
	display: flex;
	justify-content: space-between;
	margin-bottom: 97px;
	gap: 30px
}

.footer-inner .infor-list li:not(:last-child),
.s-heading.style-2 .s-title.mb-22,
.update-list li:not(:last-child) {
	margin-bottom: 22px
}

.footer-inner .infor_name {
	margin-bottom: 2px
}

.footer-inner .infor_detail {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: var(--Text-2)
}

.footer-inner-left {
	max-width: 353px;
	width: 100%;
	padding-top: 5px
}

.author-post .date,
.blog-single .benefit-list li:not(:last-child),
.footer-inner-left .logo-site {
	margin-bottom: 11px
}

.footer-inner-right {
	max-width: 415px;
	width: 100%
}

.tf-btn,
.wg-tabs .menu-tab {
	position: relative;
	width: max-content
}

.footer-inner-right .form_sub,
.s-article.article-detail .text.s1 {
	margin-bottom: 45px
}

.footer-bottom .go_top {
	font-family: Archivo, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 19.58px;
	display: flex;
	align-items: center;
	gap: 8px
}

.tf-btn,
.tf-btn .btn-text,
.wg-tabs .menu-tab {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.wg-tabs .menu-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	white-space: nowrap;
	border-radius: 1000px;
	border: 1px solid #1e2252;
	padding: 6px;
	margin: 0 auto 71px
}

.tf-btn .s1::after,
.tf-btn .s2,
.wg-tabs .menu-tab .item a::after {
	border-radius: 100px;
	position: absolute
}

.wg-tabs .menu-tab.style-2 {
	margin: 0 auto 41px
}

.wg-tabs .menu-tab .item a {
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--Text-2);
	padding: 6px 24px;
	border-radius: 100px;
	background: #00041e
}

.wg-tabs .menu-tab .item a::after {
	content: "";
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1
}

.wg-tabs .menu-tab .item.active a {
	box-shadow: 0 0 6px 0 rgba(153, 73, 255, .5019607843);
	color: var(--Primary)
}

.wg-tabs .menu-tab .item.active a span {
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(90deg, #7f64e9, #9c83ff 25%, #d671ef 50%, #f5cb36);
	-webkit-background-clip: text;
	background-clip: text
}

.wg-tabs .menu-tab .item.active a::after {
	background: linear-gradient(90deg, #7f64e9, #9c83ff 25%, #d671ef 50%, #f5cb36)
}

.wg-tabs .widget-content-tab .widget-content-inner {
	visibility: hidden;
	opacity: 0
}

.s-how-to-use .btn-item.active .bloom,
.s-how-to-use .btn-item.active .wrap,
.s-how-to-use .content-wrap-2 .image-item,
.slider-testimonial .swiper-slide-active .wg-testimonial>.bloom,
.wg-tabs .widget-content-tab .widget-content-inner.active {
	visibility: visible;
	opacity: 1
}

.wg-tabs>.bloom {
	width: 336px;
	height: 556px;
	top: 50%;
	transform: translate(-50%, -50%)
}

.tf-btn {
	color: var(--White);
	background-color: rgba(0, 0, 0, 0);
	border-radius: 100px;
	padding: 14px 29px 14px 28px;
	display: flex;
	align-items: center;
	justify-content: center
}

.tf-btn.scale-15:hover .s1:after {
	transform: rotate(90deg) scale(15)
}

.tf-btn.scale-10:hover .s1:after {
	transform: rotate(90deg) scale(10)
}

.tf-btn.scale-8:hover .s1:after {
	transform: rotate(90deg) scale(8)
}

.tf-btn .s1::after {
	content: "";
	opacity: 1;
	z-index: 0;
	flex: none;
	inset: 0;
	overflow: visible;
	-webkit-transition: .6s cubic-bezier(.63, .25, .25, 1);
	-khtml-transition: 0.6s cubic-bezier(0.63, 0.25, 0.25, 1);
	-moz-transition: .6s cubic-bezier(.63, .25, .25, 1);
	-ms-transition: .6s cubic-bezier(.63, .25, .25, 1);
	-o-transition: .6s cubic-bezier(.63, .25, .25, 1);
	transition: .6s cubic-bezier(.63, .25, .25, 1);
	background: linear-gradient(#7f64e9, #9c83ff 25%, #d671ef 50%, #f5cb36);
	transform: rotate(0) scale(1)
}

.btn-view-article,
.tf-btn .btn-text {
	align-items: center;
	position: relative
}

.sidebar-content .comments-list a P,
.tf-btn.style-2.type-3 .s2 {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.tf-btn .s2 {
	background: var(--Bg);
	z-index: 1;
	inset: 1px;
	overflow: visible
}

.tf-btn .btn-text {
	z-index: 3;
	display: flex
}

.btn-view-article,
.content-slide .icon,
form .cols {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.tf-btn:hover .s1:after {
	transform: rotate(90deg) scale(5)
}

.tf-btn.has-icon {
	padding: 11px 28px 11px 27px
}

.tf-btn.has-icon .btn-text {
	font-size: 14px;
	line-height: 20px;
	gap: 8px
}

.tf-btn.has-icon .btn-text i,
.tf-btn.style-3 .btn-text i {
	font-size: 24px
}

.tf-btn.has-icon.small {
	padding: 9px 26px 9px 25px
}

.tf-btn.style-2 {
	border-radius: 8.4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	padding: 7px 14px
}

.tf-btn.style-2.type-3,
.tf-btn.style-2.type-4,
.tf-btn.style-4 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400
}

.tf-btn.style-2 .s1::after {
	border-radius: 8.4px;
	background: linear-gradient(270deg, #343754 .33%, #aab1ec 53.7%, #343754 100.33%)
}

.tf-btn.style-2 .s2 {
	border-radius: 8.4px;
	background-color: var(--Primary)
}

.tf-btn.style-2 .btn-text {
	gap: 6px
}

.tf-btn.style-2:hover .s1:after,
.tf-btn.style-4.type-2:hover .s1:after {
	transform: rotate(90deg) scaleX(.5) scaleY(8)
}

.pricing-table .icon.not-check,
.tf-btn.style-2.type-2 .s2 {
	background-color: var(--Bg-2)
}

.box-icon .text a::after,
.tf-btn.style-4 .s2 {
	background: var(--Primary)
}

.tf-btn.style-2.type-3 {
	color: var(--Text-3);
	padding: 18px 14px
}

.tf-btn.style-2.type-3 .s2 {
	background: #403fa9;
	transition: .3s
}

.box-icon .bloom,
.tf-btn.style-2.type-3 .s1::after,
.update-list .new-fix:hover .s1::after {
	transform: unset
}

.btn-search:hover,
.tf-btn.style-2.type-3:hover .s2 {
	background-color: var(--Primary)
}

.tf-btn.style-2.type-4 {
	padding: 12px 14px 11px;
	color: var(--Text-3)
}

.tf-btn.style-2.type-4 .s2 {
	background: #403fa9
}

.tf-btn.style-2.type-4:hover {
	box-shadow: 0 0 16px 10px rgba(57, 115, 233, .2509803922)
}

.tf-btn.style-3 .btn-text {
	gap: 8px;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px
}

.tf-btn.style-4 {
	backdrop-filter: blur(16px)
}

.tf-btn.style-4:hover {
	box-shadow: 0 0 16px 5px rgba(53, 92, 233, .6)
}

.tf-btn.style-4:hover .s1:after {
	transform: rotate(90deg) scaleX(1) scaleY(5)
}

.tf-btn.style-4 .s1::after {
	background: linear-gradient(270deg, #343754 .33%, #aab1ec 53.7%, #343754 100.33%)
}

.tf-btn.style-4.type-2 .s2 {
	background: #3a3ea5
}

.tf-btn.style-5 {
	box-shadow: 0 0 8px 0 #373cc3;
	background-color: var(--Bg-5);
	color: var(--Primary);
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	padding: 8px 29px 8px 28px
}

.author-post .btn-reply:hover,
.sidebar-content .tags-list a:hover,
.tf-btn.style-5:hover {
	background-color: var(--Primary);
	color: var(--White)
}

.tf-btn.btn-social {
	border-radius: 7px;
	padding: 0;
	width: 35px;
	height: 30px
}

.tf-btn.btn-social .s1::after,
.tf-btn.btn-social>* {
	border-radius: 7px
}

.tf-btn.btn-social .s2 {
	background-color: var(--Bg-4)
}

.btn-view-article {
	display: flex;
	justify-content: space-between;
	padding: 10px 14px 7px;
	background: #131633;
	border-radius: 11.4px;
	color: var(--White);
	font-size: 10.26px;
	font-weight: 600;
	line-height: 14.36px
}

.btn-view-article::after {
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1;
	content: "";
	border-radius: 11.4px;
	background: linear-gradient(142.43deg, #362793 1.93%, #242267 11.83%, #0b0a33 60.3%)
}

.btn-view-article .tf-overlay {
	overflow: hidden;
	border-radius: 11.4px
}

.btn-view-article .tf-overlay::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: "";
	width: 10%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.btn-search,
.form_search.type_2 .icon {
	top: 50%;
	transform: translateY(-50%);
	position: absolute
}

.btn-view-article i {
	font-size: 15px
}

.btn-view-article:hover .i,
.btn-view-article:hover i {
	animation: .3s linear link-icon
}

form {
	position: relative;
	z-index: 30
}

form input[type=color],
form input[type=date],
form input[type=datetime-local],
form input[type=datetime],
form input[type=email],
form input[type=month],
form input[type=number],
form input[type=password],
form input[type=search],
form input[type=tel],
form input[type=text],
form input[type=time],
form input[type=url],
form input[type=week],
form select,
form textarea {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
	padding: 23px 19px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	background-color: var(--White);
	border: 1px solid var(--White);
	border-radius: 8px;
	color: var(--Black);
	overflow: hidden;
	margin-bottom: 0
}

form input[type=color]::placeholder,
form input[type=date]::placeholder,
form input[type=datetime-local]::placeholder,
form input[type=datetime]::placeholder,
form input[type=email]::placeholder,
form input[type=month]::placeholder,
form input[type=number]::placeholder,
form input[type=password]::placeholder,
form input[type=search]::placeholder,
form input[type=tel]::placeholder,
form input[type=text]::placeholder,
form input[type=time]::placeholder,
form input[type=url]::placeholder,
form input[type=week]::placeholder,
form textarea::placeholder {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--Body-text)
}

form button,
form input[type=button],
form input[type=reset],
form input[type=submit] {
	background-color: transparent;
	overflow: hidden;
	padding: 0
}

form textarea {
	padding: 18px 19px;
	height: 176px
}

form .cols {
	display: flex;
	gap: 28px
}

form.style-2 input {
	border-radius: 4px;
	padding: 17px 20px
}

.form_contact1.style-3 input,
.form_contact1.style-3 select,
form.style-3 input,
form.style-3 select {
	padding: 15px 20px;
	background: 0 0;
	color: var(--Text-2);
	border-color: var(--Text-2)
}

.es-form-field-container .gjs-cell input {
	padding: 15px 20px !important;
	background: 0 0 !important;
	color: var(--Text-2) !important;
	border-color: var(--Text-2) !important
}

form.style-3 input::placeholder {
	color: var(--Text-2)
}

.form_contact1.style-3 textarea,
form.style-3 textarea {
	height: 169px;
	padding: 15px 20px;
	background: 0 0;
	color: var(--Text-2);
	border-color: var(--Text-2)
}

form.style-3 textarea::placeholder {
	color: var(--Text-2)
}

.form_sub fieldset input {
	background-color: transparent;
	border-radius: unset;
	border: unset;
	border-bottom: 1px solid var(--Text-2);
	padding: 0 0 6px;
	color: var(--White)
}

.form_sub fieldset input:focus {
	border-color: var(--White)
}

.form_search.type_2 fieldset input {
	color: var(--White);
	padding: 17px 130px 17px 62px;
	border-radius: 100px;
	background: #1d217b;
	border-color: transparent;
	display: -webkit-box;
	overflow: hidden
}

.form_search.type_2 fieldset input::placeholder {
	color: var(--Text-2)
}

.form_search.type_2 .icon {
	display: block;
	left: 24px
}

.bloom.t-xy-50,
.s-benefit .s-img-item.item-1,
.s-mobile-app>.bloom.item-1,
.slider-testimonial .img-item {
	transform: translate(-50%, -50%)
}

.btn-search i,
.form_search.type_2 .icon i {
	color: var(--White);
	font-size: 24px
}

.form_search.type_2 .tf-btn {
	position: absolute;
	top: 8px;
	bottom: 8px;
	right: 8px
}

.btn-search {
	right: 20px;
	width: 42px;
	height: 42px;
	border-radius: 4px;
	background-color: var(--Bg-3)
}

.form-wrap {
	padding: 1px;
	border-radius: 100px;
	background: linear-gradient(180deg, #232a78 0, #656ffe 48.98%, #232a78 100%);
	backdrop-filter: blur(12px);
	box-shadow: 0 0 16px 0 rgba(74, 86, 255, .2509803922)
}

.form_contact {
	max-width: 678px;
	width: 100%;
	margin: 0 auto
}

.error {
	color: red;
	font-size: 12px;
	line-height: 20px
}

.content-slide {
	border-radius: 16px;
	box-shadow: 0 4px 16px 0 rgba(237, 78, 36, .2509803922);
	background: #0c0e27;
	padding: 10px;
	position: relative
}

.content-slide::after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1;
	border-radius: 16px;
	background: linear-gradient(180deg, #161933 0, #282b39 100%)
}

.content-slide.boxshadow-type-2 {
	box-shadow: 0 4px 16px 0 rgba(249, 57, 121, .2509803922)
}

.content-slide.boxshadow-type-3 {
	box-shadow: 0 4px 16px 0 rgba(221, 221, 221, .2509803922)
}

.content-slide.boxshadow-type-4 {
	box-shadow: 0 4px 16px 0 rgba(220, 221, 227, .0509803922)
}

.content-slide.boxshadow-type-5 {
	box-shadow: 0 4px 16px 0 rgba(252, 74, 4, .0509803922)
}

.content-slide.boxshadow-type-6 {
	box-shadow: 0 4px 16px 0 rgba(1, 167, 48, .0509803922)
}

.content-slide .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 16px;
	background: rgba(30, 32, 60, .6)
}

.tf-swiper-container {
	width: 100%;
	margin-bottom: 19px;
	overflow: hidden;
	position: relative;
	padding: 1px
}

.tf-swiper-container.type-2 .tf-swiper-wrapper {
	animation: 5s linear infinite slide-har-2
}

.tf-swiper-wrapper {
	display: flex;
	animation: 5s linear infinite slide-har
}

.tf-swiper-slide {
	flex: 0 0 auto;
	width: 72px;
	height: 72px;
	margin-right: 10px
}

.testimonial-pagination,
.tf-swiper-pagination {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 100px;
	gap: 9px;
	position: relative
}

.testimonial-pagination.mt-0,
.tf-swiper-pagination.mt-0 {
	margin-top: 0
}

.testimonial-pagination .swiper-pagination-bullet,
.tf-swiper-pagination .swiper-pagination-bullet {
	width: 53px;
	height: 7px;
	border-radius: 2px;
	background: rgb(176 159 255 / 41%);
	opacity: 1
}

.testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tf-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	box-shadow: 0 0 12px 0 rgba(57, 115, 233, .6392156863);
	background: linear-gradient(90deg, #7f64e9, #9c83ff 25%, #d671ef 50%, #f5cb36)
}

.s-hero-banner .people-join,
.slider-mobile-app {
	margin-bottom: 53px
}

.slider-contact {
	overflow: visible;
	padding: 1px !important;
	margin-bottom: 37px
}

.slider-testimonial {
	overflow: visible;
	width: 100%;
	padding-bottom: 70px
}

.slider-testimonial .img-item {
	position: absolute;
	top: 40%;
	left: 50%
}

.slider-testimonial.default {
	overflow: visible;
	display: flex
}

.slider-testimonial .swiper-slide-active .wg-testimonial {
	box-shadow: 0 0 15.36px 0 rgba(105, 111, 167, .2509803922)
}

.slider-testimonial .swiper-slide-active .wg-testimonial::after {
	background: linear-gradient(170.68deg, #3f49d8 3.3%, #1f1b48 33.52%, #00041e 55.73%)
}

.slider-testimonial .swiper-slide-active .wg-testimonial .icon {
	background: #05051d
}

.slider-testimonial .swiper-slide-active .wg-testimonial .icon::after {
	background: linear-gradient(180deg, rgba(74, 86, 255, 0) 0, #010101 100%)
}

.slider-build-pagination {
	margin-top: 50px
}

.slider-build {
	position: relative;
	margin: 0 auto;
	max-width: 463px;
	width: 100%
}

.slider-build .swiper-wrapper {
	min-height: 521px
}

.slider-build .swiper-slide {
	transition: opacity .5s, top .5s;
	top: -30px;
	opacity: 1 !important
}

.slider-build .swiper-slide .image {
	margin: 0 auto;
	max-width: 380px;
	width: 100%;
	transition: max-width .5s ease-in-out, opacity .5s ease-in-out;
	opacity: .8
}

.slider-build .swiper-slide:first-child {
	top: -30px
}

.slider-build .swiper-slide:first-child.swiper-slide-active {
	top: 0
}

.slider-build .swiper-slide:nth-child(2) {
	top: -15px
}

.slider-build .swiper-slide.swiper-slide-active {
	top: 0;
	z-index: 10
}

.slider-build .swiper-slide.swiper-slide-active .image {
	opacity: 1;
	max-width: 463px
}

.slider-build .swiper-slide.swiper-slide-prev {
	top: -15px;
	z-index: 9
}

.slider-build .swiper-slide.swiper-slide-prev[aria-label="1 / 3"] .image,
.slider-build .swiper-slide.swiper-slide-prev[aria-label="2 / 3"] .image {
	max-width: 416px;
	opacity: .9
}

.slider-build .swiper-slide.swiper-slide-next {
	z-index: 8
}

.slider-build .swiper-slide.swiper-slide-next[aria-label="3 / 3"] .image {
	max-width: 380px;
	opacity: .8
}

.slider-build .swiper-slide.swiper-slide-next[aria-label="2 / 3"] .image {
	max-width: 416px;
	opacity: .8
}

.s-about-us .s-img-item.item-1 img,
.s-blog-single .s-img-item.item-1 img,
.s-img-item.top.item-1 img,
.slider-build-2 .image img {
	width: 100%;
	object-fit: cover
}

.slider-build-2 {
	display: none;
	padding-bottom: 30px
}

.s-heading .text.has-icon,
.s-sub-title {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.slider-build-2 .slider-build-2-pagination {
	position: absolute;
	margin-top: 0
}

.s-sub-title {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 15px;
	position: relative;
	z-index: 2
}

.s-sub-title p {
	color: #959efe;
	text-align: center
}

.s-heading.style-2 .s-title.mb-6,
.s-sub-title.mb-6 {
	margin-bottom: 6px
}

.s-sub-title.mb-7,
.wg-pricing .type {
	margin-bottom: 7px
}

.s-title {
	color: var(--White);
	margin-bottom: 25px
}

.s-title.style-2 {
	font-size: 36px;
	font-weight: 500;
	line-height: 48px;
	letter-spacing: -.02em
}

.blog-single .text.s3,
.s-title.mb-36,
.wg-pricing .price-wrap {
	margin-bottom: 36px
}

.s-heading {
	position: relative;
	margin: auto auto 60px
}

.s-heading .text {
	font-size: 18px;
	color: var(--Text-2)
}

.s-heading .text.has-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: var(--Text-3)
}

.s-heading .wrap .date-wrap,
.s-heading .wrap p,
.wg-blog .content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.s-heading .text.has-icon i,
.s-heading .wrap p i {
	color: var(--Primary);
	font-size: 16px
}

.s-heading.mb-96,
.s-how-work .s-heading {
	margin-bottom: 96px
}

.s-heading.mb-94,
.s-heading.mb-95 {
	margin-bottom: 94px
}

.s-heading.mb-93 {
	margin-bottom: 93px
}

.s-heading.mb-80,
.s-heading.style-2.mb-80,
.s-mobile-app .s-heading,
.wg-update.s3 .sub-type {
	margin-bottom: 60px
}

.s-heading.mb-76 {
	margin-bottom: 76px
}

.s-heading.mb-43,
.sidebar-item .title-sidebar {
	margin-bottom: 43px
}

.s-heading.mb-37 {
	margin-bottom: 37px
}

.s-heading.style-2 .s-sub-title {
	gap: 18px
}

.s-heading.style-2 .s-title {
	font-size: 40px;
	font-weight: 400;
	line-height: 56px;
	margin-bottom: 21px
}

.s-article.article-detail .text.s6,
.s-heading.style-2 .s-title.mb-28 {
	margin-bottom: 28px
}

.s-heading.style-2 .s-title.mb-27 {
	margin-bottom: 27px
}

.blog-single .title,
.s-article .benefit-list.s2 li:not(:last-child),
.s-article .benefit-list.s4 li:not(:last-child),
.s-heading.style-2 .s-title.mb-26 {
	margin-bottom: 26px
}

.s-feature .box-icon-border,
.s-heading.style-2 .s-title.mb-24 {
	margin-bottom: 24px
}

.s-heading .wrap {
	border-radius: 1000px;
	padding: 1px;
	box-shadow: 0 0 6px 0 rgba(153, 73, 255, .5019607843), 0 4px 4px 0 rgba(0, 0, 0, .2509803922), 0 4px 4px 0 rgba(0, 0, 0, .2509803922);
	width: max-content;
	background: linear-gradient(92.87deg, #4a56ff 1.47%, rgba(74, 86, 255, .5) 99.67%)
}

.s-heading .wrap .date-wrap {
	border-radius: 1000px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #020420;
	padding: 12px
}

.s-heading .wrap p {
	color: var(--Text-2);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	display: flex;
	align-items: center;
	gap: 10px
}

.bloom {
	position: absolute;
	background: var(--purple-dark);
	filter: blur(100px);
	width: 181px;
	height: 94px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
	pointer-events: none;
	display: inline-block;
	border-radius: 50%
}

.bloom.style-2 {
	background: #714dff;
	opacity: .5;
	filter: blur(120px);
	width: 50%;
	height: 75%
}

.bloom.style-3,
.box-icon .text a:hover::after {
	background: var(--Bg-6)
}

.bloom.style-3 {
	top: 60px;
	width: 181px;
	height: 155px
}

.bloom.style-4 {
	width: 487px;
	height: 223px
}

.bloom.style-5 {
	width: 458px;
	height: 318px
}

.bloom.style-6 {
	width: 533px;
	height: 263px;
	background-color: var(--purple-dark)
}

.bloom.bloom-circle {
	width: 397px;
	height: 414px
}

.blog-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 44px
}

.wg-blog {
	border-radius: 14.4px;
	padding: 1px;
	position: relative;
	background-image: radial-gradient(circle farthest-corner at 50% 140%, var(--purple-dark) 25%, var(--Black) 75%);
	border: 1px solid #272140;
	height: 100%
}

.wg-blog .content {
	display: flex;
	justify-content: space-between;
	padding: 30px;
	gap: 15px;
	flex-wrap: wrap
}

.wg-blog .entry-image {
	margin: 16px 11px 0;
	border-radius: 14px;
	overflow: hidden
}

.wg-blog .title {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: var(--Text-4);
	display: block;
	margin-bottom: 2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis
}

.wg-blog .sub {
	font-size: 14px;
	line-height: 20px;
	color: var(--Text-4)
}

.sidebar-item.sidebar-search::after,
.wg-blog::after {
	content: "";
	position: absolute;
	border-radius: inherit;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1;
	background: linear-gradient(126.42deg, #797c8b 2.26%, rgba(167, 167, 167, 0) 50.04%), linear-gradient(180deg, #303a7c 0, rgba(14, 19, 51, .5) 100%)
}

.blog-single {
	display: flex;
	gap: 30px;
	justify-content: space-between
}

.blog-single .content {
	max-width: 768px;
	width: 100%
}

.blog-single .text,
.box-icon .text {
	font-size: 18px;
	line-height: 28px
}

.blog-single .text.s1,
.s-cta .s-heading .text {
	margin-bottom: 31px
}

.blog-single .text.s2,
.s-article .benefit-list.s3,
.s-change-log .wg-update.s2 {
	margin-bottom: 62px
}

.blog-single .entry-image {
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 73px
}

.blog-single .tf-sidebar {
	max-width: 452px;
	width: 100%
}

.blog-single .benefit-list {
	padding-left: 4px;
	margin-bottom: 56px
}

.blog-single .benefit-list li {
	gap: 8px
}

.blog-single .benefit-list i {
	font-size: 17px
}

.sidebar-content .category-list a,
.sidebar-content .comments-list a,
.sidebar-content .comments-list a P,
.sidebar-content .post-list a,
.sidebar-content .tags-list a {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px
}

.blog-single .comment-wrap {
	margin-bottom: 58px
}

.blog-single .post-comment-wrap {
	max-width: 732px;
	width: 100%
}

.comment-list li:not(:last-child) {
	margin-bottom: 42px
}

.sidebar-item {
	border-radius: 14.4px;
	position: relative;
	padding: 38px 34px 54px;
	background: linear-gradient(180deg, rgba(7, 7, 38, .5) 0, rgba(18, 24, 102, .5) 100%)
}

.sidebar-item.sidebar-search {
	padding: 46px 34px 44px;
	background: var(--Bg)
}

.sidebar-item.type-2 {
	padding: 38px 34px 45px
}

.sidebar-item.sb-tag {
	padding: 38px 26px 45px 34px
}

.sidebar-content .post-list a {
	color: var(--Text-3);
	display: block
}

.sidebar-content .post-list li:not(:last-child) {
	padding-bottom: 18px
}

.sidebar-content .post-list li:not(:last-child) a {
	border-bottom: 1px solid var(--Border-3);
	padding-bottom: 32px
}

.sidebar-content .category-list a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--Text-3);
	padding-bottom: 19px;
	border-bottom: 1px solid var(--Border-3);
	position: relative
}

.sidebar-content .category-list a::after,
.sidebar-content .comments-list a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
	width: 0%;
	height: 1px;
	background-color: var(--Primary)
}

.sidebar-content .category-list a:hover::after,
.sidebar-content .comments-list a:hover::after {
	width: 100%;
	right: auto;
	left: 0
}

.sidebar-content .category-list li:not(:last-child) {
	padding-bottom: 13px
}

.sidebar-content .comments-list a {
	color: var(--White);
	padding-bottom: 24px;
	display: block;
	border-bottom: 1px solid var(--Border-3);
	position: relative
}

.sidebar-content .tags-list,
.sidebar-content .tags-list a,
.social-list,
.social-list a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.sidebar-content .comments-list a P {
	transition: .3s
}

.accordion .accordion-button,
.accordion .accordion-button::after {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.sidebar-content .comments-list li:not(:last-child) {
	padding-bottom: 21px
}

.sidebar-content .tags-list {
	display: flex;
	gap: 32px 10px;
	flex-wrap: wrap
}

.sidebar-content .tags-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--White);
	border-radius: 4px;
	color: var(--Black);
	padding: 3px 24px 2px
}

.accordion .accordion-button {
	transition: .3s;
	position: relative;
	background-color: transparent
}

.accordion .accordion-button::after {
	transition: .3s;
	content: "";
	margin-left: unset;
	background-image: unset;
	width: auto;
	height: max-content;
	display: block
}

.tf-accordion .icon,
.tf-accordion .icon::after {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.accordion .accordion-button:not(.collapsed) {
	background-color: unset;
	box-shadow: unset
}

.accordion .accordion-button:not(.collapsed)::after,
.tf-accordion .accordion-button.hover-ic-type-2:not(.collapsed) .icon {
	transform: rotate(90deg)
}

.accordion .accordion-button:focus {
	box-shadow: unset
}

.accordion .accordion-item {
	border-color: transparent;
	background-color: transparent
}

.tf-accordion {
	border-radius: 16px;
	background: linear-gradient(270.44deg, #01051d .38%, #030826 99.09%);
	border: 1px solid var(--Border);
	position: relative
}

.tf-accordion .bloom {
	transform: unset;
	left: unset
}

.tf-accordion .bloom.s1 {
	top: 109px;
	right: 86px
}

.tf-accordion .bloom.s2 {
	background: rgba(89, 53, 233, .6);
	top: 38px;
	left: 140px
}

.tf-accordion .icon::after,
.tf-accordion .icon::before {
	background-color: var(--White);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: ""
}

.tf-accordion .accordion-button {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	color: var(--Text-3);
	padding: 20px 40px 20px 38px;
	position: relative
}

.tf-accordion .accordion-button:not(.collapsed) {
	padding: 30px 50px 21px 48px
}

.tf-accordion .accordion-button:not(.collapsed) .icon::after {
	transform: translate(-50%, -50%) rotate(180deg)
}

.tf-accordion .accordion-button:not(.collapsed) .icon::before {
	transform: translate(-50%, -50%) rotate(90deg)
}

.tf-accordion .icon {
	display: inline-block;
	height: 25px;
	width: 25px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6.84px;
	background-color: var(--Bg-4);
	position: absolute;
	top: 20px;
	right: 38px;
	transition: .3s
}

.tf-accordion .icon::after {
	position: absolute;
	width: 12px;
	height: 3px;
	transition: .3s
}

.tf-accordion .icon::before,
.wg-testimonial {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.tf-accordion .icon::before {
	position: absolute;
	transition: .3s;
	height: 12px;
	width: 3px
}

.author-post,
.tf-accordion.style-2 .accordion-item {
	background: linear-gradient(180deg, rgba(7, 7, 38, .5) 0, rgba(18, 24, 102, .5) 100%);
	position: relative
}

.tf-accordion .icon.style-2 {
	top: 35px;
	width: 26px;
	height: 26px
}

.tf-accordion .icon.style-2::after,
.tf-accordion .icon.style-2::before {
	content: none
}

.tf-accordion .icon.style-2 i {
	font-size: 13px
}

.tf-accordion .accordion-body {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--Text-3);
	padding: 0 0 30px 48px;
	max-width: 830px;
	width: 100%
}

.tf-accordion .accordion-item {
	border-bottom: 1px solid var(--Border-5)
}

.tf-accordion.style-2 {
	border: unset;
	background: unset;
	border-radius: unset
}

.tf-accordion.style-2 .accordion-item {
	border: 1px solid var(--Border-3);
	border-radius: 14.4px;
	margin-bottom: 10px
}

.tf-accordion.style-2 .accordion-button {
	padding: 33px 90px 33px 49px;
	font-weight: 500
}

.tf-accordion.style-2.type-2 .accordion-button {
	padding: 31px 90px 34px 49px
}

.tf-accordion.style-2.type-2 .accordion-button:not(.collapsed) {
	padding: 31px 90px 42px 49px
}

.tf-accordion.style-2.type-2 .accordion-body {
	padding: 0 70px 33px 49px
}

@keyframes link-icon {

	0%,
	100% {
		transform: translateX(0);
		opacity: 1
	}

	49% {
		transform: translateX(10px);
		opacity: 0
	}

	50% {
		transform: translateX(-10px);
		opacity: 0
	}
}

@keyframes slide-har {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes slide-har-2 {
	0% {
		transform: translateX(-100%)
	}

	100% {
		transform: translateX(0)
	}
}

@keyframes tf-ani-tada {

	from,
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}
}

.tf-ani-tada {
	-webkit-animation: 2s infinite tf-ani-tada;
	animation: 2s infinite tf-ani-tada
}

@keyframes goTopToBottom {
	49% {
		transform: translateY(-100%)
	}

	50% {
		opacity: 0;
		transform: translateY(100%)
	}

	51% {
		opacity: 1
	}
}

@keyframes iconBounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		transform: translateY(-3px)
	}

	60% {
		-webkit-transform: translateY(-2px);
		-ms-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}

@keyframes changeBG {
	0% {
		opacity: .1;
		background: 0 0
	}

	50% {
		opacity: .5;
		background: var(--Primary)
	}

	100% {
		opacity: 1;
		background: var(--Primary)
	}
}

@keyframes zoomIn {
	0% {
		transform: scale(.3);
		opacity: 0
	}

	100% {
		transform: scale(1);
		opacity: 1
	}
}

.zoomIn {
	animation-name: zoomIn;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.tf-hover .hover-1 img {
	width: 100%;
	height: 200px;
	transform: scale(1.01);
	-webkit-transition: 1s cubic-bezier(.24, .74, .58, 1);
	-khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
	-moz-transition: 1s cubic-bezier(.24, .74, .58, 1);
	-ms-transition: 1s cubic-bezier(.24, .74, .58, 1);
	-o-transition: 1s cubic-bezier(.24, .74, .58, 1);
	transition: 1s cubic-bezier(.24, .74, .58, 1);
	object-fit: cover
}

.tf-hover .hover-2 img {
	width: 100%;
	-webkit-transition: 1s cubic-bezier(.24, .74, .58, 1);
	-khtml-transition: all 1s cubic-bezier(0.24, 0.74, 0.58, 1);
	-moz-transition: 1s cubic-bezier(.24, .74, .58, 1);
	-ms-transition: 1s cubic-bezier(.24, .74, .58, 1);
	-o-transition: 1s cubic-bezier(.24, .74, .58, 1);
	transition: 1s cubic-bezier(.24, .74, .58, 1)
}

.tf-hover .hover-5 figure {
	max-width: 410px;
	max-height: 450px;
	width: 100%;
	height: 100%
}

.tf-hover .hover-5 img {
	margin-left: 30px;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	object-fit: cover;
	object-position: left
}

.tf-hover .hover-14::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.tf-hover:hover .hover-1 img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.tf-hover:hover .hover-2 img {
	-webkit-transform: scale(1.2) rotate(-3deg);
	transform: scale(1.2) rotate(-3deg)
}

.tf-hover-icon .hover-icon i,
.tf-hover-icon .hover-icon-2 {
	transform: rotateY(0);
	-moz-transition: .4s cubic-bezier(.4, .5, .6, .7);
	-ms-transition: .4s cubic-bezier(.4, .5, .6, .7);
	-o-transition: .4s cubic-bezier(.4, .5, .6, .7);
	-khtml-transition: all 0.4s cubic-bezier(0.4, 0.5, 0.6, 0.7)
}

.tf-hover:hover .hover-5 img {
	margin-left: 0
}

.tf-hover:hover .hover-14::before {
	-webkit-animation: .75s shine;
	animation: .75s shine
}

@keyframes shine {
	100% {
		left: 125%
	}
}

.tf-hover-icon .hover-icon i {
	transition: .4s cubic-bezier(.4, .5, .6, .7)
}

.tf-hover-icon .hover-icon-2 {
	display: flex;
	width: max-content;
	transition: .4s cubic-bezier(.4, .5, .6, .7)
}

.tf-hover-icon:hover .hover-icon i {
	transform: rotateY(180deg)
}

.tf-hover-icon:hover .hover-icon-2 {
	transform: rotateY(180deg);
	-khtml-transition: all 0.4s cubic-bezier(0.4, 0.5, 0.6, 0.7);
	-moz-transition: .4s cubic-bezier(.4, .5, .6, .7);
	-ms-transition: .4s cubic-bezier(.4, .5, .6, .7);
	-o-transition: .4s cubic-bezier(.4, .5, .6, .7);
	transition: .4s cubic-bezier(.4, .5, .6, .7)
}

.social-list {
	display: flex;
	gap: 16px
}

.social-list a {
	height: 48px;
	width: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--Border-2)
}

.author-post,
.benefit-list li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.social-list a i {
	font-size: 24px;
	background-image: linear-gradient(90deg, #7f64e9, #9c83ff 25%, #d671ef 50%, #f5cb36);
	-webkit-background-clip: text;
	background-clip: text
}

.social-list a:hover {
	background-color: var(--Primary);
	border-color: var(--Primary)
}

.benefit-list li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	align-items: baseline
}

.benefit-list i {
	font-size: 14px
}

.benefit-list p {
	font-weight: 400;
	line-height: 28px;
	display: block;
	overflow: hidden
}

.author-post {
	border-radius: 14.4px;
	padding: 37px 50px 37px 26px;
	display: flex;
	align-items: center;
	gap: 30px;
	max-width: 732px;
	width: 100%
}

.author-post .name,
.char-wrapper,
.icon {
	display: inline-block;
	color: #8d96f2;
}

.author-post .avatar {
	border-radius: 4px;
	overflow: hidden;
	max-width: 100px;
	width: 100%
}

.author-post .name {
	color: var(--White);
	margin-bottom: 3px
}

.author-post .btn-reply,
.icon.style-circle {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center
}

.author-post .btn-reply {
	position: absolute;
	top: 20px;
	right: 26px;
	display: flex;
	color: var(--Black);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	border-radius: 3px;
	background-color: var(--White);
	padding: 5px 9px 4px 8px;
	gap: 18px
}

.wg-testimonial .icon::after,
.wg-testimonial::after {
	content: "";
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1
}

.comment-wrap h5,
.post-comment-wrap h5 {
	margin-bottom: 33px
}

.icon.style-circle {
	display: flex;
	justify-content: center;
	border-radius: 50%
}

.icon.style-square,
.wg-pricing .benefit-list .icon {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center
}

.icon.style-square {
	display: flex;
	justify-content: center;
	border-radius: 6.84px;
	width: 25px;
	height: 25px;
	background-color: var(--Bg-4)
}

.wg-counter .sub-counter {
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	color: var(--Text-2)
}

.counter {
	background: linear-gradient(94.64deg, #4a64ea 8.04%, #596fe3 77.29%);
	-webkit-background-clip: text
}

.wg-pricing,
.wg-testimonial {
	background-image: radial-gradient(circle farthest-corner at 50% 140%, var(--purple-dark) 25%, var(--Black) 75%)
}

.counter span {
	font-family: Poppins, sans-serif !important;
	font-size: 80px;
	font-weight: 400;
	line-height: 90px;
	letter-spacing: -.03em
}

.price-wrap p,
.wg-pricing .title {
	font-size: 48px;
	line-height: 56px;
	letter-spacing: -.03em;
	color: var(--Text-3);
	font-weight: 500
}

.counter.style-2 {
	background: linear-gradient(94.64deg, #624de9 8.04%, #999 77.29%);
	-webkit-background-clip: text
}

.counter.style-3 {
	background: linear-gradient(94.64deg, #9e53fe 8.04%, #aa6ff5 77.29%);
	-webkit-background-clip: text
}

.counter.style-4 {
	background: linear-gradient(94.65deg, #d54ff7 8.04%, #e6a9f6 44.56%);
	-webkit-background-clip: text
}

.wg-testimonial {
	border-radius: 22.12px;
	border: 1px solid #272140;
	position: relative;
	padding: 32px 36px;
	transition: .3s;
	height: 100%
}

.wg-testimonial .icon,
.wg-testimonial::after {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.wg-testimonial::after {
	position: absolute;
	border-radius: 22.12px;
	transition: .3s;
	background: #1b1841
}

.wg-box,
.wg-pricing {
	position: relative;
	height: 100%
}

.wg-testimonial .icon {
	background: #02041a;
	width: 59px;
	height: 59px;
	box-shadow: 0 0 11.06px 0 rgba(153, 73, 255, .2509803922);
	position: relative;
	transition: .3s
}

.wg-testimonial .icon i,
.wg-testimonial .icon::after {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.wg-testimonial .icon i {
	font-size: 24px;
	color: var(--White);
	transition: .3s
}

.wg-testimonial .icon::after {
	position: absolute;
	border-radius: 50%;
	transition: .3s;
	background: linear-gradient(180deg, #919191 0, #353535 100%)
}

.card-benefit,
.wg-testimonial>.bloom {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s
}

.wg-testimonial>.bloom {
	visibility: hidden;
	opacity: 0;
	transition: .3s
}

.line {
	display: block;
	width: 100%;
	height: 1px
}

.line.default {
	background: linear-gradient(270.55deg, #000010 16.47%, #8ea0e0 48.87%, #000010 78.17%)
}

.line.type-top {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 4
}

.line.type-bottom {
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 4
}

.wg-box::after,
.wg-pricing::after {
	right: -1px;
	bottom: -1px;
	z-index: -1;
	content: "";
	position: absolute
}

.wg-pricing {
	padding: 30px;
	border-radius: 24px;
	border: 1px solid #272140
}

.wg-pricing::after {
	border-radius: 24px;
	top: -1px;
	left: -1px;
	background: linear-gradient(88.32deg, #1b1841 8%, #a68cf0 53.59%, #1b1841 95.68%)
}

.wg-pricing>.icon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--Bg-7);
	width: 76px;
	height: 76px;
	border: 1px solid var(--Border-4)
}

.wg-pricing .line {
	background: linear-gradient(270.05deg, #1a1a3b 3.71%, #a68bee 50.53%, #1a1a3b 99.96%);
	margin-bottom: 47px
}

.wg-pricing .benefit-list,
.wg-pricing .title {
	margin-bottom: 38px
}

.wg-pricing .benefit-list li {
	gap: 16px
}

.wg-pricing .benefit-list .icon {
	width: 29px;
	height: 29px;
	display: flex;
	justify-content: center;
	border-radius: 10px;
	background-color: var(--Bg-8)
}

.box-icon .head,
.wg-update .num-ver {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center
}

.wg-pricing .benefit-list .icon i {
	color: var(--White);
	font-size: 8px
}

.wg-pricing .benefit-list .icon.type-2 i {
	color: var(--Text-6)
}

.wg-pricing.style-2 {
	margin-top: 40px;
	margin-bottom: 120px;
	background: linear-gradient(174.14deg, #05061d 4.66%, #0b0d2b 77.35%, #0d0c2e 93.85%)
}

.wg-pricing.style-2::after {
	background: linear-gradient(180.33deg, #463bbf .29%, #9c96e3 68.1%, #463bbf 144.56%)
}

.price-wrap span {
	color: var(--Text);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px
}

.price-wrap.style-2 p {
	background: linear-gradient(90deg, #789eff 0, #3a38aa 100%);
	-webkit-background-clip: text;
	display: inline-block
}

.wg-box {
	padding: 32px 25px 41px 26px;
	border-radius: 14.4px;
	background: #0a1136
}

.wg-box.radius-24,
.wg-box.radius-24::after {
	border-radius: 24px
}

.box-icon,
.box-icon-border,
.wg-box::after {
	border-radius: 14.4px
}

.wg-box::after {
	top: -1px;
	left: -1px;
	background: linear-gradient(115.48deg, #41406e 3.8%, #091037 100.25%)
}

.wg-box .bloom {
	top: -36px;
	left: 92px;
	transform: unset
}

.wg-box>.tf-overlay::after {
	content: "";
	position: absolute;
	width: 181px;
	height: 94px;
	top: -36px;
	left: 92px;
	background: #211f9c;
	filter: blur(100px)
}

.wg-box .type {
	margin-bottom: 12px
}

.wg-box:hover .btn-view-article .tf-overlay::before {
	-webkit-animation: 1s shine;
	animation: 1s shine
}

.wg-box.style-2 {
	padding: 32px 20px 21px 26px
}

.wg-box.style-2 .sub-type {
	-webkit-line-clamp: 2;
	margin-bottom: 43px
}

.box-icon {
	position: relative;
	padding: 0 18px 39px;
	height: 100%
}

.box-icon .head {
	padding: 29px 13px 0;
	display: flex;
	gap: 33px;
	margin-bottom: 50px;
	position: relative
}

.box-icon .icon,
.card-benefit .icon {
	width: 124px;
	height: 124px;
	flex-shrink: 0;
	background-image: url("./../images/item/icon-circle.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.box-icon .icon i {
	font-size: 32px;
	color: var(--White);
	z-index: 0
}

.box-icon .content-border {
	padding: 1px;
	position: relative;
	display: inline-block;
	border-radius: 24px;
	z-index: 1;
	background: linear-gradient(142.43deg, #362793 1.93%, #0b0a33 11.83%, #0b0a33 60.3%)
}

.card-team::after,
.wg-update::after {
	content: "";
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1;
	top: -1px
}

.box-icon .content-wrap {
	padding: 50px 25px 30px 28px;
	background: #050a29;
	border-radius: 24px
}

.box-icon .type {
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	display: block;
	margin-bottom: 8px
}

.box-icon .sub-type {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--Text-2);
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

.box-icon .text a {
	color: var(--Primary);
	position: relative;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px
}

.box-icon .text a::after {
	content: "";
	position: absolute;
	bottom: 3px;
	width: 100%;
	left: 0;
	height: 1px
}

.box-icon .text a:hover {
	color: var(--Bg-6)
}

.box-icon .bloom.s1 {
	top: -16px;
	left: -40px;
	border-radius: 50%
}

.box-icon .bloom.s2 {
	width: 397px;
	height: 414px;
	border-radius: 50%;
	left: 67px;
	bottom: -56px;
	top: unset;
	background: var(--Bg-3);
	backdrop-filter: blur(172px)
}

.box-icon.style-2 .head {
	flex-direction: column;
	gap: 6px;
	padding: 26px 13px 0
}

.box-icon.style-2 .icon {
	margin-bottom: -29px
}

.box-icon.style-2 .content-wrap {
	padding: 74px 25px 28px 28px
}

.box-icon.style-2>.tf-overlay.s1::after {
	content: "";
	position: absolute;
	width: 181px;
	height: 94px;
	top: -6px;
	right: -61px;
	background: #211f9c;
	filter: blur(100px)
}

.box-icon.style-2>.tf-overlay.s1::before {
	content: "";
	position: absolute;
	width: 397px;
	height: 414px;
	left: -80px;
	bottom: -119px;
	background: #251d59;
	opacity: .3;
	filter: blur(86px)
}

.box-icon.style-2.full .head {
	padding: 25px 13px 0;
	margin-bottom: 47px
}

.box-icon.style-2.full .type {
	margin-bottom: 9px;
	display: block
}

.box-icon.style-2.type-2 {
	padding: 0 18px 41px
}

.box-icon.style-2.type-2 .head {
	padding: 29px 13px 0
}

.box-icon.style-2.type-2 .content-wrap {
	padding: 46px 20px 28px 28px
}

.box-icon.style-3 {
	padding: 0;
	overflow: hidden
}

.box-icon.style-3 .head {
	padding: 29px 20px 29px 39px;
	margin-bottom: 0;
	gap: 37px
}

.box-icon.style-3 .image.type-left {
	margin-left: -23px;
	max-width: 619px;
	width: 100%
}

.box-icon.style-3 .image.type-right {
	margin-left: 39px;
	max-width: 643px;
	width: 100%
}

.box-icon.style-3 .type {
	display: block;
	margin-bottom: 9px
}

.box-icon.style-3 .bloom.s1 {
	right: -60px;
	top: -6px;
	left: unset
}

.box-icon.style-3 .bloom.s2 {
	top: -19px;
	left: -47px;
	width: 181px;
	height: 94px;
	background: var(--Bg-9)
}

.box-icon.full {
	padding: 0;
	background: var(--Bg)
}

.box-icon.full .img-item {
	position: absolute;
	left: 46%;
	transform: translateX(-50%);
	max-width: 797px;
	width: 100%
}

.box-icon.full .bloom.s2 {
	top: -147px;
	left: 50%;
	bottom: unset;
	transform: translateX(-50%);
	background: rgba(33, 31, 156, .2509803922)
}

.box-icon-border {
	padding: 1px;
	overflow: hidden;
	background-image: radial-gradient(circle farthest-corner at 50% 140%, var(--purple-dark) 25%, var(--Black) 75%);
	border: 1px solid #272140
}

.card-team {
	padding: 20px;
	position: relative;
	background: var(--Bg);
	border-radius: 14.4px;
	cursor: pointer
}

.card-team::after {
	position: absolute;
	border-radius: 14.4px;
	background: linear-gradient(50.26deg, #362793 1.36%, #353467 16.39%, #15143a 89.98%)
}

.card-team .entry-avatar {
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 27px;
	position: relative;
	text-align: center
}

.card-team .entry-avatar img {
	height: 250px;
	width: 100%;
	object-fit: cover;
	object-position: top
}

.card-team .name {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	color: var(--Text-3);
	margin-bottom: 2px;
	display: block
}

.card-team .sub-infor,
.update-list .new-fix span,
.update-list p,
.wg-landing p,
.wg-update .num-ver span {
	font-size: 14px;
	line-height: 20px
}

.card-team .bot {
	border-radius: 24px;
	background: #050a29;
	padding: 31px 19px 30px 17px
}

.card-team .bot-border {
	border-radius: 24px;
	padding: 1px;
	background: linear-gradient(138.83deg, #362793 2.07%, #0b0a33 15.35%, #0b0a33 80.37%)
}

.card-team .sub-infor {
	font-weight: 400;
	color: var(--White)
}

.card-team>.tf-overlay::before {
	content: "";
	position: absolute;
	top: -16px;
	left: -50px;
	width: 181px;
	height: 94px;
	background: #211f9c;
	filter: blur(100px)
}

.card-team>.tf-overlay::after {
	content: "";
	bottom: -41px;
	left: -60px;
	position: absolute;
	width: 397px;
	height: 414px;
	background: #251d59;
	opacity: .3;
	filter: blur(86px)
}

.cta-bar>.tf-overlay::after,
.cta-bar>.tf-overlay::before {
	filter: blur(100px);
	height: 71px;
	border-radius: 50%;
	width: 181px
}

.wg-update {
	padding: 34px 50px;
	border-radius: 14.4px;
	background: #060a26;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	gap: 62px
}

.wg-update::after {
	border-radius: 14.4px;
	position: absolute;
	background: linear-gradient(50.26deg, #362793 1.36%, #353467 16.39%, #15143a 89.98%)
}

.wg-update.s1 .head {
	padding: 29px 39px 0
}

.wg-update .type {
	font-size: 19.54px;
	font-weight: 500;
	line-height: 24.43px;
	margin-bottom: 10px
}

.wg-update .sub-type {
	font-size: 11.4px;
	font-weight: 400;
	line-height: 16.29px;
	color: var(--Text-2);
	margin-bottom: 24px
}

.wg-update .image-wrap {
	border-radius: 11.73px;
	overflow: hidden;
	background: var(--Bg);
	padding: 29px 39px 0
}

.wg-update .image-wrap-border {
	padding: 1px;
	border-radius: 11.73px;
	position: relative;
	overflow: hidden;
	max-width: 377px;
	width: 100%;
	background: linear-gradient(0deg, rgba(7, 7, 38, .5) 0, rgba(18, 24, 102, .5) 100%)
}

.wg-update .sub-update {
	color: var(--Text-2);
	margin-bottom: 52px
}

.wg-update .num-ver {
	border-radius: 8.4px;
	display: flex;
	justify-content: center;
	width: max-content;
	padding: 1px;
	background: linear-gradient(92.87deg, #4a56ff 1.47%, rgba(74, 86, 255, .5) 99.67%);
	box-shadow: 0 0 6px 0 rgba(153, 73, 255, .5019607843), 0 4px 4px 0 rgba(0, 0, 0, .2509803922), 0 4px 4px 0 rgba(0, 0, 0, .2509803922)
}

.wg-update .center,
.wg-update .num-ver span {
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.wg-update .num-ver span {
	font-weight: 400;
	border-radius: 8.4px;
	width: 71px;
	height: 30px;
	background-color: var(--Bg);
	display: flex;
	justify-content: center;
	text-align: center;
	color: var(--Text-2)
}

.wg-update .content {
	margin-top: 4px
}

.wg-update .center {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px
}

.wg-update .list {
	padding: .5px;
	border-radius: 24px;
	background: linear-gradient(142.43deg, #362793 1.93%, #0b0a33 11.83%, #0b0a33 60.3%)
}

.wg-update .bloom.s1 {
	transform: unset;
	top: -16px;
	left: -50px;
	background: var(--Bg-9)
}

.wg-update .bloom.s2 {
	top: unset;
	bottom: -122px;
	background: var(--Bg-3);
	backdrop-filter: blur(172px)
}

.wg-update .item.item-1 {
	right: 0
}

.wg-update .image-wrap-2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 17px;
	position: relative
}

.update-list li,
.wg-update .image-wrap-right {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	gap: 20px
}

.wg-update .image-wrap-right {
	display: flex;
	flex-direction: column;
	align-items: start
}

.wg-update .eclip-item {
	position: absolute;
	width: 284.69px;
	height: 296.93px;
	background: #251d59;
	filter: blur(70.1535px);
	left: 50%;
	transform: translateX(-50%);
	bottom: 0
}

.progress-wrap,
.progress-wrap::after {
	height: 40px;
	width: 40px;
	cursor: pointer
}

.wg-update.s2 {
	padding: 34px 50px 45px 48px
}

.wg-update.s2 .image-wrap {
	padding: 29px 10px 0 23px;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.wg-update.s2 .head {
	padding: 0 30px 0 19px
}

.wg-update .version {
	margin-bottom: 8px
}

.wg-update.s3 .image-wrap {
	padding: 29px 29px 35px;
	height: 100%;
	display: flex;
	flex-direction: column
}

.update-list {
	padding: 28px 33px 28px 35px;
	border-radius: 24px;
	background: #050a29
}

.update-list .new-fix {
	padding: 4px 20px
}

.update-list .new-fix span {
	font-weight: 300
}

.update-list .new-fix.type-2 {
	padding: 4px 17px
}

.update-list li {
	display: flex;
	align-items: center
}

.progress-wrap {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 999px;
	z-index: 98;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	background: var(--Primary);
	border: 1.2px solid rgba(134, 134, 134, .12)
}

.progress-wrap:hover {
	box-shadow: 0 8px 16px rgba(79, 96, 250, .5);
	background: var(--Primary)
}

.progress-wrap::after {
	position: absolute;
	content: "\e91b";
	font-family: icomoon;
	text-align: center;
	line-height: 40px;
	color: var(--White);
	z-index: 1;
	-webkit-transition: .4s linear;
	-o-transition: .4s linear;
	transition: .4s linear;
	animation: 2s linear infinite iconBounce
}

.progress-wrap::after:active {
	animation: .6s forwards goTopToBottom
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.progress-wrap svg path {
	fill: none
}

.progress-wrap svg.progress-circle path {
	box-sizing: border-box;
	stroke: var(--White);
	stroke-width: 4;
	transition-property: all;
	transition-duration: .4s;
	transition-timing-function: linear
}

.wg-landing {
	border-radius: 14.4px;
	padding: 17px 12px 35px;
	background: #090d3c;
	position: relative
}

.s-build,
.s-hero-banner {
	background-repeat: no-repeat;
	background-size: cover
}

.wg-landing::after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1;
	border-radius: 14.4px;
	background: linear-gradient(126.42deg, #30397c 2.26%, rgba(167, 167, 167, 0) 50.04%), linear-gradient(180deg, #303a7c 0, rgba(14, 19, 51, .5) 100%)
}

.wg-landing .left {
	display: grid;
	gap: 2px
}

.s-hero-banner.style-2 .image-wrap,
.wg-landing .bot {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	width: 100%
}

.wg-landing .image {
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 37px
}

.wg-landing .bot {
	max-width: 546px;
	margin: 0 auto;
	gap: 20px;
	flex-wrap: wrap;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.wg-landing .title {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: var(--Text-4)
}

.wg-landing p {
	font-weight: 400;
	color: var(--Text-4)
}

.main-content.type-2 {
	padding: 66px 0 0
}

.main-content .main-img-item.item-1 {
	position: absolute;
	top: -20px;
	z-index: -1;
	left: 50%;
	transform: translateX(-50%)
}

.main-content .main-img-item.item-2 {
	top: 80px
}

.tf-spacing-1 {
	padding: 90px 0 85px
}

.tf-spacing-2 {
	padding: 113px 0 0
}

.tf-spacing-3 {
	padding: 0 0 120px
}

.tf-spacing-4 {
	padding: 113px 0 80px
}

.tf-spacing-5 {
	padding: 80px 0 120px
}

.tf-spacing-6 {
	padding: 100px 0 120px
}

.tf-spacing-7 {
	padding: 113px 0 50px
}

.tf-spacing-8 {
	padding: 80px 0 80px
}

.s-blog-list {
	margin-bottom: 89px
}

.s-blog-single {
	padding-top: 65px;
	padding-bottom: 56px
}

.s-hero-banner {
	background-position: bottom;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 90vh;
	height: auto
}

.s-hero-banner .form-wrap {
	max-width: 568px;
	width: 100%;
	margin: 0 auto 27px
}

.s-hero-banner .banner {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto -8px;
	box-shadow: 0 0 16px 0 rgba(13, 20, 128, .5019607843);
	border-radius: 22px 22px 0 0;
	overflow: hidden;
	position: relative
}

.s-hero-banner .banner::after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1;
	background: linear-gradient(188.56deg, #362793 6.49%, #0b0a33 16.56%, #0b0a33 65.84%)
}

.s-hero-banner .s-img-item {
	position: absolute;
	top: 16%;
	left: 53%;
	transform: translateX(-50%);
	z-index: 0;
	pointer-events: none;
	opacity: .8
}

.s-hero-banner.style-2 .image-wrap {
	display: flex;
	align-items: end;
	justify-content: center;
	margin: 0 auto
}

.key-point-list,
.key-point-list li,
.s-hero-banner.style-2 .btn-group-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.s-hero-banner.style-2 .image.type-left {
	margin-right: -48px
}

.s-hero-banner.style-2 .image.type-center {
	position: relative;
	z-index: 3
}

.s-hero-banner.style-2 .image.type-right {
	margin-left: -40px
}

.s-hero-banner.style-2 .s-heading {
	margin-bottom: 65px
}

.s-hero-banner.style-2 .btn-group-wrap {
	display: flex;
	gap: 30px
}

.s-background {
	position: absolute;
	width: 100%;
	top: -92px;
	left: 0
}

.bento-feature,
.card-benefit,
.cta-bar,
.key-point-list li,
.s-about-us,
.s-about-us .list,
.s-build,
.s-feature {
	position: relative
}

.s-background img {
	width: 100%;
	object-fit: contain
}

.icon-flare.color-1 {
	color: #e26f06
}

.icon-flare.color-2 {
	color: #8639e2
}

.icon-flare.color-3 {
	color: #3ea770
}

.icon-flare.color-4 {
	color: #066be2
}

.icon-flare.color-5 {
	color: #e22006
}

.icon-flare.color-6 {
	color: #e2b106
}

.icon-flare.color-7 {
	color: #e206d9
}

.key-point-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px 18px
}

.key-point-list.style-2 {
	gap: 26px 18px
}

.key-point-list li {
	display: flex;
	align-items: center;
	gap: 13px;
	border-radius: 100px;
	padding: 9px 24px 9px 19px;
	background: #00031c
}

.cta-bar,
.rating-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center
}

.key-point-list li::after {
	content: "";
	border-radius: 100px;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1;
	background: linear-gradient(325.29deg, #10111f 13.44%, #393d64 80.43%)
}

.s-about-us {
	padding: 90px 0 80px
}

.s-about-us .bloom {
	top: 73px
}

.s-about-us .list {
	width: 100%;
	margin: 0 auto
}

.s-about-us .img-item.item-1 {
	margin: -37px auto 10px;
	max-width: 530px;
	width: 100%;
	position: relative;
	pointer-events: none
}

.s-about-us .img-item.type-2 {
	margin: -39px auto 0
}

.s-about-us .img-item.item-2 {
	position: absolute;
	max-width: 115px;
	left: 50%;
	bottom: -12px;
	transform: translateX(12px)
}

.s-about-us .img-item.item-3 {
	position: absolute;
	left: 50%;
	transform: translateX(-63%);
	bottom: 0
}

.how-works .s-img-item,
.s-about-us .s-img-item {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.card-benefit::after,
.cta-bar::after,
.rating-wrap::after {
	content: "";
	left: -1px;
	bottom: -1px;
	top: -1px;
	right: -1px
}

.s-about-us .s-img-item.item-1,
.s-blog-single .s-img-item.item-1 {
	bottom: 0;
	width: 100%;
	pointer-events: none
}

.how-works .s-img-item.item-2,
.s-about-us .s-img-item.item-2 {
	top: 0;
	z-index: -1
}

.how-works .s-img-item.item-2 {
	top: 0;
	right: 0;
	z-index: -1;
	left: auto;
	transform: none
}

.s-about-us.style-2 {
	padding: 112px 0 115px
}

.s-about-us.style-2 .title {
	color: var(--Text-3);
	text-align: center;
	letter-spacing: -.7px
}

.s-about-us.style-2 .title.s1 {
	margin-bottom: 48px
}

.s-about-us.style-2 .title.s2 {
	margin-bottom: 130px
}

.s-about-us.style-2>.bloom.item-1 {
	width: 181px;
	height: 94px;
	top: 45%;
	background: #5935e9;
	filter: blur(100px)
}

.s-about-us.style-2.type-2 {
	padding: 0 0 123px
}

.s-about-us.style-2.type-2 .s-heading,
.s-faq .s-heading {
	margin-bottom: 119px
}

.s-feature {
	overflow: hidden
}

.s-feature .box-icon-border.last .image img {
	max-width: 1124px;
	width: 100%
}

.s-feature .s-img-item.item-1 {
	top: 50%;
	left: 50%;
	background: rgba(89, 53, 233, .3019607843);
	transform: translate(-50%, -50%)
}

.s-feature .s-img-item.item-2 {
	background: #5935e9;
	backdrop-filter: blur(200px)
}

.bento-feature {
	margin-bottom: 100px
}

.cta-wrap {
	overflow: hidden;
	padding: 1px 0
}

.cta-bar {
	border-radius: 16px;
	background-color: var(--Bg);
	padding: 46px 86px 44px;
	display: flex;
	justify-content: space-between;
	gap: 15px 30px;
	flex-wrap: wrap
}

.cta-bar::after {
	border-radius: 16px;
	position: absolute;
	z-index: -1;
	background: linear-gradient(54.46deg, #171837 17.06%, #343885 51.85%, #171837 71.83%)
}

.cta-bar .img-item.item-1 {
	position: absolute;
	overflow: hidden;
	top: 0;
	bottom: 0;
	pointer-events: none
}

.cta-bar .bloom.s1 {
	left: 140px;
	top: 50%;
	transform: translateY(-50%)
}

.cta-bar .bloom.s2 {
	right: 86px;
	bottom: 0;
	top: unset;
	left: unset
}

.cta-bar>.tf-overlay::before {
	content: "";
	position: absolute;
	left: 140px;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(89, 53, 233, .6)
}

.cta-bar>.tf-overlay::after {
	content: "";
	position: absolute;
	background: #5935e9;
	transform: translateY(50%);
	right: 86px;
	bottom: 0
}

.s-build {
	background-position: top
}

.s-build .s-img-item.item-1 {
	right: 0;
	top: 30%;
	transform: translateY(-50%);
	pointer-events: none
}

.s-build .content .img-item {
	position: absolute;
	bottom: -124px
}

.s-build .content>.bloom {
	top: 50%
}

.s-build .content>.bloom.item-1 {
	width: 542px;
	height: 300px;
	background: var(--purple-dark);
	filter: blur(54px)
}

.s-build .content>.bloom.item-2 {
	width: 538px;
	height: 653px;
	background: #1d2759;
	opacity: .5;
	filter: blur(86px)
}

.benefit-container {
	margin-bottom: 43px;
	display: grid;
	gap: 36px 34px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas: "aa aa bb bb cc cc""dd dd dd ee ee ee "
}

.benefit-container .item-1 {
	grid-area: aa
}

.benefit-container .item-2 {
	grid-area: bb
}

.benefit-container .item-3 {
	grid-area: cc
}

.benefit-container .item-4 {
	grid-area: dd
}

.benefit-container .item-5 {
	grid-area: ee
}

.card-benefit {
	border-radius: 13.6px;
	width: 100%;
	height: 100%;
	transition: .3s;
	background-image: radial-gradient(circle farthest-corner at 50% 140%, var(--purple-dark) 25%, var(--Black) 75%);
	border: 1px solid #272140
}

.card-benefit.style-2 {
	max-width: 631px
}

.card-benefit.style-2 .image {
	padding: 0 40px
}

.card-benefit::after {
	border-radius: 13.6px;
	position: absolute;
	z-index: -1;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background: linear-gradient(51.55deg, #15143a 22.21%, #4450ac 47%, #15143a 66.77%)
}

.card-benefit .head,
.rating-wrap,
.s-indicator,
.s-testimonial,
.vote-wrap {
	position: relative
}

.card-benefit .head {
	padding: 32px 34px 55px;
	overflow: hidden;
	z-index: 5
}

.card-benefit .head.type-2 {
	padding: 40px 34px
}

.card-benefit .type {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	color: var(--Text-3);
	display: block;
	margin-bottom: 12px
}

.s-how-work .bottom p,
.s-how-work .bottom p a,
.s-partner .title {
	color: var(--Text-2)
}

.card-benefit .sub-type {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--Text-2)
}

.card-benefit .bloom {
	background: var(--Bg-9)
}

.card-benefit .bloom.s1 {
	top: 8px;
	left: -37px
}

.card-benefit .bloom.s2 {
	top: 8px;
	left: 50%;
	transform: translateX(-50%)
}

.card-benefit .bloom.s3 {
	width: 74.36px;
	height: 80.97px;
	background: #6335e9;
	filter: blur(59px);
	top: -16px;
	right: -23px;
	left: unset
}

.card-benefit>.tf-overlay {
	pointer-events: none;
	overflow: hidden
}

.card-benefit.item-2 .image,
.card-benefit.item-3 .image {
	padding: 0 24px
}

.s-benefit,
.s-blog,
.s-pricing {
	position: relative;
	overflow: hidden
}

.s-benefit .s-img-item.item-2 {
	top: 50%;
	background: rgba(89, 53, 233, .3019607843)
}

.s-benefit.style-2 {
	padding: 113px 0 51px
}

.s-benefit.style-2 .card-benefit.style-2 .head {
	padding: 32px 34px 34px
}

.s-benefit.style-2 .benefit-container {
	margin-bottom: 64px
}

.s-indicator .img-item.item-1 {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: -1
}

.s-indicator>.bloom.item-1 {
	z-index:-1;
	width: 533px;
	height: 263px;
	top: 279px;
	background: linear-gradient(180deg, #1d2359 0, #17091a 100%);
	filter: blur(86px);
	transform: rotate(37.41deg)
}

.s-indicator.s2 {
	padding: 173px 0 108px
}

.rating-wrap {
	border-radius: 50px;
	display: flex;
	gap: 9px;
	background: var(--Bg);
	width: max-content;
	padding: 9px 23px 10px 12px
}

.rating-wrap.style-2 .avatar-list li,
.rating-wrap.style-2 .wrap {
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.rating-wrap::after {
	border-radius: 50px;
	position: absolute;
	z-index: -1;
	background: linear-gradient(92.73deg, #4542e0 5.02%, #14122c 95.9%)
}

.rating-wrap .avatar-list li {
	max-width: 40px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid var(--Bg)
}

.rating-wrap .avatar-list li:not(:first-child) {
	margin-left: -24px
}

.rating-wrap.style-2 {
	box-shadow: 0 0 6px 0 rgba(153, 73, 255, .5019607843), 0 4px 4px 0 rgba(0, 0, 0, .2509803922), 0 4px 4px 0 rgba(0, 0, 0, .2509803922);
	padding: 1px;
	background: linear-gradient(92.87deg, #4a56ff 1.47%, rgba(74, 86, 255, .5) 99.67%)
}

.rating-wrap.style-2::after {
	content: none;
	background: #fff
}

.rating-wrap.style-2 .wrap {
	border-radius: 50px;
	display: flex;
	gap: 9px;
	background: var(--Bg);
	background: #000527;
	padding: 6px 12px 4px 11px
}

.rating-wrap.style-2 .avatar-list li {
	box-shadow: 0 0 6px 0 rgba(153, 73, 255, .5019607843);
	max-width: 34px;
	max-height: 34px;
	display: flex;
	justify-content: center;
	background: linear-gradient(270deg, #4a56ff -66.18%, rgba(74, 86, 255, .5) 91.18%);
	border: unset;
	padding: 1px
}

.rating-wrap.style-2 .avatar-list li img {
	border-radius: 50%;
	max-width: 33px
}

.rating-wrap.style-2 .avatar-list li:not(:first-child) {
	margin-left: -17px
}

.vote {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	gap: 8px
}

.vote p {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: var(--White)
}

.vote-wrap {
	top: -1px;
	display: flex;
	gap: 2px
}

.vote-wrap i {
	font-size: 20px;
	color: #ffa826
}

.rating>p {
	font-size: 12px;
	font-weight: 400;
	color: var(--White);
	line-height: 16px
}

.s-indicator {
	padding: 90px 0 85px
}

.s-indicator .counter-group {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 41px 0
}

.s-cta .s-heading,
.s-how-work .bottom {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.s-indicator .counter-group>* {
	width: 50%
}

.s-partner .title {
	text-align: center;
	margin-bottom: 45px
}

.s-partner.s1 {
	padding: 0 0 116px
}

.s-partner.s3 {
	padding-bottom: 94px
}
.s-testimonial {
	padding: 90px 0 40px
}

.s-testimonial .img-item.item-2 {
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.s-testimonial .img-item.item-3 {
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.article-detail .content .line,
.products-sec .line,
.s-testimonial .line {
	top: 0;
	position: absolute;
	background: linear-gradient(270deg, #000010 19.79%, #4a56ff 43.68%, #b3b7f9 50.64%, #4a56ff 57.6%, #000010 80.28%)
}

.s-pricing>.line {
	top: 0;
	width: 100%;
	position: absolute;
	z-index: 4;
	background: linear-gradient(270.55deg, #00031c 16.47%, #8ea0e0 48.87%, #00031c 78.17%)
}

.s-pricing.style-2 {
	padding: 0 0 100px;
	overflow: visible
}

.s-pricing.style-2 .s-img-item.item-1 {
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute
}

.s-pricing.style-3 {
	padding: 113px 0 92px
}

.s-cta .s-heading {
	min-height: 400px;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.s-cta>.line {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 4;
	background: linear-gradient(270deg, #00041e 23.3%, #696ee4 50.27%, #00041e 75.17%)
}

.s-img-item .eclip-1,
.s-img-item.top.item-2 {
	height: 448.56px;
	background: radial-gradient(104.5% 56.05% at 50% 77.81%, #fff 0, rgb(50 34 117 / 68%) 25%, var(--Black) 75% 57.5%, rgba(88, 0, 201, .27) 100%);
	filter: blur(58.5px)
}

.s-cta.style-2 .s-img-item.item-1 {
	top: 105px;
	background: #1e1d59;
	filter: blur(86px)
}

.s-img-item.top {
	position: absolute;
	display: inline-block
}

.s-img-item.top.item-1 {
	top: 0;
	left: 0;
	width: 100%
}

.s-img-item.top.item-2 {
	top: -250px;
	left: 50%;
	width: 852.06px;
	transform: translateX(-50%) matrix(-1, -.08, .04, -1, 0, 0)
}

.s-img-item.top.item-3 {
	position: absolute;
	width: 1438.34px;
	height: 463.79px;
	top: -250px;
	left: 50%;
	background: radial-gradient(104.5% 56.05% at 50% 77.81%, #d7ceef 27.5%, #0b1dbc 57.5%, rgba(54, 3, 58, 0) 100%);
	opacity: .2;
	filter: blur(109.55px);
	transform: translateX(-50%) matrix(-1, -.01, .01, -1, 0, 0)
}

.s-img-item.bottom.item-1 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.s-img-item.bottom.item-2 {
	bottom: -40px;
	top: unset;
	width: 684px;
	height: 155px;
	background: linear-gradient(180deg, #faf8ff 0, #2f24ac 24%, #110f23 67%, #190b36 100%);
	opacity: .5;
	filter: blur(60px);
	transform: translateX(-50%) rotate(180deg)
}

.s-img-item.bottom.item-3 {
	bottom: 0;
	left: 0;
	width: 100%
}

.s-img-item.bottom.item-4 {
	bottom: -310px;
	width: 100%
}

.s-img-item .eclip-1 {
	position: relative;
	width: 850.3px;
	display: block;
	left: 50%;
	transform: translateX(-50%) matrix(1, .08, -.04, 1, 0, 0)
}

.s-img-item .eclip-2 {
	position: absolute;
	top: 0;
	width: 1435.35px;
	height: 463.79px;
	display: block;
	left: 50%;
	background: radial-gradient(104.5% 56.05% at 50% 77.81%, #d3ceef 27.5%, #1f226a 57.5%, rgba(54, 3, 58, 0) 100%);
	opacity: .52;
	filter: blur(109.55px);
	transform: translateX(-50%) matrix(1, .01, -.01, 1, 0, 0)
}

.s-mobile-app {
	overflow: hidden;
	padding: 90px 0 80px
}

.s-mobile-app .slider-wrap {
	position: relative;
	max-width: 1440px;
	width: 100%;
	margin: 0 auto
}

.s-mobile-app .slider-wrap .bloom {
	position: absolute;
	width: 336px;
	height: 656px;
	background: #5935e9;
	opacity: .5;
	filter: blur(100px)
}

.s-mobile-app .s-heading>.bloom {
	bottom: 0;
	top: unset;
	transform: translate(-50%, 50%)
}

.s-how-work {
	position: relative;
	padding-bottom: 92px;
	overflow: hidden
}

.s-how-work .img-item {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	pointer-events: none
}

.s-how-work>.bloom.item-1 {
	top: -227px;
	width: 435.93px;
	height: 330.11px;
	background: #211f9c;
	opacity: .3;
	filter: blur(60px)
}

.s-download-app .bloom.item-1,
.s-how-work>.bloom.item-2,
.step-grid>.bloom {
	width: 458px;
	height: 318px;
	background: rgba(89, 53, 233, .3);
	opacity: .5;
	filter: blur(100px)
}

.s-how-work>.bloom.item-2 {
	top: 124px
}

.s-how-work .bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px 35px;
	flex-wrap: wrap;
	text-align: center
}

.s-download-app .bot,
.s-download-app .image-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.step-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 52px 69px;
	position: relative;
	max-width: 1184px;
	width: 100%;
	margin: 0 auto 69px
}

.step-grid>.bloom {
	top: 30%
}

.s-faq .s-img-item.item-1 {
	left: 0;
	top: 44px
}

.s-faq .s-img-item.item-2 {
	top: 126px;
	right: 0
}

.s-faq.s2 {
	padding: 119px 0 78px
}

.s-faq.s3 {
	padding: 116px 0 78px
}

.s-download-app {
	position: relative;
	padding-bottom: 118px
}

.s-download-app .s-heading {
	padding-top: 105px
}

.s-download-app .bot {
	display: flex;
	align-items: center;
	gap: 15px 30px;
	flex-wrap: wrap
}

.s-download-app .image-wrap {
	position: relative;
	z-index: 4;
	display: flex;
	align-items: end;
	margin: 0 41px 0 auto;
	gap: 30px;
	width: max-content
}

.pricing-table .icon,
.pricing-table .type-plan .wrap {
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.s-article .s-img-item,
.s-download-app .s-img-item {
	position: absolute;
	pointer-events: none
}

.s-download-app .s-img-item.item-1 {
	top: 7px;
	left: 0
}

.s-download-app .s-img-item.item-2 {
	top: 60px;
	right: 0
}

.s-download-app .bloom.item-1 {
	left: -148px;
	top: 175px
}

.s-download-app .bloom.item-2 {
	width: 533px;
	height: 263px;
	right: 200.79px;
	top: unset;
	bottom: -25px;
	background: linear-gradient(180deg, #1d2359 0, #17091a 100%);
	filter: blur(86px);
	transform: rotate(37.41deg)
}

.s-blog .img-item.item-1 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1
}

.contact-detail-wrap,
.s-article,
.s-contact,
.s-faq-2,
.s-help-center,
.s-price-compare,
.s-value {
	position: relative
}

.s-blog .bot {
	margin-bottom: 54px
}

.s-blog .bloom.item-1 {
	width: 435.93px;
	height: 330.11px;
	top: -216.24px;
	background: #211f9c;
	opacity: .3;
	filter: blur(60px)
}

.s-blog .s-heading {
	margin-bottom: 97px
}

.s-contact {
	overflow: hidden;
	padding-bottom: 184px;
	padding-top: 70px
}

.s-contact .s-img-item.item-1 {
	left: 50%;
	transform: translateX(-50%)
}

.contact-detail-wrap {
	padding: 120px 58px 39px;
	background: url("./../images/item/background-3.jpg") #060608;
	border-radius: 24px
}

.contact-detail-wrap::after {
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1;
	content: "";
	border-radius: 24px;
	background: linear-gradient(107.42deg, #22223c 14.82%, #22223c 25.27%, #686ddd 39.55%, #22223c 49.99%, #22223c 84.47%)
}

.s-price-compare {
	padding: 80px 0 80px
}

.s-price-compare .s-heading {
	margin-bottom: 60px
}

.pricing-table .type-plan .wrap {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0 46px
}

.pricing-table .name-plan {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	color: var(--Text-3);
	text-align: center
}

.pricing-table thead th:first-child {
	padding-left: 30px
}

.pricing-table thead th:first-child .wrap {
	align-items: start;
	padding: 0
}

.group-item td img {
	height: 35px
}

.pricing-table .group-title {
	border-radius: 14.4px;
	background: linear-gradient(180deg, rgba(7, 7, 38, .5) 0, rgba(18, 24, 102, .5) 100%);
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	color: var(--Text-3);
	padding: 32px 30px 33px
}

.pricing-table .group-item td {
	border-bottom: .72px solid rgba(32, 36, 134, .3490196078);
	padding: 15px;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	color: var(--Text-3);
	text-align: center
}

.pricing-table .group-item td:first-child {
	padding-left: 30px;
	text-align: left
}

.pricing-table .group-item.last td {
	border: unset
}

.pricing-table .icon {
	border-radius: 6.45px;
	width: 27px;
	height: 27px;
	background-color: var(--Bg-4);
	display: flex;
	justify-content: center
}

.pricing-table .icon i {
	color: var(--White);
	font-size: 12px;
	transform: translateY(1px)
}

.pricing-table .has-icon {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center
}

.s-article .breadcrums,
.s-article .content-inner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.s-privacy .s-heading {
	margin-bottom: 101px
}

.s-help-center {
	padding-bottom: 165px
}

.s-help-center .s-heading {
	margin-bottom: 34px
}

.s-help-center .form-wrap {
	max-width: 568px;
	width: 100%;
	margin: 0 auto 120px
}

.s-help-center>.tf-overlay {
	overflow: hidden;
	pointer-events: none
}

.s-article {
	padding-bottom: 114px;
	overflow: hidden
}

.s-article .s-heading {
	margin-bottom: 111px
}

.s-article>.bloom {
	width: 533px;
	height: 261.97px;
	top: 113.65px;
	background: linear-gradient(180deg, #1d2359 0, #17091a 100%);
	filter: blur(86px);
	transform: rotate(37.41deg)
}

.s-article .s-img-item.item-1 {
	left: 0;
	top: 0
}

.s-article .s-img-item.item-2 {
	right: 0;
	top: 0
}

.s-article .content-inner {
	display: flex;
	justify-content: space-between;
	margin-bottom: 102px;
	gap: 30px;
	flex-wrap: wrap
}

.s-article .search-wrap {
	max-width: 384px;
	width: 100%
}

.s-article .breadcrums {
	display: flex;
	align-items: center;
	gap: 5px 16px;
	height: max-content;
	flex-wrap: wrap
}

.s-faq-2 .faq-list li,
.s-how-to-use .bot {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.s-article .breadcrums a {
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	color: var(--White)
}

.s-article .breadcrums .icon i {
	color: var(--White);
	font-size: 18px
}

.s-article .tf-accordion {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto
}

.s-article.article-detail {
	padding-bottom: 44px;
	padding-top: 80px
}

.s-article.article-detail .content-inner {
	margin-bottom: 118px
}

.s-article.article-detail .content {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 5
}

.s-article.article-detail .content .text {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 30px
}

.s-article.article-detail .title {
	font-size: 32px;
	font-weight: 500;
	color: var(--White);
	text-align: center;
	display: table;
	margin: auto auto 30px
}

.s-article.article-detail .mini-title {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	color: var(--White);
	margin-bottom: 11px
}

.s-article .benefit-list {
	margin-bottom: 68px
}

.s-article .benefit-list .icon {
	transform: translate(5px, 7px)
}

.s-article .benefit-list li {
	align-items: unset;
	gap: 14px
}

.s-article .benefit-list.s2 {
	margin-bottom: 41px
}

.s-article .entry-image {
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 63px
}

.s-article .s-item {
	position: absolute;
	left: 0
}

.s-article .s-item>.bloom {
	top: unset;
	left: unset;
	transform: unset;
	width: 458px;
	height: 318px;
	background: rgba(89, 53, 233, .3);
	opacity: .5;
	filter: blur(100px)
}

.s-article .s-item.item-1 {
	top: 13%
}

.s-article .s-item.item-1>.bloom {
	bottom: 117px;
	right: 113px
}

.s-article .s-item.item-2,
.s-faq-2 .s-img-item.item-2 {
	top: 40%
}

.s-article .s-item.item-2>.bloom,
.s-article .s-item.item-3>.bloom {
	bottom: 92px;
	right: 269px
}

.s-article .s-item.item-3 {
	top: 80%
}

.s-value {
	padding: 113px 0 109px
}

.s-faq-2 {
	padding-bottom: 76px
}

.s-faq-2 .tf-accordion {
	max-width: 722px;
	width: 100%
}

.s-faq-2 .faq-list li {
	display: flex;
	justify-content: space-between;
	gap: 50px
}

.s-faq-2 .faq-item .name {
	line-height: 25px;
	letter-spacing: -.7px;
	margin-bottom: 24px
}

.s-faq-2 .s-heading {
	margin-bottom: 120px
}

.s-faq-2 .s-img-item {
	position: absolute;
	left: 0;
	z-index: -1
}

.s-faq-2 .s-img-item.item-1 {
	top: 10%
}

.s-faq-2 .s-img-item.item-3 {
	top: 70%
}

.s-how-to-use {
	padding: 113px 0 70px
}

.s-how-to-use .content {
	position: relative;
	background: #060608;
	border-radius: 24px;
	margin-bottom: 40px
}

.s-how-to-use .content::after {
	border-radius: 24px;
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -1;
	background: linear-gradient(107.42deg, #22223c 14.82%, #22223c 25.27%, #686ddd 39.55%, #22223c 49.99%, #22223c 84.47%)
}

.s-how-to-use .content>img {
	border-radius: 24px;
	min-height: 521px;
	max-height: 521px;
	width: 100%;
	object-fit: cover;
	object-position: center
}

.s-how-to-use .image-item {
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.s-how-to-use .line,
.s-how-to-use .wrap {
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s
}

.s-how-to-use .image-item.active {
	visibility: visible;
	opacity: 1;
	bottom: 0
}

.s-how-to-use .bot {
	display: flex;
	justify-content: space-between;
	gap: 24px
}

.s-how-to-use .bot>* {
	width: 100%;
	cursor: pointer
}

.s-how-to-use .line {
	width: 100%;
	height: 2px;
	background: #45557c;
	border-radius: 2px;
	transition: .4s;
	margin-bottom: 30px;
	position: relative
}

.s-how-to-use .wrap {
	visibility: hidden;
	opacity: 0;
	transition: .4s;
	display: grid;
	gap: 25px
}

.partner-group,
.s-landing-page .content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex
}

.s-how-to-use .wrap .title {
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	color: var(--Text-3)
}

.s-how-to-use .wrap .sub,
.s-how-to-use .wrap p {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px
}

.s-how-to-use .wrap .sub {
	color: var(--Text-2);
	letter-spacing: 0;
	margin-bottom: 0
}

.s-how-to-use .wrap p {
	letter-spacing: -.04em;
	color: var(--Primary);
	letter-spacing: .1px
}

.s-how-to-use .btn-item .bloom {
	top: -33px;
	left: -20px;
	background: var(--Bg-6);
	transform: unset;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.s-landing-page>.bloom.item-1,
.s-landing-page>.bloom.item-2 {
	background: rgba(89, 53, 233, .3);
	opacity: .5;
	filter: blur(100px)
}

.s-how-to-use .btn-item.active .line {
	height: 2px;
	background: #4f60fa;
	box-shadow: 0 0 16px 0 #3973e9
}

.s-change-log {
	padding-bottom: 30px
}

.s-change-log .s-heading {
	margin-bottom: 131px
}

.s-change-log .col-xxl-12>.content {
	max-width: 1113px;
	width: 100%;
	margin: 0 auto
}

.s-change-log .wg-update {
	margin-bottom: 52px
}

.partner-group {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.s-landing-page .s-heading {
	margin-bottom: 112px
}

.s-landing-page .content {
	display: flex;
	gap: 44px
}

.s-landing-page .s-img-item {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 30px;
	z-index: 3
}

.s-landing-page>.bloom {
	max-width: 458px;
	width: 100%;
	height: 318px
}

.s-landing-page>.bloom.item-1 {
	top: 90px
}

.s-landing-page>.bloom.item-2 {
	top: 50%;
	z-index: -1;
	transform: translate(-50%, -50%)
}

.word-wrapper {
	display: inline-block;
	white-space: normal
}

.flat-alert {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 5px
}

#subscribe-msg .notification_ok,
.flat-alert.msg-success {
	font-weight: 500;
	color: #198754
}

#subscribe-msg .notification_error,
.flat-alert.msg-error {
	font-weight: 500;
	color: #dc3545
}

#subscribe-msg {
	color: #198754
}

.flat-wrap-iconbox {
	padding: 51px 15px 85px
}

.remove {
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: var(--Text)
}

@media (min-width:1399px) and (max-width:1439px) {
	.counter-group {
		gap: 20px 0 !important
	}

	.wg-counter .sub-counter {
		font-size: 20px;
		line-height: 24px
	}

	.counter span {
		font-size: 45px !important;
		line-height: 60px !important
	}

	.slider-build .swiper-wrapper {
		min-height: unset
	}
}

@media (min-width:768px) and (max-width:1439px) {
	.pricing-group {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		display: grid
	}

	.pricing-group>:nth-child(3) {
		grid-column: 1/-1
	}
}

@media (min-width:992px) {
	.s-faq-2 .faq-item .left {
		position: sticky;
		top: 110px;
		height: max-content;
		padding-right: 40px
	}
}

@media (min-width:768px) {
	.tf-header.style-no-nav {
		padding: 24px 0
	}
}

@media (max-width:992px) {

	.tf-container,
	.tf-container.w-1280 {
		padding-right: 30px;
		padding-left: 30px
	}

	.custom-card {
		padding: 0 !important
	}

	.s-heading.style-2 .s-title {
		font-size: 36px;
		line-height: 42px;
		margin-bottom: 16px
	}

	.blog-list,
	.contact-detail-wrap .list,
	.grid-layout-2,
	.grid-layout-3,
	.nav-list,
	.s-faq-2 .faq-list li,
	.step-grid {
		gap: 30px
	}

	.s-how-to-use .content>img {
		object-fit: cover;
		min-height: 350px
	}

	.s-how-to-use .content-wrap .title {
		font-size: 21px;
		line-height: 21px
	}

	.s-how-to-use .content-wrap .wrap {
		gap: 10px
	}

	.box-icon.style-3 .image {
		margin: 0 15px !important
	}

	.box-icon.style-3 .image img {
		width: 100%;
		object-fit: cover;
		max-height: 350px;
		object-position: top
	}

	.box-icon .head {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center
	}

	.s-article.article-detail .title {
		line-height: 45px
	}

	.blog-single>.content {
		width: calc(66.66666% - 15px);
		max-width: unset
	}

	.blog-single>.tf-sidebar {
		max-width: unset;
		width: calc(33.333333% - 15px)
	}

	.s-faq-2 .faq-item .name {
		line-height: 35px
	}

	.s-about-us.style-2 .title,
	.s-heading .s-title.style-2 {
		font-size: 28px;
		line-height: 39px
	}

	.s-faq-2 .faq-item .left {
		flex-grow: 1;
		width: 100%
	}

	.s-about-us,
	.s-benefit.style-2,
	.s-pricing.style-3,
	.s-testimonial,
	.s-value,
	.tf-spacing-1,
	.tf-spacing-4,
	.tf-spacing-5,
	.tf-spacing-6,
	.tf-spacing-8 {
		padding: 80px 0
	}

	.s-about-us br,
	.slider-testimonial.default,
	.tf-mouse,
	.wg-update .image-wrap-border {
		display: none
	}

	.s-build,
	.s-cta,
	.s-download-app,
	.s-indicator {
		overflow: hidden
	}

	.card-benefit.style-2.item-5 .image,
	.pricing-table .type-plan .wrap {
		padding: 0 15px
	}

	.card-benefit .head,
	.wg-box,
	.wg-testimonial {
		padding: 20px
	}

	.benefit-container,
	.key-point-list {
		gap: 15px
	}

	.wg-update {
		gap: 30px;
		align-items: center
	}

	.box-icon .head,
	.comment-wrap h5,
	.s-indicator .rating-wrap,
	.wg-update .sub-update {
		margin-bottom: 30px
	}

	.pricing-table {
		display: block
	}

	.pricing-table table {
		min-width: 1024px;
		border-collapse: collapse
	}

	#loading .tf-overlay img {
		margin-top: 50%;
		object-fit: cover
	}

	.contact-detail-wrap {
		padding: 80px 30px 30px
	}

	.author-post,
	.blog-single .post-comment-wrap,
	.card-benefit.style-2,
	.contact-detail-wrap .list li,
	.s-faq-2 .tf-accordion {
		max-width: unset
	}

	.grid-layout-4 {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px
	}

	.grid-layout-3,
	.grid-layout-4,
	.step-grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.sub-container {
		margin: 0 15px;
		width: calc(100% - 30px);
		max-width: unset;
		gap: 30px;
		justify-content: space-between
	}

	.nav-list .item>a::before {
		width: calc(100% + 60px)
	}

	.s-article .content-inner {
		margin-bottom: 60px !important
	}

	.s-contact,
	.s-help-center {
		padding-bottom: 80px
	}

	.bento-feature,
	.blog-single .benefit-list,
	.comment-wrap,
	.s-help-center .form-wrap,
	.s-landing-page .s-heading,
	.s-privacy .cta-bar {
		margin-bottom: 50px
	}

	.s-about-us.style-2 .title,
	.s-benefit.style-2 .benefit-container,
	.s-heading.style-2 {
		margin-bottom: 30px !important
	}

	.s-about-us.style-2,
	.s-faq,
	.s-partner,
	.s-price-compare {
		padding-bottom: 80px !important
	}

	.s-blog .bot,
	.s-indicator .s-title {
		margin-bottom: 0
	}

	.s-how-to-use .line,
	.update-list li:not(:last-child),
	.wg-box .type,
	.wg-landing .image {
		margin-bottom: 15px
	}

	.blog-single .title,
	.comment-wrap ul li:not(:last-child),
	.form-post-comment .cols,
	.wg-box .sub-type,
	.wg-pricing .benefit-list,
	.wg-pricing .line,
	.wg-pricing .price-wrap,
	.wg-pricing .sub,
	.wg-pricing .title {
		margin-bottom: 20px
	}

	.s-build .tf-btn,
	.s-faq-2 .faq-list li:not(:last-child) {
		margin-bottom: 80px
	}

	.tf-btn .btn-text {
		font-size: 16px !important;
		line-height: 24px !important
	}

	.partner-group {
		gap: 15px 30px;
		flex-wrap: wrap
	}

	.s-landing-page .content {
		gap: 30px 15px
	}

	.tf-spacing-2 {
		padding: 80px 0 0
	}

	.tf-spacing-3 {
		padding: 0 0 80px
	}

	.tf-spacing-7 {
		padding: 80px 0 50px
	}

	.slider-build-pagination,
	.slider-testimonial.style-2 {
		display: flex
	}

	.s-build .tf-btn {
		margin-left: auto;
		margin-right: auto
	}

	.s-build .img-item {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		width: 100%;
		left: 50%;
		transform: translateX(-50%)
	}

	.s-benefit.style-2 .card-benefit.style-2 .head,
	.update-list,
	.wg-blog .content,
	.wg-update,
	.wg-update.s3 .image-wrap {
		padding: 15px
	}

	.s-cta .s-heading {
		min-height: 500px
	}

	.s-cta .s-heading.style-2 {
		margin-bottom: 0 !important
	}

	.s-download-app .s-heading {
		padding-top: 0;
		margin-bottom: 50px !important
	}

	.s-download-app .image-wrap {
		margin: 0 auto;
		width: 100%;
		max-width: 500px;
		gap: 15px
	}

	.step-grid {
		margin-bottom: 40px
	}

	.s-indicator .s-heading {
		margin-bottom: 20px !important
	}

	.s-indicator .line {
		margin-bottom: 30px;
		background: linear-gradient(90deg, rgba(20, 18, 44, 0) 0, #4349e3 50%, rgba(20, 18, 44, 0) 100%)
	}

	.blog-single .entry-image,
	.blog-single .text.s2,
	.wg-tabs .menu-tab,
	.wg-update.s1,
	.wg-update.s2 {
		margin-bottom: 40px
	}

	.s-indicator.p-mod {
		padding: 70px 0 80px
	}

	.s-indicator .bot-wrap {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column
	}

	.counter-group .wg-counter {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.card-benefit {
		max-width: 322.5px
	}

	.card-benefit .slider-wrap {
		max-width: 100%;
		width: 100%
	}

	.card-benefit.item-2 .image,
	.card-benefit.item-3 .image {
		padding: 0 24px 12px
	}

	.benefit-container {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-areas: "aa aa bb bb ""cc cc ee ee ""dd dd dd dd"
	}

	.card-benefit.style-2.item-4,
	.pricing-group>*,
	.wg-pricing:last-child,
	form .cols>* {
		width: 100%
	}

	.box-icon.style-3 .head {
		padding: 15px;
		gap: 0 30px
	}

	.box-icon.style-3.full .head {
		padding: 15px;
		margin-bottom: 0
	}

	.wg-update.s2 {
		padding: 15px
	}

	.wg-update.s1 .head,
	.wg-update.s2 .image-wrap {
		padding: 15px 15px 0
	}

	.wg-pricing {
		margin-top: 40px
	}

	.wg-pricing.style-2 {
		margin-top: 40px;
		margin-bottom: 0
	}

	.pricing-group {
		gap: 30px;
		flex-wrap: wrap
	}

	.cta-bar,
	.footer-inner,
	.s-faq-2 .faq-item,
	.s-landing-page .content {
		flex-wrap: wrap
	}

	.cta-bar {
		padding: 30px;
		gap: 10px 30px;
		justify-content: center;
		text-align: center
	}

	.s-heading {
		justify-content: center !important;
		margin-bottom: 30px !important
	}

	.s-heading .bot,
	.s-heading .s-sub-title {
		justify-content: center
	}

	.s-heading .s-title {
		font-size: 48px;
		line-height: 60px
	}

	.wg-blog .entry-image {
		margin: 10px 10px 0
	}

	.tf-footer .logo-bottom {
		padding: 100px 50px 50px
	}

	.footer-bottom {
		flex-wrap: wrap;
		gap: 20px 30px;
		justify-content: center;
		text-align: center
	}

	.blog-single {
		flex-wrap: wrap;
		gap: 50px
	}

	.blog-single>* {
		width: 100% !important
	}

	.blog-single .text.s1,
	.blog-single .text.s3,
	.blog-single .text.s4 {
		margin-bottom: 10px
	}

	.main-nav {
		padding-left: 0
	}

	.s-blog-single {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.price-wrap p,
	.wg-pricing .title {
		font-size: 32px;
		line-height: 38px
	}

	.price-wrap p span {
		font-size: 15px;
		line-height: 23px
	}

	.wg-pricing .benefit-list li {
		gap: 12px
	}

	.wg-pricing .benefit-list li:not(:last-child) {
		margin-bottom: 12px
	}

	h6 {
		font-size: 19px;
		line-height: 25px
	}

	p {
		font-size: 16px;
		line-height: 24px
	}

	.s-how-to-use .wrap {
		display: grid;
		gap: 15px
	}

	.card-benefit .type {
		font-size: 18px;
		line-height: 25px
	}

	.s-faq.p-mob {
		padding: 0
	}

	.grid-layout-2 {
		grid-template-columns: repeat(1, 1fr)
	}

	.s-how-to-use .image-item {
		bottom: 0;
		width: 90%
	}

	.counter-group {
		gap: 20px 0 !important
	}

	.wg-counter .sub-counter {
		font-size: 20px;
		line-height: 24px
	}

	.counter span {
		font-size: 60px;
		line-height: 70px
	}

	.pricing-table .type-plan {
		padding-bottom: 30px
	}

	.pricing-table thead th:first-child {
		padding: 0 0 30px 30px
	}

	.pricing-table .group-title td {
		padding: 30px 15px
	}

	.pricing-table .group-item td {
		padding: 30px 0
	}

	.pricing-table .group-item td:first-child {
		padding-left: 15px
	}

	.footer-inner-right {
		max-width: unset;
		width: 100%
	}

	form .cols {
		flex-wrap: wrap;
		gap: 20px
	}
}

@media (max-width:767px) {

	.tf-container,
	.tf-container.w-1280 {
		padding-right: 30px;
		padding-left: 30px
	}

	.benefit-container,
	.blog-list,
	.grid-layout-3,
	.grid-layout-4,
	.step-grid {
		grid-template-columns: repeat(1, 1fr)
	}

	.s-how-to-use .content-wrap{
		display: none
	}

	.s-how-to-use .content-wrap-2 {
		display: block
	}

	.blog-single .benefit-list li,
	.s-how-to-use .wrap {
		gap: 5px
	}

	.tf-container {
		width: 520px
	}

	.tf-container.w-1280 {
		max-width: 520px
	}

	.tf-footer {
		padding-top: 60px
	}

	.footer-inner {
		margin-bottom: 60px;
		text-align: center;
		gap: 20px
	}

	.footer-inner .form_sub {
		width: 100%;
		max-width: 229px;
		margin: 0 auto 30px
	}

	.footer-inner .form_sub .tf-btn {
		margin: 0 auto
	}

	.footer-inner .social-list {
		justify-content: center
	}

	.footer-inner .social-list a {
		width: 40px;
		height: 40px
	}

	.footer-inner .social-list a i {
		font-size: 17px
	}

	.card-team .entry-image,
	.card-team .infor,
	.comment-wrap h5,
	.footer-inner .infor-list li:not(:last-child) {
		margin-bottom: 15px
	}

	.footer-inner-left {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.footer-inner-left p {
		max-width: 406px;
		width: 100%
	}

	.card-benefit {
		max-width: unset;
		overflow: hidden
	}

	.card-benefit .slider-wrap {
		max-width: 100%;
		width: 100%
	}

	.card-benefit.style-2 {
		max-width: unset
	}

	.form_search.style-2 input {
		padding: 10px 15px
	}

	.form_search .btn-search {
		right: 2px
	}

	.form_search.type_2 fieldset input {
		padding: 13px 130px 11px 45px
	}

	.form_search.type_2 fieldset input::placeholder {
		font-size: 14px;
		line-height: 20px
	}

	.form_search.type_2 .icon {
		left: 15px
	}

	.form_search.type_2 .icon svg {
		height: 20px;
		width: 20px
	}

	.form_search.type_2 .icon i,
	.pricing-table .name-plan {
		font-size: 20px
	}

	.form_search.type_2 .tf-btn {
		top: 4px;
		bottom: 4px;
		right: 4px
	}

	.s-article .breadcrums {
		gap: 5px 8px
	}

	.s-article .breadcrums a {
		font-size: 20px;
		line-height: 24px
	}

	.s-article .content-inner {
		gap: 15px;
		margin-bottom: 40px !important
	}

	.s-article.article-detail .title {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 20px
	}

	.s-article.article-detail .text,
	.sidebar-item {
		margin-bottom: 20px !important
	}

	.s-article.article-detail .benefit-list p,
	.s-article.article-detail .content .text {
		font-size: 16px;
		line-height: 22px
	}

	.s-article.article-detail .mini-title {
		margin-bottom: 8px
	}

	.blog-single .benefit-list,
	.s-article.article-detail .benefit-list,
	.s-article.article-detail .entry-image {
		margin-bottom: 30px
	}

	.s-article.article-detail .benefit-list li {
		gap: 10px
	}

	.blog-single .title,
	.s-article.article-detail .benefit-list li:not(:last-child),
	.s-faq-2 .faq-item .name {
		margin-bottom: 10px
	}

	.blog-single .entry-image,
	.blog-single .text.s2,
	.post-comment-wrap h5,
	.sidebar-item .title-sidebar {
		margin-bottom: 20px
	}

	.s-heading.style-2 .s-title,
	.tf-accordion.style-2 .accordion-item {
		margin-bottom: 10px !important
	}

	h4,
	h5 {
		font-size: 24px;
		line-height: 30px
	}

	.blog-single .text {
		font-size: 14px;
		line-height: 22px
	}

	.blog-single .benefit-list li:not(:last-child) {
		margin-bottom: 5px
	}

	.benefit-container {
		grid-template-areas: unset
	}

	.benefit-container .card-benefit {
		grid-area: unset
	}

	.s-how-work {
		padding-bottom: 50px
	}

	.s-faq,
	.s-price-compare {
		padding: 60px 0 !important
	}

	.s-about-us,
	.s-benefit.style-2,
	.s-faq.s3,
	.s-indicator.s2,
	.s-pricing.style-3,
	.s-testimonial,
	.s-value,
	.tf-spacing-1,
	.tf-spacing-4,
	.tf-spacing-5,
	.tf-spacing-6,
	.tf-spacing-8 {
		padding: 60px 0
	}

	.s-about-us.style-2,
	.s-partner {
		padding-bottom: 60px !important
	}

	.s-cta .s-heading {
		min-height: 350px;
		padding: 60px 0
	}

	.s-about-us.style-2 .title,
	.s-heading .s-title.style-2 {
		font-size: 24px;
		line-height: 32px
	}

	.tf-spacing-2 {
		padding: 60px 0 0
	}

	.tf-spacing-3 {
		padding: 0 0 60px
	}

	.tf-spacing-7 {
		padding: 60px 0 50px
	}

	.s-heading .s-title {
		font-size: 34px;
		line-height: 34px
	}

	.s-heading.style-2 .s-title {
		font-size: 32px;
		line-height: 42px
	}

	.s-heading.style-2 .text {
		font-size: 16px
	}

	.tf-accordion .accordion-button {
		padding: 15px 50px 15px 15px !important;
		font-size: 16px;
		line-height: 22px
	}

	.tf-accordion .icon {
		top: 50% !important;
		right: 15px;
		transform: translateY(-50%)
	}

	.tf-accordion .accordion-body {
		padding: 0 15px 15px !important;
		font-size: 16px;
		line-height: 20px
	}

	.tf-accordion.style-2 .accordion-item.last {
		margin-bottom: 0 !important
	}

	.key-point-list {
		gap: 8px
	}

	.key-point-list li {
		padding: 9px 16px;
		width: 100%
	}

	.card-team {
		padding: 15px
	}

	.tf-footer .logo-bottom {
		padding: 40px 30px
	}

	.s-about-us .s-title,
	.s-about-us.style-2 .s-title {
		font-size: 30px;
		line-height: 40px
	}

	.wg-counter .sub-counter {
		font-size: 18px;
		line-height: 20px
	}

	.counter span {
		font-size: 50px;
		line-height: 60px
	}

	.pricing-table .type-plan {
		padding-bottom: 20px
	}

	.pricing-table thead th:first-child {
		padding: 0 0 20px 20px
	}

	.pricing-table .group-title td {
		font-size: 20px;
		padding: 20px 15px
	}

	.pricing-table .group-item td {
		font-size: 16px;
		line-height: 24px;
		padding: 20px 0
	}

	.contact-detail-wrap {
		padding: 30px 15px
	}

	.box-icon {
		padding: 0 15px 15px
	}

	.box-icon .content-wrap,
	.sidebar-item {
		padding: 20px !important
	}

	.box-icon .head {
		gap: 10px 30px
	}

	.s-faq-2 .faq-list li {
		gap: 20px
	}

	.s-faq-2 .faq-list li:not(:last-child) {
		margin-bottom: 40px !important
	}

	.sidebar-item.sidebar-search {
		padding: 15px !important
	}

	.sidebar-item .sb-list li:not(:last-child) a {
		padding-bottom: 15px;
		font-size: 16px;
		line-height: 20px
	}

	.footer-inner>* {
		max-width: unset !important;
		width: 100%
	}

	.author-post {
		flex-wrap: wrap;
		padding: 30px
	}
}

@media (max-width:575px) {
	.box-icon .text {
		font-size: 16px;
		line-height: 22px
	}

	.s-download-app .bot {
		text-align: center
	}

	.wg-counter .sub-counter {
		font-size: 14px;
		line-height: 18px;
		text-align: center
	}
}

@media (max-width:425px) {
	.slider-build .swiper-wrapper {
		min-height: unset
	}

	.header-right .tf-btn {
		display: none
	}

	.counter span {
		font-size: 35px;
		line-height: 45px
	}
}