@font-face {
	font-family: Inter-Regular;
	src: url('../font/Inter-Regular.ttf');
}

@font-face {
	font-family: Inter-Medium;
	src: url('../font/Inter-Medium.ttf');
}

@font-face {
	font-family: Inter-SemiBold;
	src: url('../font/Inter-SemiBold.ttf');
}

@font-face {
	font-family: Inter-Bold;
	src: url('../font/Inter-Bold.ttf');
}

:root {
	--blue-50: #f5f9ff;
	--blue-100: #d0e1fd;
	--blue-200: #abc9fb;
	--blue-300: #85b2f9;
	--blue-400: #609af8;
	--blue-500: #3b82f6;
	--blue-600: #326fd1;
	--blue-700: #295bac;
	--blue-800: #204887;
	--blue-900: #183462;
	--green-50: #f4fcf7;
	--green-100: #caf1d8;
	--green-200: #a0e6ba;
	--green-300: #76db9b;
	--green-400: #4cd07d;
	--green-500: #22c55e;
	--green-600: #1da750;
	--green-700: #188a42;
	--green-800: #136c34;
	--green-900: #0e4f26;
	--yellow-50: #fefbf3;
	--yellow-100: #faedc4;
	--yellow-200: #f6de95;
	--yellow-300: #f2d066;
	--yellow-400: #eec137;
	--yellow-500: #eab308;
	--yellow-600: #c79807;
	--yellow-700: #a47d06;
	--yellow-800: #816204;
	--yellow-900: #5e4803;
	--cyan-50: #f3fbfd;
	--cyan-100: #c3edf5;
	--cyan-200: #94e0ed;
	--cyan-300: #65d2e4;
	--cyan-400: #35c4dc;
	--cyan-500: #06b6d4;
	--cyan-600: #059bb4;
	--cyan-700: #047f94;
	--cyan-800: #036475;
	--cyan-900: #024955;
	--pink-50: #fef6fa;
	--pink-100: #fad3e7;
	--pink-200: #f7b0d3;
	--pink-300: #f38ec0;
	--pink-400: #f06bac;
	--pink-500: #ec4899;
	--pink-600: #c93d82;
	--pink-700: #a5326b;
	--pink-800: #822854;
	--pink-900: #5e1d3d;
	--indigo-50: #f7f7fe;
	--indigo-100: #dadafc;
	--indigo-200: #bcbdf9;
	--indigo-300: #9ea0f6;
	--indigo-400: #8183f4;
	--indigo-500: #6366f1;
	--indigo-600: #5457cd;
	--indigo-700: #4547a9;
	--indigo-800: #363885;
	--indigo-900: #282960;
	--teal-50: #f3fbfb;
	--teal-100: #c7eeea;
	--teal-200: #9ae0d9;
	--teal-300: #6dd3c8;
	--teal-400: #41c5b7;
	--teal-500: #14b8a6;
	--teal-600: #119c8d;
	--teal-700: #0e8174;
	--teal-800: #0b655b;
	--teal-900: #084a42;
	--orange-50: #fff8f3;
	--orange-100: #feddc7;
	--orange-200: #fcc39b;
	--orange-300: #fba86f;
	--orange-400: #fa8e42;
	--orange-500: #f97316;
	--orange-600: #d46213;
	--orange-700: #ae510f;
	--orange-800: #893f0c;
	--orange-900: #642e09;
	--bluegray-50: #f7f8f9;
	--bluegray-100: #dadee3;
	--bluegray-200: #bcc3cd;
	--bluegray-300: #9fa9b7;
	--bluegray-400: #818ea1;
	--bluegray-500: #64748b;
	--bluegray-600: #556376;
	--bluegray-700: #465161;
	--bluegray-800: #37404c;
	--bluegray-900: #282e38;
	--purple-50: #fbf7ff;
	--purple-100: #ead6fd;
	--purple-200: #dab6fc;
	--purple-300: #c996fa;
	--purple-400: #b975f9;
	--purple-500: #a855f7;
	--purple-600: #8f48d2;
	--purple-700: #763cad;
	--purple-800: #5c2f88;
	--purple-900: #432263;
	--red-50: #fff5f5;
	--red-100: #ffd0ce;
	--red-200: #ffaca7;
	--red-300: #ff8780;
	--red-400: #ff6259;
	--red-500: #ff3d32;
	--red-600: #d9342b;
	--red-700: #b32b23;
	--red-800: #8c221c;
	--red-900: #661814;
	--primary-50: #f3fcf9;
	--primary-100: #c6eee1;
	--primary-200: #98e1c9;
	--primary-300: #6bd4b1;
	--primary-400: #3dc699;
	--primary-500: #10b981;
	--primary-600: #0e9d6e;
	--primary-700: #0b825a;
	--primary-800: #096647;
	--primary-900: #064a34;
}


:root {
	--theme-color-1: #33B89F;
	/* --theme-color-1: rgb(34, 197, 94); */
	--theme-color-2: #292962;
	--theme-color-3: #39BAF6;

	--body-bg: #ffffff;
	--font-color: #6B7989;
	--heading-color1: #292962;
	--heading-color2: #293A51;
	--font-white: #ffffff;
	--font-black: #293A51;
}

body {
	background-color: var(--body-bg);
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 25px;
	font-family: 'Inter-Regular';
	font-weight: normal;
	color: var(--font-color);
}

.my-img {
	border-radius: 10px;
	/* border: #0081ff 3px solid; */
	/* border: rgba(0,129,255,0.6) 3px solid; */

	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	transition: transform 0.3s ease-in-out;
}

.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.fullscreen img {
	max-width: 90%;
	max-height: 90%;
	border-radius: 10px;
}


h1,
h2,
h3 {
	/* color: var(--heading-color1); */
	color: rgb(37, 41, 51);
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'Inter-Bold';
	font-weight: normal;
}

h3{
	font-size: 16px;
	font-weight: 700;
}

h4{
	font-size: 15px;
}

h4,
h5 {
	color: var(--heading-color);
	margin-bottom: 0;
	font-family: 'Inter-Regular';
	font-weight: normal;
}

p {
	margin-bottom: 0;
}

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

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

#header_buttons {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100000;
	/* background-color: #fff; */
	height: 60px;
	display: flex;
	align-items: center;
}

.mr-2 {
	margin-right: 2rem;
}

.mr-1 {
	margin-right: 1rem;
}

.p-overlaypanel-content {
	border-radius: 10px;
	position: absolute;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
	z-index: 100000;
}


.triangle-down {
	display: block;
	width: 0;
	height: 0;
	border-width: 10px 10px 0;
	position: absolute;
	left: 20px;
	top: -10px;
	transform: scaleY(-1);
	border-style: solid;
	/* 红 透明 透明 */
	border-color: #dedede transparent transparent transparent;
}

.triangle-down em {
	display: block;
	width: 0;
	height: 0;
	border-width: 10px 10px 0;
	position: absolute;
	left: -10px;
	top: -11px;
	border-style: solid;
	/* 红 透明 透明 */
	border-color: #fff transparent transparent transparent;
}

.triangle-right {
	display: block;
	width: 0;
	height: 0;
	border-width: 10px 10px 0;
	position: absolute;
	left: -15px;
	top: 15px;
	transform: scaleY(-1) rotate(270deg);
	border-style: solid;
	/* 红 透明 透明 */
	border-color: #dedede transparent transparent transparent;
}

.triangle-right em {
	display: block;
	width: 0;
	height: 0;
	border-width: 10px 10px 0;
	position: absolute;
	left: -10px;
	top: -10px;
	border-style: solid;
	/* 红 透明 透明 */
	border-color: #fff transparent transparent transparent;
}

.theme-btn {
	border-radius: 12px;
	text-align: center;
	border: none;
	max-width: max-content;
	width: auto;
	padding: 5px 15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Inter-Regular';
	font-weight: normal;
	display: flex;
	justify-content: space-between;
}

.btn-main {
	color: #fff;
	background: var(--theme-color-1);
	transition: all .5s ease-out;
	white-space: nowrap;
	min-width: 100px;
}

.btn-main:hover {
	background-position: left bottom;
	color: #fff;
	background: #1a7967;
	transition: all .5s ease-out;
}

.btn-secondary {
	color: var(--font-white);
	background-color: var(--theme-color-2);
	transition: all .5s ease-out;
}

.btn-secondary:hover {
	background-position: left bottom;
	color: #fff;
	background: #171389;
	transition: all .5s ease-out;
}

.btn-success {
	font-weight: 700;
	color: var(--font-white);
	background-color: var(--green-500);
	transition: all .5s ease-out;
}

.btn-success:hover {
	background-position: left bottom;
	color: #fff;
	background: var(--green-400);
	transition: all .5s ease-out;
}

.btn-outline-success {
	font-weight: 700;
	color: var(--green-500);
	border: 1.5px solid var(--green-500);
	transition: all .5s ease-out;
	padding: 5px 15px 5px 15px;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, 0);
}

.btn-outline-success:hover {
	font-weight: 700;
	color: var(--green-400);
	border: 1.5px solid var(--green-400);
	transition: all .5s ease-out;
}

.btn-info {
	font-weight: 700;
	color: var(--font-white);
	background-color: var(--blue-500);
	transition: all .5s ease-out;
}

.btn-info:hover {
	background-position: left bottom;
	color: #fff;
	background: var(--blue-400);
	transition: all .5s ease-out;
}

.btn-outline-info {
	font-weight: 700;
	color: var(--blue-500);
	border: 1.5px solid var(--blue-500);
	transition: all .5s ease-out;
	padding: 5px 15px 5px 15px;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, 0);
}

.btn-outline-info:hover {
	font-weight: 700;
	color: var(--blue-400);
	border: 1.5px solid var(--blue-400);
	transition: all .5s ease-out;
}

.btn-danger {
	font-weight: 700;
	color: var(--font-white);
	background-color: var(--red-500);
	transition: all .5s ease-out;
}

.btn-danger:hover {
	background-position: left bottom;
	color: #fff;
	background: var(--red-400);
	transition: all .5s ease-out;
}

.btn-outline-danger {
	font-weight: 700;
	color: var(--red-500);
	border: 1.5px solid var(--red-500);
	transition: all .5s ease-out;
	padding: 5px 15px 5px 15px;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, 0);
}

.btn-outline-danger:hover {
	font-weight: 700;
	color: var(--red-400);
	border: 1.5px solid var(--red-400);
	transition: all .5s ease-out;
}

.btn-help {
	font-weight: 700;
	color: var(--font-white);
	background-color: var(--purple-500);
	transition: all .5s ease-out;
}

.btn-help:hover {
	background-position: left bottom;
	color: #fff;
	background: var(--purple-400);
	transition: all .5s ease-out;
}

.btn-outline-help {
	font-weight: 700;
	color: var(--purple-500);
	border: 1.5px solid var(--purple-500);
	transition: all .5s ease-out;
	padding: 5px 15px 5px 15px;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, 0);
}

.btn-outline-help:hover {
	font-weight: 700;
	color: var(--purple-400);
	border: 1.5px solid var(--purple-400);
	transition: all .5s ease-out;
}

.btn-warning {
	color: var(--font-black);
	background-color: var(--orange-500);
	transition: all .5s ease-out;
}

.btn-warning:hover {
	background-position: left bottom;
	color: #fff;
	background: var(--orange-400);
	transition: all .5s ease-out;
}

.btn-outline-warning {
	font-weight: 700;
	color: var(--orange-500);
	border: 1.5px solid var(--orange-500);
	transition: all .5s ease-out;
	padding: 5px 15px 5px 15px;
	border-radius: 25px;
	background-color: rgba(255, 255, 255, 0);
}

.btn-outline-warning:hover {
	font-weight: 700;
	color: var(--orange-400);
	border: 1.5px solid var(--orange-400);
	transition: all .5s ease-out;
}

.btn-no-design {
	color: #000000;
	transition: ease-in 0.3s;
}

.btn-no-design i {
	margin-left: 8px;
}

.btn-no-design:hover {
	color: var(--theme-color-2);
	transition: ease-in 0.3s;
}

.navbar {
	position: absolute;
	width: 100%;
	z-index: 1030;
	left: 0;
	transition-duration: 0.5s;
	transition: all 0.35s ease;
}

.navbar.fixed-top {
	position: fixed;
	/* background-color: var(--body-bg); */
	transition-duration: 0.5s;
	transition: all 0.35s ease;
	/* margin-top: 0px; */
}

.navbar.fixed-top .layer-header {
	background: rgba(255, 255, 255, 0.8) !important;
}

.navbar-dark .navbar-nav .nav-link {
	color: #000000;
	font-family: 'Inter-Medium';
	font-weight: normal;
	height: 100%;
	position: relative;
	font-size: 14px;
}

.navbar-dark .navbar-nav .nav-item.active .nav-link {
	color: var(--theme-color-1);
}

.navbar-dark .navbar-brand {
	color: #fff;
	width: 150px;
}

.dropdown .nav-link:after {
	font-family: "Fontawesome";
	font-weight: 400;
	content: "\f107";
	margin-left: 5px;
	font-size: 13px;
}

.navbar-nav .nav-item {
	margin-right: 10px;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: var(--theme-color-1);
}

@media (min-width: 768px) {
	.animate {
		animation-duration: 0.3s;
		-webkit-animation-duration: 0.3s;
		animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
	}
}

@keyframes slideIn {
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}

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

	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
}

@-webkit-keyframes slideIn {
	0% {
		-webkit-transform: transform;
		-webkit-opacity: 0;
	}

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

	0% {
		-webkit-transform: translateY(1rem);
		-webkit-opacity: 0;
	}
}

.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}

.navbar {
	background: transparent;
	height: 80px;
	margin-top: 25px;
}

.dropdown-menu {
	min-width: 12rem;
}

.dropdown-menu li {
	margin: 5px 0px 5px 0px;
}

.dropdown-menu li a {
	color: var(--heading-color1);
	font-size: 14px;
	font-family: 'Inter-Medium';
	font-weight: normal;
	transition: ease-in-out 0.3s;
}

.navbar .nav-item:hover .dropdown-menu {
	box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
	border: none;
	/* position: relative; */
	background-color: #fff;
}

.dropdown-menu li a:hover {
	color: var(--theme-color-1);
	transition: ease-in-out 0.3s;
	margin-left: 5px;
	background-color: transparent;
}

.dropdown-menu {
	transition: ease-in-out 0.3s;
}

.layer-header {
	display: flex;
	width: 100%;
	min-width: 100%;
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.46);
	box-shadow: 5px 5px 10px 0px rgba(31, 0, 80, 0.05);
	padding: 5px;
}

.main-content-wrapper {
	width: 100%;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.policy-main-heading {
	font-size: 20px;
	margin-bottom: 20px;
}

.policy-description {
	margin-bottom: 20px;
}

.page-full-coming {
	width: 100%;
	height: 100vh;
	position: relative;
	display: inline-block;
	background-position: center;
	background-size: cover !important;
	background-repeat: no-repeat;
	/* background-image: url('https://webtemplates.s3.us-east-1.amazonaws.com/wcraft-multiweb/site/paraphrase/assets/images/coming-soon-bg.jpg'); */
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://webtemplates.s3.us-east-1.amazonaws.com/wcraft-multiweb/site/paraphrase/assets/images/coming-soon-bg.jpg');
}

.page-coming-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

.page-coming-inner h2 {
	font-size: 40px;
	margin-bottom: 20px;
	color: var(--font-white);
}

.page-coming-inner p {
	margin-bottom: 20px;
	color: var(--font-white);
}

.soon-subscribe {
	width: 100%;
}

.soon-form-wrapper {
	position: relative;
	width: 100%;
}

.soon-input {
	width: 100%;
	height: 55px;
	border-radius: 35px;
	padding: 10px 15px;
	display: inline-block;
	border: none;
}

.soon-submit {
	background-color: var(--theme-color-2);
	border-radius: 35px;
	text-align: center;
	color: #fff;
	padding: 10px 10px;
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	width: 135px;
}

.soon-counter-list {
	display: flex;
}

.soon-counter-list>div {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 30px 8px 0px 8px;
	background-color: rgb(255 255 255 / 20%);
	flex-direction: column;
	color: var(--theme-color-3);
	font-family: 'Inter-Bold';
	font-weight: normal;
	font-size: 32px;
}

.soon-counter-list>div span {
	font-family: 'Inter-Regular';
	font-weight: normal;
	/* margin: 10px 0px; */
	color: var(--font-white);
	font-size: 14px;
}

.coming-soon .footer-heading {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
}

.coming-soon .footer-social-list {
	margin-top: 20px;
}

.coming-soon .footer-social-list li {
	display: inline-block;
	margin-right: 20px;
}

.coming-soon .footer-social-list li a {
	color: #fff;
}

.error-page {
	height: calc(100vh - 1px);
	display: inline-block;
	width: 100%;
}

.error-page-image {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.error-page-content {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	text-align: left;
}

.error-page-content h1 {
	font-size: 90px;
	color: var(--theme-color-1);
}

.error-page-content h3 {
	font-size: 28px;
	font-family: 'Inter-Bold';
	color: var(--theme-color-2);
	text-align: left;
}

.error-page-content p {
	font-size: 16px;
	margin: 20px 0px;
	color: var(--heading-color1);
	text-align: left;
}

.faq .accordion-item {
	margin-bottom: 0px;
	border: 1px solid var(--font-white);
	/* background-color: var(--indigo-200); */
	background-color: transparent;
	font-size: 18px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	border-radius: 12px;
}

.faq .accordion-button {
	border: transparent;
}

.faq .accordion-button {
	border-radius: 12px !important;
	background-color: transparent;
	padding: 1.5rem 1rem;
	color: var(--heading-color1);
	font-size: 18px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	/* border-bottom: var(--border); */
	line-height: 1.5;
}

.faq .accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
	color: var(--heading-color1);
}

.faq .accordion-button span {
	margin-right: 10px;
}

.faq .accordion-body p span {
	margin-right: 10px;
}

.faq .accordion-button:not(.collapsed)::after {
	background-image: none;
	content: '\f068';
	font-family: Fontawesome;
	transform: none;
	color: var(--font-black);
}

.faq .accordion-button::after {
	background-image: none;
	content: '\f067';
	font-family: Fontawesome;
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--font-white);
}

.faq .accordion-button:focus {
	box-shadow: none;
}

.faq .accordion-body {
	padding: 1rem 1rem;
}

.faq .accordion-button:not(.collapsed) {
	border-radius: 12px 12px 0px 0px !important;
	border: var(--border);
	border-bottom: transparent;
	/* background-color: #ECF1F7; */
	background-color: var(--orange-100);
}

.faq .accordion-collapse.collapse.show .accordion-body {
	border-radius: 0px 0px 12px 12px !important;
	/* border: var(--border) !important; */
	border: var(--indigo-200) !important;
	border-top: transparent !important;
	background-color: var(--orange-100);
	padding-top: 0;
}


#backTop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: var(--theme-color-2);
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	width: 50px;
	height: 50px;
	line-height: 18px;
}

#backTop:hover {
	background-color: var(--theme-color-2);
}

.section-heading-wrapper {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: 3rem;
}

.section-main-heading {
	color: var(--heading-color1);
	font-size: 38px;
	line-height: 45px;
	margin-bottom: 20px;
	text-align: center;
}

.section-heading-description {
	text-align: center;
}

.section {
	padding: 60px 0px;
	position: relative;
}

/* the slides */
.slick-slide {
	margin: 0 10px;
}

/* the parent */
.slick-list {
	margin: 0 -10px;
}

.error-msg-contact {
	display: none;
	transition: ease-out 0.3s;
	opacity: 0;
}

.error-msg-contact-display {
	display: block;
	transition: ease-out 0.3s;
	opacity: 1;
	position: absolute;
	bottom: -8px;
	font-size: 10px;
	left: 0;
	margin: 0;
	line-height: 0;
	color: red;
}

.success-msg-contact {
	display: none;
	transition: ease-out 0.3s;
}

.success-msg-contact-display {
	position: absolute;
	display: block;
	transition: ease-out 0.3s;
	padding: 13px;
	background: var(--theme-color-2);
	font-size: 14px;
	/* border-radius: 5px; */
	z-index: 10;
	bottom: 0;
	left: 50%;
	color: #fff;
	width: 265px;
	border-radius: 30px;
	top: 35%;
	transform: translate(-50%, -50%);
	height: 200px;
}

.success-msg-contact-display p {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	flex-direction: column;
}

.check-success-icon {
	padding: 10px 13px;
	color: #fff;
	background-color: var(--theme-color-1);
	border-radius: 50%;
	min-width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	margin: 0;
	margin-bottom: 20px;
}

.success-msg p,
.success-msg-display p {
	margin-bottom: 0;
}

.error-msg p,
.error-msg-display p {
	margin-bottom: 0;
}

/* header */
.header-btns {
	display: flex;
	align-items: center;
}

/* home */

.section-heading-wrapper {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: 2.5rem;
}

.section-small-heading {
	font-size: 14px;
	font-family: 'Inter-Regular';
	margin-bottom: 15px;
}

.section-heading {
	font-size: 36px;
	color: var(--heading-color1);
	margin-bottom: 20px;
	line-height: 55px;
	text-align: center;
}

.main-banner-container {
	width: 100%;
	height: 650px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url('../image/banner-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.main-banner-container-clientmap {
	height: 100%;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background: no-repeat center top;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('../image/banner-bg.webp');
	/* 	
    width: 100%;
    height: 650px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../image/banner-bg.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
}

.main-banner-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin-top: 4rem;
}

.main-banner-heading {
	font-size: 48px;
	text-align: center;
	margin-bottom: 25px;
	color: var(--heading-color1);
}

.main-banner-description {
	font-size: 18px;
	font-family: 'Inter-Medium';
	margin-bottom: 2rem;
	text-align: center;
	line-height: 35px;
}

.banner-btns {
	display: flex;
	width: 100%;
	justify-content: center;
}

.banner-btns a {
	margin: 0px 10px;
}

.banner-info-quote {
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.40);
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 5px;
	width: fit-content;
	margin-bottom: 20px;
}

.banner-info-quote span {
	border-radius: 30px;
	background: #FFF;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 15px;
	color: var(--theme-color-3);
	width: 70px;
}

.banner-info-quote h4 {
	margin-left: 15px;
	font-family: 'Inter-Medium';
	color: var(--theme-color-3);
	font-size: 14px;
}

.banner-info-quote h4 i {
	margin-left: 10px;
	font-size: 12px;
}

.footer-logo {
	width: 100%;
	margin-bottom: 2.5rem;
}

.footer-logo img {
	width: 150px;
}

.footer-item {
	color: rgb(2, 105, 200);
	font-size: 15px;
	font-weight: 800;
}

.footer-about {
	width: 100%;
	position: relative;
	display: inline-block;
}

.footer-contact-list {
	margin-bottom: 25px;
}

.footer-contact-list li {
	width: 100%;
	color: var(--font-color);
	margin-bottom: 15px;
}

.footer-social-list li {
	display: inline-block;
	margin-right: 5px;
}

.footer-social-list li a {
	width: 32px;
	height: 32px;
	background-color: var(--theme-color-1);
	border: 1px solid var(--theme-color-1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--font-white);
	border-radius: 12px;
}

.footer-heading {
	font-size: 20px;
	color: var(--heading-color1);
	margin-bottom: 25px;
}

.footer-links {
	width: 100%;
	position: relative;
	display: inline-block;
}

.footer-link-list li {
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	color: var(--font-color);
}

.footer-link-list li:last-child {
	margin-bottom: 0;
}

.footer-language {
	width: 100%;
	position: relative;
	display: inline-block;
}

.footer-language-form {
	width: 100%;
	position: relative;
	display: inline-block;
}

.footer-language-form select {
	background-color: #323C57;
	height: 48px;
	padding: 10px;
	border-radius: 30px;
	border: none;
	width: 100%;
	color: var(--font-white);
}

.footer-language-form select::placeholder {
	color: var(--font-white);
}

.footer-bottom {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	text-align: center;
	padding: 25px 0px;
	margin-top: 1rem;
	border-top: 1px solid #DDDDDD;
}

footer {
	width: 100%;
	position: relative;
	display: inline-block;
	padding-top: 2rem;
	background-color: var(--font-white);
}

.getstart-wrapper {
	border-radius: 12px;
	background: linear-gradient(92deg, #3F97B9 2.54%, #4E6CD9 87.89%);
	width: 100%;
	height: 350px;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}

.getstart-wrapper h3 {
	font-size: 46px;
	color: var(--font-white);
	margin-bottom: 20px;
}

.getstart-wrapper h4 {
	color: var(--font-white);
	font-size: 18px;
	margin-bottom: 30px;
	line-height: 25px;
}

.features-card {
	width: 100%;
	position: relative;
	display: inline-block;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0px 0px 29px 11px rgba(0, 0, 0, 0.03);
	padding: 20px;
	padding-top: 4rem;
	text-align: center;
	height: 100%;
}

.features-icon {
	border-radius: 12px;
	width: 75px;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.faster .features-icon {
	border: 2px solid #C2EAE2;
	background: #E7F6F3;
}

.posts .features-icon {
	border: 2px solid #C4EAFC;
	background: #E7F7FE;
}

.chat .features-icon {
	border: 2px solid #B6D4FE;
	background: #E2EEFF;
}

.features-content h3 {
	color: var(--heading-color2);
	font-size: 20px;
	margin-bottom: 15px;
}

.features-content a {
	display: inline-block;
	color: var(--theme-color-1);
	margin-top: 15px;
}

.features-content a i {
	margin-left: 10px;
}

.features {
	margin-top: 4rem;
}

.background-img {
	position: absolute;
	top: -15rem;
	z-index: -1;
	left: -15rem;
}

.partners-heading {
	width: 100%;
	display: inline-block;
	position: relative;
	margin-bottom: 3rem;
}

.partners-heading h4 {
	color: rgba(104, 112, 140, 0.80);
	text-align: center;
	font-size: 18px;
	font-family: 'Inter-SemiBold';
}

.section-small-hading {
	background-color: #F3F7FB;
	height: 35px;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	position: relative;
	color: var(--heading-color1);
	width: fit-content;
	border-radius: 30px;
	margin: auto;
	margin-bottom: 15px;
}

.section-description {
	text-align: center;
}

.howitworks-content-wrapper {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	z-index: 11;
}

.howitworks-content-count {
	background-color: #F3F7FB;
	height: 35px;
	border-radius: 30px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--heading-color1);
	margin-bottom: 10px;
}

.howitworks-content-wrapper h3 {
	font-size: 34px;
	margin-bottom: 10px;
}

.howitworks-content-wrapper p {
	margin-bottom: 20px;
}

.howitworks-content-wrapper ul li {
	display: flex;
	align-items: baseline;
	margin-bottom: 5px;
}

.howitworks-content-wrapper ul li img {
	margin-right: 10px;
	position: absolute;
	margin-top: 5px;
	display: flex;
}

.howitworks-content-wrapper ul li p {
	margin-bottom: 0;
	margin-left: 25px;
}

.howitworks-image-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	/* border: #036475 3px solid; */
	/* background-color: #000000; */
}


.howitworks-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -60%);
	width: 100%;
	height: 100%;
}

.howitworks-bg img {
	width: 92%;
}

.content-image {
	position: relative;
	z-index: 11;
}

.howitworks {
	position: relative;
}

.howitworks-top-bg {
	position: absolute;
	top: -20%;
	right: -10%;
	z-index: 10;
}

.howitworks-bottom-bg {
	position: absolute;
	bottom: 15%;
	left: -10%;
	z-index: 10;
}

.include-list-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block;
	padding: 20px;
}

.include-list-icon {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
	background: linear-gradient(148deg, #33B89F -16.92%, #5555EA 99.32%);
	margin: auto;
}

.include-list-wrapper h3 {
	font-size: 20px;
	margin: 20px 0px;
	text-align: center;
	color: var(--heading-color1);
}

.include-list-wrapper p {
	text-align: center;
}

.include {
	position: relative;
}

.include-bg {
	position: absolute;
	top: -5%;
	right: -10%;
	z-index: 10;
	max-width: 60%;
}

.lm-wrapper {
	border-radius: 12px;
	background: linear-gradient(92deg, #3F97B9 2.54%, #4E6CD9 87.89%);
	width: 100%;
	height: 350px;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.lm-wrapper h3 {
	font-size: 46px;
	color: var(--font-white);
	margin-bottom: 20px;
}

.lm-wrapper h4 {
	color: var(--font-white);
	font-size: 18px;
	margin-bottom: 0px;
	line-height: 25px;
}

.lm-wrapper>div {
	width: 55%;
}

.lasting-impression {
	z-index: 11;
}

.funfactor-wrapper {
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 20px;
}

.funfactor-wrapper h1 {
	font-size: 64px;
	color: #0D6EFD;
	text-align: center;
	margin-bottom: 15px;
}

.funfactor-wrapper h3 {
	font-size: 18px;
	margin-bottom: 0px;
	text-align: center;
}

.testi-card-wrapper {
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 25px;
	border-radius: 12px;
}

.testi-card-wrapper p {
	color: #033BAC;
}

.testi-card-wrapper.voilet {
	background-color: #ECE5FF;
}

.testi-card-wrapper.yellow {
	background-color: #FBF7B8;
}

.testi-card-wrapper.green {
	background-color: #D9FFD8;
}

.testi-author {
	display: flex;
	align-items: center;
	margin-top: 25px;
}

.testi-author img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 15px;
}

.testi-author p {
	color: #033BAC;
	font-family: 'Inter-Medium';
	line-height: 20px
}

.button-block {
	width: 100%;
	position: relative;
	display: flex;
	margin-top: 2.5rem;
}

.button-block.middle {
	justify-content: center;
}

.btn-norder-green {
	border: 1px solid var(--theme-color-1);
	color: var(--theme-color-1);
	transition: ease-in 0.3s;
}

.btn-norder-green:hover {
	border: 1px solid var(--theme-color-1);
	color: var(--font-white);
	background-color: var(--theme-color-1);
	transition: ease-in 0.3s;
}

.blog-wrapper {
	width: 100%;
	position: relative;
	display: inline-block;
}

.blog-image {
	width: 100%;
	height: 220px;
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
}

.blog-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
}

.blog-badge {
	background-color: #F3F7FB;
	height: 35px;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	position: relative;
	color: var(--heading-color1);
	width: fit-content;
	border-radius: 30px;
	margin-bottom: 15px;
}

.blog-heading h3 {
	font-size: 20px;
}

.page-banner-container {
	width: 100%;
	position: relative;
	display: inline-block;
	background: linear-gradient(92deg, var(--theme-color-3) 5%, #069ce1 90%);
}

.page-banner-wrapper {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 250px;
	flex-direction: column;
	padding-top: 5rem;
}

.page-banner-heading {
	text-align: center;
	width: 100%;
	font-size: 36px;
	color: var(--font-white);
	margin-bottom: 15px;
}

.page-banner-wrapper ul li {
	display: inline-block;
	color: var(--font-white);
	margin: 0px 5px;
}

.page-banner-wrapper ul li a {
	color: var(--font-white);
}

.text-left {
	text-align: left;
}

.benefits-list {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: 25px;
}

.benefits-list:last-child {
	margin-bottom: 0px;
}

.benefits-list-wrapper {
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 25px;
	border-radius: 12px;
	box-shadow: 0px 5px 15px 10px rgb(221 221 221 / 50%);
}

.benefits-icon {
	width: 3rem;
	height: 3rem;
	font-size: 1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--font-white);
	border-radius: 12px;
	font-size: 24px;
}

.benefits-icon.one {
	background-color: #3f3eed;
}

.benefits-icon.two {
	background-color: #39baf6;
}

.benefits-icon.three {
	background-color: #f7c239;
}

.benefits-icon.four {
	background-color: #ce5a56;
}

.benefits-list-wrapper h3 {
	font-size: 20px;
	margin: 15px 0px;
}

.benefits-left-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mb-4rem {
	margin-bottom: 4rem;
}

.team-card {
	width: 100%;
	position: relative;
	display: inline-block;
	height: 100%;
	border-radius: 12px;
	padding: 25px;
}

.team-card.voilet {
	background-color: #ECE5FF;
}

.team-card.yellow {
	background-color: #FBF7B8;
}

.team-card.green {
	background-color: #D9FFD8;
}

.team-image {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.team-image img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 50%;
	border: 4px solid #fff;
}

.team-info {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-top: 20px;
}

.team-info h3 {
	font-size: 20px;
}

.team-info ul {
	margin-top: 15px;
}

.team-info ul li {
	display: inline-block;
}

.team-info ul li a {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--theme-color-1);
	color: var(--font-white);
}

.pricing-card {
	width: 100%;
	position: relative;
	display: inline-block;
	background-color: #fff;
	border-radius: 0.875rem;
	box-shadow: 0px 5px 15px 10px rgb(221 221 221 / 50%);
	height: 100%;
	padding: 30px;
}

.pricing-top h4 {
	margin-bottom: 1rem;
	font-size: 1.125rem;
	text-align: center;
	color: var(--heading-color1);
}

.pricing-top h1 {
	margin-bottom: 1.5rem;
	font-size: 34px;
	text-align: center;
}

.pricing-top h1 span {
	font-size: .875rem;
	font-weight: 400;
}

.pricing-top .btn-light {
	width: 100%;
	text-align: center;
	background-color: var(--green-400);
	max-width: 100%;
	color: var(--font-white);
	font-weight: 700;
}

.pricing-top a {
	max-width: 100%;
}

.pricing-list ul li {
	display: flex;
	line-height: 1.5rem;
	align-items: center;
	margin-top: 1rem;
	color: #000000;
}

.pricing-list ul li i {
	margin-right: 10px;
	color: var(--theme-color-1);
	font-size: 10px;
	font-size: 15px;
}

.pricing-list ul {
	padding-left: 10px;
}

.pricing-card.silver {
	border: 2px solid var(--purple-400);
}

.blog-card {
	width: 100%;
	position: relative;
	display: inline-block;
	background-color: #fff;
	border-radius: 0.875rem;
	box-shadow: 0px 5px 15px 10px rgb(221 221 221 / 50%);
	height: 100%;
	padding: 30px;
}

.blog-content .section-small-hading {
	margin: initial;
	margin-bottom: 15px;
}

.blog-content a h3 {
	font-size: 24px;
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-author {
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: 10px;
}

.blog-author-img {
	width: 50px;
	min-width: 50px;
	height: 50px;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	margin-right: 15px;
}

.blog-author-img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.blog-author-info h3 {
	font-size: 14px;
	margin-bottom: 0px;
}


.blog-author-info span:first-child::after {
	position: relative;
	content: '•';
	font-size: 12px;
	display: inline-block;
	margin: 0px 10px;
}

.blogDetails-wrapper p {
	margin-bottom: 20px;
}

.blogDetails-wrapper h2 {
	font-size: 20px;
	margin-bottom: 20px;
	color: var(--heading-color1);
}

.comments-wrapper {
	width: 100%;
	display: inline-block;
	position: relative;
	margin: 3rem 0;
}

.comments-wrapper h3 {
	/* padding: 10px 10px; */
	/* background-color: var(--font-white); */
	border-radius: 10px;
	font-size: 20px;
	margin-bottom: 20px;
	color: var(--heading-color1);
}

.comments-list-item {
	display: flex;
}

.comments-avatar {
	width: 60px;
	height: 60px;
	display: inline-block;
	margin-right: 15px;
	min-width: 60px;
}

.comments-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.comments-info-top h4 {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	margin-bottom: 10px;
}

.comments-info-top h4 a {
	font-size: 14px;
	color: var(--theme-color-3);
}

.comments-info-top p {
	margin-bottom: 10px;
	font-size: 12px;
}

.reply-wrapper h3 {
	/* padding: 10px 10px; */
	/* background-color: var(--theme-color-4); */
	border-radius: 10px;
	font-size: 20px;
	margin-bottom: 20px;
	color: var(--heading-color1);
}

.contactus-form-group {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: 25px;
}

.contactus-form-input {
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 6px;
	border: 1px solid #ddd;
}

.blogDetails-relatedlist {
	width: 100%;
	border-radius: 12px;
	background: #323C57;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	padding: 25px;
}

.blogDetails-relatedlist h3 {
	font-size: 20px;
	margin-bottom: 20px;
	color: var(--font-white);
}

.blogDetails-relatedlist ul li {
	padding-bottom: 15px;
	border-bottom: 1px solid #7f7f7f;
	margin-bottom: 15px;
}

.blogDetails-relatedlist ul li a {
	display: flex;
	color: var(--font-white);
}

.blogDetails-relatedlist ul li a::before {
	font-family: Fontawesome;
	position: relative;
	display: inline-block;
	content: '\f101';
	color: var(--font-white);
	margin-right: 10px;
}

.blogDetails-relatedlist ul li p {
	font-size: 10px;
	margin-left: 18px;
	color: var(--theme-color-3);
}

.blogDetails-relatedlist ul li:last-child {
	padding-bottom: 0px;
	border-bottom: 1px solid transparent;
	margin-bottom: 0px;
}

.blogDetails-relatedlist ul li a:hover {
	color: var(--theme-color-3);
	transition: ease-in 0.3s;
}

.blogcontent-img {
	width: 100%;
	height: 350px;
	object-fit: cover;
	margin: 30px 0px;
	border-radius: 12px;
}

.blog-author p {
	margin-bottom: 0;
	font-size: 12px;
	margin-left: 15px;
}

.blogDetails-wrapper h1 {
	font-size: 32px;
	margin-bottom: 15px;
	color: var(--heading-color1);
}

.blog-author {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	margin: 15px 0px 0px 0px;
}

.bblog-author {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	margin: 15px 0px 0px 0px;
}

.blog-author img {
	min-width: 40px;
	height: 40px;
	position: relative;
	display: inline-block;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
}

.blog-author h4 {
	font-size: 14px;
	color: var(--heading-color1);
}

.blog-bottom span {
	margin-bottom: 5px;
	width: 100%;
	display: inline-block;
	font-size: 12px;
}

.blog-bottom p {
	min-height: 50px;
	overflow: hidden;
	max-height: 50px;
	margin-bottom: 10px;
}

.contact-info-card {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 20px;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding-top: 55px;
	background-color: #fff;
	height: 100%;
}

.icon-box {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 80px;
	height: 80px;
	border: 1px solid #ccc;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--theme-color-1);
	transform: translate(-50%, -50%);
	z-index: 10;
	background-color: #fff;
	font-size: 40px;
}

.contact-info-card h3 {
	color: var(--heading-color1);
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 20px;
}

.contact-info-card p {
	color: #8d8d8d;
	margin-bottom: 1rem;
}

.contact-info-card a {
	font-size: 12px;
	font-weight: normal;
	color: var(--theme-color-3);
}

.page-contact-us {
	position: relative;
	margin-top: 120px;
	z-index: 10;
}

.contactus-form {
	position: relative;
	z-index: 9;
	margin-top: -130px;
	padding-top: 130px;
	background-color: var(--heading-color2);
}

.questionmark-overlay {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	opacity: 0.07;
	width: 300px;
}

.contactus-form-heading {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 50px;
	color: #fff;
	text-align: center;
}

.contact-form {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.cf-input-container {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
}

.cf-input-container label {
	color: #fff;
	width: 100%;
	display: inline-block;
}

.cf-input-container input {
	width: 100%;
	padding: 6px 15px;
	border: none;
	border-bottom: 1px solid #fff;
	/* height: 50px; */
	background: transparent;
	color: #fff;

}

.cf-input-container textarea {
	width: 100%;
	padding: 6px 15px;
	border: none;
	border-bottom: 1px solid #fff;
	/* height: 50px; */
	background: transparent;
}

.cf-info-wrapper h4 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
	font-weight: normal;
	color: #fff;
}

.cf-info-wrapper p {
	color: #fff;
}

.cf-info-wrapper a {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px;
	font-weight: normal;
	color: #fff;
}



::-webkit-scrollbar {
	height: 10px !important;
	width: 10px !important;
}

/*定义了滚动条滑块的样式*/
::-webkit-scrollbar-thumb {
	border-style: dashed;
	background-color: rgba(173, 181, 189, 1);
	padding: 5px;
	border-radius: 5px;
	/* background-color: #fbbd08; */
	border-color: #e2242400;
	border-width: 1.5px;
	background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, 0.2)
}