/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
    [ ## Heading ]
    [ ## Others Typography ]
# Elements
    [ ## Font Size ]
    [ ## Font Weight ]
    [ ## Margin Element ]
    [ ## Padding Element ]
    [ ## Color Element ]
    [ ## Background Element ]
    [ ## Extra Background ]
    [ ## Social Element ]
    [ ## Overlay Element ]
    [ ## Lists ]
    [ ## Post, Page, Comments Table ]
    [ ## Others Element ]
    [ ## Grid Element ]
# Forms
	[ ## Buttons ]
	[ ## Fields ]
# Header Content
	[ ## Preloader ]
	[ ## Header ]
    [ ## Sticky header ]
# layout
    [ ## Hero Block ]
    [ ## Features ]
    [ ## Team ]
    [ ## Testimonial ]
    [ ## Sections ]
        [ ### Features Block ]
        [ ### Network Location ]
        [ ### Discount Block ]
        [ ### Vission Mission Block ]
        [ ### Work Brand ]
        [ ### Announcement ]
        [ ### Pricing ]
        [ ### Faqs ]
        [ ### Support Ticket ]
        [ ### Call To Action ]
        [ ### Founder Message Block ]
        [ ### Fan Fact Block ]
    [ ## Blog ]
# site content
	[ ## About Page ]
	[ ## Contact Page ]
	[ ## 404 Page ]
	[ ## Registration Page ]
	[ ## Posts and pages ]
	    [ ### Page Title ]
	    [ ### Breadcrumb ]
	    [ ### Page info Content ]
	[ ## Comments ]
	[ ## Widgets ]
	[ ## Widgets Content ]
# Footer
/*--------------------------------------------------------------
# abstracts
--------------------------------------------------------------*/
/*-------------------------------------------------
    [ ### font-variable start ]
*/
/*-------------------------------------------------
    [ ### font-variable end ]
*/
/*-------------------------------------------------
    [ ### font_family-variable start ]
*/
/*-------------------------------------------------
    [ ### font_family-variable end ]
*/
/*-------------------------------------------------
    [ ### font_size-variable start ]
*/
/*-------------------------------------------------
    [ ### font_size-variable end ]
*/
/*-------------------------------------------------
    [ ### line_height-variable start ]
*/
/*-------------------------------------------------
    [ ### line_height-variable start ]
*/
/*-------------------------------------------------
    [ ### initial-color-variable start ]
*/
/*-------------------------------------------------
    [ ### initial-color-variable end ]
*/
/*--------------------------------------------------------------
# base
--------------------------------------------------------------*/
/*-------------------------------------------------
    [ ## reset ]
*/

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root {
	/* color */
	--color-primary: #7e01d7;
	--color-primary-dark: var(--color-primary);
	--color-primary-dark-more: #212033;
	--color-primary-dark-more-light: #1f1e2f;
	--color-user-main-purple: #8252fe;
	--color-primary-line-card: #f1f4f8;
	--color-primary-line-gray: #e8e8e8;
	--color-user-white: #fff;
	--color-admin-line: #e5e6e6;
	--color-white: #fbfbfc;
	--color-gray-0-white: #ffffff;
	--color-gray: #eeeeef;
	--color-gray-5: #f8fafc;
	--color-gray-10: #eff0f0;
	--color-gray-20: #e2e8f0;
	--color-gray-30: #cbd5e1;
	--color-gray-80: #1e293b;
	--color-success-5: #f0fdf4;
	--color-success-50: #22c55e;
	--color-danger-5: #ffe5e4;
	--color-danger-50: #de5c56;
	--text-color: #67717e;
	--color-primary-beige-10: #f7f6f4;
	--color-primary-navbar-second: #b5bcc6;
	--color-neutral-10: #ffffff;
	--color-user-dark-nav: #212033;
	--color-user-grey-nav: #9291a7;
	--color-user-green: #3bc400;
	--color-black: #242e2c;
}

html {
	font-size: 100%;
	scroll-behavior: smooth;
}

body {
	background: #ffffff;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: #6f737b;
	overflow-x: hidden;
}

a {
	display: inline-block;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

blockquote {
	margin: 0 0 1.3em;
}

p {
	margin-bottom: 15px;
	line-height: 1.7em;
}
p:last-child {
	margin-bottom: 0px;
}
@media only screen and (max-width: 1199px) {
	p {
		line-height: 1.7em;
	}
}

img {
	max-width: 100%;
	height: auto;
}

.exchange-area code {
	font-size: 20px;
	color: #1e9ff2;
}

code {
	color: #ff9f43;
	font-weight: 600;
}
code span {
	display: block;
	text-align: center;
	font-size: 16px;
	padding-bottom: 10px;
}

button:focus,
input:focus,
textarea:focus {
	outline: none;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border: none;
	cursor: pointer;
}

input,
textarea {
	padding: 12px 25px;
	width: 100%;
}

span {
	display: inline-block;
}

a,
a:focus,
a:hover {
	text-decoration: none;
	color: inherit;
}

blockquote {
	background-color: #f9f9f9;
	padding: 40px;
	font-weight: 500;
	font-style: italic;
	position: relative;
}
blockquote .quote-icon {
	position: absolute;
	top: 0;
	left: 5%;
	font-size: 120px;
	opacity: 0.1;
}

/*-------------------------------------------------
      [ ## padding ]
  */
.pt-10 {
	padding-top: 10px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-80 {
	padding-top: 80px;
}

.pt-100 {
	padding-top: 100px;
}
@media only screen and (max-width: 991px) {
	.pt-100 {
		padding-top: 80px;
	}
}

.pt-120 {
	padding-top: 120px;
}
@media only screen and (max-width: 991px) {
	.pt-120 {
		padding-top: 100px;
	}
}

.pt-150 {
	padding-top: 150px;
}
@media only screen and (max-width: 991px) {
	.pt-150 {
		padding-top: 100px;
	}
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-100 {
	padding-bottom: 100px;
}
@media only screen and (max-width: 991px) {
	.pb-100 {
		padding-bottom: 80px;
	}
}

.pb-120 {
	padding-bottom: 120px;
}
@media only screen and (max-width: 991px) {
	.pb-120 {
		padding-bottom: 100px;
	}
}

.pb-150 {
	padding-bottom: 150px;
}
@media only screen and (max-width: 991px) {
	.pb-150 {
		padding-bottom: 100px;
	}
}

.ptb-10 {
	padding: 10px 0;
}

.ptb-20 {
	padding: 20px 0;
}

.ptb-30 {
	padding: 30px 0;
}

.ptb-40 {
	padding: 40px 0;
}

.ptb-50 {
	padding: 50px 0;
}

.ptb-60 {
	padding: 60px 0;
}

.ptb-80 {
	padding: 80px 0;
}

.ptb-100 {
	padding: 100px 0;
}
@media only screen and (max-width: 991px) {
	.ptb-100 {
		padding: 80px 0;
	}
}

.ptb-120 {
	padding: 120px 0;
}
@media only screen and (max-width: 991px) {
	.ptb-120 {
		padding: 100px 0;
	}
}
@media only screen and (max-width: 600px) {
	.ptb-120 {
		padding: 20px 0;
	}
}

.ptb-150 {
	padding: 150px 0;
}
@media only screen and (max-width: 991px) {
	.ptb-150 {
		padding: 100px 0;
	}
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-100 {
	margin-top: 100px;
}

.mt-120 {
	margin-top: 120px;
}

.mt-150 {
	margin-top: 150px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-80 {
	margin-bottom: 80px;
}
@media only screen and (max-width: 575px) {
	.mb-80 {
		margin-bottom: 40px;
	}
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-120 {
	margin-bottom: 120px;
}

.mb-150 {
	margin-bottom: 150px;
}

.mt-10-none {
	margin-top: -10px;
}

.mt-20-none {
	margin-top: -20px;
}

.mt-30-none {
	margin-top: -30px;
}

.mt-40-none {
	margin-top: -40px;
}

.mt-50-none {
	margin-top: -50px;
}

.mt-60-none {
	margin-top: -60px;
}

.mt-80-none {
	margin-top: -80px;
}

.mt-100-none {
	margin-top: -100px;
}

.mt-120-none {
	margin-top: -120px;
}

.mt-150-none {
	margin-top: -150px;
}

.mb-10-none {
	margin-bottom: -10px;
}

.mb-20-none {
	margin-bottom: -20px;
}

.mb-30-none {
	margin-bottom: -30px;
}

.mb-40-none {
	margin-bottom: -40px;
}

.mb-50-none {
	margin-bottom: -50px;
}

.mb-60-none {
	margin-bottom: -60px;
}

.mb-80-none {
	margin-bottom: -80px;
}
@media only screen and (max-width: 575px) {
	.mb-80-none {
		margin-bottom: -40px;
	}
}

.mb-100-none {
	margin-bottom: -100px;
}

.mb-120-none {
	margin-bottom: -120px;
}

.mb-150-none {
	margin-bottom: -150px;
}

/*-------------------------------------------------
      [ ## color ]
  */
.bg--primary {
	background-color: #7367f0 !important;
}

.bg--secondary {
	background-color: var(--color-primary-dark);
}

.bg--success {
	background-color: #28c76f !important;
}

.bg--danger {
	background-color: #d63384 !important;
}
.bg--danger:hover,
.bg--danger:focus {
	color: #d63384 !important;
}

.bg--warning {
	background-color: #ff9f43 !important;
}

.bg--info {
	background-color: #1e9ff2;
}

.bg--dark {
	background-color: #10163a;
}

.bg--base {
	background-color: var(--color-primary-dark) !important;
}

.text--primary {
	color: #7367f0;
}

.text--secondary {
	color: var(--color-primary-dark);
}

.text--success {
	color: #28c76f;
}

.text-danger {
	color: #d63384 !important;
}

.text--danger {
	color: #d63384;
}

.text--warning {
	color: #ff9f43;
}

.text--info {
	color: #1e9ff2;
}

.text--dark {
	color: #10163a;
}

.text--base {
	color: var(--color-primary);
}

.border--primary {
	border: #7367f0;
}

.border--secondary {
	border: 1px solid var(--color-primary-dark);
}

.border--success {
	border: 1px solid #28c76f;
}

.border--danger {
	border: 1px solid #ea5455;
}

.border--warning {
	border: 1px solid #ff9f43;
}

.border--info {
	border: 1px solid #1e9ff2;
}

.border--dark {
	border: 1px solid #10163a;
}

.border--base {
	border: 1px solid #e5e5e5 !important;
}

.section--bg {
	background-color: var(--color-primary-dark-more) !important;
}

.bg--gray {
	background-color: #f9f9f9;
}

.border--rounded {
	border-radius: 3px !important;
}

.border--capsule {
	border-radius: 100px;
}

.box-shadow {
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}

/*-------------------------------------------------
      [ ## scrollbar ]
  */
*::-webkit-scrollbar {
	height: 20px;
	width: 6px;
	background: #f1f1f1;
	border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
	background: #999;
	border-radius: 10px;
}

*::-webkit-scrollbar-corner {
	background: #999;
	border-radius: 10px;
}

.chat-container::-webkit-scrollbar {
	height: 20px;
	width: 6px;
	background: #f1f1f1;
	border-radius: 10px;
}

.chat-container::-webkit-scrollbar-thumb {
	background: #999;
	border-radius: 10px;
}

.chat-container::-webkit-scrollbar-corner {
	background: #999;
	border-radius: 10px;
}

/*-------------------------------------------------
      [ ## scrollToTop ]
  */
.scrollToTop {
	position: fixed;
	bottom: 0;
	right: 30px;
	width: 45px;
	height: 45px;
	padding: 12px;
	line-height: 1;
	font-weight: 600;
	background-color: var(--color-primary-dark);
	border-radius: 50%;
	color: #ffffff !important;
	font-size: 11px;
	text-align: center;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transform: translateY(-50000%);
	transform: translateY(-50000%);
}
.scrollToTop small {
	display: block;
	text-transform: uppercase;
	font-size: 8px;
}
.scrollToTop.active {
	bottom: 30px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

/*-------------------------------------------------
      [ ## Table ]
  */
.table-wrapper {
	background-color: #ffffff;
	overflow: hidden;
}

.custom-table {
	width: 100%;
	white-space: nowrap;
}
.custom-table thead tr {
	background-color: #f5f5f5;
}
.custom-table thead tr th {
	border: none;
	font-weight: 600;
	color: #111a2e;
	text-align: center;
	font-family: "Jost", sans-serif;
	font-size: 18px;
	padding: 30px;
}
.custom-table tbody tr {
	border-bottom: 1px solid #e5e5e5;
}
.custom-table tbody tr td {
	border-top: 1px solid #e5e5e5;
	font-weight: 500;
	color: #6f737b;
	vertical-align: middle !important;
	text-align: center;
	font-size: 14px;
	padding: 25px 30px;
}
.custom-table tbody tr td .btn {
	padding: 5px;
	font-size: 24px;
}
.custom-table tbody tr td .w-32px {
	width: 32px;
}
.custom-table tbody tr td .h-2 {
	height: 2px;
}
.custom-table.two thead tr th {
	padding: 20px;
	text-align: left;
	font-size: 16px;
}
.custom-table.two tbody tr td {
	padding: 20px;
	text-align: left;
}
.custom-table.two tbody tr td:last-child {
	text-align: center;
}
.custom-table.two tbody tr td .compare-property-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.custom-table.two tbody tr td .compare-property-thumb {
	width: 130px;
}
.custom-table.two tbody tr td .compare-property-content {
	width: calc(100% - 130px);
	padding-left: 20px;
}

/*-------------------------------------------------
      [ ## slider ]
  */
.swiper-notification {
	display: none;
}

.swiper-pagination {
	position: relative;
	padding: 18px 45px;
	background-color: #f9f9f9;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: 50px;
	margin-top: 50px;
	width: auto !important;
	z-index: 2;
}
.swiper-pagination .swiper-pagination-bullet {
	height: 4px;
	width: 10px;
	border-radius: 5px;
	background-color: var(--color-primary-dark);
	opacity: 0.25;
}
.swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	width: 46px;
}

.slider-next,
.slider-prev {
	width: 55px;
	height: 55px;
	font-size: 30px;
	border-radius: 50%;
	color: #111a2e;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -50px;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.slider-next::before,
.slider-prev::before {
	position: absolute;
	content: "";
	top: 0;
	left: -20px;
	width: 100%;
	height: 100%;
	background-color: var(--color-primary-dark);
	border-radius: 50%;
	z-index: -1;
}
@media only screen and (max-width: 575px) {
	.slider-next,
	.slider-prev {
		display: none;
	}
}

.slider-next {
	left: auto;
	right: -50px;
}
.slider-next::before {
	left: auto;
	right: -20px;
}

/*-------------------------------------------------
      [ ## pagination ]
  */
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* margin-top: 40px; */
}
.pagination .page-item {
	text-align: center;
	padding: 3px;
}
.pagination .page-item a,
.pagination .page-item span {
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	background: transparent;
	border: none;
	color: #111a2e;
	font-size: 16px;
	padding: 0;
	font-weight: 600;
	margin: 0;
}
.pagination .page-item.disabled span {
	border-radius: 50%;
	background: transparent;
	border: none;
	color: #111a2e;
}
.pagination .page-item .page-link {
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.pagination .page-item.active .page-link,
.pagination .page-item:hover .page-link {
	background-color: var(--color-primary-dark);
	border-color: transparent;
	color: #ffffff;
}

/*-------------------------------------------------
      [ ## tab ]
  */
.nav-tabs {
	margin: 0;
	border: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: -14px;
	margin-bottom: 40px;
}
.nav-tabs .nav-link {
	width: 250px;
	height: 150px;
	display: block;
	padding: 0.5rem 1rem;
	font-weight: 600;
	font-family: "Jost", sans-serif;
	font-size: 18px;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin: 14px;
}
.nav-tabs .nav-link span {
	display: block;
}
.nav-tabs .nav-link .product-tab-thumb {
	background-color: #ffffff;
	width: 70px;
	height: 70px;
	line-height: 70px;
	margin: 0 auto;
	border-radius: 10px;
	margin-bottom: 15px;
}
.nav-tabs .nav-link .product-tab-thumb img {
	width: 50px;
	height: 50px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 10px;
}
.nav-tabs .nav-link.active {
	background-color: rgba(16, 187, 187, 0.2);
	border: 1px solid rgba(16, 187, 187, 0.6);
	color: #111a2e;
}

.tab-content > .active {
	-webkit-animation: scroll-down 1s;
	animation: scroll-down 1s;
	-webkit-transition: opacity 0s linear;
	transition: opacity 0s linear;
}

.how-we-do-tab .nav-tabs {
	padding-bottom: 30px;
	border-bottom: 1px solid #86d3d3;
	margin: 0;
	margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
	.how-we-do-tab .nav-tabs {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.how-we-do-tab .nav-tabs {
		display: block;
		text-align: center;
		padding-bottom: 0;
	}
}
.how-we-do-tab .nav-tabs .nav-link {
	position: relative;
	width: auto;
	height: auto;
	display: block;
	padding: 0;
	font-weight: 600;
	font-family: "Jost", sans-serif;
	font-size: 20px;
	background-color: transparent;
	border: none;
	border-radius: 0;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin: 0;
}
@media only screen and (max-width: 991px) {
	.how-we-do-tab .nav-tabs .nav-link {
		font-size: 16px;
	}
}
@media only screen and (max-width: 767px) {
	.how-we-do-tab .nav-tabs .nav-link {
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
}
.how-we-do-tab .nav-tabs .nav-link::before {
	position: absolute;
	content: "";
	bottom: -33px;
	left: 0;
	width: 0;
	height: 5px;
	background-color: #86d3d3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
	.how-we-do-tab .nav-tabs .nav-link::before {
		bottom: 0;
	}
}
.how-we-do-tab .nav-tabs .nav-link::after {
	position: absolute;
	content: "";
	top: 0;
	right: -40px;
	width: 1px;
	height: 100%;
	background-color: #86d3d3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
	.how-we-do-tab .nav-tabs .nav-link::after {
		right: -20px;
	}
}
@media only screen and (max-width: 767px) {
	.how-we-do-tab .nav-tabs .nav-link::after {
		display: none;
	}
}
.how-we-do-tab .nav-tabs .nav-link.active {
	background-color: transparent;
	border: none;
	color: var(--color-primary-dark);
}
.how-we-do-tab .nav-tabs .nav-link.active::before {
	width: 100%;
}
.how-we-do-tab .nav-tabs .nav-link:last-child::after {
	display: none;
}
.how-we-do-tab .nav-tabs .nav-link:not(:last-child) {
	margin-right: 80px;
}
@media only screen and (max-width: 991px) {
	.how-we-do-tab .nav-tabs .nav-link:not(:last-child) {
		margin-right: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.how-we-do-tab .nav-tabs .nav-link:not(:last-child) {
		margin-right: 0;
	}
}

/*-------------------------------------------------
      [ ## card ]
  */

.custom-card {
	border: 1px solid #dbdbe1;
	border-radius: 14px;
	background: var(--color-white, #fff);
	overflow: hidden;
}
.custom-card .card-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.custom-card .card-body {
	background: #ffffff;
	border-radius: 12px;
	padding: 24px;
}
@media only screen and (max-width: 575px) {
	.custom-card .card-body {
		padding: 20px;
	}
}
.custom-card button,
.custom-card input[type="submit"],
.custom-card input[type="reset"],
.custom-card input[type="button"],
.custom-card .btn--base {
	padding: 12px 30px;
}
.custom-card .table-wrapper {
	background-color: #ffffff;
}

/*-------------------------------------------------
      [ ## switch ]
  */
.toggle-container .switch-toggles {
	position: relative;
	width: 175px;
	height: 35px;
	border-radius: 15px;
	background-color: #ffffff;
}
@media only screen and (max-width: 372px) {
	.toggle-container .switch-toggles {
		width: 135px;
	}
}
.toggle-container .switch-toggles::after {
	position: absolute;
	content: "";
	width: 50%;
	height: 35px;
	background: var(--color-primary-dark);
	right: -1px;
	top: 0;
	border-radius: 0 15px 15px 0;
	-webkit-transition: all 0.7s cubic-bezier(0.545, 0, 0.05, 1);
	transition: all 0.7s cubic-bezier(0.545, 0, 0.05, 1);
}
.toggle-container .switch-toggles .switch {
	position: relative;
	width: 50%;
	line-height: 35px;
	float: left;
	text-align: center;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: color 0.7s cubic-bezier(0.545, 0, 0.05, 1);
	transition: color 0.7s cubic-bezier(0.545, 0, 0.05, 1);
	font-weight: 500;
	border-radius: 15px;
	color: #52526c;
	margin-bottom: 0;
}
.toggle-container .switch-toggles .switch:nth-child(odd) {
	color: #ffffff;
}
.toggle-container .switch-toggles.active::after {
	background: var(--color-primary-dark);
	-webkit-box-shadow: 0 5px 5px 0px rgba(90, 82, 120, 0.75);
	box-shadow: 0 5px 5px 0px rgba(90, 82, 120, 0.75);
	right: 50%;
	border-radius: 15px 0 0 15px;
}
.toggle-container .switch-toggles.active .switch {
	color: #52526c;
}
.toggle-container .switch-toggles.active .switch:nth-child(even) {
	color: #ffffff;
}
.toggle-container .switch-toggles.active .switch.active {
	background: var(--color-primary-dark);
	color: #ffffff;
}

.btn-ring {
	display: none;
	position: absolute;
	top: 6px;
	right: 3px;
}
.btn-ring::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 0px;
	border-radius: 50%;
	border: 3px solid #ffffff;
	border-color: #ffffff transparent #ffffff transparent;
	-webkit-animation: ring 1.2s linear infinite;
	animation: ring 1.2s linear infinite;
}

/*-------------------------------------------------
      [ ## modal ]
  */
.modal-content {
	position: relative;
	z-index: 9999999;
	background-color: #ffffff;
}

.modal-header {
	border-color: #e5e5e5;
}

.modal-footer {
	border-color: #e5e5e5;
}
.modal-footer button,
.modal-footer input[type="submit"],
.modal-footer input[type="reset"],
.modal-footer input[type="button"] {
	padding: 8px 25px;
	font-size: 14px;
	color: #ffffff !important;
}

.btn-close {
	background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

/*-------------------------------------------------
      [ ## Heading ]
  */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.3em;
	color: #111a2e;
	-webkit-font-smoothing: antialiased;
	font-family: "Jost", sans-serif;
	font-weight: 600;
}

h1 {
	font-size: 70px;
}
@media only screen and (max-width: 1199px) {
	h1 {
		font-size: 60px;
	}
}
@media only screen and (max-width: 991px) {
	h1 {
		font-size: 40px;
	}
}
@media only screen and (max-width: 575px) {
	h1 {
		font-size: 30px;
	}
}

h2 {
	font-size: 60px;
}
@media only screen and (max-width: 991px) {
	h2 {
		font-size: 26px;
	}
}
@media only screen and (max-width: 575px) {
	h2 {
		font-size: 24px;
	}
}

h3 {
	font-size: 24px;
}
@media only screen and (max-width: 991px) {
	h3 {
		font-size: 20px;
	}
}

h4 {
	font-size: 20px;
}
@media only screen and (max-width: 991px) {
	h4 {
		font-size: 18px;
	}
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 14px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color: inherit;
	text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
	color: inherit;
	text-decoration: none;
}

.section-header-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
	.section-header-wrapper {
		display: block;
	}
}
.section-header-wrapper .section-header {
	margin-bottom: 0;
	text-align: left;
}
@media only screen and (max-width: 767px) {
	.section-header-wrapper .section-header {
		margin-bottom: 20px;
	}
}
.section-header-wrapper .section-header .float-text::before {
	left: 40px;
	margin-left: 0;
}
@media only screen and (max-width: 991px) {
	.section-header-wrapper .section-header .float-text::before {
		left: 0;
	}
}
.section-header-wrapper .section-header-right p {
	font-size: 16px;
	width: 60%;
	margin-left: auto;
}
@media only screen and (max-width: 991px) {
	.section-header-wrapper .section-header-right p {
		width: 100%;
	}
}

.section-header {
	margin-bottom: 40px;
	text-align: center;
	position: relative;
}
.section-header .float-text {
	position: relative;
	left: -40px;
	display: block;
	font-size: 150px;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(14, 30, 42, 0.15);
	font-weight: 900;
	text-transform: uppercase;
	top: 15px;
	margin-top: 3px;
}
@media only screen and (max-width: 991px) {
	.section-header .float-text {
		font-size: 100px;
		left: 0;
	}
}
@media only screen and (max-width: 575px) {
	.section-header .float-text {
		font-size: 60px;
	}
}
.section-header .float-text::before {
	position: absolute;
	left: 50%;
	margin-left: -25px;
	top: -20px;
	width: 84px;
	height: 10px;
	background-image: url(../images/icon/wave.png);
	background-position: center;
	content: "";
	z-index: 2;
}
@media only screen and (max-width: 991px) {
	.section-header .float-text::before {
		margin-left: -42px;
	}
}
.section-header .section-sub-title {
	background: #f9f9f9;
	font-weight: 500;
	border-radius: 15px;
	color: var(--color-primary-dark);
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1.5px;
	line-height: 28px;
	margin-bottom: 20px;
	padding: 5px 20px;
	text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
	.section-header .section-sub-title {
		font-size: 12px;
	}
}
.section-header .section-title {
	margin-bottom: 0;
	font-weight: 600;
	text-transform: capitalize;
}
.section-header .section-title span {
	color: var(--color-primary-dark);
	text-decoration: underline;
	text-decoration-thickness: 5px;
}
.section-header .section-border {
	position: relative;
	height: 2px;
	width: 150px;
	background-color: var(--color-primary-dark);
	display: inline-block;
}
.section-header .section-border::before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	background-color: var(--color-primary-dark);
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	left: 50%;
	top: -7px;
	border: 3px solid #e5e5e5;
	z-index: 2;
}
.section-header p {
	margin-top: 20px;
}

/*--------------------------------------------------------------
  # Components
  --------------------------------------------------------------*/
/*-------------------------------------------------
      [ ## Buttons ]
  */
input[type="submit"]:hover {
	color: #ffffff;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: none;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.btn {
	-webkit-transition: all 0.3s ease 0.02s;
	transition: all 0.3s ease 0.02s;
}

.btn:active,
.btn:focus {
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
}

.btn {
	border: 0px solid;
	border-radius: 0px;
	font-weight: 500;
	font-size: 16px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
	.btn {
		font-size: 14px;
	}
}

.btn-rounded {
	border-radius: 3px;
}

.btn-capsule {
	border-radius: 100px;
}

/*-------------------------------------------------
      [ ## custom btn ]
  */
.btn--primary {
	background-color: var(--color-primary) !important;
}

.btn--secondary {
	background-color: var(--color-user-dark-nav) !important;
}

.btn--success {
	background-color: #28c76f;
}

.btn--danger {
	background-color: #d63384;
}

.btn--warning {
	background-color: #ff9f43;
}

.btn--info {
	background-color: #1e9ff2;
}

.btn--dark {
	background-color: #10163a;
}

.badge--primary {
	color: var(--color-user-main-purple);
}

.badge--secondary {
	color: var(--color-user-dark-nav);
}

.badge--success {
	color: var(--color-user-green, #3bc400);
}

.badge--danger {
	color: #d63384;
}

.badge--warning {
	color: #ff9f43;
}

.badge--info::before {
	background-color: #1e9ff2;
}

.badge--dark::before {
	background-color: #10163a;
}

.border--primary {
	border: 1px solid #7367f0;
}

.border--secondary {
	border: 1px solid #868e96;
}

.border--success {
	border: 1px solid #28c76f;
}

.border--danger {
	border: 1px solid #ea5455 !important;
}

.border--warning {
	border: 1px solid #ff9f43;
}

.border--info {
	border: 1px solid #1e9ff2;
}

.border--dark {
	border: 1px solid #10163a;
}

.badge {
	display: inline-flex;
	padding: 2px 6px;
	align-items: flex-start;
	gap: 10px;
	border-radius: 4px;
	border: 1px solid var(--color-grey-30, #e5e6e6);
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 13px */
}

.btn--base {
	display: flex;
	padding: 10px 12px 10px 14px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 99px;
	background: var(--color-primary);
	position: relative;
	overflow: hidden;
	z-index: 2;
	color: var(--color-white, #fbfbfc);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 14px */
	padding: 10px 12px 10px 14px;
	-webkit-transition: all ease 0.5s;
	transition: all ease 0.5s;
	border: 1px solid transparent;
}
.btn--base::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 0%;
	background: #ffffff;
	top: 0;
	right: 0;
	z-index: -1;
	-webkit-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.btn--base i {
	font-size: 18px;
	position: relative;
	top: 1px;
}
.btn--base.active {
	background: #ffffff;
	color: var(--color-primary-dark);
}
.btn--base.active::before {
	display: none;
}
.btn--base.active:focus,
.btn--base.active:hover {
	background: var(--color-primary-dark);
	color: #ffffff;
}
.btn--base:focus,
.btn--base:hover {
	color: var(--color-primary);
	border: 1px solid var(--color-primary) !important;
}
.btn--base:focus::before,
.btn--base:hover::before {
	width: 100%;
	right: auto;
	left: 0;
}
@media only screen and (max-width: 991px) {
	.btn--base {
		padding: 10px 25px;
		font-size: 13px;
	}
}

.custom-btn {
	font-size: 16px;
	color: #6f737b;
	font-weight: 500;
}
@media only screen and (max-width: 575px) {
	.custom-btn {
		font-size: 14px;
	}
}

.info-btn {
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--color-primary-dark);
	border-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	display: none;
}
@media only screen and (max-width: 991px) {
	.info-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.chat-cross-btn {
	width: 25px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #ea5455;
	border-radius: 5px;
	color: #ffffff;
	font-size: 16px;
	display: none;
}
@media only screen and (max-width: 991px) {
	.chat-cross-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

/*-------------------------------------------------
      [ ## Fields ]
  */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
	outline: none;
}

input,
textarea {
	padding: 12px 20px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #111a2e;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #111a2e;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #111a2e;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #111a2e;
}
input::placeholder,
textarea::placeholder {
	color: #111a2e;
}

textarea {
	display: block;
	width: 100%;
	display: block;
	min-height: 118px;
}

input,
select,
textarea {
	border: 1px solid #e5e5e5;
	vertical-align: baseline;
	font-size: 100%;
	color: #111a2e;
}

label {
	color: var(--color-black, #242e2c);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; /* 17.5px */
	margin-bottom: 12px;
	display: block;
}
label span {
	color: var(--color-primary-dark);
}

/*-------------------------------------------------
      [ ## Forms ]
  */
select {
	outline: none;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: 5px;
}

option {
	color: #111a2e;
}

.input-group {
	position: relative;
	margin-bottom: 0;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	border-radius: 14px;
}
.input-group .nice-select {
	width: auto;
	padding: 0 30px 0 15px;
	border: none !important;
	background-color: var(--color-primary-dark) !important;
	line-height: 45px;
	border-radius: 0 14px 14px 0;
}
.input-group .nice-select::after {
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
.input-group .nice-select .current {
	color: #ffffff;
}
.input-group .f-dropdown > span {
	padding: 8px 12px;
	border-radius: 0 5px 5px 0;
	background-color: var(--color-primary-dark);
	border: none;
	color: #ffffff !important;
	width: 110px;
}
.input-group .f-dropdown > span::before,
.input-group .f-dropdown > span::after {
	background: #ffffff !important;
}
.input-group .f-dropdown ul {
	width: 110px;
	left: auto;
	right: 0;
}
.input-group.append input {
	border-left: none;
	padding-left: 0;
}
.input-group.append input:focus {
	border: 1px solid #e5e5e5;
	border-left: none;
}
.input-group.append .input-group-text {
	border-radius: 5px 0 0 5px;
}

.input-group-append,
.input-group-prepend {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
}

.input-group-text {
	border: none;
	font-size: 18px;
	height: 45px;
	background-color: var(--color-primary-dark);
	color: #ffffff;
	border: 1px solid var(--color-primary-dark);
	border-radius: 0 5px 5px 0;
	padding: 0.375rem 0.75rem !important;
	font-weight: 500;
}

.custom-check-group {
	display: block;
	margin-bottom: 12px;
}
.custom-check-group input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}
.custom-check-group input:checked + label::before {
	background-color: var(--color-primary-dark);
	border: 1px solid var(--color-primary-dark);
}
.custom-check-group input:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 7px;
	width: 5px;
	height: 10px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.custom-check-group label {
	position: relative;
	cursor: pointer;
	font-weight: 500;
	font-size: 13px;
}
.custom-check-group label::before {
	content: "";
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 8px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 8px;
	top: -1px;
}
.custom-check-group label a {
	text-decoration: underline;
}

.form-group {
	margin-bottom: 15px;
}

.form-control {
	border: 1px solid #e5e5e5;
	font-size: 14px;
	height: 50px;
	color: rgba(255, 255, 255, 0.5);
}
.form-control:focus {
	color: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e5e5e5;
}
.form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.form-control::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.form-control::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.form-control::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.form--control {
	background: var(--color-white, #fbfbfc);
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 14px;
	height: 45px;
	line-height: 45px;
	font-weight: 500;
	font-size: 13px;
	color: #6f737b;
	padding: 10px 25px;
	width: 100%;
}
.form--control:focus {
	background-color: #ffffff;
	border: 1px solid var(--color-primary-dark);
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #6f737b;
}
.form--control::-webkit-input-placeholder {
	color: #6e6e6e;
}
.form--control::-moz-placeholder {
	color: #6e6e6e;
}
.form--control:-ms-input-placeholder {
	color: #6e6e6e;
}
.form--control::-ms-input-placeholder {
	color: #6e6e6e;
}
.form--control::placeholder {
	color: #6e6e6e;
}
.form--control[type="file"] {
	line-height: 20px;
}

textarea.form--control {
	line-height: inherit;
}

.fileholder {
	border-radius: 5px;
}

.file-holder-wrapper {
	width: 100%;
}

.fileholder.active {
	border: 2px dashed #e5e5e5;
}

.fileholder-drag-drop-title {
	color: #c4c5cf;
}

.fileholder-drag-drop-icon svg path:nth-child(2) {
	fill: var(--color-primary-dark);
}

.fileholder-basic-loading-circle.one {
	border: 2px solid var(--color-primary-dark);
}

.fileholder-basic-loading-circle.two {
	border: 2px solid var(--color-primary-dark);
}

.fileholder-basic-loading-circle.three {
	border: 2px solid var(--color-primary-dark);
}

.fileholder.active {
	border: 2px dashed #e5e5e5;
}

.fileholder-drag-drop-title {
	color: #6f737b;
}

.fileholder-drag-drop-icon svg path:nth-child(2) {
	fill: var(--color-primary-dark);
}

.fileholder-basic-loading-circle.one {
	border: 2px solid var(--color-primary-dark);
}

.fileholder-basic-loading-circle.two {
	border: 2px solid var(--color-primary-dark);
}

.fileholder-basic-loading-circle.three {
	border: 2px solid var(--color-primary-dark);
}

.radio-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -3px -7px;
}
.radio-wrapper .radio-item {
	margin: 3px 7px;
}

.radio-item [type="radio"]:checked {
	position: absolute;
	left: -9999px;
}

.radio-item [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.radio-item [type="radio"]:checked + label {
	position: relative;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	cursor: pointer;
	border: 1px solid var(--color-primary-dark);
	background-color: var(--color-primary-dark);
	border-radius: 5px;
	padding: 12px 30px;
	display: inline-block;
	color: #ffffff;
	width: 100%;
	text-align: center;
}
.radio-item [type="radio"]:checked + label::before {
	content: "";
	position: absolute;
	left: 12px;
	top: 15px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.1254901961);
}
.radio-item [type="radio"]:checked + label::after {
	content: "";
	width: 10px;
	height: 10px;
	background: #ffffff;
	position: absolute;
	top: 17px;
	left: 15px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.radio-item [type="radio"]:not(:checked) + label {
	position: relative;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	cursor: pointer;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	border-radius: 5px;
	padding: 12px 30px;
	display: inline-block;
	color: #6f737b;
	width: 100%;
	text-align: center;
}
.radio-item [type="radio"]:not(:checked) + label::before {
	content: "";
	position: absolute;
	left: 12px;
	top: 15px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: transparent;
	border: 1px solid #e5e5e5;
}
.radio-item [type="radio"]:not(:checked) + label::after {
	content: "";
	width: 10px;
	height: 10px;
	background: #ffffff;
	position: absolute;
	top: 17px;
	left: 15px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.nice-select {
	height: 45px;
	line-height: 45px;
	border: 1px solid #e5e5e5 !important;
	border-radius: 14px;
	float: unset;
	padding: 0 25px;
}
.nice-select .list {
	width: 100%;
	background-color: #ffffff;
	left: auto;
	right: 0;
	max-height: 150px;
	overflow-y: auto;
}

.select2-container {
	-ms-flex: 0 0 100%;
	-webkit-box-flex: 0;
	flex: 0 0 100%;
	width: 100% !important;
}

.selection {
	width: 100%;
}

.select2-selection--single {
	width: 100%;
	height: 45px !important;
	outline: none;
	background: var(--color-white, #fbfbfc) !important;
	font-size: 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px 10px;
	border-radius: 14px !important;
	vertical-align: top;
	display: inline-block;
	border: 1px solid #e5e5e5 !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.select2-selection--single span {
	margin: 0;
	width: 100%;
	color: #6f737b;
	line-height: initial;
	font-weight: 600;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: auto;
	position: absolute;
	top: 22px;
	right: 7px;
	width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #6f737b transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #6f737b transparent;
}

.submit-btn {
	padding: 12px 20px;
	color: #ffffff;
	background: var(--color-primary-dark-more);
	font-weight: 600;
	font-size: 14px;
	border-radius: 5px;
	font-family: "Jost", sans-serif;
}
@media only screen and (max-width: 991px) {
	.submit-btn {
		padding: 10px 20px;
	}
}

.custom-select {
	background-color: var(--color-primary-dark);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 110px;
	cursor: pointer;
	border-radius: 0 14px 14px 0;
}
.custom-select.active .custom-select-inner::before {
	-webkit-transform: scale(0.96, 0.8) rotate(-50deg);
	transform: scale(0.96, 0.8) rotate(-50deg);
}
.custom-select.active .custom-select-inner::after {
	-webkit-transform: scale(0.96, 0.8) rotate(50deg);
	transform: scale(0.96, 0.8) rotate(50deg);
}
.custom-select .custom-select-inner {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 7px 10px;
}
.custom-select .custom-select-inner::before,
.custom-select .custom-select-inner::after {
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	height: 2px;
	border-radius: 1px;
	top: 50%;
	right: 12px;
	background: #ffffff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.custom-select .custom-select-inner::before {
	margin-right: 3px;
	-webkit-transform: scale(0.96, 0.8) rotate(50deg);
	transform: scale(0.96, 0.8) rotate(50deg);
}
.custom-select .custom-select-inner::after {
	-webkit-transform: scale(0.96, 0.8) rotate(-50deg);
	transform: scale(0.96, 0.8) rotate(-50deg);
}
.custom-select img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
	margin-right: 10px;
}
.custom-select .custom-currency {
	color: #ffffff;
}

.custom-select-wrapper {
	position: absolute;
	top: 46px;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	z-index: 9;
	border-radius: 15px;
	margin-left: 0 !important;
	border-top-left-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.custom-select-wrapper.active {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.custom-select-search-wrapper {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
}
.custom-select-search-wrapper .search-btn {
	position: absolute;
	top: 13px;
	left: 20px;
	padding: 0;
	background-color: transparent;
	font-size: 20px;
	color: var(--color-primary-dark);
}
.custom-select-search-wrapper input {
	padding-left: 50px;
	border: none !important;
}
.custom-select-search-wrapper input:focus {
	border: none !important;
}

.custom-select-list {
	max-height: 190px;
	overflow-y: auto;
}
.custom-select-list .custom-option {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px 20px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.custom-select-list .custom-option:hover,
.custom-select-list .custom-option.active {
	background-color: #f9f9f9;
}
.custom-select-list .custom-option img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
	margin-right: 20px;
}
.custom-select-list .custom-option .custom-country {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	font-size: 12px;
	font-weight: 500;
}

.body-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 5;
	content: "";
	left: 0;
	top: 0;
	visibility: hidden;
}
.body-overlay.active {
	visibility: visible;
}

/*-------------------------------------------------
      [ ## Overlay Element ]
  */
.bg_img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat !important;
}

.bg-fixed {
	background-attachment: fixed;
}

.bg-overlay-base {
	position: relative;
	z-index: 2;
}

.bg-overlay-base:after {
	content: "";
	position: absolute;
	background-color: #1f1f1f;
	opacity: 0.9;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

@-webkit-keyframes scroll-down {
	0%,
	100% {
		-webkit-transform: translateY(5%);
		transform: translateY(5%);
	}
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes scroll-down {
	0%,
	100% {
		-webkit-transform: translateY(5%);
		transform: translateY(5%);
	}
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes scale-up-one {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes scale-up-one {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes ripple {
	0%,
	35% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0.8;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2);
	}
}
@keyframes ripple {
	0%,
	35% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0.8;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
	}
}
@-webkit-keyframes wave {
	0% {
		-webkit-transform: rotate(1deg);
		transform: rotate(1deg);
	}
	100% {
		-webkit-transform: rotate(-1deg);
		transform: rotate(-1deg);
	}
}
@keyframes wave {
	0% {
		-webkit-transform: rotate(1deg);
		transform: rotate(1deg);
	}
	100% {
		-webkit-transform: rotate(-1deg);
		transform: rotate(-1deg);
	}
}
@-webkit-keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
@-webkit-keyframes gel-map-animationSignal {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0.3);
		transform: translate(-50%, -50%) scale(0.3);
	}
	1% {
		-webkit-transform: translate(-50%, -50%) scale(0.32);
		transform: translate(-50%, -50%) scale(0.32);
		opacity: 0.1;
	}
	20% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(0 0.45);
		transform: translate(-50%, -50%) scale(0 0.45);
	}
	60% {
		-webkit-transform: translate(-50%, -50%) scale(0.75);
		transform: translate(-50%, -50%) scale(0.75);
		opacity: 0.35;
	}
}
@keyframes gel-map-animationSignal {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0.3);
		transform: translate(-50%, -50%) scale(0.3);
	}
	1% {
		-webkit-transform: translate(-50%, -50%) scale(0.32);
		transform: translate(-50%, -50%) scale(0.32);
		opacity: 0.1;
	}
	20% {
		opacity: 0.5;
		-webkit-transform: translate(-50%, -50%) scale(0 0.45);
		transform: translate(-50%, -50%) scale(0 0.45);
	}
	60% {
		-webkit-transform: translate(-50%, -50%) scale(0.75);
		transform: translate(-50%, -50%) scale(0.75);
		opacity: 0.35;
	}
}
/*--------------------------------------------------------------
  # Layout
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
      [ ## Header ]
  --------------------------------------------------------------*/
/*-------------------------------------------------
      [ ## Preloader ]
  */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: 9999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--color-primary-dark-more);
	overflow: hidden;
}

.top-con {
	-webkit-filter: url("#fancy-goo");
	filter: url("#fancy-goo");
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.pre-container {
	width: 300px;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.element {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 130px;
	background: var(--color-primary-dark);
}

.blob-container {
	width: 100%;
	height: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.blob-container:nth-child(1) {
	-webkit-transform: translate(-50%, -50%) rotate(-95deg);
	transform: translate(-50%, -50%) rotate(-95deg);
}

.blob-container:nth-child(1) .blob {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.blob-container:nth-child(2) {
	-webkit-transform: translate(-50%, -50%) rotate(-85deg);
	transform: translate(-50%, -50%) rotate(-85deg);
}

.blob-container:nth-child(2) .blob {
	-webkit-animation-delay: 350ms;
	animation-delay: 350ms;
}

.blob-container:nth-child(3) {
	-webkit-transform: translate(-50%, -50%) rotate(-88deg);
	transform: translate(-50%, -50%) rotate(-88deg);
}

.blob-container:nth-child(3) .blob {
	-webkit-animation-delay: 800ms;
	animation-delay: 800ms;
}

.blob-container:nth-child(4) {
	-webkit-transform: translate(-50%, -50%) rotate(-92deg);
	transform: translate(-50%, -50%) rotate(-92deg);
}

.blob-container:nth-child(4) .blob {
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms;
}

.blob-container:nth-child(5) {
	-webkit-transform: translate(-50%, -50%) rotate(-120deg);
	transform: translate(-50%, -50%) rotate(-120deg);
}

.blob-container:nth-child(5) .blob {
	-webkit-animation-delay: 850ms;
	animation-delay: 850ms;
}

.blob-container:nth-child(6) {
	-webkit-transform: translate(-50%, -50%) rotate(-60deg);
	transform: translate(-50%, -50%) rotate(-60deg);
}

.blob-container:nth-child(6) .blob {
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}

.blob-container .blob {
	left: 50%;
	top: 50%;
	width: 65px;
	height: 65px;
	background: var(--color-primary-dark);
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	bottom: 95px;
	border-radius: 99em;
	-webkit-animation-name: move;
	animation-name: move;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 1600ms;
	animation-duration: 1600ms;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	background: -webkit-gradient(linear, left bottom, right top, from(var(--color-primary-dark)), to(#00895c));
	background: linear-gradient(to top right, var(--color-primary-dark), #00895c);
}

@-webkit-keyframes move {
	0% {
		left: 50%;
		top: 50%;
		width: 75px;
		height: 65px;
	}
	30% {
		left: 50%;
		top: 50%;
		width: 65px;
		height: 85px;
	}
	70% {
		left: 90%;
		top: 50%;
		width: 25px;
		height: 25px;
	}
	90% {
		left: 55%;
		top: 50%;
		width: 1px;
		height: 1px;
	}
	100% {
		left: 50%;
		top: 50%;
		width: 65px;
		height: 75px;
	}
}

@keyframes move {
	0% {
		left: 50%;
		top: 50%;
		width: 75px;
		height: 65px;
	}
	30% {
		left: 50%;
		top: 50%;
		width: 65px;
		height: 85px;
	}
	70% {
		left: 90%;
		top: 50%;
		width: 25px;
		height: 25px;
	}
	90% {
		left: 55%;
		top: 50%;
		width: 1px;
		height: 1px;
	}
	100% {
		left: 50%;
		top: 50%;
		width: 65px;
		height: 75px;
	}
}
.custom-container {
	max-width: 1850px;
}

.row > * {
	position: relative;
}

@media (min-width: 1480px) {
	.col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		-webkit-box-flex: 0;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}
@media (max-width: 575px) {
	.col-xs-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}
}
@media only screen and (max-width: 575px) and (max-width: 400px) {
	.col-xs-6 {
		width: 100%;
	}
}
::-moz-selection {
	background-color: var(--color-primary-dark);
	color: #ffffff;
}
::selection {
	background-color: var(--color-primary-dark);
	color: #ffffff;
}

.fs-10px {
	font-size: 11px;
}

.op-6 {
	opacity: 0.6;
}

/*-------------------------------------------------
    [ ## Header ]
  */
.header-section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	background-color: transparent;
}
.header-section.two {
	position: relative;
}
.header-section.two .header-bottom-area {
	background-color: #ffffff;
	-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
	padding-top: 10px;
	padding-bottom: 10px;
}

.header {
	background-color: transparent;
	width: 100%;
	z-index: 9;
}

.header-section.header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	background-color: transparent;
	margin-top: 0;
	-webkit-animation-fill-mode: initial;
	animation-fill-mode: initial;
}
.header-section.header-fixed .header-bottom-area {
	background-color: #ffffff;
	-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
	padding-top: 10px;
	padding-bottom: 10px;
}

.header-bottom-area {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
	.header-bottom-area {
		background-color: #ffffff;
		-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
		box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
.header-bottom-area .site-logo {
	margin-right: 150px;
}
@media only screen and (max-width: 1500px) {
	.header-bottom-area .site-logo {
		margin-right: 0;
	}
}
.header-bottom-area .navbar-expand-xl {
	background-color: transparent;
	padding: 0 !important;
}
@media (max-width: 1199px) {
	.header-bottom-area .navbar-collapse {
		background-color: transparent !important;
		padding: 0 !important;
		max-height: 500px;
		overflow-y: auto;
	}
	.header-bottom-area .navbar-collapse .main-menu {
		padding: 15px 0;
	}
	.header-bottom-area .menu_has_children .sub-menu {
		display: none !important;
	}
	.header-bottom-area .menu_has_children .sub-menu li {
		width: 100%;
	}
	.header-bottom-area .navbar-collapse .main-menu .menu_has_children.show .sub-menu,
	.header-bottom-area .navbar-collapse .main-menu .menu_has_children.show .sub-menu {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
.header-bottom-area .navbar-collapse .main-menu li:last-child .sub-menu {
	left: auto;
	right: 0;
}
.header-bottom-area .navbar-collapse .main-menu {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media only screen and (max-width: 1199px) {
	.header-bottom-area .navbar-collapse .main-menu {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}
.header-bottom-area .navbar-collapse .main-menu li {
	position: relative;
	padding-right: 40px;
}
.header-bottom-area .navbar-collapse .main-menu li:last-child {
	padding-right: 0;
	margin-right: 0;
}
.header-bottom-area .navbar-collapse .main-menu li:hover .sub-menu {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.header-bottom-area .navbar-collapse .main-menu li.menu_has_children {
	position: relative;
}
.header-bottom-area .navbar-collapse .main-menu li.menu_has_children i {
	font-size: 12px;
	margin-left: 5px;
}
@media (max-width: 1199px) {
	.header-bottom-area .navbar-collapse .main-menu li.menu_has_children::before {
		top: 12px;
		right: 15px;
	}
}
.header-bottom-area .navbar-collapse .main-menu li a {
	position: relative;
	padding: 5px 0;
	border-radius: 0;
	font-weight: 600;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #111a2e;
	display: inline-block;
	font-size: 17px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 9;
}
.header-bottom-area .navbar-collapse .main-menu li a.active,
.header-bottom-area .navbar-collapse .main-menu li a:hover {
	color: var(--color-primary-dark);
}
@media (max-width: 1199px) {
	.header-bottom-area .navbar-collapse .main-menu li a {
		padding: 12px 15px !important;
	}
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu {
	position: absolute;
	top: 35px;
	left: 0;
	padding: 10px 5px;
	width: 180px;
	background-color: var(--color-primary-dark);
	border-radius: 10px;
	display: block;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 10;
}
@media only screen and (max-width: 1199px) {
	.header-bottom-area .navbar-collapse .main-menu li .sub-menu {
		width: 180px;
	}
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li {
	margin-right: 0;
	padding-right: 0;
	-webkit-transition: all ease 0.5s;
	transition: all ease 0.5s;
	position: relative;
	z-index: 2;
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li:last-child {
	border-bottom: 0px solid;
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li:hover a {
	color: var(--color-primary-dark);
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li a {
	width: 100%;
	font-size: 12px;
	padding: 5px 15px;
	display: block;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.header-bottom-area .navbar-collapse .main-menu li .sub-menu li a::before {
	display: none;
}
@media (max-width: 1199px) {
	.header-bottom-area .navbar-collapse .main-menu li .sub-menu {
		position: initial;
		opacity: 1;
		visibility: visible;
		display: none;
		-webkit-transition: none;
		transition: none;
	}
}
.header-bottom-area .navbar-collapse .main-menu li:last-child .sub-menu {
	left: auto;
	right: 0;
}

.site-logo {
	max-width: 130px;
}
@media only screen and (max-width: 991px) {
	.site-logo {
		max-width: 90px !important;
	}
}

.header-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 20px;
}
@media only screen and (max-width: 1199px) {
	.header-action {
		margin-left: 0;
		padding-bottom: 20px;
		display: block;
	}
	.language-select {
		margin-left: 12px;
		display: flex;
	}
}
.header-action a {
	margin-left: 30px;
	padding-left: 30px;
	color: var(--color-primary-dark);
	font-weight: 600;
}
@media only screen and (max-width: 1199px) {
	.header-action a {
		margin-left: 12px;
		padding-left: 20px;
	}
}
.header-action .header-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 10px;
}
.header-action .header-form .form-group {
	position: relative;
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header-action .header-form .form-group .to-country {
	font-weight: 600;
	color: #111a2e;
}
.header-action .header-form .form-group .custom-select {
	position: unset;
	background-color: transparent;
	border-radius: 0 !important;
	height: 57px;
	min-width: 80px;
}
@media only screen and (max-width: 575px) {
	.header-action .header-form .form-group .custom-select {
		min-width: 70px;
	}
}
.header-action .header-form .form-group .custom-select .custom-select-inner::before,
.header-action .header-form .form-group .custom-select .custom-select-inner::after {
	background: #111a2e;
	width: 7px;
	height: 2px;
}
.header-action .header-form .form-group .custom-select .custom-select-inner::before {
	margin-right: 4px;
}
.header-action .header-form .form-group .custom-select .custom-flag {
	width: 30px;
	height: 30px;
}
.header-action .header-form .form-group .custom-select .custom-currency {
	color: #111a2e;
	font-size: 16px;
	font-weight: 500;
}
@media only screen and (max-width: 575px) {
	.header-action .header-form .form-group .custom-select .custom-currency {
		font-size: 14px;
	}
}
.header-action .header-form .custom-select-search-wrapper input {
	border: none !important;
}
.header-action .header-form .custom-select-wrapper {
	top: 60px;
	border-radius: 5px !important;
	width: 250px;
}
.header-action .header-form .custom-select-wrapper input {
	background-color: #ffffff;
	padding: 15px 25px;
	font-size: 14px;
	font-weight: 400;
	color: #6f737b;
	padding-left: 50px;
}
.header-action .header-form .custom-select-wrapper .custom-select-list .custom-option .custom-country {
	font-size: 16px;
}
.header-action .header-form .custom-select-wrapper .search-btn {
	top: 13px;
	color: #6f737b;
}
.header-action .header-form .input-group {
	position: unset;
	z-index: 0;
}

.header-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 30px;
}
.header-social li a i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	height: 50px;
	color: #ffffff;
	font-size: 14px;
}
.header-social li a i.facebook {
	background-color: #385da9;
}
.header-social li a i.instagram {
	background-color: #33ccff;
}
.header-social li a i.twitter {
	background-color: #0b84b3;
}
.header-social li a i.dribbble {
	background-color: #125688;
}

.notification-icon {
	position: relative;
	width: 38px;
	height: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 10px;
	border: 1px solid var(--color-primary-line-gray, #e8e8e8);
	background: var(--color-user-white, #fff);
	color: #6f737b;
	font-size: 20px;
}
.notification-icon .badge {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	width: 8px;
	height: 8px;
	padding: 0px 2px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 10px;
	background: #f73541;
}
.navbar-toggler:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar-toggler span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: var(--color-primary-dark);
	border-radius: 5px;
	color: #ffffff;
	font-size: 14px;
}

/*--------------------------------------------------------------
      [ ## Introduction ]
  --------------------------------------------------------------*/
.banner-section {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 100vh;
	padding-top: 150px;
	padding-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
	.banner-section {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}
.banner-section .banner-element-one {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}
@media only screen and (max-width: 1500px) {
	.banner-section .banner-element-one {
		z-index: -1;
		width: 20%;
	}
}
@media only screen and (max-width: 1399px) {
	.banner-section .banner-element-one {
		display: none;
	}
}
.banner-section .banner-element-two {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}
@media only screen and (max-width: 1500px) {
	.banner-section .banner-element-two {
		width: 20%;
	}
}
@media only screen and (max-width: 1399px) {
	.banner-section .banner-element-two {
		display: none;
	}
}
.banner-section.two .banner-content {
	width: 100%;
	text-align: left;
}
.banner-section.two .banner-content .sub-title {
	background-color: #f5f5f5;
	color: #6f737b;
}
.banner-section.two .banner-content .sub-title i {
	background-color: #e5e5e5;
	color: #6f737b;
}
.banner-section.two .banner-form-wrapper {
	background-color: #f9f9f9;
	width: 65%;
	margin-left: auto;
}
@media only screen and (max-width: 1399px) {
	.banner-section.two .banner-form-wrapper {
		width: 75%;
	}
}
@media only screen and (max-width: 1199px) {
	.banner-section.two .banner-form-wrapper {
		width: 85%;
	}
}
@media only screen and (max-width: 991px) {
	.banner-section.two .banner-form-wrapper {
		width: 80%;
		margin-right: auto;
	}
}
@media only screen and (max-width: 575px) {
	.banner-section.two .banner-form-wrapper {
		padding: 15px;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}
.banner-section.two .banner-form-wrapper .banner-form-exchange-area {
	width: 90%;
}
@media only screen and (max-width: 575px) {
	.banner-section.two .banner-form-wrapper .banner-form-exchange-area {
		width: 100%;
	}
}
.banner-section.two .banner-form-wrapper .arrow-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
	margin-bottom: 10px;
}
.banner-section.two .banner-form-wrapper .arrow-area .arrow-line {
	height: 1px;
	border: 1px dashed #e5e5e5;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.banner-section.two .banner-form-wrapper .arrow-area .arrow-title {
	margin-bottom: 0;
	font-size: 26px;
	width: 45px;
	height: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #e5e5e5;
	color: #111a2e;
	border-radius: 5px;
}
.banner-section .banner-thumb {
	width: 800px;
	margin-left: 50px;
}
@media only screen and (max-width: 1780px) {
	.banner-section .banner-thumb {
		width: 100%;
	}
}
@media only screen and (max-width: 1099px) {
	.banner-section .banner-thumb {
		margin-left: 0;
	}
}

.banner-content {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
@media only screen and (max-width: 991px) {
	.banner-content {
		width: 100%;
	}
}
.banner-content .sub-title {
	background: #e9fff8;
	border-radius: 20px;
	color: #559781;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0.7px;
	line-height: normal;
	padding: 5px 10px 5px 20px;
	margin-bottom: 30px;
}
.banner-content .sub-title i {
	background: #559781;
	border-radius: 20px;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	line-height: 24px;
	margin-left: 20px;
	padding-left: 3px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 30px;
}
.banner-content .title {
	line-height: 1;
	font-weight: 500;
	margin-bottom: 20px;
}
.banner-content .title span {
	color: var(--color-primary-dark);
	text-decoration: underline;
	text-decoration-thickness: 5px;
}
.banner-content p {
	font-size: 18px;
}
@media only screen and (max-width: 575px) {
	.banner-content p {
		font-size: 16px;
	}
}
.banner-content .banner-btn {
	margin-top: 40px;
}

.banner-form-wrapper {
	background-color: #f7f7f7;
	-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	margin-top: 40px;
	padding: 30px;
}
@media only screen and (max-width: 575px) {
	.banner-form-wrapper {
		padding: 15px;
	}
}
.banner-form-wrapper .banner-form-exchange-area {
	background-color: #f7f7f7;
	width: 35%;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
}
.banner-form-wrapper .banner-form-exchange-area code {
	font-size: 20px;
	color: #111a2e;
}
@media only screen and (max-width: 991px) {
	.banner-form-wrapper .banner-form-exchange-area code {
		font-size: 18px;
	}
}
@media only screen and (max-width: 991px) {
	.banner-form-wrapper .banner-form-exchange-area {
		width: 100%;
	}
}
.banner-form-wrapper .banner-form .form-group {
	position: relative;
	margin-bottom: 20px;
}
.banner-form-wrapper .banner-form .form-group.two .custom-select {
	position: unset;
	background-color: transparent;
	border: 2px solid #e5e5e5;
	height: auto;
	border-radius: 5px !important;
	min-width: 180px;
}
@media only screen and (max-width: 575px) {
	.banner-form-wrapper .banner-form .form-group.two .custom-select {
		min-width: 150px;
	}
}
.banner-form-wrapper .banner-form .form-group.two .custom-select .custom-select-inner {
	padding: 15px 20px;
}
.banner-form-wrapper .banner-form .form-group.two .custom-select .custom-select-inner::before,
.banner-form-wrapper .banner-form .form-group.two .custom-select .custom-select-inner::after {
	background: #111a2e;
}
.banner-form-wrapper .banner-form .form-group.two .custom-select .custom-select-inner .method {
	color: #111a2e;
	font-size: 16px;
	font-weight: 500;
}
@media only screen and (max-width: 575px) {
	.banner-form-wrapper .banner-form .form-group.two .custom-select .custom-select-inner .method {
		font-size: 14px;
	}
}
.banner-form-wrapper .banner-form .form-group label {
	font-size: 16px;
	color: #111a2e;
	font-weight: 500;
}
@media only screen and (max-width: 575px) {
	.banner-form-wrapper .banner-form .form-group label {
		font-size: 14px;
	}
}
.banner-form-wrapper .banner-form .form-group input {
	background-color: transparent;
	height: 60px;
	border: 2px solid #e5e5e5 !important;
	border-radius: 5px !important;
	padding: 10px 20px;
	font-size: 18px;
	color: #111a2e;
	font-weight: 500;
}
@media only screen and (max-width: 575px) {
	.banner-form-wrapper .banner-form .form-group input {
		font-size: 16px;
	}
}
.banner-form-wrapper .banner-form .form-group .custom-select {
	position: absolute;
	top: 35px;
	right: 0;
	background-color: transparent;
	border-radius: 0 5px 5px 0 !important;
	height: 57px;
	min-width: 130px;
	border-left: 1px solid #e5e5e5;
}
@media only screen and (max-width: 575px) {
	.banner-form-wrapper .banner-form .form-group .custom-select {
		min-width: 120px;
	}
}
.banner-form-wrapper .banner-form .form-group .custom-select .custom-select-inner::before,
.banner-form-wrapper .banner-form .form-group .custom-select .custom-select-inner::after {
	background: #111a2e;
	width: 10px;
	height: 2px;
}
.banner-form-wrapper .banner-form .form-group .custom-select .custom-select-inner::before {
	margin-right: 6px;
}
.banner-form-wrapper .banner-form .form-group .custom-select .custom-flag {
	width: 35px;
	height: 35px;
}
@media only screen and (max-width: 575px) {
	.banner-form-wrapper .banner-form .form-group .custom-select .custom-flag {
		width: 30px;
		height: 30px;
	}
}
.banner-form-wrapper .banner-form .form-group .custom-select .custom-currency {
	color: #111a2e;
	font-size: 16px;
	font-weight: 500;
}
@media only screen and (max-width: 575px) {
	.banner-form-wrapper .banner-form .form-group .custom-select .custom-currency {
		font-size: 14px;
	}
}
.banner-form-wrapper .banner-form .custom-select-search-wrapper input {
	border: none !important;
}
.banner-form-wrapper .banner-form .custom-select-wrapper {
	top: 93px;
	border-radius: 5px !important;
}
.banner-form-wrapper .banner-form .custom-select-wrapper.two {
	top: 91px;
}
.banner-form-wrapper .banner-form .custom-select-wrapper.two .custom-select-list-wrapper {
	max-height: 350px;
	overflow-y: auto;
}
.banner-form-wrapper .banner-form .custom-select-wrapper.two .custom-select-list-wrapper .main-title {
	padding: 15px;
	margin-bottom: 0;
}
.banner-form-wrapper .banner-form .custom-select-wrapper.two .custom-select-list-wrapper .custom-select-list {
	max-height: unset;
	overflow-y: unset;
}
.banner-form-wrapper .banner-form .custom-select-wrapper.two .custom-select-list-wrapper .custom-select-list .custom-option {
	display: block;
}
.banner-form-wrapper .banner-form .custom-select-wrapper.two .custom-select-list-wrapper .custom-select-list .custom-option .title {
	margin-bottom: 5px;
}
.banner-form-wrapper .banner-form .custom-select-wrapper.two .custom-select-list-wrapper .custom-select-list .custom-option .sub-title {
	font-weight: 500;
	margin-bottom: 10px;
}
.banner-form-wrapper .banner-form .custom-select-wrapper.two .custom-select-list-wrapper .custom-select-list .custom-option p {
	font-size: 13px;
}
.banner-form-wrapper .banner-form .custom-select-wrapper input {
	background-color: #ffffff;
	padding: 15px 25px;
	font-size: 14px;
	font-weight: 400;
	color: #6f737b;
	padding-left: 50px;
}
.banner-form-wrapper .banner-form .custom-select-wrapper .search-btn {
	top: 21px;
	color: #6f737b;
}
.banner-form-wrapper .banner-form .input-group {
	position: unset;
	z-index: 0;
}
.banner-form-wrapper .custom-banner-form .custom-select {
	cursor: auto;
}
.custom-banner-form .custom-select .custom-select-inner::before {
	display: none;
}
.custom-banner-form .custom-select .custom-select-inner::after {
	display: none;
}
.banner-form-wrapper .custom-banner-form .select2-selection--single {
	height: 58px !important;
	border: 2px solid #e5e5e5 !important;
}
.banner-form-wrapper .custom-banner-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
}
.banner-form-wrapper .custom-banner-form .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 30px;
}

/*--------------------------------------------------------------
      [ ## Footer ]
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
  # Footer-block
  --------------------------------------------------------------*/
.footer-section {
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.footer-section .footer-element {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.1;
	z-index: -1;
	width: 40%;
}

.footer-top-area {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: var(--color-primary-dark-more);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-top-area .footer-top-item-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: -15px;
}
.footer-top-area .footer-top-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin: 15px;
}
.footer-top-area .footer-top-item::after {
	position: absolute;
	content: "";
	top: 0;
	right: -50%;
	width: 1px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 1199px) {
	.footer-top-area .footer-top-item::after {
		display: none;
	}
}
.footer-top-area .footer-top-item:last-child::after {
	display: none;
}
.footer-top-area .footer-top-item .footer-top-icon {
	width: 60px;
}
.footer-top-area .footer-top-item .footer-top-content {
	width: calc(100% - 60px);
	padding-left: 30px;
}
.footer-top-area .footer-top-item .footer-top-content .footer-top-list {
	margin-bottom: -5px;
}
.footer-top-area .footer-top-item .footer-top-content .footer-top-list li {
	color: #cccccc;
	font-weight: 500;
	padding-bottom: 5px;
}

.footer-middle-area {
	padding-top: 80px;
	padding-bottom: 60px;
}
.footer-middle-area .footer-widget-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: -15px;
}
@media only screen and (max-width: 575px) {
	.footer-middle-area .footer-widget-wrapper {
		margin: 0;
	}
}
.footer-middle-area .footer-widget-wrapper .footer-widget {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30.7%;
	flex: 0 0 30.7%;
	margin: 15px;
}
@media only screen and (max-width: 1399px) {
	.footer-middle-area .footer-widget-wrapper .footer-widget {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.33%;
		flex: 0 0 16.33%;
	}
}
@media only screen and (max-width: 1199px) {
	.footer-middle-area .footer-widget-wrapper .footer-widget {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 22.33%;
		flex: 0 0 22.33%;
	}
}
@media only screen and (max-width: 991px) {
	.footer-middle-area .footer-widget-wrapper .footer-widget {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40.33%;
		flex: 0 0 40.33%;
	}
}
@media only screen and (max-width: 575px) {
	.footer-middle-area .footer-widget-wrapper .footer-widget {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 90%;
		flex: 0 0 90%;
	}
}
.footer-middle-area .footer-widget-wrapper .footer-widget .widget-title {
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 20px;
}
.footer-middle-area .footer-widget-wrapper .footer-widget p {
	color: #cccccc;
}
.footer-middle-area .footer-widget-wrapper .footer-widget.two {
	padding-left: 60px;
}
@media only screen and (max-width: 1199px) {
	.footer-middle-area .footer-widget-wrapper .footer-widget.two {
		padding-left: 0;
	}
}
.footer-middle-area .footer-list .title {
	color: #ffffff;
}
.footer-middle-area .footer-list li {
	padding-bottom: 8px;
	color: #cccccc;
	font-weight: 400;
}
.footer-middle-area .footer-list li span {
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
}
.footer-middle-area .footer-list li a {
	padding-left: 15px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
}
.footer-middle-area .footer-list li a::before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: 900;
	color: #cccccc;
	content: "\f105";
}
.footer-middle-area .footer-list li a:hover {
	text-decoration: underline;
}
.footer-middle-area .footer-list.two li {
	position: relative;
	padding-left: 20px;
}
.footer-middle-area .footer-list.two li::before {
	position: absolute;
	content: "";
	top: 7px;
	left: 0;
	width: 8px;
	height: 8px;
	background-color: var(--color-primary-dark);
}
.footer-middle-area .subscribe-form {
	padding-top: 10px;
}
.footer-middle-area .subscribe-form .form-group {
	margin-bottom: 10px;
	position: relative;
}
.footer-middle-area .subscribe-form .subscribe-icon {
	position: absolute;
	top: 15px;
	left: 30px;
	color: rgba(255, 255, 255, 0.4);
}
.footer-middle-area .subscribe-form input {
	background-color: rgba(255, 255, 255, 0.1019607843) !important;
	border: none !important;
	height: 55px;
	line-height: 50px;
	color: #ffffff !important;
	color: #ffffff;
	font-size: 12px;
	border-radius: 999px;
	padding-left: 50px;
	padding-right: 70px;
}
.footer-middle-area .subscribe-form input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.3137254902);
}
.footer-middle-area .subscribe-form input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.3137254902);
}
.footer-middle-area .subscribe-form input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.3137254902);
}
.footer-middle-area .subscribe-form input::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.3137254902);
}
.footer-middle-area .subscribe-form input::placeholder {
	color: rgba(255, 255, 255, 0.3137254902);
}
.footer-middle-area .subscribe-form .subscribe-btn {
	position: absolute;
	border-radius: 999px;
	top: 7px;
	right: 7px;
	padding: 8px 15px;
	font-size: 12px;
}
.footer-middle-area .footer-social {
	padding-top: 15px;
}
.footer-middle-area .footer-social li {
	display: inline-block;
	font-size: 18px;
	color: #cccccc;
}
@media only screen and (max-width: 767px) {
	.footer-middle-area .footer-social li {
		font-size: 14px;
	}
}
.footer-middle-area .footer-social li + li {
	margin-left: 20px;
}

.footer-bottom-area {
	background-color: #091824;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-bottom-area .footer-bottom-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media only screen and (max-width: 767px) {
	.footer-bottom-area .footer-bottom-wrapper {
		display: block;
		text-align: center;
	}
}
@media only screen and (max-width: 767px) {
	.footer-bottom-area .copyright-area {
		padding-bottom: 15px;
	}
}
.footer-bottom-area .copyright-area p {
	margin-bottom: 0;
	color: #cccccc;
	font-weight: 500;
}
.footer-bottom-area .copyright-area p a {
	font-weight: 700;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.footer-bottom-area .copyright-area p a:hover {
	color: var(--color-primary-dark);
}
.footer-bottom-area .footer-bottom-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
	.footer-bottom-area .footer-bottom-list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-top: 15px;
	}
}
.footer-bottom-area .footer-bottom-list li {
	color: #cccccc;
	position: relative;
	font-weight: 400;
}
.footer-bottom-area .footer-bottom-list li::after {
	content: "/";
	padding-left: 15px;
	padding-right: 15px;
}
.footer-bottom-area .footer-bottom-list li:last-child::after {
	display: none;
}

/*--------------------------------------------------------------
  # Pages
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
      [ ## team ]
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
      [ ## Testimonial ]
  --------------------------------------------------------------*/
/*-------------------------------------------------
      [ ## Testimonial ]
  */
.testimonial-section {
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.testimonial-slider {
	overflow: hidden;
}

.testimonial-wrapper {
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: -20px 20px 110px rgba(0, 40, 99, 0.05);
	box-shadow: -20px 20px 110px rgba(0, 40, 99, 0.05);
	padding: 60px 40px 80px;
	z-index: 2;
}
@media only screen and (max-width: 575px) {
	.testimonial-wrapper {
		padding: 30px;
	}
}

.testimonial-quote-wrapper {
	margin-bottom: 10px;
}

.testimonial-content {
	text-align: center;
}
.testimonial-content p {
	font-size: 24px;
	color: #111a2e;
}
@media only screen and (max-width: 1199px) {
	.testimonial-content p {
		font-size: 18px;
	}
}
@media only screen and (max-width: 575px) {
	.testimonial-content p {
		font-size: 16px;
	}
}

.testimonial-ratings i {
	color: #ff8a00;
}

.testimonial-user-wrapper {
	padding-top: 10px;
}

.testimonial-user-content .sub-title {
	font-weight: 500;
	font-size: 16px;
}
@media only screen and (max-width: 991px) {
	.testimonial-user-content .sub-title {
		font-size: 14px;
	}
}

/*--------------------------------------------------------------
      [ ## Sections ]
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
      [ ## Sections ]
  --------------------------------------------------------------*/
/*-------------------------------------------------
      [ ### how it works block ]
  */
.how-it-works-wrapper {
	padding-left: 40px;
}
@media only screen and (max-width: 991px) {
	.how-it-works-wrapper {
		padding-left: 0;
	}
}
.how-it-works-wrapper .section-header-wrapper {
	margin-bottom: 10px;
}

.how-it-works-item {
	background: #ffffff;
	border-radius: 10px;
	-webkit-box-shadow: -20px 20px 50px rgba(0, 40, 99, 0.05);
	box-shadow: -20px 20px 50px rgba(0, 40, 99, 0.05);
	margin-top: 10px;
	padding: 20px 30px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.how-it-works-item:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.how-it-works-number {
	position: relative;
	z-index: 2;
}
.how-it-works-number::before {
	position: absolute;
	content: "";
	left: -7px;
	top: 4px;
	width: 34px;
	height: 34px;
	background: var(--color-primary-dark);
	border-radius: 30px;
	z-index: -1;
}
.how-it-works-number span {
	font-size: 20px;
	font-weight: 700;
	width: 56px;
	height: 56px;
	line-height: 50px;
	border: 3px solid #ffffff;
	background: var(--color-primary-dark);
	display: inline-block;
	text-align: center;
	border-radius: 30px;
	color: #ffffff;
	margin-top: 12px;
}

.how-it-works-content {
	width: calc(100% - 56px);
	padding-left: 20px;
}
@media only screen and (max-width: 575px) {
	.how-it-works-content {
		width: 100%;
		padding-left: 0;
		padding-top: 20px;
	}
}
.how-it-works-content .title {
	margin-bottom: 5px;
}
.how-it-works-content p {
	font-size: 18px;
}
@media only screen and (max-width: 991px) {
	.how-it-works-content p {
		font-size: 16px;
	}
}

/*-------------------------------------------------
      [ ### about block ]
  */
.about-content {
	padding-left: 60px;
}
.about-content .sub-title {
	background: #f9f9f9;
	font-weight: 500;
	border-radius: 15px;
	color: var(--color-primary-dark);
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1.5px;
	line-height: 28px;
	margin-bottom: 20px;
	padding: 5px 20px;
	text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
	.about-content .sub-title {
		font-size: 12px;
	}
}
.about-content .title {
	margin-bottom: 20px;
}
.about-content p {
	font-size: 18px;
}
@media only screen and (max-width: 991px) {
	.about-content {
		padding-left: 0;
	}
}

/*-------------------------------------------------
      [ ### feature block ]
  */
.feature-section {
	position: relative;
	z-index: 2;
}
.feature-section .feature-element {
	position: absolute;
	top: 15%;
	right: 0;
	z-index: -1;
}

.feature-item {
	position: relative;
	border-radius: 5px;
	-webkit-filter: drop-shadow(0 0 30px rgba(188, 195, 208, 0.2));
	filter: drop-shadow(0 0 30px rgba(188, 195, 208, 0.2));
	z-index: 2;
}
.feature-item::before {
	position: absolute;
	content: "";
	z-index: -1;
	top: 127px;
	left: 0;
	width: 222px;
	height: 236px;
	border-radius: 5px;
	background: #ffffff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 92%);
}
@media only screen and (max-width: 991px) {
	.feature-item::before {
		display: none;
	}
}
.feature-item .feature-item-inner {
	padding: 40px 20px;
	border-radius: 5px;
	position: relative;
	text-align: center;
	z-index: 2;
	margin-bottom: 30px;
	background-color: #ffffff;
	-webkit-filter: drop-shadow(0 0 30px rgba(188, 195, 208, 0.2));
	filter: drop-shadow(0 0 30px rgba(188, 195, 208, 0.2));
}
@media only screen and (max-width: 991px) {
	.feature-item .feature-item-inner {
		margin-bottom: 0;
	}
}

.feature-icon {
	margin-bottom: 25px;
}
.feature-icon img {
	height: 66px;
}

.feature-content .title {
	margin-bottom: 10px;
}
.feature-content p {
	font-size: 18px;
}
@media only screen and (max-width: 991px) {
	.feature-content p {
		font-size: 16px;
	}
}
.feature-content .feature-btn {
	margin-top: 20px;
}

/*-------------------------------------------------
      [ ### service block ]
  */
.service-item {
	background-image: url(../images/element/service-box.png);
	height: 304px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px 30px 30px 30px;
	text-align: center;
}
.service-item::after {
	position: absolute;
	content: "";
	left: 50%;
	top: 55%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.1882352941);
	-webkit-filter: blur(70px);
	filter: blur(70px);
	border-radius: 50%;
	z-index: -1;
	opacity: 0.35;
}

.service-icon {
	font-size: 40px;
	color: var(--color-primary-dark);
	margin-bottom: 20px;
}

/*-------------------------------------------------
      [ ### app block ]
  */
.app-wrapper {
	position: relative;
	background: #ffffff;
	-webkit-box-shadow: -20px 20px 110px rgba(0, 40, 99, 0.05);
	box-shadow: -20px 20px 110px rgba(0, 40, 99, 0.05);
	padding: 60px 30px 80px;
	z-index: 2;
}
@media only screen and (max-width: 991px) {
	.app-wrapper {
		padding: 30px;
	}
}

.app-thumb {
	padding-right: 30px;
}

.app-content .sub-title {
	background: #f9f9f9;
	font-weight: 500;
	border-radius: 15px;
	color: var(--color-primary-dark);
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1.5px;
	line-height: 28px;
	margin-bottom: 20px;
	padding: 5px 20px;
	text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
	.app-content .sub-title {
		font-size: 12px;
	}
}
.app-content .title {
	margin-bottom: 20px;
}
.app-btn-wrapper {
	margin: -8px;
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.app-btn-wrapper .app-btn {
	position: relative;
	background-color: var(--color-primary-dark-more);
	-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 6px 18px;
	width: 200px;
	margin: 8px;
}
.app-btn-wrapper .app-btn span {
	font-size: 13px;
	color: #ffffff;
	font-weight: 500;
}
.app-btn-wrapper .app-btn .title {
	margin-bottom: 0;
	color: #ffffff;
}
.app-btn-wrapper .app-btn .icon {
	width: 35px;
	height: 35px;
	margin-left: auto;
}
.app-btn-wrapper .app-btn .app-qr {
	position: absolute;
	top: 65px;
	left: 0;
	background-color: #ffffff;
	-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	width: 100%;
	overflow: hidden;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 9;
}
.app-btn-wrapper .app-btn:hover .app-qr {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.app-overview-slider {
	overflow: hidden;
}
.app-overview-slider .slider-next,
.app-overview-slider .slider-prev {
	left: 50px;
}
.app-overview-slider .slider-next {
	left: auto;
	right: 50px;
}

/*-------------------------------------------------
      [ ### statistics block ]
  */
.statistics-section {
	position: relative;
}
.statistics-section .statistics-element {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.statistics-content-wrapper {
	padding-left: 40px;
}
@media only screen and (max-width: 991px) {
	.statistics-content-wrapper {
		padding-left: 0;
	}
}
.statistics-content-wrapper .statistics-content-header {
	margin-bottom: 30px;
}
.statistics-content-wrapper .statistics-content-header .sub-title {
	background: #f9f9f9;
	font-weight: 500;
	border-radius: 15px;
	color: var(--color-primary-dark);
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1.5px;
	line-height: 28px;
	margin-bottom: 20px;
	padding: 5px 20px;
	text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
	.statistics-content-wrapper .statistics-content-header .sub-title {
		font-size: 12px;
	}
}
.statistics-content-wrapper .statistics-content-header .title {
	margin-bottom: 20px;
}

.statistics-wrapper .statistics-item .odo-area .odo-title {
	display: inline-block;
	font-size: 40px;
	margin-bottom: 0px;
	margin-top: -13px;
}
@media only screen and (max-width: 991px) {
	.statistics-wrapper .statistics-item .odo-area .odo-title {
		font-size: 28px;
	}
}
.statistics-wrapper .statistics-item .odo-area .title {
	display: inline-block;
	font-size: 40px;
	margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
	.statistics-wrapper .statistics-item .odo-area .title {
		font-size: 28px;
	}
}
.statistics-wrapper .statistics-item p {
	font-size: 13px;
	font-weight: 600;
	color: #111a2e;
	text-transform: uppercase;
}
@media only screen and (max-width: 1199px) {
	.statistics-wrapper .statistics-item p {
		font-size: 10px;
	}
}

/*-------------------------------------------------
      [ ### faq block ]
  */
.faq-wrapper {
	margin-bottom: -12px;
}
.faq-wrapper .faq-item {
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	margin-bottom: 12px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.faq-wrapper .faq-item .faq-title {
	padding: 12px 20px;
	font-size: 18px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
	.faq-wrapper .faq-item .faq-title {
		font-size: 16px;
	}
}
.faq-wrapper .faq-item .faq-title .title {
	width: calc(100% - 40px);
	display: inline-block;
	margin-bottom: 0;
}
.faq-wrapper .faq-item .faq-content {
	padding: 20px;
	padding-top: 5px;
	display: none;
}
@media only screen and (max-width: 575px) {
	.faq-wrapper .faq-item .faq-content {
		margin-top: 15px;
	}
}
.faq-wrapper .faq-item .faq-content p {
	font-size: 15px;
}
@media only screen and (max-width: 575px) {
	.faq-wrapper .faq-item .faq-content p {
		font-size: 13px;
	}
}
.faq-wrapper .faq-item .right-icon {
	display: block;
	width: 30px;
	height: 30px;
	background: var(--color-primary-dark);
	border-radius: 50%;
	position: relative;
}
.faq-wrapper .faq-item .right-icon::before,
.faq-wrapper .faq-item .right-icon::after {
	position: absolute;
	content: "";
	background: #ffffff;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.faq-wrapper .faq-item .right-icon::before {
	width: 2px;
	height: 12px;
	top: 50%;
	left: 50%;
}
.faq-wrapper .faq-item .right-icon::after {
	width: 12px;
	height: 2px;
	top: 50%;
	left: 50%;
}
.faq-wrapper .faq-item.active .faq-content {
	display: block;
}
.faq-wrapper .faq-item.active.open .right-icon::before {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}
.faq-wrapper .faq-item.open .right-icon::before {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

/*-------------------------------------------------
      [ ### call-to-action block ]
  */
.call-to-action-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media only screen and (max-width: 991px) {
	.call-to-action-wrapper {
		display: block;
	}
}
.call-to-action-wrapper .title {
	color: #ffffff;
	font-size: 36px;
}
@media only screen and (max-width: 991px) {
	.call-to-action-wrapper .title {
		font-size: 28px;
	}
}
.call-to-action-wrapper p {
	color: #ffffff;
	font-weight: 500;
}
@media only screen and (max-width: 991px) {
	.call-to-action-wrapper .call-to-action-btn {
		padding-top: 30px;
	}
}
.call-to-action-wrapper .call-to-action-btn a:hover {
	background-color: #ffffff;
	color: var(--color-primary-dark);
}

/*-------------------------------------------------
      [ ### contact block ]
  */
.contact-wrapper {
	background-color: #ffffff;
	-webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
	padding: 40px;
	position: relative;
	border-radius: 10px;
	z-index: 2;
	margin-top: -300px;
}

.contact-thumb img {
	width: 100%;
}

.contact-header {
	margin-bottom: 20px;
}
.contact-header p {
	font-size: 16px;
}

.contact-form textarea {
	min-height: 160px;
}

.contact-widget-item {
	position: relative;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
	padding: 30px;
	border-radius: 10px;
	text-align: center;
	z-index: 2;
}
.contact-widget-item::before {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	border: 3px solid var(--color-primary-dark);
	border-left: none;
	border-bottom: none;
	border-top-right-radius: 10px;
	right: 15px;
	top: 15px;
	z-index: -1;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.contact-widget-item .contact-widget-icon {
	width: 70px;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--color-primary-dark);
	color: #ffffff;
	border-radius: 50%;
	font-size: 40px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.contact-widget-item:hover::before {
	width: 80%;
	height: 80%;
}
.contact-widget-item .contact-widget-content p {
	font-weight: 500;
}

.map-area iframe {
	width: 100%;
	height: 400px;
}

/*-------------------------------------------------
      [ ### account block ]
  */
.account-area {
	background-color: transparent;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 600px) {
	.account-area {
		width: 400px;
	}
}
@media only screen and (max-width: 420px) {
	.account-area {
		width: 350px;
		padding: 15px;
	}
}
@media only screen and (max-width: 375px) {
	.account-area {
		width: 300px;
	}
}
.account-heading {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	margin-bottom: 30px;
}
.account-heading .account-back {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	border-radius: 14px;
	border: 1px solid #e4e4e4;
	background: #fff;
}

.account-area.change-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.account-form-area .title {
	color: #382f41;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 33.6px */
	letter-spacing: -0.28px;
	margin-bottom: 24px;
}
@media only screen and (max-width: 575px) {
	.account-area.change-form {
		display: block;
	}
}
.account-area p {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 30px;
}
.account-area .account-logo {
	margin-bottom: 30px;
	text-align: center;
}
.account-area .account-close {
	width: inherit;
	text-align: center;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 9;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: var(--color-primary-dark);
	border-radius: 50%;
}
.account-area .account-close::before {
	position: absolute;
	content: "";
	height: 2px;
	width: 20px;
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	left: 15px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.account-area .account-close::after {
	position: absolute;
	content: "";
	height: 2px;
	width: 20px;
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	left: 15px;
	bottom: 47%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.account-area .account-close:hover::before,
.account-area .account-close:hover::after {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.or-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 37px;
}
.or-area .or-line {
	height: 1px;
	border: 0.5px solid #e5e5e5;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.or-area .or-title {
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 500;
}

.account-form-btn {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.account-form-btn a {
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	background-color: var(--color-primary-dark);
	border-radius: 50%;
	margin: 8px;
}
.account-form-btn a.facebook {
	background-color: #3a5795;
}
.account-form-btn a.google {
	background-color: #4285f4;
}
.account-form-btn a.apple {
	background-color: #000000;
}
.account-form-btn a svg {
	fill: #ffffff;
}

.account-item label {
	font-weight: 500;
	font-size: 13px;
}
.account-item label a {
	font-weight: 600;
	color: var(--color-primary-dark);
}

.terms-item label {
	font-weight: 500;
	font-size: 12px;
	margin-bottom: 0;
}
.terms-item label a {
	font-weight: 600;
	color: var(--color-primary-dark);
	text-decoration: underline;
}

.account-footer p {
	font-size: 13px;
}

.show_hide_password {
	position: relative;
}
.show_hide_password .show-pass {
	position: absolute;
	top: 12px;
	right: 30px;
	cursor: pointer;
}
.show_hide_password.two .show-pass {
	top: 45px;
}

.otp-form {
	display: flex;
	align-items: center;
	gap: 16px;
}

.otp {
	display: flex;
	width: 64px;
	height: 64px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 14px;
	border: 1px solid #dbdbe1;
	background: #fff;
	color: #382f41;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 48px */
	letter-spacing: -0.4px;
}
.otp:focus {
	border: 3px solid var(--color-primary-dark);
}

.otp.required {
	border: 3px solid #ea5455;
}

#time {
	color: #ea5455;
}

.auth-description-wrapper {
	position: relative;
	height: calc(100dvh - 10px);
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	flex-direction: column;
	justify-content: end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 172px;
	padding-bottom: 77px;
	border-radius: 40px 0px 0px 40px;
	border: 1px solid #e5ccf7;
	background: linear-gradient(180deg, #fff 0%, #e5ccf7ed 100%);
	overflow: hidden;
}

.auth-description-wrapper .shadow-logo-bg {
	width: 1041px;
	height: 457px;
	position: absolute;
	bottom: 16px;
	left: 64px;
	z-index: -1;
	border-radius: 40px 0px 0px 40px;
	background: linear-gradient(180deg, #fff 0%, #e5ccf7 100%);
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
}

.auth-description-wrapper .company-logo {
	width: 216.464px;
	height: 95px;
	margin: 0 auto;
}

.auth-description-wrapper .company-logo img {
	width: 100%;
	height: auto;
	max-height: 100%;
}

.auth-description-wrapper .items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	margin-top: 50px;
	margin-left: 40px;
}

.auth-description-wrapper .items .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.auth-description-wrapper .items .item .title {
	color: #382f41;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 21px */
	margin-bottom: 0;
}

.auth-description-wrapper .items .item .desc {
	color: #827f85;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 18px */
	margin-bottom: 0;
}

/*-------------------------------------------------
      [ ### dashboard block ]
  */
.page-wrapper {
	background-color: #f7f7f7;
	position: relative;
	min-height: 100vh;
}

.sidebar::-webkit-scrollbar {
	display: none;
}

.sidebar {
	width: 205px;
	position: fixed;
	background: #ffffff;
	border-right: 1px solid #f0f0f0;
	padding: 22px 16px;
	top: 0;
	left: 0;
	height: 100vh;
	z-index: 9;
	overflow: hidden;
	overflow-y: auto;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.sidebar.active {
	width: 60px;
}
@media only screen and (max-width: 1199px) {
	.sidebar.active {
		left: 0;
	}
}
.sidebar.active .sidebar-menu .sidebar-menu-item a {
	padding: 12px 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.sidebar.active .sidebar-menu .sidebar-menu-item .menu-icon {
	margin-right: 0;
}
.sidebar.active .sidebar-menu .sidebar-menu-item .sidebar-item-badge {
	display: none;
}
.sidebar.active .menu-title {
	display: none;
}
.sidebar.active .sidebar-doc-box {
	display: none;
}
.sidebar.active:hover {
	width: 250px;
}
.sidebar.active:hover .sidebar-menu .sidebar-menu-item a {
	padding: 12px 15px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.sidebar.active:hover .sidebar-menu .sidebar-menu-item .menu-icon {
	margin-right: 10px;
}
.sidebar.active:hover .sidebar-menu .sidebar-menu-item .sidebar-item-badge {
	display: block;
}
.sidebar.active:hover .menu-title {
	display: inline-block;
}
.sidebar.active:hover .sidebar-doc-box {
	display: block;
}
@media only screen and (max-width: 1199px) {
	.sidebar {
		left: -300px;
	}
}

.sidebar-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
}

.sidebar-logo {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	margin-bottom: 16px;
	margin-left: 16px;
}
.sidebar.active .sidebar-logo {
	margin-left: 0px !important;
}
.sidebar-logo .sidebar-main-logo {
	min-width: 35px;
	max-width: 100px;
}
.sidebar-logo .sidebar-menu-bar {
	font-size: 14px;
	color: #6f737b;
	background-color: transparent;
	display: none;
}

.sidebar-menu-header {
	position: relative;
	letter-spacing: 0.05em;
	font-size: 0.6875rem;
	font-weight: 500;
	margin-bottom: 15px;
	padding-left: 10px;
	text-transform: uppercase;
	white-space: nowrap;
	margin-top: 20px;
}
.sidebar-menu-header::before {
	content: "--";
	position: absolute;
	left: 0;
	top: 0;
}

.sidebar-item-badge {
	margin-left: auto;
}

.sidebar-menu .sidebar-menu-item {
	position: relative;
	margin-bottom: 5px;
	border-radius: 12px;
}
.sidebar-menu .sidebar-menu-item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #9291a7;
	font-weight: 600;
	padding: 8px 4px 8px 16px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.sidebar-menu .sidebar-menu-item a .menu-icon {
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 24px;
	margin-right: 10px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.sidebar-menu .sidebar-menu-item.sidebar-dropdown a {
	position: relative;
}
.sidebar-menu .sidebar-menu-item.sidebar-dropdown a::after {
	position: absolute;
	top: 8px;
	right: 10px;
	font-family: "Font Awesome 5 Free";
	color: #6f737b;
	font-weight: 700;
	content: "\f105";
	font-size: 12px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.sidebar-menu .sidebar-menu-item .sidebar-submenu {
	position: relative;
	display: none;
	z-index: 1;
}
.sidebar-menu .sidebar-menu-item .sidebar-submenu.open {
	display: block;
}
.sidebar-menu .sidebar-menu-item .sidebar-submenu .sidebar-menu-item {
	letter-spacing: normal;
	color: #6f737b;
	font-weight: 400;
	margin-top: 0;
	padding-left: 2px;
}
.sidebar-menu .sidebar-menu-item .sidebar-submenu .sidebar-menu-item a {
	padding: 10px 2px 10px 20px;
}
.sidebar-menu .sidebar-menu-item .sidebar-submenu .sidebar-menu-item a::after {
	display: none;
}
.sidebar-menu .sidebar-menu-item .sidebar-submenu .sidebar-menu-item a .menu-icon {
	font-size: 18px;
	margin-right: 8px;
}
.sidebar-menu .sidebar-menu-item:hover {
	color: var(--color-primary-dark);
	font-weight: 600;
}
.sidebar-menu .sidebar-menu-item.active {
	background-color: rgba(255, 255, 255, 0.05);
}
.sidebar-menu .sidebar-menu-item.active::after {
	height: 30px;
}
.sidebar-menu .sidebar-menu-item.active a::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sidebar-menu .sidebar-menu-item.active a {
	color: var(--color-user-main-purple);
}
.sidebar-menu .sidebar-menu-item.active a .menu-icon {
	color: var(--color-user-main-purple);
}
.sidebar-menu .sidebar-menu-item.active .sidebar-submenu .sidebar-menu-item a.active {
	color: var(--color-primary-dark);
	font-weight: 700;
}
.sidebar-menu .sidebar-menu-item.active .sidebar-submenu .sidebar-menu-item a::before {
	display: none;
}
.sidebar-menu .sidebar-menu-item.active .sidebar-submenu .sidebar-menu-item a .menu-icon {
	width: auto;
	height: auto;
	display: block;
	color: #111a2e;
	background-color: transparent;
}
.sidebar-menu .sidebar-menu-item .sidebar-item-badge {
	margin-left: auto;
}
.sidebar-menu .sidebar-menu-item .sidebar-item-badge .badge {
	width: 20px;
	height: 20px;
	line-height: 20px !important;
	padding: 0 !important;
	background-color: var(--color-primary-dark);
	color: #ffffff;
	font-size: 0.8em;
	border: none;
	margin-bottom: 0;
	border-radius: 50%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	display: inline-block;
}

.sidebar-doc-box {
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: #1e1923;
	padding: 8px 16px 16px 16px;
}
.sidebar-doc-box .close-btn {
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: transparent;
	border-radius: 5px;
	color: var(--color-primary-dark);
	font-size: 18px;
	margin-left: auto;
}
.sidebar-doc-box .title {
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 21px */
}
.sidebar-doc-box p {
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 18px */
}
.sidebar-doc-box .actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px;
}

.sidebar-doc-box .actions .action-item {
	flex-shrink: 0;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 8px;
	background: transparent;
	overflow: hidden;
}

.main-wrapper {
	background-color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 100vh;
}

.navbar-wrapper {
	background-color: transparent;
	padding: 24px;
	margin-left: 205px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.navbar-wrapper.active {
	margin-left: 60px;
	padding-left: 20px;
}
.navbar-wrapper.active .dashboard-title-part {
	padding: 0 10px 0 0;
	margin: 0;
}
.navbar-wrapper.active .dashboard-title-part .left .icon {
	display: block;
}
@media only screen and (max-width: 1199px) {
	.navbar-wrapper {
		margin-left: 0;
		padding: 24px 15px;
	}
}

.dashboard-title-part {
	background-color: #ffffff;
	border-radius: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0px;
}
.dashboard-title-part .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.dashboard-title-part .left .icon {
	margin-right: 10px;
}
.dashboard-title-part .left .icon button,
.dashboard-title-part .left .icon input[type="button"],
.dashboard-title-part .left .icon input[type="reset"],
.dashboard-title-part .left .icon input[type="submit"] {
	font-size: 14px;
	color: #111a2e;
	background-color: transparent;
}
.dashboard-title-part .title {
	margin-bottom: 0;
}
.dashboard-title-part p {
	font-size: 12px;
	font-weight: 500;
}
.dashboard-title-part .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}
@media only screen and (max-width: 767px) {
	.dashboard-title-part .right {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

.dashboard-path {
	font-size: 15px;
}
.dashboard-path span {
	font-weight: 600;
	font-family: "Jost", sans-serif;
}
.dashboard-path .main-path {
	color: var(--color-user-dark-nav, #212033);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%; /* 24px */
}

.header-search-wrapper {
	width: 350px;
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 10px;
	margin: 8px;
}
@media only screen and (max-width: 767px) {
	.header-search-wrapper {
		width: 100%;
	}
}
.header-search-wrapper input {
	padding: 16px 40px 16px 10px;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 20px;
	border: 1px solid var(--color-gray-10, #eff0f0);
	background: var(--color-user-white, #fff);
}
.header-search-wrapper input:focus {
	background-color: transparent;
}
.header-search-wrapper input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.5);
}
.header-search-wrapper input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.5);
}
.header-search-wrapper input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.5);
}
.header-search-wrapper input::-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.5);
}
.header-search-wrapper input::placeholder {
	color: rgba(0, 0, 0, 0.5);
}
.header-search-wrapper span {
	position: absolute;
	font-size: 16px;
	line-height: 38px;
	color: rgba(0, 0, 0, 0.3);
	right: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header-user-wrapper .header-user-thumb {
	width: 38px;
	height: 38px;
	border-radius: 99px;
	overflow: hidden;
}
.header-user-wrapper .header-user-thumb img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.body-wrapper {
	padding-top: 0;
	padding-left: 230px;
	padding-right: 24px;
	padding-bottom: 24px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.body-wrapper.active {
	padding-left: 85px;
	padding-right: 10px;
}
@media only screen and (max-width: 1199px) {
	.body-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.dashbord-item {
		flex-direction: column;
	}
}

.dashboard-item-area {
	border-radius: 12px;
	border: 1px solid #dbdbe1;
	overflow: hidden;
	padding: 24px;
}

.dashboard-header-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 24px;
	padding-bottom: 0;
	background: #ffffff;
}
.dashboard-header-wrapper .title {
	margin-bottom: 0;
	color: var(--color-user-dark-nav, #212033);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 24px */
}
.dashboard-header-wrapper .dashboard-btn-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.dashboard-header-wrapper .dashboard-btn-wrapper .dashboard-btn button,
.dashboard-header-wrapper .dashboard-btn-wrapper .dashboard-btn input[type="button"],
.dashboard-header-wrapper .dashboard-btn-wrapper .dashboard-btn input[type="reset"],
.dashboard-header-wrapper .dashboard-btn-wrapper .dashboard-btn input[type="submit"] {
	padding: 8px 25px;
	font-size: 14px;
}

.dashbord-item {
	background: #ffffff;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-radius: 8px;
	border: 1px solid #eeeef2;
}
.dashbord-item .dashboard-content .sub-title {
	color: var(--color-user-grey-nav, #9291a7);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 16.8px */
	margin-bottom: 6px;
}
.dashbord-item .dashboard-content .title {
	margin-bottom: 0;
	color: var(--color-user-dark-nav, #212033);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 21.6px */
}
.dashbord-item .dashboard-content .title span {
	color: var(--color-user-main-purple, #8358ff);
}
.dashbord-item .dashboard-icon {
	width: 44px;
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f9f9f9;
	color: var(--color-primary-dark);
	border-radius: 99px;
	font-size: 50px;
	overflow: hidden;
}
.dashbord-item .dashboard-icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.chart-wrapper {
	border-radius: 14px;
	background: #fff;
	padding: 12px 18px;
	overflow: hidden;
}
.chart-wrapper line {
	stroke: #e5e5e5;
}
.chart-wrapper .dashboard-header-wrapper {
	padding: 0 20px;
	margin-bottom: 0;
}

.apexcharts-grid line {
	stroke: #e5e5e5 !important;
}

.apexcharts-graphical line {
	stroke: #e5e5e5 !important;
}

.chart-area {
	border-radius: 12px;
	border: 1px solid #dbdbe1;
	background: #fff;
	box-shadow: 0px 6px 10px 0px rgba(177, 177, 177, 0.08), 0px 1px 3px 0px rgba(0, 0, 0, 0.02);
	overflow: hidden;
}

.chart-area-footer {
	border-color: #e5e5e5;
}

.dashboard-list-wrapper .dashboard-list-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: rgba(255, 255, 255, 0.05);
	padding: 15px 20px;
	margin-bottom: 20px;
}
.dashboard-list-wrapper .dashboard-list-item .dashboard-list-button {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 15px;
}
.dashboard-list-wrapper .dashboard-list-item .dashboard-list-button .edit-modal-button {
	display: flex;
	padding: 10px;
	align-items: flex-start;
	gap: 8px;
	border-radius: 20px;
	border: 1px solid var(--color-gray-line, #e5e6e6);
	color: var(--color-user-main-purple, #8358ff);
	background-color: transparent;
}
.dashboard-list-wrapper .dashboard-list-item .dashboard-list-button .delete-recipient {
	display: flex;
	padding: 10px;
	align-items: flex-start;
	gap: 8px;
	border-radius: 20px;
	border: 1px solid var(--color-gray-line, #e5e6e6) !important;
	color: #f73541;
	background-color: transparent !important;
}

@media only screen and (max-width: 575px) {
	.dashboard-list-wrapper .dashboard-list-item {
		display: block;
	}
	.dashboard-list-wrapper .dashboard-list-item .dashboard-list-button {
		text-align: right;
		margin-top: 10px;
	}
}
.dashboard-list-wrapper .dashboard-list-item.sent:hover .dashboard-list-user-wrapper .dashboard-list-user-icon,
.dashboard-list-wrapper .dashboard-list-item.sent.active .dashboard-list-user-wrapper .dashboard-list-user-icon {
	background-color: var(--color-user-main-purple, #8358ff);
	color: #ffffff;
}
.dashboard-list-wrapper .dashboard-list-item.receive:hover .dashboard-list-user-wrapper .dashboard-list-user-icon,
.dashboard-list-wrapper .dashboard-list-item.receive.active .dashboard-list-user-wrapper .dashboard-list-user-icon {
	background-color: #28c76f;
	color: #ffffff;
}

.dashboard-list-user-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.dashboard-list-user-wrapper .dashboard-list-user-icon {
	width: 38px;
	height: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f7f7f7;
	color: var(--color-user-main-purple, #8358ff);
	border-radius: 50%;
	font-size: 18px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.dashboard-list-user-wrapper .dashboard-list-user-icon img {
	width: 50%;
}
.dashboard-list-item-wrapper.show .dashboard-list-user-icon {
	background-color: var(--color-user-main-purple, #8358ff);
	color: #ffffff;
}
.dashboard-list-user-wrapper .dashboard-list-user-content {
	padding-left: 20px;
}
.dashboard-list-user-wrapper .dashboard-list-user-content .title {
	margin-bottom: 5px;
	color: var(--color-user-dark-nav, #212033);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 21.6px */
}
.dashboard-list-user-wrapper .dashboard-list-user-content .sub-title {
	font-weight: 600;
}
.dashboard-list-user-wrapper .dashboard-list-user-content .btn {
	padding: 3px 15px;
	font-size: 12px;
}

.dashboard-list-right {
	text-align: right;
}
@media only screen and (max-width: 575px) {
	.dashboard-list-right {
		text-align: left;
		margin-top: 10px;
	}
}
.dashboard-list-right .main-money {
	color: var(--color-user-green, #3bc400);
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 19.2px */
}
.dashboard-list-right .exchange-money {
	margin-bottom: 0;
	font-weight: 600;
	letter-spacing: 1px;
}
.dashboard-list-right .select-btn {
	padding: 8px 25px;
}
.dashboard-list-right .small {
	padding: 5px 8px;
}

.dashboard-list-item-wrapper {
	background: #ffffff;
	border: 1px solid #dbdbe1;
	border-radius: 14px;
	padding: 20px;
	margin-bottom: 24px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.dashboard-list-item-wrapper .btn {
	padding: 3px 15px;
	font-size: 12px;
}
.dashboard-list-item-wrapper.selected {
	background: rgba(131, 88, 255, 0.1);
}
.dashboard-list-item-wrapper .dashboard-list-item {
	padding: 0;
	background-color: transparent;
	margin-bottom: 0;
}
.dashboard-list-item-wrapper .preview-list-wrapper {
	display: none;
	margin-top: 20px;
	background: #ffffff;
}
.dashboard-list-item-wrapper .preview-list-wrapper .preview-list-item {
	border-bottom: 1px solid var(--color-primary-line-card, #f1f4f8);
}

.dashboard-list-item-wrapper .preview-list-wrapper .preview-list-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.dashboard-list-item-wrapper .preview-list-wrapper .preview-list-item .preview-list-user-wrapper .preview-list-user-icon {
	color: var(--color-user-main-purple, #8358ff);
	border-radius: 100px;
	border: 1px solid var(--color-gray-line, #e5e6e6);
}

.preview-list-wrapper {
	background: #ffffff;
	border-radius: 0;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.preview-list-wrapper .btn {
	padding: 3px 15px;
	font-size: 12px;
}
.preview-list-wrapper .preview-list-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid var(--color-primary-line-card, #f1f4f8);
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 15px 0px 15px 0;
}
.preview-list-wrapper .preview-list-item .last {
	font-size: 20px;
	font-weight: 700;
}
@media only screen and (max-width: 575px) {
	.preview-list-wrapper .preview-list-item .last {
		font-size: 14px;
	}
}

.preview-list-user-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.preview-list-user-wrapper .preview-list-user-icon {
	display: flex;
	padding: 10px;
	align-items: flex-start;
	gap: 8px;
	border-radius: 20px;
	border: 1px solid var(--color-gray-line, #e5e6e6);
}
.preview-list-user-wrapper .preview-list-user-content {
	padding-left: 20px;
}
.preview-list-user-wrapper .preview-list-user-content span {
	color: var(--color-user-dark-nav, #212033);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 21.6px */
}

.preview-list-right {
	color: var(--color-user-dark-nav, #212033);
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 19.2px */
}

.note-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.support-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}
@media only screen and (max-width: 991px) {
	.support-card {
		display: block;
	}
}

.card-header-user-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.card-header-user-area .avatar {
	width: 40px;
	height: 40px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
	vertical-align: bottom;
	border: 3px solid #e5e5e5;
}
.card-header-user-area .card-header-user-content {
	padding-left: 15px;
}
.card-header-user-area .card-header-user-content .title {
	margin-bottom: 0;
}
.card-header-user-area .card-header-user-content .sub-title {
	font-size: 12px;
	font-weight: 500;
}

.support-card-wrapper {
	width: calc(100% - 500px);
	overflow: hidden;
}
@media only screen and (max-width: 991px) {
	.support-card-wrapper {
		width: 100%;
	}
}
.support-card-wrapper .card-header {
	background-color: #ffffff;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 20px;
}

.chat-container {
	position: relative;
	-ms-touch-action: auto;
	touch-action: auto;
	overflow-y: auto;
	max-height: 650px;
	min-height: 650px;
	padding: 30px 15px;
}
.chat-container .media > * {
	margin: 0 10px;
}
.chat-container .media {
	padding: 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 0;
	max-width: 80%;
}
@media only screen and (max-width: 575px) {
	.chat-container .media {
		max-width: 100%;
	}
}
.chat-container .media.media-chat-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-left: auto;
}
.chat-container .media.media-chat-reverse .media-body p {
	background-color: var(--color-primary-dark);
	color: #ffffff;
}
.chat-container .media.media-chat-reverse .media-body p::before {
	left: auto;
	right: -10px;
	background-color: var(--color-primary-dark);
	clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.chat-container .media .media-body p {
	position: relative;
	padding: 20px;
	background-color: #f9f9f9;
	font-size: 13px;
	color: #111a2e;
	border-radius: 5px;
}
.chat-container .media .media-body p::before {
	position: absolute;
	content: "";
	top: 20px;
	left: -10px;
	clip-path: polygon(100% 0, 0 50%, 100% 100%);
	background: #f9f9f9;
	width: 12px;
	height: 17px;
}
.chat-container .media .avatar {
	width: 40px;
	height: 40px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
	vertical-align: bottom;
	border: 3px solid #e5e5e5;
}

.chat-form .publisher {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 8px 20px;
	border-top: 1px solid #e5e5e5;
}
.chat-form .publisher .chatbox-message-part {
	width: calc(100% - 100px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.chat-form .publisher .publisher-input {
	min-height: unset;
	font-weight: 500;
	font-size: 14px;
	border: none;
	outline: none !important;
	background-color: #ffffff;
	border-radius: 99px;
}
.chat-form .publisher .publisher-input::-webkit-input-placeholder {
	color: rgba(111, 115, 123, 0.3);
}
.chat-form .publisher .publisher-input::-moz-placeholder {
	color: rgba(111, 115, 123, 0.3);
}
.chat-form .publisher .publisher-input:-ms-input-placeholder {
	color: rgba(111, 115, 123, 0.3);
}
.chat-form .publisher .publisher-input::-ms-input-placeholder {
	color: rgba(111, 115, 123, 0.3);
}
.chat-form .publisher .publisher-input::placeholder {
	color: rgba(111, 115, 123, 0.3);
}
.chat-form .publisher .chatbox-send-part {
	width: 45px;
}
.chat-form .publisher .chatbox-send-part .chat-submit-btn {
	padding: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	text-align: center;
	background-color: var(--color-primary-dark);
	color: #ffffff;
	border-radius: 50%;
	font-size: 20px;
}
.chat-form .publisher .publisher-btn {
	width: 45px;
	height: 45px;
	background-color: #f9f9f9;
	color: #111a2e;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
}
.chat-form .publisher .file-group input[type="file"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
	width: 20px;
}
.chat-form .publisher .file-group label {
	margin-bottom: 0;
	cursor: pointer;
}

.support-profile-wrapper {
	background-color: #ffffff;
	border-left: 1px solid #e5e5e5;
	width: 500px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
@media only screen and (max-width: 991px) {
	.support-profile-wrapper {
		position: fixed;
		right: -600px;
		top: 0;
		height: 100vh;
	}
}
@media only screen and (max-width: 575px) {
	.support-profile-wrapper {
		width: 100%;
	}
}
.support-profile-wrapper.active {
	right: 0;
}
.support-profile-wrapper .support-profile-header {
	padding: 20px;
	background-color: #ffffff;
	border-bottom: 1px solid #e5e5e5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.support-profile-wrapper .support-profile-header label {
	margin-bottom: 0;
}
.support-profile-wrapper .support-profile-body {
	padding: 20px;
}
.support-profile-wrapper .support-profile-list li {
	padding-top: 15px;
	font-weight: 700;
}
.support-profile-wrapper .support-profile-list li span,
.support-profile-wrapper .support-profile-list li p {
	float: right;
	font-weight: 500;
}
@media only screen and (max-width: 575px) {
	.support-profile-wrapper .support-profile-list li span,
	.support-profile-wrapper .support-profile-list li p {
		float: left;
	}
}
.support-profile-wrapper .support-profile-list li p {
	line-height: 2em;
	margin-top: 10px;
	margin-bottom: 15px;
}

.chat-user-wrapper {
	background-color: #ffffff;
	border-right: 1px solid #e5e5e5;
	width: 500px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
@media only screen and (max-width: 991px) {
	.chat-user-wrapper {
		position: fixed;
		right: -600px;
		top: 0;
		height: 100vh;
	}
}
@media only screen and (max-width: 575px) {
	.chat-user-wrapper {
		width: 100%;
	}
}
.chat-user-wrapper.active {
	right: 0;
}
.chat-user-wrapper .card-header-user-area {
	padding: 10px 30px;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer;
}
.chat-user-wrapper .card-header-user-area.active {
	background-color: #f9f9f9;
}

.profile-body-wrapper {
	overflow: hidden;
}

.profile-form-area {
	padding-top: 30px;
}

.profile-settings-wrapper .preview-thumb.profile-wallpaper {
	display: block;
	position: relative;
}
.profile-settings-wrapper .preview-thumb.profile-wallpaper .avatar-preview {
	width: 100%;
	height: 250px;
	border-radius: 16px 16px 0 0;
	overflow: hidden;
}
.profile-settings-wrapper .preview-thumb.profile-wallpaper .avatar-preview .profilePicPreview {
	width: 100%;
	height: 250px;
	border: none;
	border-radius: 16px;
	border: 1px solid #e5ccf7;
	background: linear-gradient(180deg, #fff 0%, #e5ccf7 100%);
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
}

.profile-thumb-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-top: 10px;
}
@media only screen and (max-width: 575px) {
	.profile-thumb-content {
		display: block;
		margin-top: 60px;
	}
}
.profile-thumb-content .profile-thumb {
	position: relative;
	display: inline-block;
	margin-right: 40px;
	margin-top: -30px;
}
.profile-thumb-content .profile-thumb .avatar-preview {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin-left: 12px;
}
.profile-thumb-content .profile-thumb .avatar-preview .profilePicPreview {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 2px solid #e5e5e5;
	background-color: #f9f9f9;
	background-size: cover;
	background-repeat: no-repeat;
}
.profile-thumb-content .profile-thumb .avatar-edit {
	position: absolute;
	bottom: 0;
	right: 0;
}
.profile-thumb-content .profile-thumb .avatar-edit .profilePicUpload {
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}
.profile-thumb-content .profile-thumb .avatar-edit label {
	width: 35px;
	height: 35px;
	background-color: var(--color-primary-dark);
	border-radius: 50%;
	color: #ffffff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
	cursor: pointer;
}
.profile-thumb-content .profile-content {
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
}
@media only screen and (max-width: 575px) {
	.profile-thumb-content .profile-content {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.profile-thumb-content .profile-content .username {
	color: var(--Color, #382f41);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 28.8px */
	letter-spacing: -0.24px;
}
@media only screen and (max-width: 575px) {
	.profile-thumb-content .profile-content .username {
		color: #111a2e;
	}
}
.profile-thumb-content .profile-content .user-info-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: -5px -10px;
}
.profile-thumb-content .profile-content .user-info-list li {
	margin: 5px 10px;
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.profile-thumb-content .profile-content .user-info-list li i {
	font-size: 18px;
	margin-right: 5px;
	color: var(--color-primary-dark);
}

.play-store-thumb {
	width: 180px;
	height: 180px;
	margin: 0 auto;
}
.play-store-thumb img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.header-notification-wrapper {
	position: relative;
}

.notification-wrapper {
	position: absolute;
	top: 55px;
	right: 0;
	width: 300px;
	max-height: 350px;
	overflow-y: auto;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 15px rgba(40, 36, 49, 0.15);
	box-shadow: 0px 0px 15px rgba(40, 36, 49, 0.15);
	z-index: 9;
	padding: 15px;
	text-align: left;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
	.notification-wrapper {
		width: 250px;
	}
}
.notification-wrapper.active {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.notification-wrapper .notification-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px;
}
.notification-wrapper .notification-header .title {
	margin-bottom: 0;
}
.notification-wrapper .notification-header .sub-title {
	font-size: 12px;
}
.notification-wrapper .notification-list {
	margin-bottom: -15px;
}
.notification-wrapper .notification-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 12px;
	padding-bottom: 15px;
}
.notification-wrapper .notification-list li .thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	overflow: hidden;
}
.notification-wrapper .notification-list li .thumb img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.notification-wrapper .notification-list li .content {
	width: calc(100% - 25px);
	padding-left: 10px;
}
.notification-wrapper .notification-list li .content .title-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 5px;
}
.notification-wrapper .notification-list li .content .title {
	margin-bottom: 0;
}
.notification-wrapper .notification-list li .content .time {
	color: var(--color-primary-dark);
	font-weight: 600;
}
.notification-wrapper .notification-footer {
	font-size: 12px;
}

.exchange-area {
	border-radius: 14px;
	background: var(--color-user-main-purple, #8252fe);
	padding: 30px 80px;
	margin-bottom: 24px;
	text-align: center;
	color: #ffffff;
	font-size: 1.25rem;
	font-weight: 700;
	position: relative;
	z-index: 1;
	height: 162px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
}
.exchange-area .before1,
.exchange-area .before2,
.exchange-area .after1,
.exchange-area .after2 {
	content: "";
	position: absolute;
	width: 388px;
	height: 388px;
	flex-shrink: 0;
	border-radius: 388px;
	opacity: 0.1;
	background: var(--color-white, #fff);
}
.exchange-area .before1 {
	top: -150px;
	left: -250px;
}
.exchange-area .before2 {
	bottom: -310px;
	left: -130px;
}
.exchange-area .after1 {
	top: -280px;
	right: -162px;
}
.exchange-area .after2 {
	bottom: -225px;
	right: -160px;
}

@media only screen and (max-width: 575px) {
	.exchange-area {
		padding: 30px 15px;
	}
}

.user-profile-list {
	margin-bottom: -25px;
	margin-left: auto;
	position: relative;
	right: 24%;
}
@media only screen and (max-width: 991px) {
	.user-profile-list {
		right: 0;
	}
}
.user-profile-list li {
	color: #ffffff;
	border-right: none;
	border-radius: 0 999px 999px 0;
	padding: 10px 20px;
	width: 100%;
	text-align: right;
	font-weight: 600;
	margin-bottom: 25px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
	.user-profile-list li {
		border-radius: 999px;
		right: 0 !important;
		text-align: center;
	}
}
.user-profile-list li:hover {
	margin-left: 10px;
}
.user-profile-list li.one {
	position: relative;
	right: 15%;
}
.user-profile-list li.two {
	position: relative;
	right: 5%;
}
.user-profile-list li.four {
	position: relative;
	right: 5%;
}
.user-profile-list li.five {
	position: relative;
	right: 15%;
}
.user-profile-list li span {
	font-weight: 700;
}
.user-profile-list.two li {
	background-color: #f9f9f9;
	color: #111a2e;
}

.user-profile-list-two {
	margin-bottom: -25px;
	margin-left: auto;
	position: relative;
	left: 24%;
}
@media only screen and (max-width: 991px) {
	.user-profile-list-two {
		left: 0;
	}
}
.user-profile-list-two li {
	color: #111a2e;
	border-right: none;
	background-color: #f9f9f9;
	border-radius: 999px 0 0 999px;
	padding: 10px 20px;
	width: 100%;
	text-align: left;
	font-weight: 600;
	margin-bottom: 25px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
	.user-profile-list-two li {
		border-radius: 999px;
		left: 0 !important;
		text-align: center;
	}
}
.user-profile-list-two li:hover {
	margin-left: 10px;
}
.user-profile-list-two li.one {
	position: relative;
	left: 15%;
}
.user-profile-list-two li.two {
	position: relative;
	left: 5%;
}
.user-profile-list-two li.four {
	position: relative;
	left: 5%;
}
.user-profile-list-two li.five {
	position: relative;
	left: 15%;
}
.user-profile-list-two li span {
	font-weight: 700;
}

.user-profile-list-three {
	margin-bottom: -25px;
	margin-left: auto;
	position: relative;
	left: 24%;
}
@media only screen and (max-width: 991px) {
	.user-profile-list-three {
		left: 0;
	}
}
.user-profile-list-three li {
	color: #ffffff;
	border-right: none;
	border-radius: 999px 0 0 999px;
	padding: 10px 20px;
	width: 100%;
	text-align: left;
	font-weight: 600;
	margin-bottom: 25px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
	.user-profile-list-three li {
		border-radius: 999px;
		left: 0 !important;
		text-align: center;
	}
}
.user-profile-list-three li:hover {
	margin-left: 10px;
}
.user-profile-list-three li.one {
	position: relative;
	left: 15%;
}
.user-profile-list-three li.two {
	position: relative;
	left: 5%;
}
.user-profile-list-three li.four {
	position: relative;
	left: 5%;
}
.user-profile-list-three li.five {
	position: relative;
	left: 15%;
}
.user-profile-list-three li span {
	font-weight: 700;
}

.user-action-btn-area {
	margin-bottom: -25px;
	margin-left: auto;
	position: relative;
	left: 24%;
}
@media only screen and (max-width: 991px) {
	.user-action-btn-area {
		left: 0;
	}
}
.user-action-btn-area .user-action-btn {
	margin-bottom: 25px;
}
.user-action-btn-area .user-action-btn button,
.user-action-btn-area .user-action-btn input[type="button"],
.user-action-btn-area .user-action-btn input[type="reset"],
.user-action-btn-area .user-action-btn input[type="submit"],
.user-action-btn-area .user-action-btn a {
	color: #ffffff;
	border-right: none;
	border-radius: 999px 0 0 999px;
	padding: 10px 20px;
	width: 100%;
	text-align: left;
	font-weight: 600;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
	.user-action-btn-area .user-action-btn button,
	.user-action-btn-area .user-action-btn input[type="button"],
	.user-action-btn-area .user-action-btn input[type="reset"],
	.user-action-btn-area .user-action-btn input[type="submit"],
	.user-action-btn-area .user-action-btn a {
		border-radius: 999px;
		left: 0 !important;
		text-align: center;
	}
}
.user-action-btn-area .user-action-btn button:hover,
.user-action-btn-area .user-action-btn input[type="button"]:hover,
.user-action-btn-area .user-action-btn input[type="reset"]:hover,
.user-action-btn-area .user-action-btn input[type="submit"]:hover,
.user-action-btn-area .user-action-btn a:hover {
	margin-left: 10px;
}
.user-action-btn-area .user-action-btn button.one,
.user-action-btn-area .user-action-btn input.one[type="button"],
.user-action-btn-area .user-action-btn input.one[type="reset"],
.user-action-btn-area .user-action-btn input.one[type="submit"],
.user-action-btn-area .user-action-btn a.one {
	position: relative;
	left: 15%;
}
.user-action-btn-area .user-action-btn button.two,
.user-action-btn-area .user-action-btn input.two[type="button"],
.user-action-btn-area .user-action-btn input.two[type="reset"],
.user-action-btn-area .user-action-btn input.two[type="submit"],
.user-action-btn-area .user-action-btn a.two {
	position: relative;
	left: 5%;
}
.user-action-btn-area .user-action-btn button.four,
.user-action-btn-area .user-action-btn input.four[type="button"],
.user-action-btn-area .user-action-btn input.four[type="reset"],
.user-action-btn-area .user-action-btn input.four[type="submit"],
.user-action-btn-area .user-action-btn a.four {
	position: relative;
	left: 5%;
}
.user-action-btn-area .user-action-btn button.five,
.user-action-btn-area .user-action-btn input.five[type="button"],
.user-action-btn-area .user-action-btn input.five[type="reset"],
.user-action-btn-area .user-action-btn input.five[type="submit"],
.user-action-btn-area .user-action-btn a.five {
	position: relative;
	left: 15%;
}

.user-profile-thumb {
	position: relative;
	z-index: 2;
	width: 380px;
	height: 380px;
	margin: 0 auto;
	background-color: #ffffff;
	border: 2px solid #e5e5e5;
	border-radius: 50%;
	overflow: hidden;
}
@media only screen and (max-width: 575px) {
	.user-profile-thumb {
		width: 250px;
		height: 250px;
	}
}
.user-profile-thumb img {
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------
      [ ## Blog ]
  --------------------------------------------------------------*/
/*-------------------------------------------------
      [ ## Blog ]
  */
.blog-item:hover .blog-thumb a::before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.blog-item:hover .blog-thumb a::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.blog-item.details .blog-thumb a {
	height: 450px;
	overflow: hidden;
	border-radius: 20px;
}
.blog-item.details .blog-thumb img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.blog-thumb a {
	display: block;
	position: relative;
	overflow: hidden;
}
.blog-thumb img {
	width: 100%;
	border-radius: 5px;
}

.blog-content {
	padding-top: 20px;
}
.blog-content .date {
	margin-bottom: 10px;
}
.blog-content .title {
	margin-bottom: 20px;
}

.blog-sidebar {
	position: sticky;
	top: 0;
}

.widget-box {
	background: #ffffff;
	-webkit-box-shadow: -20px 20px 110px rgba(0, 40, 99, 0.05);
	box-shadow: -20px 20px 110px rgba(0, 40, 99, 0.05);
	padding: 30px;
	border-radius: 20px;
}
@media only screen and (max-width: 991px) {
	.widget-box {
		padding: 20px;
	}
}
.widget-box .widget-title {
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
}
.widget-box .widget-title::before {
	position: absolute;
	content: "";
	top: 3px;
	left: -30px;
	width: 3px;
	height: 20px;
	background: var(--color-primary-dark);
}
@media only screen and (max-width: 991px) {
	.widget-box .widget-title::before {
		left: -20px;
	}
}

.widget-title-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
}
.widget-title-area .widget-title {
	margin-bottom: 0;
}

.category-widget-box .category-list {
	margin-bottom: -15px;
}
.category-widget-box .category-list li {
	padding: 7px 0;
	border-radius: 5px;
	margin-bottom: 10px;
	font-weight: 500;
}
.category-widget-box .category-list li a {
	display: block;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.category-widget-box .category-list li a:hover {
	color: var(--color-primary-dark);
}
.category-widget-box .category-list li span {
	float: right;
}

.tag-widget-box .tag-list {
	margin: -5px;
}
.tag-widget-box .tag-list li {
	display: inline-block;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	font-weight: 500;
	padding: 5px 15px;
	margin: 5px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.tag-widget-box .tag-list li:hover {
	border: 1px solid #ffffff;
	color: #ffffff;
}
/*-------------------------------------------------
    [ ## cookie block ]
*/
.cookie-main-wrapper {
	background-color: rgb(31, 41, 55);
	padding: 20px 30px;
	border-radius: 20px;
	position: fixed;
	bottom: -300px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 80%;
	z-index: 999;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media only screen and (max-width: 767px) {
	.cookie-main-wrapper {
		display: block;
		width: 90%;
	}
}
.cookie-main-wrapper .cookie-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 70%;
}
@media only screen and (max-width: 767px) {
	.cookie-main-wrapper .cookie-content {
		width: unset;
	}
}
@media only screen and (max-width: 575px) {
	.cookie-main-wrapper .cookie-content {
		width: 100%;
		display: block;
	}
}
.cookie-main-wrapper .cookie-content svg {
	width: 40px;
	height: auto;
	fill: rgb(125, 211, 252);
	margin-right: 15px;
}
@media only screen and (max-width: 575px) {
	.cookie-main-wrapper .cookie-content svg {
		margin-right: 0;
		margin-bottom: 10px;
	}
}
.cookie-main-wrapper .cookie-content p {
	width: calc(100% - 40px);
	color: rgb(255, 255, 255);
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 14px;
}
.cookie-main-wrapper .cookie-content p a {
	text-underline-offset: 2px;
	text-decoration-style: dotted;
	text-decoration-line: underline;
}
@media only screen and (max-width: 575px) {
	.cookie-main-wrapper .cookie-content p {
		width: 100%;
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.cookie-main-wrapper .cookie-btn-area {
		margin-top: 20px;
	}
}
.cookie-main-wrapper .cookie-btn-area button,
.cookie-main-wrapper .cookie-btn-area input[type="button"],
.cookie-main-wrapper .cookie-btn-area input[type="reset"],
.cookie-main-wrapper .cookie-btn-area input[type="submit"] {
	color: rgb(255, 255, 255);
	padding: 0.5rem 0.75rem;
	background-color: rgb(55, 65, 81);
	border-radius: 0.5rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.cookie-main-wrapper .cookie-btn-area button:hover,
.cookie-main-wrapper .cookie-btn-area input[type="button"]:hover,
.cookie-main-wrapper .cookie-btn-area input[type="reset"]:hover,
.cookie-main-wrapper .cookie-btn-area input[type="submit"]:hover {
	background-color: rgba(75, 85, 99, 0.8);
}
/*-------------------------------------------------
      [ ## cookie block end ]
  */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

/********** Virtual Card Start ************/
.dash-payment-item {
	padding: 20px 30px;
	border-radius: 16px;
	margin-bottom: 25px;
	border: 1px solid #e5ccf7;
	background: linear-gradient(180deg, #fff 0%, #e5ccf7 100%);
}
.dash-payment-item .dash-payment-title-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
}
.dash-payment-item .dash-payment-title-area .dash-payment-badge {
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: var(--color-primary-dark);
	border-radius: 50%;
	color: #fff;
}
.dash-payment-item .dash-payment-title-area .title {
	margin: 0;
	padding-left: 20px;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
.dash-payment-item:not(:last-child) {
	margin-bottom: 25px;
}
.dash-payment-item .dash-payment-body {
	padding-top: 25px;
	display: none;
}
.dash-payment-item.active {
	border: 1px solid #ded7e9;
}
.dash-payment-item.active .dash-payment-body {
	display: block;
}
.dash-payment-item button.custom-button,
.dash-payment-item input.custom-button[type="button"],
.dash-payment-item input.custom-button[type="reset"],
.dash-payment-item input.custom-button[type="submit"] {
	min-width: 160px;
	text-align: center;
	border-radius: 5px;
}
@media screen and (max-width: 400px) {
	.dash-payment-item {
		padding: 15px;
	}
}

.virtual-card-btn-area a {
	padding: 5px 15px;
	border-radius: 30px;
	background-color: rgba(12, 86, 219, 0.2);
	color: var(--color-primary-dark);
}
.virtual-card-btn-area a:hover {
	background-color: var(--color-primary-dark);
	color: #fff;
}
.virtual-card-btn-area a {
	margin: 4px;
}
@media screen and (max-width: 375px) {
	.virtual-card-btn-area {
		display: grid;
	}
}
@media screen and (max-width: 375px) {
	.dash-payment-item-wrapper .card-header-btn-wrapper {
		display: block !important;
	}
	.dash-payment-item-wrapper .card-header-btn-wrapper .small--btn {
		margin-left: 50px;
		color: var(--color-primary-dark);
		font-weight: 600;
	}
}

.card-custom-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flip .logo {
	position: absolute;
	top: 20px;
	right: 25px;
	width: 40px;
	height: 35px;
}
.card-custom {
	width: 380px;
	height: 260px;
	cursor: pointer;
}
@media only screen and (max-width: 991px) {
	.card-custom {
		width: 430px;
		height: 270px;
	}
	.card-custom-area {
		padding-bottom: 30px;
	}
}
@media only screen and (max-width: 576px) {
	.dashboard-area .title {
		font-weight: 600;
		font-size: 25px;
		padding-bottom: 10px;
	}
	.card-custom {
		width: 350px;
	}
}
@media only screen and (max-width: 375px) {
	.dashboard-area .title {
		font-weight: 600;
		font-size: 20px;
		padding-bottom: 10px;
	}
	.card-custom {
		width: 350px;
	}
}
@media only screen and (max-width: 425px) {
	.card-custom {
		width: 320px;
		height: 250px;
	}
}
@media only screen and (max-width: 375px) {
	.card-custom {
		width: 270px;
		height: 240px;
	}
}
.card-custom {
	perspective: 1000;
}
.card-custom.active .flip {
	transform: rotateY(180deg);
}
.account-area .bank-card .card-custom-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.account-area .bank-card .card-custom {
	width: 380px;
	height: 260px;
	cursor: pointer;
}
.account-area .bank-card .card-custom .bg_img {
	border: 2px solid var(--color-primary-dark);
}
@media only screen and (max-width: 991px) {
	.account-area .bank-card .card-custom {
		width: 430px;
		height: 270px;
	}
	.account-area .bank-card .card-custom-area {
		padding-bottom: 30px;
	}
}
@media only screen and (max-width: 576px) {
	.account-area .bank-card .dashboard-area .title {
		font-weight: 600;
		font-size: 25px;
		padding-bottom: 10px;
	}
	.account-area .bank-card .card-custom {
		width: 100%;
		height: 250px;
	}
}
@media only screen and (max-width: 425px) {
	.account-area .bank-card .dashboard-area .title {
		font-weight: 600;
		font-size: 25px;
		padding-bottom: 10px;
	}
	.account-area .bank-card .card-custom {
		width: 280px;
		height: 240px;
	}
}
.account-area .bank-card .card-custom.active .flip {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.flip {
	width: inherit;
	height: inherit;
	transition: 0.7s;
	transform-style: preserve-3d;
}
.front,
.back {
	position: absolute;
	width: inherit;
	height: inherit;
	border-radius: 15px;
	color: #000000;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 10px 1px #b9b9b94d;
	backface-visibility: hidden;
	overflow: hidden;
}
.front {
	transform: translateZ(0);
}
.logo {
	position: absolute;
	top: 20px;
	right: 25px;
	width: 111px;
	height: 34px;
}
.investor {
	position: relative;
	top: 28px;
	left: 25px;
	text-align: left;
}
.chip {
	position: relative;
	top: 60px;
	left: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 40px;
	border-radius: 5px;
	background-image: linear-gradient(to bottom left, #ffecc7, #d0b978);
	overflow: hidden;
}
@media only screen and (max-width: 375px) {
	.chip {
		top: 52px;
		left: 25px;
		width: 48px;
		height: 37px;
	}
}
.chip .chip-line {
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #333;
}
.chip .chip-line:nth-child(1) {
	top: 13px;
}
.chip .chip-line:nth-child(2) {
	top: 20px;
}
.chip .chip-line:nth-child(3) {
	top: 28px;
}
.chip .chip-line:nth-child(4) {
	left: 25px;
	width: 1px;
	height: 50px;
}
.chip .chip-main {
	width: 20px;
	height: 25px;
	border: 1px solid #333;
	border-radius: 3px;
	background-image: linear-gradient(to bottom left, #efdbab, #e1cb94);
	z-index: 1;
}
.wave {
	position: relative;
	top: 20px;
	left: 100px;
}
.card-number {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px 25px 10px;
	font-size: 23px;
	font-family: "cc font", monospace;
}
@media only screen and (max-width: 375px) {
	.card-number {
		font-size: 16px;
		margin: 30px 20px 10px;
	}
}
.end {
	margin-left: 27px;
	text-transform: uppercase;
	font-family: "cc font", monospace;
	text-align: left;
}

.card-holder {
	margin: 10px 27px;
	text-align: left;
	text-transform: uppercase;
	font-family: "cc font", monospace;
}
.master {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: flex;
}
.master img {
	height: 15px !important;
	width: auto !important;
}
@media only screen and (max-width: 580px) {
	.master {
		bottom: 44px;
	}
}
.master .circle {
	width: 25px;
	height: 25px;
	border-radius: 50%;
}
.master .master-red {
	background-color: #eb001b;
}
.master .master-yellow {
	margin-left: -10px;
	background-color: rgba(255, 209, 0, 0.7);
}
.card-custom {
	perspective: 1000;
}
.card-custom.active .flip {
	transform: rotateY(180deg);
}
.back {
	transform: rotateY(180deg) translateZ(0);
	background: #3a3773;
}
.back .strip-black {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	height: 50px;
	background: #000;
}
.back .ccv {
	position: absolute;
	top: 110px;
	left: 0;
	right: 0;
	height: 36px;
	width: 90%;
	padding: 10px;
	margin: 0 auto;
	border-radius: 5px;
	text-align: right;
	letter-spacing: 1px;
	color: #000;
	background: #fff;
}
.back .ccv label {
	display: block;
	margin: -40px 0 15px;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
}
.back .terms {
	position: absolute;
	top: 150px;
	padding: 20px;
	font-size: 10px;
	text-align: justify;
	color: white;
}
@-moz-keyframes flip {
	0%,
	100% {
		transform: rotateY(0deg);
	}
	50% {
		transform: rotateY(180deg);
	}
}
@-webkit-keyframes flip {
	0%,
	100% {
		transform: rotateY(0deg);
	}
	50% {
		transform: rotateY(180deg);
	}
}
@-o-keyframes flip {
	0%,
	100% {
		transform: rotateY(0deg);
	}
	50% {
		transform: rotateY(180deg);
	}
}
@keyframes flip {
	0%,
	100% {
		transform: rotateY(0deg);
	}
	50% {
		transform: rotateY(180deg);
	}
}

/************ Virtual Card Design End ****************/