/* ==================== [ Root CSS Start ] ==================== */
:root {
	/* Project Core */
	--white: #ffffff;
	--white-40: rgb(255, 255, 255, .4);
	--white-80: rgb(255, 255, 255, .8);

	--black: #000000;
	--black-50: rgb(0, 0, 0, .5);
	--black-15: rgb(0, 0, 0, 0.15);

	--transparent: #0000;

	/* Project Root */
	--primary: #01B636;
	--primary-10: rgb(1, 182, 54, .1);

	--secondary: #1B2431;
	--secondary-15: rgb(27, 36, 49, .15);
	--secondary-60: rgb(27, 36, 49, .6);
	--secondary-70: rgb(27, 36, 49, .7);
	--secondary-80: rgb(27, 36, 49, .8);

	--dark: #0B0D1E;
	--dark-50: rgb(11, 13, 30, .5);
	--dark-60: rgb(11, 13, 30, .6);

	--gray: #D1D3D6;
	--light: #FAF9F7;
	--light-gray: #878A99;

	--muted: #161616;
	--light-muted: #141B34;

	/* Fonts */
	--urbanist: "Urbanist", sans-serif;
	--poppins: "Poppins", sans-serif;
	--open-sans: "Open Sans", sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body {
	color: var(--secondary-80);
	font-family: var(--urbanist);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	background: var(--white);
	overflow-x: hidden;
}

/* ==================== [ Root CSS End ] ==================== */

/* ==================== [ Typography Start ] ==================== */
figure {
	margin: 0;
}

strong,
b {
	font-weight: 700 !important;
}

a,
input,
button,
textarea {
	outline: none !important;
}

a {
	color: var(--secondary);
	word-break: break-word;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}

a:hover,
a:focus,
a:focus-visible,
a:focus-within,
a.active {
	color: var(--primary) !important;
}

p {
	color: var(--secondary-80);
	font-family: var(--urbanist);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 20px;
}

ol,
ul {
	margin-bottom: 20px;
	padding-left: 20px;
}

ol ol,
ol ul,
ul ol,
ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

ol li,
ul li {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

ol li::marker,
ul li::marker {
	color: var(--secondary);
}

ul li:has(> ul),
ul li:has(> ol) {
	list-style-type: none;
}

blockquote {
	padding: 16px 16px 16px 24px;
	border-left: 5px solid var(--primary);
	margin-bottom: 20px;
	background-color: var(--primary-10);
	font-size: 18px;
	line-height: 133%;
	color: var(--secondary);
}

pre {
	background-color: var(--primary-10);
	padding: 16px;
	overflow: auto;
	font-family: inherit;
	border-radius: 12px;
	position: relative;
	color: var(--secondary);
}

pre code {
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 16px;
	font-size: inherit;
}

th,
td {
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 8px 12px;
	text-align: left;
}

th {
	background-color: rgba(0, 0, 0, 0.05);
	font-weight: 600;
	font-size: inherit;
	color: var(--secondary);
}

td {
	background-color: var(--white);
	font-weight: 400;
	font-size: inherit;
	color: var(--secondary);
}

h1 {
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 60px;
	font-style: normal;
	font-weight: 900;
	line-height: 80px;
	margin-bottom: 25px;
}

h2 {
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 78px;
	margin-bottom: 18px;
}

h3 {
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 50px;
}

h4 {
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px;
}

h5 {
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 50px;
}

h6 {
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
}

hr {
	margin-block: 20px;
}

/* ==================== [ Typography End ] ==================== */

/* ==================== [ Common Start ] ==================== */
.row {
	margin-inline: -15px;
	row-gap: 30px;
}

.row>* {
	padding-inline: 15px;
}

.img-cover * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.container-fluid,
.container {
	padding-inline: 20px;
}

/* ==================== [ Common End ] ==================== */

/* ==================== [ Common Heading Start ] ==================== */

.heading .title * {
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 80px;
}

.text-white * {
	color: var(--white) !important;
}

.heading .title strong {
	color: var(--primary);
}

.heading .title a {
	color: var(--secondary);
}

.heading .title a:hover {
	color: var(--primary);
}

.heading .disc * {
	color: var(--secondary-80);
	font-family: var(--urbanist);
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 147%;
}

.heading .subtitle * {
	color: var(--secondary-70);
	font-family: var(--urbanist);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 147%;
}

/* ==================== [ Common Heading End ] ==================== */

/* ==================== [ Button Start ] ==================== */
.btn {
	display: flex;
	align-items: center;
	width: fit-content;
	padding: 12px 10px 12px 36px;
	text-align: center;
	font-family: var(--urbanist);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	border-radius: 50px;
	border: 1px solid;
	letter-spacing: -0.376px;
	text-decoration: none;
	text-transform: capitalize;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.btn span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-left: 23px;
	height: 34px;
	width: 34px;
	background-color: var(--white-40);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.btn-sm {
	padding: 12px 44px;
	font-weight: 700;
	color: var(--light);
	background: var(--primary);
	border-color: var(--primary);
}

.btn-sm:focus,
.btn-sm:hover,
.btn-sm:active,
.btn-sm:focus-within,
.btn-sm:focus-visible {
	color: var(--light) !important;
	background-color: var(--secondary) !important;
	border-color: var(--secondary) !important;
	box-shadow: none !important;
}

.btn-primary {
	color: var(--white);
	background: var(--primary);
	border-color: var(--primary);
}

.btn-primary:hover span {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus-within,
.btn-primary:focus-visible {
	color: var(--light) !important;
	background-color: var(--secondary) !important;
	border-color: var(--secondary) !important;
	box-shadow: none !important;
}


.btn-primary-white {
	color: var(--white);
	background: var(--primary);
	border-color: var(--primary);
}

.btn-primary-white:hover span {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.btn-primary-white:focus,
.btn-primary-white:hover,
.btn-primary-white:active,
.btn-primary-white:focus-within,
.btn-primary-white:focus-visible {
	color: var(--secondary) !important;
	background-color: var(--white) !important;
	border-color: var(--white) !important;
	box-shadow: none !important;
}

.btn-primary-white:focus span,
.btn-primary-white:hover span,
.btn-primary-white:active span,
.btn-primary-white:focus-within span,
.btn-primary-white:focus-visible span {
	background-color: var(--secondary);
}

/* ==================== [ Button End ] ==================== */

/* ==================== [ Error 404 Start ] ==================== */
.error-404 {
	margin-top: 200px;
	padding: 80px 0;
}

.error-404 .heading {
	text-align: center;
}

.error-404 .action>* {
	width: fit-content;
	margin: 0 auto;
}

/* ==================== [ Error 404 End ] ==================== */

/* ==================== [ Typography Start ] ==================== */
.typography {
	margin-top: 200px;
}

/* ==================== [ Typography End ] ==================== */

/* ==================== [ Extra Common Start ] ==================== */
header .auth-button .dropdown-toggle::after{
	display: none !important;
}
.waveAni {
	width: 100%;
	height: 200px;
	overflow: visible;
	position: relative;
}

.waveAni:not(.rotateRev) {
	margin-bottom: -1px;
}

.waveAni svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.waveAni.rotateRev {
	transform: rotate(180deg);
	margin-top: -1px;
}

.waveAni:has(.divSvg3) {
	position: relative;
	/* filter: drop-shadow(0 -10px 60px rgba(0, 0, 0, 0.03)) !important;
	-webkit-filter: drop-shadow(0 -10px 60px rgba(0, 0, 0, 0.03)) !important; */
}

.waveAni:has(.divSvg3)::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.08;
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
	z-index: -1;
}
/* Star Rotate */
.continusRotateAni {
	animation: continusRotateAni 10s infinite linear;
}

@keyframes continusRotateAni {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.animate-box {
	will-change: transform;
}

.animation-wrapper {
	perspective: 1500px;
	width: fit-content;
}

.animation-wrapper .animation-card {
	position: relative;
	/* overflow: hidden; */
	transform-style: preserve-3d;
	will-change: transform;
	transition: box-shadow 0.3s ease;
}

.animation-wrapper .glare {
	position: absolute;
	inset: -50%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.4), transparent 60%);
	mix-blend-mode: screen;
	pointer-events: none;
	opacity: 0;
	transform: translateZ(100px);
}

/* Section Spacing Start */
.py-75 {
	padding-block: 75px;
}

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

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

.py-150 {
	padding-block: 150px;
}

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

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

.py-100 {
	padding-block: 100px;
}

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

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

.py-200 {
	padding-block: 200px;
}

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

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

.py-150-75 {
	padding-block: 150px 75px;
}

.py-75-150 {
	padding-block: 75px 150px;
}

.py-0-75 {
	padding-block: 0 75px;
}

.py-75-0 {
	padding-block: 75px 0px;
}

.py-0-150 {
	padding-block: 0 150px;
}

.py-150-0 {
	padding-block: 150px 0px;
}

/* Section Spacing End */

/* Common Content Start */
.content .content-title {
	margin-bottom: 20px;
}

.content .content-title * {
	color: var(--white);
	font-family: var(--urbanist);
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 50px;
	text-transform: capitalize;
	margin-bottom: 0;
	text-wrap: balance;
}

.content .content-disc * {
	color: var(--white-80);
	font-family: var(--urbanist);
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	line-height: 160%;
	margin-bottom: 0;
}

/* Common Content End */

/* Heading Block Start */
.heading-block {
	gap: 30px;
}

.heading-block .title strong {
	position: relative;
}

.heading-block .title strong::after {
	position: absolute;
	content: "";
	display: block;
	height: 16px;
	width: 200px;
	background: url('../imagesnew/svgs/heading-vector-small.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.heading-block.center-vector .title strong {
	position: relative;
}

.heading-block.center-vector .title strong::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	height: 16px;
	width: 200px;
	background: url('../imagesnew/svgs/heading-vector-small.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.heading-block .title {
	position: relative;
}

.heading-block .title * {
	color: var(--white);
	font-family: var(--urbanist);
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 78px;
	margin-bottom: 0;
}

.heading-block .disc * {
	color: var(--white-80);
	font-family: var(--urbanist);
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 147%;
	margin-bottom: 0;
}

/* Heading Block End */


/* Common Vector Start */
.three-line-vector {
	position: absolute;
	display: block;
	width: 54px;
	aspect-ratio: 54 / 71;
	background: url('../imagesnew/svgs/three-line-icon.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.star-vector {
	position: absolute;
	display: block;
	width: 61px;
	aspect-ratio: 61 / 68;
	background: url('../imagesnew/svgs/star.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.arrow-vector {
	position: absolute;
	display: block;
	width: 96px;
	aspect-ratio: 96 / 84;
	background: url('../imagesnew/svgs/arrow-vector.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.arrow-vector-dark {
	position: absolute;
	display: block;
	width: 96px;
	aspect-ratio: 96 / 84;
	background: url('../imagesnew/svgs/arrow-vector-dark.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.green-circle-vector {
	position: absolute;
	display: block;
	width: 178px;
	aspect-ratio: 1 / 1;
	background: url('../imagesnew/svgs/green-circle-vector.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.dark-circle-vector {
	position: absolute;
	display: block;
	width: 178px;
	aspect-ratio: 1 / 1;
	background: url('../imagesnew/svgs/dark-circle-vector.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.white-shade-effect {
	position: absolute;
	display: block;
	width: 144px;
	aspect-ratio: 1 / 1;
	background: var(--white);
	filter: blur(150px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-filter: blur(150px);
}

.green-shade-effect {
	position: absolute;
	display: block;
	width: 100%;
	height: 70%;
	aspect-ratio: 1 / 1;
	background: var(--primary-10);
	filter: blur(125px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-filter: blur(125px);
	user-select: none;
	pointer-events: none;
}

.white-dots-square {
	position: absolute;
	display: block;
	width: 98px;
	aspect-ratio: 98 / 104;
	background: url('../imagesnew/thumb/white-dots-square.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	left: 4px;
}

.dark-dots-square {
	position: absolute;
	display: block;
	width: 98px;
	aspect-ratio: 98 / 104;
	background: url('../imagesnew/thumb/dark-dots-square.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.green-dots-square {
	position: absolute;
	display: block;
	width: 98px;
	aspect-ratio: 98 / 104;
	background: url('../imagesnew/svgs/green-dots-square.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

/* Common Vector End */

/* ==================== [ Extra Common End ] ==================== */

/* ==================== [ Header Start ] ==================== */
.header {
	position: fixed;
	top: 52px;
	width: 100%;
	z-index: 9999;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.header.active {
	top: 20px;
}

body:has(.navbar-collapse.show) {
	overflow: hidden;
}

.header .navbar {
	padding: 22px 26px 22px 43px;
	border: 1px solid rgb(27, 36, 49, .3);
	border-radius: 50px;
	background-color: var(--white);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.header .navbar .navbar-brand {
	padding: 0;
	max-width: 190px;
}

.header .navbar .navbar-brand * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.header .navbar-toggler {
	width: 30px;
	height: 22px;
	padding: 0;
	box-shadow: none !important;
	border: none;
}

.header .navbar-toggler .hamburger {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}

.header .navbar-toggler .hamburger-toggle {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.header .navbar-toggler .hamburger span {
	width: 100%;
	height: 2px;
	background-color: var(--black-50);
	position: relative;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.header .navbar-toggler .hamburger span:first-child {
	top: 10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.header .navbar-toggler .hamburger span:nth-child(2) {
	opacity: 0;
}

.header .navbar-toggler .hamburger span:last-child {
	margin: 0;
	top: -10px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.header .navbar-toggler.collapsed .hamburger span {
	opacity: 1 !important;
	top: auto !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
}

.header .navbar .navbar-nav {
	gap: 24px;
	margin-top: 0;
}

.header .navbar .navbar-nav .nav-item {
	padding: 0;
}

.header .navbar .navbar-nav .nav-link {
	transition: all 0.3s ease-in-out;
	color: var(--secondary);
	width: fit-content;
	font-family: var(--urbanist);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	position: relative;
}

.header .navbar .navbar-nav .nav-link::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: var(--primary);
	filter: blur(7px);
	-webkit-filter: blur(7px);
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.header .navbar .navbar-nav .nav-link.active {
	font-weight: 600;
}

.header .navbar .navbar-nav .nav-link.active::after {
	opacity: .08;
}

.header .navbar .navbar-nav .nav-item .nav-link.active::after,
.header .navbar .navbar-nav .nav-item .nav-link:hover::after,
.header .navbar .navbar-nav .nav-item .nav-link:focus::after,
.header .navbar .navbar-nav .nav-item .nav-link:active::after,
.header .navbar .navbar-nav .nav-item .nav-link:focus-visible::after,
.header .navbar .navbar-nav .nav-item .nav-link:focus-within::after {
	opacity: .08;
}

.header .navbar .navbar-nav .nav-item .nav-link.active,
.header .navbar .navbar-nav .nav-item .nav-link:hover,
.header .navbar .navbar-nav .nav-item .nav-link:focus,
.header .navbar .navbar-nav .nav-item .nav-link:active,
.header .navbar .navbar-nav .nav-item .nav-link:focus-visible,
.header .navbar .navbar-nav .nav-item .nav-link:focus-within {
	color: var(--primary);
}


.header .auth-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.header .auth-button .dropdown {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header .auth-button .dropdown>button {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #313131;
	background: rgba(255, 255, 255, 0.00);
	padding: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.header .auth-button .dropdown>button img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.header .auth-button .dropdown .dropdown-menu {
	margin-top: 20px;
	right: 0;
	left: auto;
	border-radius: 15px;
	border: 1px solid rgba(30, 35, 41, 0.30);
	max-height: 248px;
	overflow: auto !important;
	overflow-x: clip !important;
}

.header .auth-button .dropdown .dropdown-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
}

.header .auth-button .dropdown .dropdown-item:hover,
.header .auth-button .dropdown .dropdown-item:focus,
.header .auth-button .dropdown .dropdown-item:active,
.header .auth-button .dropdown .dropdown-item:focus-visible,
.header .auth-button .dropdown .dropdown-item:focus-within,
.header .auth-button .dropdown .dropdown-item.active {
	background-color: var(--light-primary);
	color: var(--primary);
}

/* ==================== [ Header End ] ==================== */

/* ==================== [ Common Banner Start ] ==================== */
.banner {
	padding-top: 272px;
}

.banner .heading .title * {
	font-weight: 900 !important;
}

.banner .banner-block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.banner .image-content {
	max-width: 56%;
	width: 100%;
	aspect-ratio: 815 / 547;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}

.banner .image-content .img-cover * {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.banner .img-cover {
	position: relative;
	height: 100%;
	width: 100%;
}

.banner .img-cover::before {
	position: absolute;
	left: 50%;
	top: 20px;
	content: "";
	display: block;
	width: 90%;
	height: 100%;
	transform: translate(-50%, 0);
	border-radius: 30px;
	background-color: var(--primary);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	z-index: -1;
}

.banner .heading .title strong {
	position: relative;
	display: inline-block;
}

.banner .heading .title strong::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -3px;
	left: -5px;
	height: 18px;
	width: 296px;
	background: url("../imagesnew/svgs/heading-vector.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.banner .heading {
	max-width: 593px;
	width: 100%;
}

.banner .heading .title {
	margin-bottom: 25px;
}

.banner .heading .disc * {
	margin-bottom: 60px;
	font-size: 20px;
	line-height: 177%;
}

/* ==================== [ Common Banner End ] ==================== */

/* ==================== [ Features Start ] ==================== */
.features .features-block {
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 20px;
}

.features .features-block .card {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 36px;
	padding: 54px 28px 46px;
	border: 1px solid var(--secondary-15);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	max-width: 387px;
	width: 100%;
	height: auto;
	background-color: var(--white);
}

.features .card.card-283 {
	max-width: 283px;
	width: 100%;
}

.features .card.card-283 .card-text {
	max-width: 225px;
	width: 100%;
}

.features .card .card-text {
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: 14px;
	max-width: 284px;
	width: 100%;
	margin: 0 auto;
}

.features .card .title * {
	color: var(--secondary);
	text-align: center;
	font-family: var(--urbanist);
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 0;
}

.features .card.card-283 .title * {
	color: var(--light-muted);
}

.features .card .disc * {
	color: var(--secondary-80);
	text-align: center;
	font-family: var(--urbanist);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 147%;
	margin-bottom: 0;
}

.features .card.card-283 .disc * {
	color: var(--light-muted);
	opacity: 0.8;
}

.features .card .card-image {
	max-width: 90px;
	width: 100%;
	aspect-ratio: 1 / 1;
}

.features .card .card-image * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.features .card::before {
	content: "";
	position: absolute;
	display: block;
	top: 10px;
	left: 50%;
	transform: translate(-50%, 0);
	height: 100%;
	width: 86%;
	background-color: var(--secondary);
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	z-index: -1;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}

.features .features-shade {
	position: absolute;
	background-color: var(--primary-10);
	height: 52%;
	width: 100%;
	filter: blur(125px);
	-webkit-filter: blur(125px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	user-select: none;
	pointer-events: none;
}

/* ==================== [ Features End ] ==================== */

/* ==================== [ Our Story Start ] ==================== */
.our-story {
	position: relative;
}

.our-story .text-content {
	position: relative;
}

.our-story .image-content {
	position: relative;
	padding-bottom: 24px;
}

.our-story .heading-block {
	position: relative;
	display: flex;
	align-items: start;
	justify-content: space-between;
	padding-bottom: 30px;
	margin-bottom: 60px;
}

.our-story .heading-block .three-line-vector {
	bottom: 0;
	right: 0;
}

.our-story .heading-block .title {
	position: relative;
	max-width: 250px;
	width: 100%;
}

.our-story .heading-block .disc {
	max-width: 530px;
	width: 100%;
}

.our-story .heading-block .title strong::after {
	right: 0;
	bottom: -10px;
}

.our-story .heading-block .title .star-vector {
	top: 10px;
	left: calc(100% + 36px);
}

.our-story .content-block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.our-story .content-block .text-content {
	max-width: 535px;
	width: 100%;
}

.our-story .white-shade-effect {
	top: 35%;
}

.our-story .content {
	padding-bottom: 124px;
}

.our-story .text-content .arrow-vector {
	left: 0;
	bottom: 0;
}

.our-story .image-content .img-contain {
	position: relative;
	z-index: 1;
	max-width: 682px;
	width: 100%;
	height: auto;
	aspect-ratio: 682 / 452;
}

.our-story .image-content .img-contain * {
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
}

.our-story .image-content .green-circle-vector {
	right: 0;
	top: -36px;
}

.our-story .image-content .white-dots-square {
	bottom: 4px;
}


/* ==================== [ Our Story End ] ==================== */

/* ==================== [ Our Solutions Start ] ==================== */
.our-solutions {
	position: relative;
}

.our-solutions .heading-block {
	margin-bottom: 90px;
}

.our-solutions .heading-block .title {
	width: fit-content;
	margin: 0 auto;
}

.our-solutions .heading-block .title * {
	color: var(--secondary);
}

.our-solutions .heading-block .title strong::after {
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.our-solutions .our-solutions-block {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 60px;
}

.our-solutions .our-solutions-block>* {
	display: flex;
	flex-direction: column;
	gap: 60px;
	width: 100%;
	height: auto;
}

.our-solutions .card.h-344 {
	min-height: 344px;
}

.our-solutions .card.h-557 {
	min-height: 557px;
	padding-bottom: 258px;
}

.our-solutions .card {
	position: relative;
	border-radius: 1px solid var(--black-15);
	border-radius: 20px;
	max-width: 100%;
	width: 100%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	padding: 49px 64px 20px 64px;
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 26px;
	overflow: hidden;
}

.our-solutions .card.dark {
	position: relative;
	border-color: var(--secondary);
	background-color: var(--secondary);
	box-shadow: 3.958px 3.958px 15.834px 0 rgba(0, 0, 0, 0.05);
}

.our-solutions .card.dark::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	height: 128px;
	width: 128px;
	background-color: var(--white);
	filter: blur(175px);
	-webkit-filter: blur(175px);
	z-index: 1;
}

.our-solutions .card .image {
	width: 90px;
	aspect-ratio: 1 / 1;
	height: auto;
}

.our-solutions .card .image * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.our-solutions .card .text {
	display: flex;
	flex-direction: column;
	gap: 12px;
	z-index: 1;
}

.our-solutions .card .title * {
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	text-transform: capitalize;
	margin-bottom: 0;
	max-width: 278px;
	width: 100%;
}

.our-solutions .card .disc * {
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 147%;
	margin-bottom: 0;
	max-width: 388px;
	width: 100%;
	opacity: .8;
}

.our-solutions .card.dark .title *,
.our-solutions .card.dark .disc * {
	color: var(--white);
}

.our-solutions .realtime-communicatie-bg-img {
	position: absolute;
	bottom: -15px;
	right: -5px;
	width: 72%;
	aspect-ratio: 448 / 299;
	background: url('../imagesnew/thumb/realtime-communicatie.png') no-repeat;
	background-size: 100%;
	user-select: none;
	pointer-events: none;
}

.our-solutions .collectieroutes-bg-img {
	position: absolute;
	bottom: -13px;
	right: -100px;
	width: 90%;
	aspect-ratio: 655 / 277;
	background: url('../imagesnew/thumb/collectieroutes-op.png') no-repeat;
	background-size: 100%;
	user-select: none;
	pointer-events: none;
}

/* ==================== [ Our Solutions End ] ==================== */

/* ==================== [ Why Pakket2Go Start ] ==================== */
.why-pakket2go .heading-block .title * {
	color: var(--secondary);
}

.why-pakket2go .heading-block .disc * {
	color: var(--secondary-80);
}

.why-pakket2go .heading-block {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 40px;
}

.why-pakket2go .heading-block .title {
	max-width: 316px;
	width: 100%;
}

.why-pakket2go .star-vector {
	position: relative;
}

.why-pakket2go .three-line-vector {
	position: relative;
}

.why-pakket2go .heading-block .title-block {
	display: flex;
	align-items: start;
	max-width: 377px;
	width: 100%;
}

.why-pakket2go .heading-block .disc-block {
	display: flex;
	flex-direction: column;
	align-items: end;
	max-width: 530px;
	width: 100%;
	gap: 30px;
}

.why-pakket2go .heading-block .title strong::after {
	left: 70px;
	bottom: -10px;
}

.why-pakket2go .heading-block .title .star-vector {
	left: 100%;
	top: 0;
}

.why-pakket2go .why-pakket2go-block {
	display: flex;
	flex-direction: column;
	gap: 100px;
}

.why-pakket2go .why-pakket2go-block .why-pakket2go-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.why-pakket2go .image-content {
	position: relative;
	max-width: 518px;
	width: 100%;
	margin-block: 55px 38px;
}

.why-pakket2go .image-content .img-contain {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	overflow: hidden;
	border: 1px solid var(--secondary);
	box-shadow: 7px 7px 0 var(--secondary);
}

.why-pakket2go .image-content .dark-dots-square {
	bottom: -38px;
	left: -38px;
	z-index: -1;
}

.why-pakket2go .image-content .green-circle-vector {
	top: -55px;
	right: -55px;
	z-index: 1;
	pointer-events: none;
}


.why-pakket2go .text-content {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 20px;
	max-width: 530px;
	width: 100%;
}

.why-pakket2go .text-content .title * {
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 50px;
	text-transform: capitalize;
	margin-bottom: 0;
}
.why-pakket2go .text-content .disc p{
	margin-bottom: 0px;
	color: var(--secondary-80);
	font-weight: 500;
} 
.why-pakket2go .text-content .badge {
	padding: 11px 25px;
	background: var(--badge-bg);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.why-pakket2go .text-content .badge * {
	color: var(--primary);
	text-align: center;
	font-family: var(--urbanist);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 0;
}

.why-pakket2go .text-content .arrow-vector {
	position: relative;
	margin-top: 20px;
}

.why-pakket2go .text-content .features-list ul {
	display: flex;
	flex-direction: column;
	align-items: start;
	margin-block: 0;
	padding-left: 45px;
	gap: 20px;
}

.why-pakket2go .text-content .features-list ul li {
	position: relative;
	color: var(--secondary);
	font-family: var(--urbanist);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	list-style: none;
}

.why-pakket2go .text-content .features-list ul li::before {
	position: absolute;
	top: 0;
	right: calc(100% + 15px);
	content: "";
	display: block;
	height: 30px;
	width: 30px;
	background: url("../imagesnew/svgs/green-check-icon.svg");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}


.why-pakket2go .why-pakket2go-block .why-pakket2go-row:nth-child(2n) {
	flex-direction: row-reverse;
}

.why-pakket2go .why-pakket2go-block .why-pakket2go-row:nth-child(2n) .features-list ul li::before {
	background: url("../imagesnew/svgs/dark-check-icon.svg");
	background-size: 100%;
}

.why-pakket2go .why-pakket2go-block .why-pakket2go-row:nth-child(2n) .arrow-vector,
.why-pakket2go .why-pakket2go-block .why-pakket2go-row:nth-child(2n) .green-circle-vector {
	transform: scaleX(-1);
	filter: brightness(0) saturate(100%) invert(13%) sepia(9%) saturate(1882%) hue-rotate(176deg) brightness(92%) contrast(97%);
	-webkit-filter: brightness(0) saturate(100%) invert(13%) sepia(9%) saturate(1882%) hue-rotate(176deg) brightness(92%) contrast(97%);
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
}

.why-pakket2go .why-pakket2go-block .why-pakket2go-row:nth-child(2n) .dark-dots-square {
	filter: brightness(0) saturate(100%) invert(42%) sepia(85%) saturate(2868%) hue-rotate(115deg) brightness(102%) contrast(99%);
	-webkit-filter: brightness(0) saturate(100%) invert(42%) sepia(85%) saturate(2868%) hue-rotate(115deg) brightness(102%) contrast(99%);
}

/* ==================== [ Why Pakket2Go End ] ==================== */

/* ==================== [ Forms Start ] ==================== */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

textarea {
	resize: none;
}

.form-group {
	border-radius: 25px;
	background-color: var(--white);
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.form-group input,
.form-group textarea {
	padding: 18px 22px;
	border-radius: 30px;
	color: var(--black);
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.093px;
	border: 0;
	box-shadow: none;
	width: 100%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.form-group textarea {
	min-height: 157px;
}

form .action {
	padding-top: 10px;
}

.form-group .msg * {
	color: #878A99;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.093px;
	margin: 0;
}

.form-group:has(select.select) {
	padding: 0 15px;
}

.form-group:has(select.select) input {
	padding: 18px 10px;
}

.form-group .flag-option {
	min-width: 150px;
}

.flag-option {
	display: flex;
	align-items: center;
	gap: 11px;

	color: var(--muted);
	font-family: var(--open-sans);
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.093px;
}

.fi {
	flex-shrink: 0;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-size: cover;
}

/* ==================== [ Forms End ] ==================== */


/* ==================== [ Select2 Setting Start ] ==================== */

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
}

.select2-container--default .select2-selection--single {
	border: 0;
	display: flex;
	align-items: center;
	background-color: var(--transparent);
}

.select2-container {
	min-width: 90px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--muted) transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent var(--muted) transparent;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: var(--primary-10) !important;
	/* color: var(--white) !important; */
}

.select2-results__option .flag-option {
	display: flex;
	align-items: center;
	gap: 10px;
}

.select2-dropdown {
	min-width: 140px;
	top: 10px;
}

.select2-container--open .select2-dropdown--below {
	border-radius: 8px;
	border: 1px solid var(--black-15);
}

/* ==================== [ Select2 Setting End ] ==================== */


/* ==================== [ Contact Us Start ] ==================== */
.contact-us {
	position: relative;
	z-index: 1;
}

.contact-us .card {
	position: relative;
	padding-top: 103px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.contact-us .card-shade {
	position: absolute;
	bottom: -17px;
	left: 50%;
	transform: translateX(-50%);
	width: 93.15%;
	border-radius: 30px;
	height: 200px;
	background-color: var(--primary);
	opacity: 1;
	z-index: -1;
}

.contact-us .card {
	position: relative;
	padding: 80px 110px 80px 70px;
	border-radius: 30px;
	background-color: var(--secondary);
	flex-direction: row;
}

.contact-us .card::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 144px;
	height: 144px;
	background-color: var(--white);
	filter: blur(175px);
}

.contact-us .card .image-container {
	position: relative;
	max-width: 538px;
	height: 500px;
}

.contact-us .card .image-container .image {
	width: 100%;
	height: 100%;
	border-radius: 24px;
	overflow: hidden;
}

.contact-us .card .form-container {
	max-width: 474px;
	width: 100%;
	height: fit-content;
}

.contact-us .card .form-container {
	max-width: 474px;
	width: 100%;
	height: fit-content;
}

.contact-us .card .content .content-title {
	margin-bottom: 3px;
}

.contact-us .card .content .content-disc * {
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 30px;
}

.contact-us .card .location {
	position: absolute;
	top: -24px;
	left: 36px;
	padding: 12px 16px;
	border-radius: 50px;
	background-color: var(--white);
	display: flex;
	align-items: center;
	gap: 11px;
}

.contact-us .card .location .address * {
	color: var(--dark);
	font-family: var(--open-sans);
	line-height: 150%;
	letter-spacing: -0.36px;
	text-transform: capitalize;
	margin-bottom: 0;
}

.contact-us .card .email {
	position: absolute;
	bottom: -24px;
	right: 29px;
	padding: 12px 16px;
	border-radius: 50px;
	background-color: var(--white);
	display: flex;
	align-items: center;
	gap: 11px;
}

.contact-us .card .email .address * {
	color: var(--dark);
	font-family: var(--open-sans);
	line-height: 150%;
	letter-spacing: -0.36px;
	/* text-transform: capitalize; */
	margin-bottom: 0;
	transition: all 0.3s ease-in-out;
}

.contact-us .card .email:hover .address * {
	color: var(--primary);
}

/* ==================== [ Contact Us End ] ==================== */


/* ==================== [ Footer Start ] ==================== */
.footer {
	padding: 190px 0 0;
	position: relative;
	background: radial-gradient(50% 50% at 50% 50%, rgba(230, 255, 238, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%);
	background-size: cover;
	background-position: center;
}

.footer .footer-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 153px;
}

.footer .brand-details {
	max-width: 320px;
}

.footer .brand-details .logo {
	margin-bottom: 19px;
}
.footer .brand-details .logo img{
	max-width: 190px;
}

.footer .brand-details .disc * {
	color: var(--dark-60);
	font-weight: 400;
	line-height: 160%;
	margin-bottom: 13px;
}

.footer .brand-details .disc a:hover {
	color: var(--primary);
}

.footer .brand-details .disc *:last-child {
	margin-bottom: 0;
}

.footer .footer-menu-group {
	max-width: 630px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.footer .footer-menu-group .menu-title * {
	color: var(--dark);
	font-size: 21px;
	line-height: 160%;
	margin-bottom: 16px;
}

.footer .footer-menu-group ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.footer .footer-menu-group ul li {
	margin-bottom: 16px;
}

.footer .footer-menu-group ul li:last-child {
	margin-bottom: 0;
}

.footer .footer-menu-group ul a {
	width: fit-content;
	color: var(--dark-60);
	font-weight: 400;
	line-height: 160%;
	display: block;
}

.footer .footer-menu-group ul a.active {
	color: var(--primary) !important;
}

.footer .copyright {
	position: relative;
	padding: 32px 0 44px;
}

.footer .copyright::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, rgba(22, 22, 22, 0.00) 0%, #161616 50%, rgba(22, 22, 22, 0.00) 100%);
	opacity: 0.2;
}

.footer .copyright .copy-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer .copyright .copy-links {
	display: flex;
	align-items: center;
	gap: 53px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer .copyright .copy-links a {
	color: var(--dark-50);
	font-weight: 500;
	line-height: 160%;
	display: block;
}

.footer .copyright .copy * {
	color: var(--dark-50);
	line-height: 160%;
	font-weight: 500;
	margin-bottom: 0;
}

/* ==================== [ Footer End ] ==================== */

/* ==================== [ FAQ Start ] ==================== */
.faq {
	background: rgba(1, 181, 55, 0.05);
}

.faq .heading-block .title * {
	color: var(--secondary);
	text-align: center;
}

.faq .heading-block .title>* {
	margin-bottom: 83px;
}

.faq .heading-block .title strong {
	position: relative;
	display: inline-block;
}

.faq .heading-block .title strong::after {
	right: 0;
}

.faq .faq-container {
	max-width: 1080px;
	margin: 0 auto;
}

.accordion-item {
	display: flex;
	align-items: center;
	position: relative;
	gap: 30px;
	border: 0;
	padding-block: 40px;
	cursor: pointer;
	background-color: var(--transparent);
}

.accordion-item:first-child {
	padding-top: 0;
}

.accordion-item:last-child {
	padding-bottom: 0;
}

.accordion-item .accArrow {
	transform: rotate(-45deg);
}

.accordion-item.active .accArrow {
	transform: rotate(130deg);
	border: 1px solid rgba(20, 27, 52, 0.50);
}

.accordion-item.active .accArrow svg path {
	stroke: rgba(20, 27, 52, 0.50);
}

.accordion-item::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	opacity: 0.4;
	background: linear-gradient(90deg, rgba(20, 27, 52, 0.00) 0%, var(--light-muted) 50%, rgba(20, 27, 52, 0.00) 100%);
}

.accordion-item:last-child:after {
	display: none;
}

.accordion-button {
	pointer-events: none;
	line-height: normal;
	background-color: var(--transparent) !important;
	border: 0;
	box-shadow: none !important;
	color: var(--light-muted) !important;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 50px;
	padding: 0;
}

.accordion-button::after {
	display: none;
}

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

.accordion-main {
	width: 100%;
}

.accordion-body {
	padding: 0;
}

.accordion-body * {
	margin-bottom: 0;
	color: rgba(20, 27, 52, 0.70);
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
}

.accordion-body strong {
	color: var(--light-muted);
	font-weight: 500 !important;
}

.accordion .accNumber {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background-color: var(--light-muted);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	text-align: center;
	font-size: 27px;
	font-style: normal;
	font-weight: 800;
	line-height: 58.968px;
}

.accArrow {
	width: 66px;
	height: 66px;
	flex-shrink: 0;
	border-radius: 50%;
	background-color: var(--white);
	border: 1px solid var(--primary);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.accArrow svg path {
	stroke: var(--primary);
	transition: all 0.3s ease-in-out;
}

/* ==================== [ FAQ End ] ==================== */

/* ==================== [ How It's Work Start ] ==================== */
.how-work .heading-block .title .star-vector {
	left: calc(100% - 20px) !important;
}

.how-work .heading-block .three-line-vector {
	bottom: 30px;
}

.how-work .heading-block {
	margin-bottom: 45px;
}

.how-work .how-work-container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	row-gap: 30px;
	padding-bottom: 75px;
}

.how-work .how-work-container .card-detail {
	display: flex;
	flex-direction: column;
	max-width: 330px;
}

.how-work .how-work-container .card-detail .icon-group {
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background-color: var(--white);
	position: relative;
	box-shadow: 0 6px 0 0 #01B537;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 27px;
}

.how-work .how-work-container .card-detail .icon-group * {
	margin-top: -8px;
	margin-right: -8px;
}

.how-work .how-work-container .card-detail .content-details .title * {
	color: var(--white);
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 14px;
}

.how-work .how-work-container .card-detail .content-details .disc * {
	color: var(--white);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 147%;
	opacity: 0.8;
	margin-bottom: 0;
}

.how-work .content-details {
	padding-bottom: 0;
}

.how-work .arrow {
	margin-top: 83px;
}

.how-work .action {
	display: flex;
	justify-content: center;
}

/* ==================== [ How It's Work End ] ==================== */

/* ==================== [ Custom Routes Start ] ==================== */
.heading .title span {
	color: var(--primary);
}

.custom-routes-banner .heading {
	max-width: 566px;
	width: 100%;
}

/* ==================== [ Custom Routes End ] ==================== */

/* ==================== [ Why Pakket2Go Start ] ==================== */
.why-pakket2go .why-pakket2go-row {
	position: relative;
}

.why-pakket2go .why-pakket2go-block .why-pakket2go-row {
	gap: 60px;
}

.why-pakket2go .image-content {
	aspect-ratio: 518 / 414;
}

.why-pakket2go .image-content .img-contain {
	width: 100%;
	height: 100%;
}

.why-pakket2go .image-content .img-contain * {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.why-pakket2go .image-content .green-circle-vector {
	width: 153px;
}

.why-pakket2go .image-content .dark-dots-square {
	width: 103px;
}

.why-pakket2go .image-content {
	margin-inline: 38px 55px;
}

.why-pakket2go .text-content .badge {
	background-color: #EEF8F0;
}

.why-pakket2go .text-content .title img {
	width: 40px;
	aspect-ratio: 1 / 1;
}

.why-pakket2go .green-shade-effect {
	width: 1445px;
	height: 38%;
}

/* ==================== [ Why Pakket2Go End ] ==================== */

/* ==================== [ Our Mission Start ] ==================== */
.our-mission {
	position: relative;
}

.our-mission-block {
	display: flex;
	align-items: end;
	justify-content: space-between;
	position: relative;
	z-index: 2;
	gap: 40px;
}

.our-mission-block .left {
	display: flex;
	flex-direction: column;
	gap: 77px;
}

.our-mission-block .heading-block {
	position: relative;
	max-width: 610px;
	width: 100%;
}

.our-mission-block .heading-block .star-vector {
	top: 10px;
	right: 30px;
}

.our-mission-block .heading-block .title strong::after {
	bottom: -15px;
	left: 75px;
}

.our-mission-block .heading-block .title * {
	font-size: 55px;
}


.our-mission-block .left,
.our-mission-block .right {
	max-width: calc(50% - 40px);
	width: 100%;
}

.our-mission-block .left .image-content {
	max-width: 610px;
	width: 100%;
	aspect-ratio: 610 / 406;
	height: auto;
}

.our-mission-block .left .image-content .img-contain {
	width: 100%;
	height: 100%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 6px 0 0 var(--primary);
}

.our-mission-block .left .image-content .img-contain * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


.our-mission-block .right {
	display: flex;
	flex-direction: column;
	gap: 45px;
}

.our-mission-block .right .image-block {
	display: flex;
	align-items: center;
	gap: 30px;
	width: 100%;
}

.our-mission-block .right .image-block>* {
	max-width: calc(50% - 15px);
	width: 100%;
}

.our-mission-block .right .image-block .img-contain {
	width: 100%;
	height: 100%;
	aspect-ratio: 290 / 207;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 6px 0 0 var(--primary);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.our-mission-block .right .image-block .img-contain * {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.our-mission-block .right .disc * {
	color: var(--white-80);
	opacity: .8;
	font-family: var(--urbanist);
	font-size: 17px;
	font-weight: 500;
	line-height: 147%;
	margin-bottom: 0;
}

.our-mission-block .right .disc-block {
	display: flex;
	flex-direction: column;
	align-items: end;
	gap: 57px;
}

.our-mission-block .right .disc-block .three-line-vector {
	position: relative;
}

.our-mission-block .right .stats-block ul {
	width: 100%;
	display: flex;
	align-items: start;
	justify-content: space-between;
	list-style: none;
	gap: 20px;
	margin-block: 12px 0;
	padding-left: 0;
}

.our-mission-block .right .stats-block ul li *:first-child {
	color: var(--white);
	font-family: var(--urbanist);
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 147%;
	display: block;
}

.our-mission-block .right .stats-block ul li *:last-child {
	color: var(--white-80);
	font-family: var(--urbanist);
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 147%;
	opacity: .8;
	display: block;
}

.our-mission-block .right .profile-block {
	display: flex;
	align-items: center;
	gap: 47px;
}

.our-mission-block .right .profile-block ul {
	list-style: none;
	display: flex;
	align-items: center;
	padding-left: 0;
	margin-block: 0;
}

.our-mission-block .right .profile-block ul li {
	border-radius: 50%;
	height: 74px;
	width: 74px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
	margin-left: -22px;
}

.our-mission-block .right .profile-block ul li:first-child {
	margin-left: 0;
}

.our-mission-block .right .profile-block ul li * {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* ==================== [ Our Mission End ] ==================== */




/* Happy */

/* ======= [problem solution css start] ========= */
.problem-solution .heading-block .title {
	text-align: center;
}

.problem-solution .heading-block .title strong {
	color: var(--primary);
	position: relative;
}

.problem-solution .heading-block .title strong::after {
	left: calc(50% - 70%);
	transform: translateX(-50%);
	z-index: 1;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.problem-solution-card-container {
	display: flex;
	justify-content: center;
	padding: 96px 0 62px 0;
	margin-top: 100px;
}

.problem-solution-card-container .card {
	position: relative;
	border-radius: 20px;
	padding: 57px 60px 62px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.problem-solution-card-container .card .card-title * {
	font-size: 25px;
	font-weight: 700;
	line-height: 96%;
}

.problem-solution-card-container .problem-card.card .card-title * {
	color: var(--white);
}

.problem-solution-card-container .card ul {
	list-style: none;
	padding: 0;
}

.problem-solution-card-container .card ul li {
	font-size: 16px;
	font-weight: 500;
	line-height: 137%;
	text-transform: capitalize;
	padding: 15px 0;
	display: flex;
	align-items: center;
	position: relative;
}

.problem-solution-card-container .card ul li:first-child {
	padding-top: 0px;
}

.problem-solution-card-container .card ul li:last-child {
	padding-bottom: 0px;
}

.problem-solution-card-container .card ul li::before {
	flex-shrink: 0;
	content: "";
	position: relative;
	display: flex;
	top: 0px;
	left: 0px;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background-position: center;
	background-repeat: no-repeat;
}

.problem-solution-card-container .problem-card .thumb-down {
	position: absolute;
	top: -35px;
	right: 85px;
	width: 91px;
	height: 91px;
}

.problem-solution-card-container .card .card-title * {
	color: var(--white);
}

.problem-solution-card-container .problem-card.card ul li {
	color: var(--white);
}

.problem-solution-card-container .problem-card.card ul li::before {
	background: url('../imagesnew/thumb/close-icon.png');
}

.problem-solution-card-container .problem-card {
	border-radius: 20px;
	border: 1px solid #677281;
	background: #313A47;
	box-shadow: 0 0 53.23px 0 rgba(0, 0, 0, 0.17) inset;
}

.problem-solution-card-container .solution-card {
	height: fit-content;
	margin-left: -45px;
	margin-top: -96px;
	background: var(--white);
	box-shadow: 10px 10px 0 0 #01B537;
}

.problem-solution-card-container .solution-card .thumb-up {
	position: absolute;
	top: -52px;
	right: 66px;
}

.problem-solution-card-container .solution-card.card ul li {
	color: var(--secondary);
}

.problem-solution-card-container .solution-card.card .card-title * {
	color: var(--secondary);
}

.problem-solution-card-container .solution-card.card ul li::before {
	background: url('../imagesnew/thumb/right-icon.png');
}

.problem-solution-wrp .btn.btn-primary-white {
	margin: 0 auto;
}

/* ======= [problem solution css end] ========= */

/* ======= [steps css start] ========= */
.steps-img {
	height: 100%;
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
}

.steps-img svg {
	width: 100%;
	max-width: 990px;
	height: 100%;
	overflow: visible;
}

/* ======= [steps css end] ========= */

/* ====== [ look like css start ] ====== */
.look-like .heading-block .title {
	text-align: center;
}

.look-like .heading-block {
	margin-bottom: 100px;
}

.look-like .heading-block .title * {
	color: var(--secondary);
}

.look-like .heading-block .title strong {
	position: relative;
	color: var(--primary);
}

.look-like .heading-block .title strong::after {
	left: calc(50% - -40px);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.look-mySwiper {
	position: relative;
	padding-bottom: 62px;
}

.look-mySwiper .swiper {
	width: 100%;
	height: 100%;
}

.look-mySwiper .swiper-slide {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.look-mySwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.look-mySwiper .swiper-pagination {
	bottom: 0;
}

.look-mySwiper .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	opacity: 0.3;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

.look-mySwiper .swiper-pagination-bullet-active {
	opacity: 1;
	width: 48px;
	background: var(--primary);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}