/********************
	*	Fonts
	********************/

	@font-face {
		font-family: "Inter";
		src: url("./../fonts/inter/Inter-Thin.ttf") format("truetype");
		font-weight: 100;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: "Inter";
		src: url("./../fonts/inter/Inter-Light.ttf") format("truetype");
		font-weight: 200;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: "Inter";
		src: url("./../fonts/inter/Inter-Regular.ttf") format("truetype");
		font-weight: 400;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: "Inter";
		src: url("./../fonts/inter/Inter-Medium.ttf") format("truetype");
		font-weight: 500;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: "Inter";
		src: url("./../fonts/inter/Inter-SemiBold.ttf") format("truetype");
		font-weight: 600;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: "Inter";
		src: url("./../fonts/inter/Inter-Bold.ttf") format("truetype");
		font-weight: 700;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: "Inter";
		src: url("./../fonts/inter/Inter-ExtraBold.ttf") format("truetype");
		font-weight: 800;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: "Inter";
		src: url("./../fonts/inter/Inter-Black.ttf") format("truetype");
		font-weight: 900;
		font-style: normal;
		font-display: swap;
	}

	@font-face {
		font-family: "Libre Franklin";
		src: url("./../fonts/libre-franklin/LibreFranklin-VariableFont_wght.ttf") format("truetype");
		font-weight: 100 900;
		font-display: swap;
	}


	/********************
	*	Root, Body, HTML
	********************/

	:root {
		/* --clr-primary-400: #183f66;
		--clr-primary-500: #15395d; */

		/* --clr-secondary-400: #69ffb6;
		--clr-secondary-500: #63efab; */

		--clr-primary-50: #cdeaff84;
		--clr-primary-100: #b3d0e5;
		--clr-primary-200: #80accb;
		--clr-primary-300: #4d89b2;
		--clr-primary-400: #004e98;
		--clr-primary-500: #004484;
		--clr-primary-600: #003b70;
		--clr-primary-700: #00325c;
		--clr-primary-800: #002948;
		--clr-primary-900: #002034;


		--clr-secondary-300: #ffd60a;
		--clr-secondary-400: #ffd400;
		--clr-secondary-500: #ffdd32;

		--clr-link-400: #0049ff;
		--clr-link-500: #0040e3;

		--clr-select: #0049ff;
		--clr-star: #ffd60a;

		--clr-golden-fizz: #ffe14c;
		--clr-link-water: #edf2fb;
		--clr-green: #25a244;
		--clr-pdf: #cb112d;
		--clr-doc: #2F5496;

		--clr-neutral-100: hsl(210, 17%, 98%);
		--clr-neutral-150: hsl(210, 17%, 95%);
		--clr-neutral-200: hsl(210, 16%, 93%);
		--clr-neutral-300: hsl(210, 14%, 89%);
		--clr-neutral-400: hsl(210, 14%, 83%);
		--clr-neutral-500: hsl(210, 11%, 71%);
		--clr-neutral-600: hsl(208, 7%, 46%);
		--clr-neutral-700: hsl(210, 9%, 31%);
		--clr-neutral-800: hsl(210, 10%, 23%);
		--clr-neutral-850: hsl(210, 11%, 18%);
		--clr-neutral-900: hsl(210, 11%, 15%);

		--ff-primary: "Inter";
		--ff-secondary: "Libre Franklin";

		--bp-xs: 380;
		--bp-sm-xs: 430;
		--bp-sm: 576;
		--bp-md: 768;
		--bp-lg: 992;
		--bp-xl: 1260;
	}

	body {
		color: var(--clr-neutral-850);
		background-color: #fff;
		overflow-x: hidden;
	}

	a:focus {
		outline: 0.3rem solid transparent;
	}

	a:focus {
		outline-color: var(--clr-golden-fizz);
	}

	@supports selector(:focus-visible) {
		a:focus {
			outline-color: transparent;
		}

		a:focus-visible {
			outline-color: var(--clr-golden-fizz);
		}
	}

	/********************
	*	Reset
	********************/

	/* codebase: http://localhost/_repository/css/reset.css */

	/* codebase-merge */
	*,
	*::before,
	*::after {
		font: inherit;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		-webkit-tap-highlight-color: transparent;
		tap-highlight-color: transparent;
	}

	html,
	body {
		min-height: 100%;
	}

	html {
		font-size: 62.5%;
	}

	body {
		font-family: var(--ff-primary);
		font-size: 1.6rem;
		color: var(--clr-neutral-900);
		line-height: 1.5;
		-webkit-font-smoothing: antialiased;
		overflow-x: hidden;
	}

	img {
		font-style: italic;
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		width: 100%;
	}

	picture,
	video,
	canvas,
	svg {
		display: block;
		width: 100%;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		overflow-wrap: break-word;
		text-wrap: pretty;
	}

	p {
		text-wrap: pretty;
	}

	p strong {
		font-weight: 500;
	}

	a {
		color: inherit;
		text-decoration: none;
	}

	i {
		font-style: italic;
	}

	button {
		cursor: pointer;
	}

	form {
		width: 100%;
	}

	form input[type="text"],
	form input[type="password"],
	form input[type="email"],
	form input[type="number"],
	form select,
	form textarea {
		width: 100%;
	}

	select {
		appearance: none;
	}

	@media(prefers-reduced-motion: no-preference) {
		:has(:target) {
			scroll-behavior: smooth;
			scroll-padding-top: 2rem;
		}
	}

	/* #codebase-merge */







	hr::before {
		content: "";
		display: block;
		background-color: var(--clr-neutral-300);
		width: 100%;
		height: 0.1rem;
	}

	/********************
	*	Colors
	********************/

	/* codebase: http://localhost/_repository/css/color.css */

	/* codebase-merge */
	.clr-white {
		color: #fff;
	}

	.clr-red {
		color: red;
	}

	.clr-primary-400 {
		color: var(--clr-primary-400);
	}

	.clr-primary-500 {
		color: var(--clr-primary-500);
	}

	.clr-secondary-400 {
		color: var(--clr-secondary-400);
	}

	.clr-secondary-500 {
		color: var(--clr-secondary-500);
	}

	.clr-neutral-100 {
		color: var(--clr-neutral-100);
	}

	.clr-neutral-150 {
		color: var(--clr-neutral-150);
	}

	.clr-neutral-200 {
		color: var(--clr-neutral-200);
	}

	.clr-neutral-300 {
		color: var(--clr-neutral-300);
	}

	.clr-neutral-400 {
		color: var(--clr-neutral-400);
	}

	.clr-neutral-500 {
		color: var(--clr-neutral-500);
	}

	.clr-neutral-600 {
		color: var(--clr-neutral-600);
	}

	.clr-neutral-700 {
		color: var(--clr-neutral-700);
	}

	.clr-neutral-800 {
		color: var(--clr-neutral-800);
	}

	.clr-neutral-900 {
		color: var(--clr-neutral-900);
	}

	.bg-white {
		background-color: #fff;
	}

	.bg-red {
		background-color: red;
	}

	.bg-blue {
		background-color: blue;
	}

	.bg-primary-400 {
		background-color: var(--clr-primary-400);
	}

	.bg-neutral-100 {
		background-color: var(--clr-neutral-100);
	}

	.bg-neutral-150 {
		background-color: var(--clr-neutral-150);
	}

	.bg-neutral-200 {
		background-color: var(--clr-neutral-200);
	}

	.bg-neutral-300 {
		background-color: var(--clr-neutral-300);
	}

	.bg-neutral-400 {
		background-color: var(--clr-neutral-400);
	}

	.bg-neutral-500 {
		background-color: var(--clr-neutral-500);
	}

	.bg-neutral-600 {
		background-color: var(--clr-neutral-600);
	}

	.bg-neutral-700 {
		background-color: var(--clr-neutral-700);
	}

	.bg-neutral-800 {
		background-color: var(--clr-neutral-800);
	}

	.bg-neutral-900 {
		background-color: var(--clr-neutral-900);
	}

	.clr-link-400 {
		color: var(--clr-link-400);
	}

	.outline-clr-neutral-150 {
		outline-color: var(--clr-neutral-150);
	}

	.outline-clr-neutral-300 {
		outline-color: var(--clr-neutral-300);
	}

	/* #codebase-merge */








	/********************
	*	Container
	********************/

	.container {
		display: block;
		margin-inline: auto;
		width: min(135rem, calc(95% - 1rem));
	}

	.container-2 {
		display: block;
		margin-inline: auto;
		width: calc(100% - 6rem)
	}

	.container-compact {
		display: block;
		margin-inline: auto;
		width: min(115rem, calc(95% - 1rem));
	}

	.container-full {
		width: 100%;
	}


	/********************
	*	Sections
	********************/

	.section-header.center {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.section-header.style-1 {
		display: flex;
		align-items: center;
		gap: 3rem;
		flex-wrap: wrap;
	}

	.section-header.style-1>*:first-of-type {
		width: calc(45% - 2.1rem);

	}

	.section-header.style-1>*:nth-of-type(2) {
		width: calc(40% - 2rem);

	}

	.section-header.style-1>*:nth-of-type(3) {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		flex-grow: 1;
		width: calc(10% - 2rem);
	}

	.section-margin-top-sm {
		margin-top: 4rem;
	}

	.section-margin-top-md {
		margin-top: 6rem;
	}

	.section-margin-top-xl {
		margin-top: 10rem;
	}

	.section-margin-bottom-sm {
		margin-bottom: 4rem;
	}

	.section-margin-bottom-md {
		margin-bottom: 6rem;
	}

	.section-margin-bottom-xl {
		margin-bottom: 10rem;
	}

	.section-padding-top-xl {
		padding-top: 10rem;
	}

	.section-padding-top-md {
		padding-top: 6rem;
	}

	.section-padding-bottom-xl {
		padding-bottom: 10rem;
	}


	/********************
	*	Grids
	********************/

	/* codebase: http://localhost/_repository/css/grid.css */

	/* codebase-merge */
	.grids {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	:where(.grids>.grid) {
		outline: 0.1rem solid transparent;
	}

	/* Grids 1 */

	:where(.grids-1>.grid) {
		width: 100%;
	}

	/* Grids 2 */

	:where(.grids-2>.grid) {
		width: 50%;
	}

	:where(.grids-2.gap-1>.grid) {
		width: calc(50% - 0.5rem);
	}

	:where(.grids-2.gap-2>.grid) {
		width: calc(50% - 1rem);
	}

	:where(.grids-2.gap-3>.grid) {
		width: calc(50% - 1.6rem);
	}

	:where(.grids-2.gap-5>.grid) {
		width: calc(50% - 2.56rem);
	}

	/* Grids 3 */

	:where(.grids-3>.grid) {
		width: 33.33%;
	}

	:where(.grids-3.gap-3>.grid) {
		width: calc(33.33% - 2.1rem);
	}

	/* Grids 1/3 */

	:where(.grids-1\:3.gap-2>.grid:first-of-type) {
		width: calc(33.33% - 1rem);
	}

	:where(.grids-1\:3.gap-2>.grid:last-of-type) {
		width: calc(66.66% - 1rem);
	}


	@media(max-width: 1260px) {
		.grids.gap-3.grids-2-xl>.grid {
			width: calc(50% - 1.5rem);
		}
	}

	@media(max-width: 992px) {
		.grids.grids-1-lg>.grid {
			width: 100% !important;
		}

		.grids.grids-2-lg>.grid {
			width: calc(50%);
		}
	}

	@media (max-width: 768px) {

		.grids.gap-3.grids-1-md>.grid {
			width: 100%;
		}

		.grids-2.gap-1-md>.grid {
			width: calc(50% - 0.5rem);
		}
	}

	/* #codebase-merge */








	/********************
	*	Modal
	********************/

	/* codebase: http://localhost/_repository/css/modal.css */

	/* codebase-merge */
	.modal {
		background-color: #fff;
		display: none;
		width: 100%;
		max-width: min(60rem, 90%);
		max-height: 90vh;
		border-radius: 0.8rem;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 91;
		transform: translate(-50%, -50%);
		overflow-y: auto;
	}

	.modal.modal-md {
		max-width: min(76.8rem, 90%);
	}

	.modal.modal-lg {
		max-width: min(99.2rem, 90%);
	}


	.modal.active {
		display: unset;
	}

	.modal-header {
		padding: 2rem;
		border-bottom: 0.1rem solid var(--clr-neutral-300);
	}

	.modal-header.has-close {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.modal-header .modal-close {
		background-color: transparent;
		padding: 0.7rem;
		border: 0.1rem solid transparent;
		border-radius: 0.4rem;
		transition: all 50ms;
	}

	.modal-header .modal-close:hover {
		background-color: var(--clr-neutral-200);
	}

	.modal-header .modal-close .icon {
		fill: var(--clr-neutral-800);
		width: 1.4rem;
		height: 1.4rem;
		cursor: pointer;
	}

	.modal-heading {
		font-weight: 600;
		font-size: 1.7rem;
	}

	.modal-body {
		padding: 2rem;
	}

	.modal-section-heading {
		font-weight: 600;
		font-size: 1.6rem;
	}

	.modal-section-description {
		font-size: 1.5rem;
		color: var(--clr-neutral-600);
	}

	.modal-footer {
		padding: 2rem;
		border-top: 0.1rem solid var(--clr-neutral-300);
	}

	/* #codebase-merge */








	#language-modal {
		max-width: min(45rem, 90%);
	}


	/********************
	*	Progress
	********************/

	/* codebase: http://localhost/_repository/css/progress.css */

	/* codebase-merge */
	.progress-bar {
		--progress: 0%;
		text-align: right;
		font-size: 1.4rem;
		color: var(--clr-neutral-600);
		width: 100%;
		height: 0.9rem;
		position: relative;
		pointer-events: none;
	}

	.progress-bar::before {
		content: "";
		background-color: var(--clr-neutral-200);
		display: block;
		width: calc(100% - 4rem);
		height: 100%;
		border-radius: 1000vmax;
		position: absolute;
	}

	.progress-bar::after {
		content: "";
		background-color: var(--clr-neutral-600);
		display: block;
		width: calc(var(--progress) - 4rem);
		height: 100%;
		border-radius: 1000vmax;
		position: absolute;
	}

	.progress-bar .progress {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}

	/* #codebase-merge */








	/********************
	*	Typography
	********************/

	.heading-xl {
		font-size: 6.2rem;
		font-weight: 600;
		line-height: 1.2;
	}

	.heading-lg {
		font-size: 3.8rem;
		font-weight: 700;
		line-height: 1.3;
	}

	.heading-md {
		font-size: 3.3rem;
		font-weight: 700;
		line-height: 1.3;
	}

	.heading-sm {
		font-size: 2.4rem;
		font-weight: 700;
	}

	.heading-xs-sm {
		font-size: 2.1rem;
		font-weight: 700;
	}

	.heading-xs {
		font-size: 1.8rem;
		font-weight: 600;
	}

	.heading-xss {
		font-size: 1.7rem;
		font-weight: 600;
	}

	.heading-xsss {
		font-size: 1.6rem;
		font-weight: 600;
	}

	.text-md {
		font-size: 1.8rem;
		line-height: 1.65;
	}

	.text-sm-md {
		font-size: 1.7rem;
	}

	.text-sm {
		font-size: 1.6rem;
	}

	.text-xs-sm {
		font-size: 1.5rem;
	}

	.text-xs {
		font-size: 1.4rem;
	}

	.text-xss {
		font-size: 1.3rem;
	}

	.ff-secondary {
		font-family: var(--ff-secondary);
	}

	.fw-600 {
		font-weight: 600;
	}


	/********************
	*	Lists
	********************/

	.list {
		list-style: none;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.7;
	}

	.list.primary-marker li::marker {
		color: var(--clr-primary-400);
	}

	.list>li:not(:last-of-type) {
		margin-bottom: 2.5rem;
	}

	.list li b {
		font-size: 1.9rem;
		font-weight: 600;
		display: block;
	}

	.list li span {
		color: var(--clr-neutral-700);
		display: block;
		padding-left: 2.2rem;
	}

	.list .icon {
		font-size: 2.7rem;
	}

	.list-hz {
		display: flex;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1rem;
		list-style: disc;
	}

	.list.list-hz li {
		margin-right: 3rem;
		margin-bottom: 0;
	}

	.link-list {
		list-style: none;
	}

	.link-list li:not(:last-of-type) {
		margin-bottom: 1rem;
	}

	.link-list li a {
		font-size: 1.7rem;
		display: flex;
		align-items: center;
		gap: 1rem;
		color: var(--clr-link-400);
	}

	.link-list li:hover a {
		color: var(--clr-link-500);
	}

	.link-list li a b {
		font-weight: 600;
	}

	.link-list li a .icon {
		fill: var(--clr-link-400);
		width: 2.1rem;
		height: 2.1rem;
	}

	.simple-list {
		font-size: 1.8rem;
		list-style: none;
	}

	.simple-list>li {
		display: flex;
		align-items: center;
		gap: 0.8rem;
	}

	.simple-list>li:not(:last-of-type) {
		margin-bottom: 1.4rem;
	}

	.simple-list>li .icon {
		fill: var(--clr-neutral-850);
		width: 1.6rem;
		height: 1.6rem;
		transform: translateY(0.1rem);
	}

	.simple-list>li a {
		color: var(--clr-neutral-850);
	}

	/********************
	*	Alerts
	********************/

	.alert {
		padding: 1rem;
		border-radius: 0.4rem;
	}

	.alert-primary {
		background-color: var(--clr-primary-50);
	}


	/********************
	*	Button
	********************/

	.button {
		font-size: 1.6rem;
		font-weight: 600;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		color: var(--clr-neutral-900);
		background-color: var(--clr-neutral-150);
		border: 0.1rem solid transparent;
		border-radius: 0.4rem;
		outline: 0.3rem solid transparent;
		padding: 1.2rem 1.8rem;
		position: relative;
		cursor: pointer;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		transition: all 250ms;
	}

	.button:hover {
		background-color: var(--clr-neutral-200);
	}

	.button-ghost,
	.button-ghost:hover {
		background-color: transparent;
		padding: 0;
	}

	.button-black {
		color: #fff;
		background-color: var(--clr-neutral-800);
	}

	.button-black-border {
		color: var(--clr-neutral-800);
		background-color: transparent;
		border-color: var(--clr-neutral-800);
	}

	.button-black-border:hover {
		color: #fff;
		background-color: var(--clr-neutral-800);
	}

	.button-gray-border {
		color: var(--clr-neutral-600);
		background-color: transparent;
		border-color: var(--clr-neutral-600);
	}

	.button-gray-border:hover {
		color: #fff;
		background-color: var(--clr-neutral-800);
	}

	.button-gray-border-2,
	.button-gray-border-2:hover {
		color: var(--clr-neutral-850);
		background-color: transparent;
		border-color: var(--clr-neutral-600);
	}

	.button-primary {
		color: #fff;
		background-color: var(--clr-primary-400);
	}

	.button-primary:hover {
		background-color: var(--clr-primary-500);
	}

	.button-primary .icon {
		fill: #fff;
	}

	.button-primary-border {
		color: var(--clr-primary-400);
		background-color: transparent;
		border-color: var(--clr-primary-400);
	}

	.button-primary-border:hover {
		color: #fff;
		background-color: var(--clr-primary-400);
	}

	.button-primary-ghost,
	.button-primary-ghost:hover,
	.button-primary-ghost:active {
		color: var(--clr-primary-400);
		background-color: transparent;
		padding: 0;
	}

	.button-secondary {
		color: var(--clr-neutral-800);
		background-color: var(--clr-secondary-400);
	}

	.button-secondary:hover {
		background-color: var(--clr-secondary-500);
	}

	.button-danger-ghost,
	.button-danger-ghost:hover,
	.button-danger-ghost:active {
		color: red;
		background-color: transparent;
		padding: 0;
	}

	.button-white-border {
		color: #fff;
		background-color: transparent;
		border-color: #fff;
	}

	.button-white-border:hover {
		color: var(--clr-neutral-800);
		background-color: #fff;
	}

	.button-double-border-bottom,
	.button-double-border-bottom:hover {
		color: var(--clr-neutral-700);
		background-color: transparent;
		padding: 0;
		box-shadow: none;
		position: relative;
	}

	.button-double-border-bottom::before {
		content: "";
		background-color: var(--clr-neutral-700);
		display: block;
		width: 0%;
		height: 0.1rem;
		position: absolute;
		bottom: -0.4rem;
		transition: all 200ms;
	}

	.button-double-border-bottom:hover::before {
		width: 100%;
	}

	.button-sm-md {
		padding: 1rem 1.6rem;
	}

	.button-sm {
		font-size: 1.3rem;
		padding: 0.6rem 1.6rem;
	}

	.button-lg {
		font-size: 1.6rem;
		padding: 1.2rem 2.4rem;
	}

	.button-long-2 {
		min-width: 9rem;
	}

	.button-long {
		min-width: 30rem;
	}

	.button.has-icon {
		gap: 1rem;
	}

	.button.has-icon .icon {
		width: 1.8rem;
		height: 1.8rem;
	}

	.button-block {
		width: 100%;
	}

	.button:focus {
		outline-color: var(--clr-golden-fizz);
	}

	@supports selector(:focus-visible) {

		button:focus,
		.button:focus {
			outline-color: transparent;
		}

		button:focus-visible,
		.button:focus-visible {
			outline-color: var(--clr-golden-fizz);
		}
	}

	.button.has-icon {
		display: flex;
		align-items: center;
		gap: 0.8rem;
	}

	.button .icon {
		fill: var(--clr-neutral-850);
		width: 1.5rem;
		height: 1.5rem;
	}

	.button.button-sm .icon {
		width: 1.2rem;
		height: 1.2rem;
	}

	.button[disabled] {
		cursor: not-allowed;
	}

	.button.loading .button-text {
		opacity: 0;
	}

	.button .loader {
		display: none;
	}

	.button.loading .loader {
		display: inline-block;
		--clr-dots: no-repeat radial-gradient(circle closest-side, #fff 90%, #0000);
		width: 4rem;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}


	/********************
	*	Modal
	********************/

	.modal {
		border-radius: 0.4rem;
	}

	/********************
	*	Backgrounds
	********************/

	.bg-1 {
		background-color: var(--clr-neutral-100);
	}

	.bg-2 {
		background-color: var(--clr-neutral-150);
	}

	/********************
	*	Form
	********************/

	/* codebase: http://localhost/_repository/css/form.css */

	/* codebase-merge */
	label.required .asterisk {
		color: red;
	}

	form>.form-group:not(:last-of-type) {
		margin-bottom: 2rem;
	}

	form .form-group .form-group-columns {
		display: flex;
		gap: 2rem;
	}

	.form-group-columns-2 .column {
		width: calc(50% - 1rem);
	}

	form .form-group-addon {
		position: relative;
	}

	form .form-group-addon .icon {
		fill: var(--clr-neutral-600);
		width: 1.8rem;
		height: 1.8rem;
	}

	form .form-group-addon-left .icon {
		position: absolute;
		top: 50%;
		left: 2rem;
		transform: translateY(-50%);
	}

	form .form-group-addon-left .input-style-1 {
		padding-left: 5.5rem;
	}

	form .form-group-addon-right .icon {
		position: absolute;
		top: 50%;
		right: 2rem;
		transform: translateY(-50%);
	}

	form .form-group-addon-right .input-style-1 {
		padding-right: 5.5rem;
	}

	form .form-group-suggestions {
		list-style: none;
		display: none;
		background-color: #fff;
		width: 100%;
		max-height: 20rem;
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.8rem;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 10;
		transform: translateY(calc(100% + 1rem));
		overflow-y: auto;
	}

	form .form-group-suggestions.active {
		display: block;
	}

	form .form-group-suggestions>li a {
		font-size: 1.6rem;
		display: flex;
		align-items: center;
		gap: 0.6rem;
		padding: 1.4rem 1.2rem;
	}

	form .form-group-suggestions>li:not(:last-of-type) a {
		border-bottom: 0.1rem solid var(--clr-neutral-300);
	}

	form .form-group-suggestions>li a b {
		font-weight: 500;
	}

	form .form-group-suggestions>li a .icon {
		fill: var(--clr-neeutral-900);
		width: 1.5rem;
		height: 1.5rem;
	}

	.input-style-label-1 {
		font-size: 1.4rem;
		font-weight: 500;
		display: block;
		margin-bottom: 1rem;
	}

	.input-style-1 {
		background-color: #fff;
		width: 100%;
		padding: 1.5rem;
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.8rem;
		height: 5.5rem;
	}

	.input-style-1-error {
		font-size: 1.4rem;
		color: red;
		margin-top: 0.4rem;
	}

	.radio-container {
		font-size: 1.6rem;
		display: block;
		position: relative;
		padding-left: 4rem;
		margin-bottom: 0;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.radio-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	.radio-container .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 2rem;
		width: 2rem;
		background-color: #eee;
		border-radius: 50%;
		transform: translateY(0.2rem);
	}

	.radio-container:hover input~.checkmark {
		background-color: #eee;
	}

	.radio-container input:checked~.checkmark {
		background-color: #2196F3;
	}

	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	.radio-container input:checked~.checkmark:after {
		display: block;
	}

	.radio-container .checkmark:after {
		top: 0.55rem;
		left: 0.55rem;
		width: 0.9rem;
		height: 0.9rem;
		border-radius: 50%;
		background: white;
	}

	.checkbox-container {
		font-size: 1.6rem;
		display: block;
		padding-left: 3.2rem;
		position: relative;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.checkbox-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	.checkbox-container .checkmark {
		background-color: #eee;
		width: 2rem;
		height: 2rem;
		border-radius: 0.2rem;
		border: 0.1rem solid #eee;
		position: absolute;
		top: 0;
		left: 0;
		transform: translateY(0.15rem);
	}

	.checkbox-container input:checked~.checkmark {
		background-color: #2196F3;
	}

	.checkbox-container .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	.checkbox-container input:checked~.checkmark:after {
		display: block;
	}

	.checkbox-container .checkmark:after {
		left: 0.68rem;
		top: 0.15rem;
		width: 0.6rem;
		height: 1.2rem;
		border: solid white;
		border-width: 0 0.3rem 0.3rem 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.select-list {
		list-style: none;
	}

	.select-list li {
		padding: 1.5rem 0;
	}

	.select-list li:not(:last-of-type) {
		border-bottom: 0.1rem solid #eee;
	}

	/* Drop Down Filters */


	.drop-down-filters {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
	}

	.drop-down-filter {
		position: relative;
	}

	.drop-down-filter:not(.init-true) {
		background-color: var(--clr-neutral-300);
		border-radius: 0.8rem;
		width: 10rem;
		height: 4rem;
	}

	.drop-down-filter button {
		font-size: 1.5rem;
		font-weight: 400;
		background-color: var(--clr-neutral-300);
		display: flex;
		align-items: center;
		gap: 1rem;
		padding: 1rem 1.4rem;
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.8rem;
		position: relative;
	}

	.drop-down-filter button:hover,
	.drop-down-filter button.selected {
		box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
	}

	.drop-down-filter button.selected {
		color: #fff;
		background-color: var(--clr-neutral-600);
	}

	.drop-down-filter button .caret {
		width: 0.8rem;
	}

	.drop-down-filter button .cross {
		width: 1rem;
	}

	.drop-down-filter ul {
		font-size: 1.5rem;
		font-weight: 400;
		list-style: none;
		display: none;
		background-color: #fff;
		min-width: 20rem;
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.8rem;
		position: absolute;
		bottom: 0;
		transform: translateY(calc(100% + 1rem));
		overflow: hidden;
		z-index: 10;
	}

	.drop-down-filter ul.active {
		display: block;
	}

	.drop-down-filter ul>li {
		padding: 1.2rem 1.4rem;
		cursor: pointer;
	}

	.drop-down-filter ul>li:hover {
		background-color: var(--clr-neutral-200);
	}

	/* #codebase-merge */



































	form>.form-group:not(:last-of-type) {
		margin-bottom: 2rem;
	}

	form>.form-group.compact:not(:last-of-type) {
		margin-bottom: 1.4rem;
	}

	form .form-group-addon-left .input-style-1 {
		padding-left: 4rem;
	}

	form .form-group-addon-left .icon {
		width: 1.9rem;
		height: 1.9rem;
		left: 1.5rem;
	}

	form .form-group-suggestions {
		border-radius: 0.4rem;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}

	form .form-group-suggestions>li a {
		font-size: 1.5rem;
		font-weight: 400;
		color: var(--clr-neutral-600);
		gap: 1.5rem;
		padding: 1.4rem 1.4rem;
	}

	form .form-group-suggestions>li a b {
		color: var(--clr-neutral-800);
		font-weight: 600;
	}

	form .form-group-suggestions>li a .icon {
		width: 1.5rem;
		height: 1.5rem;
		transform: translateY(0.09rem);
	}

	.custom-select-container {
		position: relative;
	}

	.custom-select-container::before {
		content: url(./../assets/select-chevron.png);
		display: block;
		position: absolute;
		top: calc(50% + 0.2rem);
		right: 1rem;
		pointer-events: none;
		transform: translateY(-50%);
	}

	.custom-select-container.dark::before {
		content: url(./../assets/select-chevron-dark.png);
	}

	.custom-select-container label {
		font-size: 1.7rem;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 2rem;
		transform: translateY(-50%);
		pointer-events: none;
		transition: all 250ms;
	}

	.custom-select-container select.has-value~label {
		font-size: 1.2rem;
		top: -0.9rem;
		left: 1.4rem;
	}

	.input-style-label-1 {
		font-size: 1.5rem;
		font-weight: 500;
		color: var(--clr-neutral-850);
		margin-bottom: 0.6rem;
	}

	.input-style-1 {
		font-size: 1.5rem;
		font-weight: 500;
		color: var(--clr-neutral-850);
		height: 5.4rem;
		border-color: var(--clr-neutral-500);
		border-radius: 0.4rem;
	}

	.input-style-2 {
		border: 0.1rem solid var(--clr-neutral-300);
		padding: 1.5rem;
		border-radius: 1rem;
	}

	.radio-container input:checked~.checkmark {
		background-color: var(--clr-primary-400);
	}

	.input-style-2:focus {
		outline: 0.1rem solid var(--clr-primary-400);
	}

	.checkbox-container {
		font-size: 1.5rem;
		font-weight: 500;
		color: var(--clr-neutral-800);
	}

	.checkbox-container .checkmark {
		background-color: transparent;
		border-color: var(--clr-neutral-500);
		width: 1.8rem;
		height: 1.8rem;
	}

	.checkbox-container .checkmark::after {
		left: 0.55rem;
		width: 0.6rem;
		height: 1.1rem;
		border-width: 0 0.22rem 0.22rem 0;
	}

	.checkbox-container input:checked~.checkmark {
		background-color: var(--clr-link-400);
		border-color: var(--clr-link-400);

	}

	.drop-down-filter button {
		font-size: 1.3rem;
		font-weight: 400;
	}

	.drop-down-filter ul {
		font-size: 1.4rem;
		border-radius: 0.4rem;
	}

	.drop-down-filter ul>li {
		padding: 1.2rem 1.4rem;
	}

	/********************
	*	Dropdown
	*******************/

	.dropdown {
		display: inline-flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 1rem;
		position: absolute;
		top: 0;
	}

	.dropdown>ul {
		list-style: none;
		background-color: #fff;
		display: none;
		min-width: 18rem;
		border-radius: 0.4rem;
		border: 0.1rem solid var(--clr-neutral-300);
	}

	.dropdown>ul.active {
		display: block;
	}

	.dropdown>ul li {
		font-size: 1.4rem;
		font-weight: 500;
		color: var(--clr-neutral-850);
		padding: 0.6rem 1.4rem;
	}

	.dropdown>ul li:hover {
		background-color: var(--clr-neutral-200);
	}


	/********************
	*	Icons
	********************/

	.icon-solid.icon-primary {
		fill: var(--clr-primary-400);
	}

	/********************
	*	Tags
	********************/

	.tags {
		list-style: none;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 1.3rem;
	}

	.tags li a {
		font-size: 1.4rem;
		font-weight: 400;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--clr-neutral-150);
		border: 0.1rem solid transparent;
		border-radius: 0.4rem;
		padding: 0.8rem 1.4rem;
		outline: 0.3rem solid transparent;
		outline-offset: 0.1rem;
	}

	.tags li a.has-icon {
		display: flex;
		flex-direction: row;
		gap: 0.5rem;
	}

	.tags li a .icon {
		fill: currentColor;
		width: 1.3rem;
		height: 1.3rem;
	}

	.tags-secondary li a {
		color: var(--clr-neutral-900);
		background-color: var(--clr-secondary-400);
	}

	.tags-white-border li a {
		color: #fff;
		border-color: #fff;
		background-color: transparent;
	}

	.tags-white-border li a:focus {
		border-color: transparent;
		outline-color: var(--clr-golden-fizz);
	}

	.tags-glass li a {
		color: #fff;
		background-color: #ffffff20;
		transition: all 200ms;
	}

	.tags-glass li a:hover {
		background-color: #ffffff30;
	}

	@supports selector(:focus-visible) {
		.tags-white-border li a:focus {
			border-color: unset;
			outline-color: transparent;
		}

		.tags-white-border li a:focus-visible {
			border-color: transparent;
			outline-color: var(--clr-golden-fizz);
		}
	}

	.tag {
		font-size: 1.4rem;
		font-weight: 500;
		padding: 0.8rem 1.4rem;
		border-radius: 0.4rem;
	}

	.tag-secondary {
		background-color: var(--clr-secondary-400);
	}

	.icon-tag {
		font-size: 1.6rem;
		font-weight: 600;
		background-color: #fff;
		display: flex;
		gap: 1rem;
		align-items: center;
		padding: 1.3rem 2rem;
		border-radius: 0.4rem;
		box-shadow: rgba(100, 100, 111, 0.1) 0px 5px 20px 0px;
	}

	.icon-tag .icon {
		width: 1.8rem;
		height: 1.8rem;
	}

	.icon-tags-position-1 {
		position: relative;
	}

	.icon-tags-position-1 .icon-tag {
		position: absolute;
	}

	.icon-tags-position-1 .icon-tag:first-of-type {
		top: 4rem;
		left: -5rem;
	}

	.icon-tags-position-1 .icon-tag:nth-of-type(2) {
		top: 15rem;
		right: -5rem;
	}

	.icon-tags-position-1 .icon-tag:nth-of-type(3) {
		bottom: 1rem;
		left: 12rem;
	}

	/********************
	*	Search Form
	********************/

	.search-form-1 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 2.5rem;
		border-radius: 0.4rem;
		padding: 0.7rem;
	}

	.search-form-1:not(.light-skin):not(.footer-languages) {
		gap: 1rem;
		padding: 0;
		border: 0.1rem solid var(--clr-neutral-400);
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
	}

	.search-form-1 .form-group {
		position: relative;
		margin-bottom: 0 !important;
	}

	.search-form-1 input[type="text"] {
		font-size: 1.6rem;
		font-weight: 500;
		background-color: #fff;
		border: 0.1rem solid transparent;
		border-radius: 0.4rem;
		padding: 1.6rem;
	}

	.search-form-1 input[type="text"]::placeholder {
		color: var(--clr-neutral-850);
	}

	.search-form-1 input[type="text"]:focus {
		border-color: none;
		outline: 0.1rem solid transparent;
	}

	.search-form-1 .form-group:first-of-type {
		width: calc(55% - 5.5rem - 2.5rem);
	}

	.search-form-1 .form-group:nth-of-type(2) {
		width: calc(45% - 5.5rem - 2.5rem);
	}

	.search-form-1 .form-group:nth-of-type(2)::before {
		content: "";
		background-color: var(--clr-neutral-300);
		width: 0.15rem;
		height: 2.6rem;
		pointer-events: none;
		position: absolute;
		top: 50%;
		transform: translate(-1.3rem, -50%);
	}

	.search-form-1 .form-group:nth-of-type(3) {
		width: 100%;
		max-width: 11rem;
	}

	.search-form-1 .input-addon {
		position: relative;
	}

	.search-form-1 .input-addon-icon-left input[type="text"] {
		padding-left: 4.5rem;
	}

	.search-form-1 .input-addon .icon {
		width: 2.1rem;
		height: 2.1rem;
		fill: var(--clr-neutral-500);
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(1rem, -50%);
		pointer-events: none;
	}

	.search-form-1 .input-addon-button.input-addon-button-right .button {
		position: absolute;
		top: 50%;
		right: 0.5rem;
		transform: translateY(-50%);
	}

	.search-form-1.light-skin {
		background-color: rgba(255, 255, 255, 0.1);
		backdrop-filter: blur(1rem);
		-webkit-backdrop-filter: blur(1rem);
	}

	.search-form-1.light-skin input[type="text"] {
		font-size: 1.7rem;
		font-weight: 400;
		color: #fff;
		background-color: transparent;
		border-color: transparent;
	}

	.search-form-1.light-skin input[type="text"]::placeholder {
		color: #fff;
		opacity: 0.8;
	}

	.search-form-1.light-skin .input-addon .icon {
		fill: #fff;
		opacity: 0.8;
	}

	.search-form-1.light-skin .form-group:nth-of-type(2)::before {
		background-color: rgba(255, 255, 255, 0.2);
	}

	.search-form-2 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		border: 0.1rem solid var(--clr-neutral-400);
		border-radius: 0.4rem;
		padding-block: 0.2rem;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
	}

	.search-form-2 input[type="text"] {
		font-size: 1.6rem;
		font-weight: 500;
		background-color: #fff;
		padding: 1.6rem;
		border: 0.1rem solid transparent;
		border-radius: 0.4rem;
	}

	.search-form-2 input[type="text"]::placeholder {
		color: var(--clr-neutral-850);
	}

	.search-form-2 input[type="text"]:focus {
		border-color: none;
		outline: 0.1rem solid transparent;
	}

	.search-form-2 .form-group {
		margin-bottom: 0 !important;
	}

	.search-form-2 .form-group:first-of-type {
		flex-grow: 1;
	}

	.search-form-2 .form-group:last-of-type {
		padding-inline: 0.5rem;
	}


	/********************
	*	Filter Form
	********************/

	.filter-form {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1.5rem;
	}

	.filter-form .form-group {
		font-size: 1.6rem;
		min-width: 16rem;
	}


	/********************
	*	Horizontal Steps
	********************/

	.horizontal-steps-container {
		display: flex;
		justify-content: center;
	}

	.horizontal-steps {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 2rem;
		width: 100%;
		max-width: 90rem;
	}

	.horizontal-steps .step {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		min-width: 20rem;
		gap: 1.5rem;
		position: relative;
	}

	.horizontal-steps .step:not(:last-of-type):before {
		content: "";
		display: block;
		background-color: transparent;
		width: 11rem;
		height: 0.1rem;
		border-top: 0.1rem dashed var(--clr-neutral-600);
		border-radius: 1000vmax;
		position: absolute;
		top: calc(50% - 1.6rem);
		right: 0;
		transform: translateX(calc(50% + 2rem));
		pointer-events: none;
	}

	.horizontal-steps .step .icon-container {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1.8rem;
		border: 0.1rem dashed var(--clr-neutral-600);
		border-radius: 1000vmax;
	}

	.horizontal-steps .step .icon {
		fill: var(--clr-neutral-500);
		width: 4.5rem;
		height: 4.5rem;
	}

	.horizontal-steps .step-heading {
		font-size: 1.7rem;
		font-weight: 500;
		color: var(--clr-neutral-600);
	}


	/********************
	*	Categories
	********************/

	.categories {
		display: flex;
		flex-wrap: wrap;
	}

	.categories .category {
		display: flex;
		flex-direction: row;
		gap: 2rem;
		padding: 2rem;
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.4rem;
		position: relative;
		transition: all 200ms;
	}

	.categories .category::before {
		content: "";
		display: block;
		background-color: transparent;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;

		border-radius: 0.4rem;
		pointer-events: none;
	}

	.categories .category:hover {
		transform: translateY(-0.3rem);
	}

	.categories .category .icon {
		fill: var(--clr-neutral-600);
		stroke: var(--clr-neutral-600);
		width: 2.6rem;
		height: 2.6rem;
		transform: translateY(0.3rem);
	}

	.categories .category .category-heading {
		font-size: 1.6rem;
		font-weight: 600;
		color: var(--clr-neutral-800);
	}

	.categories .category .category-description {
		font-size: 1.4rem;
		font-weight: 400;
		color: var(--clr-neutral-600);
		margin-top: 0.3rem;
	}

	.categories-4 {
		gap: 2rem;
	}

	.categories-4 .category {
		width: calc(25% - 1.55rem);
	}

	.simple-categories {
		list-style: none;
	}

	.simple-categories-3 {
		column-count: 3;
		column-gap: 10rem;
	}

	.simple-categories-3 li {
		margin-bottom: 1.8rem;
	}

	.simple-categories-3 li a {
		font-size: 1.6rem;
		font-weight: 400;
		color: var(--clr-primary-400)
	}

	.simple-categories-3 li a:hover {
		text-decoration: underline;
	}

	/********************
	*	Tiles
	********************/

	.tiles .grid {
		position: relative;
		overflow: hidden;
	}

	.tiles-1 .grid::before {
		content: "";
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transition: all 200ms;
		transform: translate(-50%, -50%);
		pointer-events: none;
		opacity: 0;
	}

	.tiles-1 .grid .tile-information {
		color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		width: 100%;
		padding: 2rem;
		position: absolute;
		top: 0;
	}

	.tiles-1 .tile-image {
		aspect-ratio: 16 / 11;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.tiles-1 .grid .tile-information .heading {
		font-size: 1.8rem;
		font-weight: 600;
	}

	.tiles-1 .grid:hover::before {
		opacity: 1;
	}

	.tiles-1 .grid:hover .tile-information {
		bottom: 1rem;
	}


	/********************
	*	Header
	********************/

	header.primary {
		width: 100%;
		padding-block: 2rem;
		/* position: fixed;
		top: 0;
		z-index: 10; */
		transition: all 200ms;
	}

	header.primary.sm {
		padding-block: 1.2rem;
	}

	header.primary.primary-skin {
		background-color: var(--clr-primary-400);
	}

	header.primary.light-skin {
		background-color: #fff;
		border-bottom: 0.1rem solid var(--clr-neutral-100);
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	}

	/********************
	*	Primary Navigation
	********************/

	.text-logo {
		font-size: 2.8rem;
		font-weight: 700;
		color: var(--clr-secondary-400);
	}

	.img-logo {
		width: 20rem;
	}

	.menu-container {
		display: none;
		min-width: 11rem;
	}

	.menu {
		background-color: transparent;
		border: none;
	}

	.menu .icon {
		fill: #fff;
		width: 3rem;
		height: 3rem;
	}

	.primary-navigation {
		display: flex;
		align-items: center;
	}

	.primary-navigation .logo-container {
		width: 20rem;
	}

	.primary-navigation .navigation-list-container {
		display: flex;
		justify-content: center;
		flex-grow: 1;
	}

	.primary-navigation .navigation-list-container>ul {
		list-style: none;
		display: flex;
		align-items: center;
		gap: 6rem;
	}

	.primary-navigation .navigation-list-container>ul>li {
		position: relative;
	}

	.primary-navigation .navigation-list-container>ul>li a {
		font-size: 1.8rem;
		font-weight: 500;
	}

	header.primary.primary-skin .primary-navigation .navigation-list-container>ul>li a {
		color: #fff;
	}

	header.primary.light-skin .primary-navigation .navigation-list-container>ul>li a {
		font-weight: 500;
		color: var(--clr-neutral-900);
	}

	.primary-navigation .navigation-list-container>ul>li a::before {
		content: "";
		width: 0%;
		height: 0.15rem;
		position: absolute;
		bottom: -0.3rem;
		left: 0;
		transition: all 250ms;
	}

	header.primary.primary-skin .primary-navigation .navigation-list-container>ul>li a::before {
		background-color: #fff;
	}

	header.primary.light-skin .primary-navigation .navigation-list-container>ul>li a::before {
		background-color: var(--clr-neutral-700);
	}

	.primary-navigation .navigation-list-container>ul>li a:hover::before,
	.primary-navigation .navigation-list-container>ul>li a.active::before {
		width: 100%;
	}

	.primary-navigation .navigation-list-container>ul>li.has-children .icon.chevron {
		fill: #fff;
		width: 1.2rem;
		height: 1.2rem;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(2.3rem, calc(-50% + 0.1rem));
		cursor: pointer;
	}

	.primary-navigation .action-container {
		display: flex;
		justify-content: flex-end;
		width: 20rem;
	}

	.primary-navigation .action-container .button {
		padding: 0.8rem 1.6rem;
		min-width: 10rem;
	}

	.primary-navigation-sidebar {
		background-color: #fff;
		width: 24rem;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		opacity: 0;
		transform: translateX(calc(-100% - 6rem));
		transition: all 200ms;
		pointer-events: none;
	}

	.primary-navigation-sidebar.active {
		opacity: 1;
		transform: translateX(0);
		pointer-events: unset;
	}

	.primary-navigation-sidebar ul li a {
		font-size: 1.4rem;
		font-weight: 500;
		display: block;
		padding: 1.5rem;
		border-bottom: 0.1rem solid var(--clr-neutral-300);
	}

	.primary-navigation-sidebar .close {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		width: 3.5rem;
		height: 3.5rem;
		border: none;
		border-radius: 1000vmax;
		position: absolute;
		top: 1rem;
		right: -5rem;
		cursor: pointer;
	}

	.primary-navigation-sidebar .close .icon {
		fill: var(--clr-neutral-900);
		width: 1.2rem;
		height: 1.2rem;
	}

	/********************
	*	Page
	********************/

	.page-offset {
		padding-top: 8rem;
	}

	/********************
	*	Hero
	********************/

	.hero {
		position: relative;
		background-color: var(--clr-primary-400);
		padding-bottom: 5rem;
		overflow: hidden;
	}

	.hero-inner-container {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: calc(100vh - 8rem);
		max-height: 70rem;
		position: relative;
		z-index: 1;
	}

	.hero-inner-container-2 {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		/* height: calc(100vh - 8rem);
		max-height: 40rem; */
		min-height: 40rem;
		position: relative;
		z-index: 1;
	}

	.hero-inner {
		width: 100%;
		max-width: 77rem;
	}

	.hero-inner-container-2 .hero-inner {
		max-width: 90rem;
	}

	.hero-inner .tags-white-border {
		opacity: 0.9;
	}

	.hero .map {
		fill: var(--clr-primary-500);
		width: 100%;
		height: calc(100% - 10rem);
		border: none;
		transform: scaleX(1.5) translate(-3rem, 10rem);
		opacity: 0.4;
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}

	.hero-inner .description {
		margin-top: 2rem
	}

	.hero-inner .search-form-1 {
		margin-top: 4rem;
	}

	.hero-inner .search-form-1 .button {
		padding: 1.3rem 2.6rem;
	}

	.hero form select.input-style-1 {
		color: #fff;
		background-color: var(--clr-primary-400);
		padding: 1.5rem 2rem;
		border: 0.2rem solid #fff;
	}

	.hero .search-form-1 .form-group:nth-of-type(3) {
		padding-right: 0.4rem;
	}

	.hero form .custom-select-container::before {
		right: 2rem;
	}

	.hero .form-group {
		margin-bottom: 0 !important;
	}

	.hero .popular-search-container {
		margin-top: 11rem;
	}


	/********************
	*	Partners
	********************/

	#partners.splide {
		position: relative;
	}

	#partners.splide::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		pointer-events: none;
	}

	#partners.splide::after {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		pointer-events: none;
	}

	#partners.splide .splide__list {
		display: flex;
		align-items: center;
	}

	#partners.splide .splide__list .splide__slide img {
		width: 100%;
		aspect-ratio: 7/1;
		max-width: 27rem;
		object-fit: contain;
	}

	/********************
	*	Utilities
	********************/

	/* codebase: http://localhost/_repository/css/utility.css */

	/* codebase-merge */
	.fs-1-4 {
		font-size: 1.4rem;
	}

	.fs-1-5 {
		font-size: 1.5rem;
	}

	.fs-1-6 {
		font-size: 1.6rem;
	}

	.fw-500 {
		font-weight: 500;
	}

	.fw-600 {
		font-weight: 600;
	}

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

	.underline {
		text-decoration: underline;
	}

	.hover-underline:hover {
		text-decoration: underline;
	}

	.no-underline {
		text-decoration: none;
	}

	.color-white {
		color: #fff;
	}

	.bg-neutral-900 {
		background-color: var(--clr-neutral-900);
	}

	.d-block {
		display: block;
	}

	.d-flex {
		display: flex;
	}

	.flex-grow {
		flex-grow: 1;
	}

	:where(.flex-direction-column) {
		flex-direction: column;
	}

	:where(.flex-direction-row) {
		flex-direction: row;
	}

	:where(.justify-content-center) {
		justify-content: center;
	}

	:where(.justify-content-space-between) {
		justify-content: space-between;
	}

	:where(.justify-content-end) {
		justify-content: end;
	}

	.x-center-rows {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.align-items-center {
		align-items: center;
	}

	.flex-column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}

	.flex-row-reverse {
		display: flex;
		flex-direction: row-reverse;
	}

	:where(.gap-1) {
		gap: 1rem;
	}

	:where(.gap-2) {
		gap: 2rem;
	}

	:where(.gap-3) {
		gap: 3rem;
	}

	:where(.gap-4) {
		gap: 4rem;
	}

	:where(.gap-5) {
		gap: 5rem;
	}

	.width-100 {
		width: 100%;
	}

	.max-width-33 {
		max-width: 33rem;
	}

	.max-width-40 {
		max-width: 40rem;
	}

	.max-width-60 {
		max-width: 60rem;
	}

	.max-width-76-8 {
		max-width: 76.8rem;
	}

	.max-width-100 {
		max-width: 100%;
	}

	.height-100 {
		height: 100%;
	}

	.no-margin,
	.margin-0 {
		margin: 0;
	}

	.margin-top-0-5 {
		margin-top: 0.5rem;
	}

	.margin-top-1 {
		margin-top: 1rem;
	}

	.margin-top-1-5 {
		margin-top: 1.5rem;
	}

	.margin-top-2 {
		margin-top: 2rem;
	}

	.margin-top-3 {
		margin-top: 3rem;
	}

	.margin-top-4 {
		margin-top: 4rem;
	}

	.margin-top-5 {
		margin-top: 5rem;
	}

	.margin-top-6 {
		margin-top: 6rem;
	}

	.margin-bottom-1 {
		margin-bottom: 1rem;
	}

	.margin-bottom-2 {
		margin-bottom: 2rem;
	}

	.margin-bottom-3 {
		margin-bottom: 3rem;
	}

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

	.margin-bottom-5 {
		margin-bottom: 5rem;
	}

	.margin-left-auto {
		margin-left: auto;
	}

	.padding-0 {
		padding: 0;
	}

	.padding-1 {
		padding: 1rem;
	}

	.padding-bottom-0 {
		padding-bottom: 0;
	}

	.padding-bottom-2 {
		padding-bottom: 2rem;
	}

	.padding-bottom-3 {
		padding-bottom: 3rem;
	}

	.padding-left-2 {
		padding-left: 2rem;
	}


	.border-right {
		border-right: 0.1rem solid var(--clr-neutral-300);
	}

	.border-clr-200 {
		border-color: var(--clr-neutral-200);
	}

	.border-radius-2 {
		border-radius: 2rem;
	}

	.border-radius-round {
		border-radius: 10000vmax;
	}

	.overflow-hidden {
		overflow: hidden;
	}

	.position-relative {
		position: relative;
	}

	.visually-hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}

	.hide {
		display: none;
	}

	.show {
		display: none;
	}

	.show-on-md {
		display: none;
	}

	.show-on-lg {
		display: none;
	}

	.show-on-xl {
		display: none;
	}

	:where(.break) {
		display: block;
		width: 100%;
	}

	:where(.break-sm) {
		display: block;
		width: 100%;
	}

	.shadow {
		box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	}

	.shadow-sm {
		box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	}

	.shadow-md {
		box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	}

	.shadow-lg {
		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	}

	.shadow-xl {
		box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	}

	.no-shadow {
		box-shadow: none;
	}

	.separator-with-text {
		--text-width: 5rem;
		text-align: center;
		font-weight: 400;
		color: var(--clr-neutral-600);
		display: block;
		width: 100%;
		position: relative;
	}

	.separator-with-text::before {
		content: "";
		display: block;
		background-color: var(--clr-neutral-300);
		width: calc(50% - calc(var(--text-width) / 2));
		height: 0.1rem;
		position: absolute;
		top: 50%;
		left: 0;
	}

	.separator-with-text::after {
		content: "";
		display: block;
		background-color: var(--clr-neutral-300);
		width: calc(50% - calc(var(--text-width) / 2));
		height: 0.1rem;
		position: absolute;
		top: 50%;
		right: 0;
	}

	.overlay {
		display: none;
		background-color: rgba(0, 0, 0, 0.8);
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 90;
	}

	.overlay.active {
		display: block;
	}

	.cursor-pointer {
		cursor: pointer;
	}

	.thin-scroll-bar {
		scrollbar-width: 5px;
		-ms-overflow-style: none;
	}

	.thin-scroll-bar::-webkit-scrollbar {
		width: 5px;
	}

	.thin-scroll-bar::-webkit-scrollbar-track {
		background-color: #eee;
	}

	.thin-scroll-bar::-webkit-scrollbar-thumb {
		background-color: #adadad;
	}

	@media (max-width: 1260px) {
		.show-on-xl {
			display: block;
		}
	}

	@media(max-width: 992px) {

		.hide-on-lg {
			display: none;
		}

		.show-on-lg {
			display: block;
		}

		.max-width-100-lg {
			max-width: 100%;
		}

		.no-max-with-on-lg {
			max-width: unset;
		}

		.gap-1-lg {
			gap: 1rem;
		}

		.gap-2-lg {
			gap: 2rem;
		}

		.x-center-rows-max-width-lg {
			--max-width: auto;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.x-center-rows-max-width-lg>* {
			width: 100%;
			max-width: var(--max-width);
		}

		.flex-column-reverse-lg {
			flex-direction: column-reverse;
		}

	}

	@media(max-width: 768px) {

		.hide-on-md {
			display: none;
		}

		.show-on-md {
			display: block;
		}

		.gap-1-md {
			gap: 1rem;
		}

		.gap-2-md {
			gap: 2rem;
		}

		.gap-3-md {
			gap: 3rem;
		}
	}

	@media(max-width: 430px) {
		.hide-on-sm-xs {
			display: none;
		}
	}

	/* #codebase-merge */






































	.border-radius {
		border-radius: 0.4rem;
	}

	.separator-with-text {
		font-size: 1.4rem;
	}

	/********************
	*	Splide
	********************/

	.splide-cursors .splide__slide {
		cursor: grab;
	}

	.splide-cursors .splide__slide:active {
		cursor: grabbing;
	}


	/********************
	*	Grid Information
	********************/

	.grid-information {
		max-width: 55rem;
	}

	.grid-information>.heading {
		margin-bottom: 3rem;
	}

	.grid-information .steps .step {
		padding: 2rem;
		border-radius: 0.4rem;
		box-shadow: rgba(100, 100, 111, 0.15) 0px 7px 15px 0px;
	}

	.grid-information .steps .step:not(:last-of-type) {
		margin-bottom: 3rem;
	}

	.grid-information .steps .step .heading {
		font-size: 2rem;
		font-weight: 600;
	}

	.grid-information .steps .step .text {
		color: var(--clr-neutral-600);
		margin-top: 0.3rem;
		max-width: 45rem;
	}

	/********************
	*	Stats Grids
	********************/

	.stats-grids .grid {
		padding-left: 2rem;
		border-left: 0.5rem solid var(--clr-primary-300);
	}

	.stats-grids .grid .count {
		font-size: 3.3rem;
		font-weight: 600;
		color: var(--clr-neutral-800);
	}

	.stats-grids .grid .heading {
		font-size: 1.8rem;
		font-weight: 600;
		color: var(--clr-neutral-800);
		margin-top: 0.3rem;
	}

	.stats-grids .grid .description {
		font-size: 1.6rem;
		color: var(--clr-neutral-600);
		margin-top: 0.3rem;
	}


	/********************
	*	Feature Cards
	********************/

	.feature-card-1 {
		padding: 3rem;
		min-height: 50rem;
		border-radius: 0.4rem;
	}

	.feature-card-1 .heading {
		font-size: 2.2rem;
		font-weight: 600;
	}

	.feature-card-1 img {
		display: block;
		margin-inline: auto;
	}

	.feature-card-1 .flex-column-reverse>div {
		margin-top: 2rem;
	}


	/********************
	*	Feature Grids
	********************/

	.feature-grid {
		background-color: var(--clr-neutral-150);
		display: flex;
		align-items: center;
		gap: 1.6rem;
		padding: 2rem 3rem;
		border-radius: 0.4rem;
	}

	.feature-grid .icon {
		fill: var(--clr-green);
		width: 2.1rem;
		height: 2.1rem;
	}

	/********************
	*	Job Cards
	********************/

	.job-cards {
		display: flex;
		flex-wrap: wrap;
		gap: 3rem;
	}

	.job-card {
		background-color: #fff;
		display: block;
		padding: 0.7rem;
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.4rem;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.25) 0px 1px 0px -1px;
	}

	.job-cards-4 .job-card {
		width: calc(25% - 2.25%);
	}

	.job-card-body {
		padding: 2rem;
		border-radius: 0.4rem;
	}

	.job-card-body-header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.job-card .action button {
		background-color: transparent;
		padding: 0;
		border: none;
	}

	.job-card .action button .icon {
		width: 1.8rem;
		height: 1.8rem;
	}

	.job-card .action button .icon-solid {
		fill: var(--clr-neutral-900);
	}

	.job-card .action .icon-bookmark-button:hover .icon-real-outline,
	.job-card .action .icon-bookmark-button.active .icon-real-outline {
		display: none;
	}

	.job-card .action .icon-bookmark-button:hover .icon-real-solid,
	.job-card .action .icon-bookmark-button.active .icon-real-solid {
		fill: red;
		display: block;
	}

	.job-card-pay {
		font-size: 1.4rem;
		font-weight: 600;
		color: var(--clr-neutral-800);
	}

	.job-card-body-body {
		padding: 1rem 0rem;
	}

	.job-card-heading {
		font-size: 1.7rem;
		font-weight: 600;
	}

	.job-card-body-body ul {
		list-style: none;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.6;
		color: var(--clr-neutral-600);
		margin-top: 1.5rem;
	}

	.job-card-body-body ul>li:not(:last-of-type) {
		margin-bottom: 0.9rem;
	}

	.job-card-body-body ul li {
		display: flex;
		align-items: center;
		gap: 0.7rem;
	}

	.job-card-body-body ul li .icon {
		fill: var(--clr-neutral-600);
		width: 1.6rem;
		height: 1.6rem;
	}

	.job-card-footer {
		display: flex;
		align-items: center;
		padding: 1rem 0.7rem;
	}

	.job-card .company {
		display: flex;
		align-items: center;
		gap: 1.2rem;
		width: 100%;
	}

	.job-card .company .logo {
		width: 3.8rem;
		height: 3.8rem;
		border-radius: 0.4rem;
	}

	.job-card .company .heading {
		font-size: 1.4rem;
		font-weight: 600;
	}

	.job-card .company .web {
		font-size: 1.2rem;
		color: var(--clr-neutral-600);
		word-break: keep-all;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 16rem;
	}


	/********************
	*	Job Area
	********************/

	.job-area {
		display: flex;
		align-items: flex-start;
	}

	.job-area.extended .right-sidebar {
		display: none;
	}

	.job-area.extended .left-sidebar {
		width: 30%;
	}

	.job-area.extended .jobs {
		width: 100%;
	}

	.job-area .left-sidebar {
		background-color: #fff;
		width: 25%;
		position: sticky;
		top: 2rem;
		flex-shrink: 0;
	}

	.job-area .left-sidebar .left-sidebar-inner .heading {
		color: var(--clr-neutral-850);
	}

	.job-area .left-sidebar .left-sidebar-inner {
		height: 95vh;
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.4rem;
		overflow-y: auto;
	}

	.job-area .left-sidebar .left-sidebar-inner .section-header {
		display: flex;
		align-content: center;
		flex-direction: column;
		justify-content: space-between;
		padding: 2rem;
		border-bottom: 0.1rem solid var(--clr-neutral-300);
	}

	.job-area .left-sidebar .left-sidebar-inner .section-header .button {
		font-size: 1.6rem;
	}

	.job-area .left-sidebar .left-sidebar-inner .section-body {
		padding: 2rem 2rem 1rem 2rem;
	}

	.job-area .left-sidebar .left-sidebar-inner .section:last-of-type .section-body {
		padding-bottom: 2rem;
	}

	.job-area .left-sidebar .left-sidebar-inner .section-body .checkbox-container {
		color: var(--clr-neutral-600);
	}

	.jobs {
		width: 50%;
		padding-inline: 2rem;
	}

	.jobs .jobs-header {
		margin-bottom: 1rem;
	}

	.jobs .jobs-header .search-form-1 .form-group:first-of-type {
		width: calc(45% - 0.5rem);
	}

	.jobs .jobs-header .search-form-1 .form-group:nth-of-type(2) {
		width: calc(55% - 0.5rem);
	}

	.jobs .jobs-header .search-form-1 .button {
		font-size: 1.4rem;
	}

	.jobs .jobs-body {
		display: flex;
		flex-direction: column;
		gap: 2rem;
		position: relative;
	}

	.job {
		display: block;
		background-color: #fff;
		padding: 2rem;
		border-radius: 0.4rem;
		border: 0.1rem solid var(--clr-neutral-300);
		box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 3px -1px, rgba(0, 0, 0, 0.1) 0px 1px 0px -1px;
		position: relative;
	}

	.job .job-header {
		display: flex;
		flex-shrink: 0;
		align-items: center;
		margin-bottom: 2rem;
	}

	.job .heading {
		font-size: 1.7rem;
		font-weight: 700;
		line-height: 1.3;
		color: var(--clr-neutral-800);
		margin-bottom: 0.4rem;
	}

	.job .company {
		display: flex;
		align-items: center;
		gap: 1.5rem;
		width: 73%;
	}

	.job .company .logo {
		width: 5rem;
		height: 5rem;
		border-radius: 0.4rem;
	}

	.job .company .web {
		font-size: 1.5rem;
		font-weight: 500;
		color: var(--clr-neutral-600);
	}

	.job .company .web:hover {
		text-decoration: underline;
	}

	.job .job-body {
		border-bottom: 0.1rem solid var(--clr-neutral-300);
		padding-bottom: 2rem;
	}

	.job .job-footer {
		padding-top: 2rem;
	}

	.job .job-meta {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		gap: 1.5rem;
	}

	.job .job-meta>li {
		font-size: 1.4rem;
		font-weight: 500;
		color: var(--clr-neutral-600);
		display: flex;
		align-items: center;
		gap: 1rem;
		width: calc(33.33% - 1rem);
	}

	.job .job-meta .icon {
		fill: var(--clr-neutral-600);
		width: 1.4rem;
		height: 1.4rem;
	}

	.job .job-meta>li.group-green {
		color: var(--clr-green);
	}

	.job .job-meta>li.group-green .icon {
		fill: var(--clr-green);
	}

	.job .action-menu-icon {
		fill: var(--clr-neutral-600);
		width: 1.8rem;
		height: 1.8rem;
	}

	.job .job-action-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		gap: 1.4rem;

	}

	.job-action-container {
		position: absolute;
		top: 1.4rem;
		right: 1rem;
	}

	.job .heading:hover {
		text-decoration: underline;
	}

	.job.single-job {
		padding: 0;
		box-shadow: none;
		border: none;
		max-width: 70rem;
	}

	.job.single-job .company {
		flex-direction: column;
		align-items: flex-start;
	}

	.job.single-job .heading {
		font-size: 2.2rem;
	}


	.job.single-job:hover .heading {
		text-decoration: none;
	}

	.job.single-job .job-body {
		border-bottom: none;
	}

	.job.single-job .job-meta {
		flex-direction: column;
	}

	.job.single-job .job-meta {
		gap: 2.5rem;
	}


	/********************
	*	Job Apply Modal
	********************/



	/********************
	*	Blog Cards
	********************/

	.blog-cards-container {
		display: flex;
		gap: 3rem;
	}

	.blog-cards-sidebar {
		width: calc(33.33% - 1.5rem);
		flex-shrink: 0;
		display: flex;
		align-items: center;
	}

	.blog-cards-main {
		width: calc(66.66% - 1.5rem);
	}

	.blog-cards {
		display: flex;
		flex-wrap: wrap;
		gap: 3rem;
		width: 100%;
	}

	.blog-cards-3 .blog-card {
		width: calc(33.33% - 2rem);
	}

	.blog-cards-2 .blog-card {
		width: calc(50% - 2rem);
	}

	.blog-card-image {
		border-radius: 0.4rem;
		height: 30rem;
		margin-bottom: 1.5rem;
		object-fit: cover;
	}

	.blog-card .meta {
		font-size: 1.5rem;
		list-style: none;
		font-weight: 500;
		color: var(--clr-neutral-600);
		margin-bottom: 0.5rem;
	}

	.blog-card .meta li:not(:last-of-type) {
		margin-bottom: 1rem;
	}

	.blog-card .meta-inline {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 0;
	}

	.blog-card .meta-inline li:not(:last-of-type) {
		margin-bottom: 0.4rem;
	}

	.blog-cards-main .blog-card .heading {
		font-size: 1.8rem;
		font-weight: 600;
		line-height: 1.7;
	}

	.blog-card-information {
		display: flex;
		align-items: center;
	}

	.blog-card-information .text {
		max-width: 37rem;
		color: var(--clr-neutral-600);
		margin-top: 1rem;
	}

	.blog-card-information .button {
		margin-top: 3rem;
	}

	.blog-post .meta {
		font-size: 1.6rem;
		font-weight: 500;
		list-style: none;
		color: var(--clr-neutral-600);
	}

	.blog-post .meta-inline {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	@supports(aspect-ratio: 3/2) {
		.blog-card-image {
			height: unset;
			aspect-ratio: 3/2;
		}
	}


	/********************
	*	Team
	********************/

	.team {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 3rem;
	}

	.team .team-member {
		position: relative;
	}

	.team-4 .team-member {
		width: calc(25% - 2.26rem);
	}

	.team-member {
		position: relative;
	}

	.team-member-image {
		height: 31.4rem;
		border-radius: 0.4rem;
	}

	.team-member-information {
		background-color: #ffffffe6;
		width: calc(100% - 3rem);
		padding: 1.2rem;
		border-radius: 0.4rem;
		position: absolute;
		left: 50%;
		bottom: 1.5rem;
		transform: translateX(-50%);
	}

	.team-member-name {
		font-size: 1.6rem;
		font-weight: 600;
	}

	.team-member-designation {
		font-size: 1.4rem;
		font-weight: 500;
		color: var(--clr-neutral-800);
		margin-top: 0.2rem;
	}

	.team-member .socials {
		display: flex;
		flex-direction: column;
		gap: 1.8rem;
		position: absolute;
		top: 2rem;
		right: 2rem;
		opacity: 0;
		transform: translateX(1rem);
		transition: all 200ms;
	}

	.team-member:hover .socials {
		opacity: 1;
		transform: translateX(0rem);
	}

	.team-member .socials .social {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.team-member .socials .social .icon {
		fill: var(--clr-neutral-700);
		width: 2.1rem;
		height: 2.1rem;
		transition: all 200ms;
	}

	.team-member .socials .social .icon:hover {
		fill: var(--clr-primary-400);
	}

	.team-member .socials .social .icon.mail {
		width: 1.9rem;
		height: 1.9rem;
	}

	@supports(aspect-ratio: 4/5) {
		.team-member-image {
			height: unset;
			aspect-ratio: 4/5
		}
	}

	/********************
	*	Download App.
	********************/


	.download-app-container .app-image {
		width: 100%;
		max-width: 55rem;
	}

	.download-app-container .image-container-grid {
		display: flex;
		justify-content: center;

	}

	.download-app-container .info-container-grid {
		display: flex;
		align-items: center;
		padding-left: 10rem;
	}

	.download-app-container .download-buttons {
		display: flex;
		align-items: center;
		gap: 1rem;
		margin-top: 4rem;
	}

	.download-app-container .download-buttons img {
		max-width: 17rem;
	}

	.download-app-container .list {
		font-size: 1.8rem;
		color: var(--clr-neutral-600);
		padding-left: 1rem;
	}

	.download-app-container .list li {
		fill: var(--clr-neutral-600);
		display: flex;
		align-items: center;
		gap: 1rem;
	}

	.download-app-container .list li:not(:last-of-type) {
		margin-bottom: 0.5rem;
	}

	.download-app-container .list li .icon {
		width: 1.7rem;
		height: 1.7rem;
	}

	/********************
	*	Information Cards
	********************/

	.information-cards {
		display: flex;
		flex-wrap: wrap;
		gap: 3rem;
	}

	.information-cards .information-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: calc(33.33% - 2rem);
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.4rem;
		padding: 2rem;
	}

	.information-card .heading {
		font-size: 1.8rem;
		font-weight: 600;

	}

	.information-card .text {
		color: var(--clr-neutral-600);
		margin-top: 1rem;
		max-width: 30rem;
	}

	.information-card-emoji {
		font-size: 4rem;
	}

	.information-card .icon {
		fill: var(--clr-primary-400);
		width: 4rem;
		height: 4rem;
	}

	/********************
	*	Price Plan
	********************/

	.price-plan .plan {
		padding: 3rem;
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.4rem;
		position: relative;
	}

	.price-plan .plan .price {
		font-size: 2.8rem;
		font-weight: 700;
		position: relative;
	}

	.price-plan .plan .price small {
		font-size: 1.6rem;
		font-weight: 500;
		color: var(--clr-neutral-600);
	}

	.price-plan .plan hr {
		border-color: transparent;
		background-color: transparent;
	}

	.price-plan .plan hr::before {
		background-color: var(--clr-neutral-200);
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.price-plan .plan ul {
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: 1.4rem;
	}

	.price-plan .plan ul li {
		font-size: 1.5rem;
		font-weight: 500;
		display: flex;
		align-items: center;
		gap: 1.6rem;
	}

	.price-plan .plan ul li .icon {
		background-color: var(--clr-neutral-200);
		fill: var(--clr-green);
		width: 1.8rem;
		height: 1.8rem;
		border-radius: 1000vmax;
	}

	.price-plan .plan ul li .icon.cross+span {
		font-weight: 400;
		color: var(--clr-neutral-500);
	}

	.price-plan .plan .tag {
		position: absolute;
		top: 1.2rem;
		right: 1.2rem;
	}

	/********************
	*	Testimonials
	********************/

	.testimonial-card {
		background-color: #fff;
		display: flex;
		align-items: center;
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.4rem;
		position: relative;
	}

	.testimonial-card .information {

		padding: 3rem 8rem 0rem 8rem;
		width: calc(60%);
		position: relative;
		z-index: 1;
	}

	.testimonial-card .image-container {
		display: flex;
		justify-content: center;
		width: 40%;
	}

	.testimonial-card .image-container .image {
		max-width: 40rem;
		filter: grayscale(100%);
		opacity: 0.9;
	}

	.testimonial-card .icon.quotes {
		fill: var(--clr-neutral-150);
		width: 5rem;
		height: 5rem;
		position: absolute;
		top: 2rem;
		left: 2rem;
		z-index: 0;
	}


	/********************
	*	Profile
	********************/

	.profile-header {
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.4rem;
	}

	.profile-header .profile-header-row:first-of-type {
		display: flex;
		gap: 2rem;
	}

	.profile-header .profile-header-row:not(:first-of-type) {
		border-top: 0.1rem solid var(--clr-neutral-300);
		padding: 0rem 2rem;
	}

	.profile-header .profile-header-row {
		padding: 2rem;
	}

	.profile-header .logo-container .logo {
		width: 10rem;
		border-radius: 0.4rem;
	}

	.profile-header .info-container {
		flex-grow: 1;
	}

	.profile-header .stars-container .stars {
		display: flex;
		gap: 0.4rem;
	}

	.profile-header .stars-container {
		font-size: 1.6rem;
		font-weight: 600;
		color: var(--clr-neutral-700);
		display: flex;
		align-items: center;
		gap: 0.6rem;
		margin-top: 0.5rem;
	}

	.profile-header .stars-container .icon {
		width: 1.7rem;
		height: 1.7rem;
		fill: var(--clr-star);
	}

	.profile-header .h-list {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 2.5rem;
	}

	.profile-header .h-list .list-item {
		font-size: 1.6rem;
		font-weight: 500;
		color: var(--clr-neutral-600);
		display: flex;
		align-items: center;
		gap: 0.8rem;
	}

	.profile-header .h-list .icon {
		flex-shrink: 0;
		fill: var(--clr-neutral-600);
		width: 1.8rem;
		height: 1.8rem;
	}

	.profile-header .tabs {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		gap: 3rem;
	}

	.profile-header .tabs li a {
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 500;
		color: var(--clr-neutral-600);
		padding: 2rem 0;
		border-bottom: 0.2rem solid transparent;
	}

	.profile-header .tabs li.active a {
		font-weight: 600;
		color: var(--clr-primary-500);
		border-bottom-color: var(--clr-primary-400);
	}

	.profile-body {
		padding: 1rem 2rem;
	}

	/********************
	*	Tabs
	********************/

	[data-tab-container] {
		display: none;
	}

	[data-tab-container].active {
		display: unset;
	}

	/********************
	*	Languages
	********************/

	.languages {
		display: flex;
		align-items: center;
		gap: 1rem;
		width: 100%;
		cursor: pointer;
	}

	.languages img {
		width: 2.3rem;
		height: 2.3rem;
		border-radius: 1000vmax;
	}

	.languages span {
		font-weight: 500;
		color: var(--clr-neutral-800);
	}


	/********************
	*	Contact
	********************/

	.contact-form-inner {
		width: 100%;
	}

	.contact-form-inner textarea {
		min-height: 13rem;
	}

	.support-cta {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1rem;
	}

	.support-cta .icon {
		fill: var(--clr-link-400);
		width: 2.6rem;
		height: 2.6rem;
	}

	/********************
	*	Help Center
	********************/


	.help-center-grids>.grid {
		padding: 3rem;
	}

	/********************
	*	FAQs
	********************/

	.faq-grids .grid {
		padding: 2rem;
	}

	/********************
	*	Account
	********************/

	.account-grids {
		height: 100vh;
		height: 100dvh;
	}

	.account-grids>.grid:first-of-type {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 2rem;
	}

	.account-grids>.grid:last-of-type {
		background-color: var(--clr-primary-400);
		padding: 2rem;
	}

	.account {
		width: 100%;
		max-width: 48rem;
	}

	.account .logo {
		width: 11rem;
		margin-bottom: 2rem;
	}

	.account-grids .map {
		fill: var(--clr-primary-500);
		width: 100%;
		height: 100%;
	}


	/********************
	*	Footer
	********************/

	footer {
		background-color: var(--clr-neutral-150);
	}

	footer .socials {
		list-style: none;
		display: flex;
		align-items: center;
		gap: 1rem;
		margin-top: 2rem;
	}

	footer .socials li a {
		font-size: 1.8rem;
		color: #fff;
		background-color: transparent;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 4rem;
		height: 4rem;
		padding: 0.7rem;
		border-radius: 1000vmax;
		border: 0.1rem solid var(--clr-neutral-400);
	}

	footer .socials li a .icon {
		fill: var(--clr-neutral-700);
		width: 3rem;
		height: 3rem;
	}

	.footer-description {
		font-size: 1.7rem;
		font-weight: 500;
		color: var(--clr-neutral-800);
		margin-top: 1.5rem;
	}

	.footer-columns {
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
	}

	.footer-columns .column {
		width: calc(16% - 1.65rem);
	}

	.footer-columns .column:first-of-type {
		width: calc(25% - 1.65rem);
	}

	.footer-columns .column:not(:first-of-type) {
		padding-left: 3rem;
	}

	.footer-columns .column:last-of-type {
		width: calc(27% - 1.65rem);
	}

	.footer-columns .column-heading {
		font-size: 1.7rem;
		font-weight: 600;
		color: var(--clr-neutral-800);
		margin-bottom: 2rem;
	}

	.footer-columns .column ul {
		list-style: none;
	}

	.footer-columns .column ul:not(.socials) li:not(:last-of-type) {
		margin-bottom: 2rem;
	}

	.footer-columns .column ul li a {
		font-size: 1.6rem;
		font-weight: 500;
		color: var(--clr-neutral-700);
	}

	.footer-languages {
		padding: 1.4rem;
	}

	footer .newsletter-container .heading {
		font-size: 1.7rem;
		font-weight: 600;
	}

	.footer-bottom {
		background-color: var(--clr-neutral-150);
		border-top: 0.1rem solid var(--clr-neutral-300);
		padding: 2rem 0;
	}

	.footer-copyright {
		font-size: 1.6rem;
		color: var(--clr-neutral-800);
	}

	footer .search-form-1 {
		background-color: var(--clr-neutral-200);
		border: 0.1rem solid var(--clr-neutral-300);
	}

	footer .newsletter-form .form-group:not(:last-of-type) {
		margin-bottom: 1.6rem;
	}

	/********************
	*	Loaders
	********************/

	.dots-loader {
		width: 6rem;
		aspect-ratio: 4;
		--clr-dots: no-repeat radial-gradient(circle closest-side, #000 90%, #0000);
		background:
			var(--clr-dots) 0% 50%,
			var(--clr-dots) 50% 50%,
			var(--clr-dots) 100% 50%;
		background-size: calc(100%/3) 100%;
		animation: dots-loader 1s infinite linear;
	}

	@keyframes dots-loader {
		33% {
			background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%
		}

		50% {
			background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%
		}

		66% {
			background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%
		}
	}

	/********************
	*	Resume
	********************/

	.resumes {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.resume {
		display: flex;
		border: 0.1rem solid var(--clr-neutral-300);
		border-radius: 0.4rem;
		cursor: pointer;
		overflow: hidden;
	}

	.resume.active {
		border-color: var(--clr-select);
	}

	.resume.active .mock-radio {
		border: 0.4rem solid var(--clr-green);
	}

	.resume .ext {
		font-size: 1.5rem;
		font-weight: 500;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		background-color: var(--clr-doc);
		padding: 1rem;
		width: 5rem;
	}

	.resume .pdf {
		background-color: var(--clr-pdf);
	}

	.resume .main {
		flex-grow: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1.4rem 1.4rem;
	}

	.resume .main .meta {
		display: flex;
		flex-direction: column;
		gap: 0.1rem;
	}

	.resume .main .meta .name {
		font-size: 1.3rem;
		font-weight: 500;
		color: var(--clr-neutral-850);
	}

	.resume .main .meta .date {
		font-size: 1.3rem;
		font-weight: 400;
		color: var(--clr-neutral-600);
	}

	.resume .main .icon-container {
		background-color: transparent;
		padding: 0.6rem;
		border-radius: 0.4rem;
		transition: all 50ms;
	}

	.resume .main .icon-container:hover {
		background-color: var(--clr-neutral-150);
	}

	.resume .main .icon {
		fill: var(--clr-neutral-800);
		width: 1.9rem;
		height: 1.9rem;
	}

	.resume .action {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem 2rem;
		position: relative;
	}

	.resume .action::before {
		content: "";
		background-color: var(--clr-neutral-300);
		display: block;
		width: 0.1rem;
		height: 70%;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}

	/********************
	*	Misc.
	********************/

	.image {
		border-radius: 0.4rem;
	}

	.sub-1 {
		color: var(--clr-neutral-600);
		margin-top: 1.5rem;
		max-width: 60rem;
	}

	.sub-2 {
		font-weight: 600;
		letter-spacing: 0.2rem;
		margin-bottom: 0.4rem;
	}

	.grid-image-1 {
		display: block;
		margin-inline: auto;
		width: 100%;
		max-height: 48rem;
		min-height: 48rem;
		object-fit: cover;
		object-position: top center;
		border-radius: 0.4rem;
	}

	.text-content-inner {
		width: 100%;
		max-width: 90rem;
	}

	.text-content-inner .heading:not(:first-of-type) {
		margin-top: 3rem;
	}

	.doodle-arrow-1 {
		width: 13rem;
		position: absolute;
		top: calc(50% - 10rem);
		right: calc(50% - 32rem);
		transform: rotate(-3deg);
		opacity: 0.8;
		user-select: none;
		pointer-events: none;
	}

	.user-information {
		display: flex;
		gap: 2rem;
	}

	.user-information .profile-picture {
		width: 6rem;
		height: 6rem;
		object-fit: cover;
		border-radius: 0.4rem;
	}

	.user-information .name {
		font-size: 1.6rem;
		font-weight: 600;
	}

	.user-information .description {
		font-size: 1.5rem;
		font-weight: 400;
		color: var(--clr-neutral-600);
		margin-top: 0.1rem;
	}

	.user-information .address {
		font-size: 1.3rem;
		font-weight: 400;
		color: var(--clr-neutral-600);
		margin-top: 0rem;
	}

	.mock-radio {
		display: flex;
		width: 1.8rem;
		height: 1.8rem;
		border: 0.1rem solid var(--clr-neutral-850);
		border-radius: 1000vmax;
	}

	.mock-radio:hover {
		background-color: var(--clr-neutral-150);
	}

	.mock-radio.active {
		border: 0.4rem solid var(--clr-green);
	}

	.success-message-box {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.success-message-box .icon-container {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--clr-green);
		width: 6rem;
		height: 6rem;
		padding: 1.7rem;
		border-radius: 1000vmax;
	}

	.success-message-box .icon-container .icon {
		fill: #fff;

	}

	/********************
	*	Splide Override
	********************/

	.splide__pagination {
		bottom: -2.5rem !important;
	}

	.splide__pagination__page {
		border-radius: 0.2rem !important;
		width: 2.6rem !important;
		height: 0.3rem !important;
		margin-inline: 0.2rem !important;
	}

	.splide__pagination__page.is-active {
		background-color: var(--clr-primary-400) !important;
		height: 0.3rem !important;
		margin-inline: 0.2rem !important;
		transform: scale(1) !important;
	}


	@media (max-width: 1260px) {

		.categories-4 .category {
			width: calc(33.33% - 1.34rem);
		}

		.job-area {
			justify-content: center;
		}

		.job-area .left-sidebar {
			display: none;
		}

		.job-area .right-sidebar {
			display: none;
		}

		.job-area .jobs {
			width: 100%;
			max-width: 70rem;
			padding: 0;
		}

		.feature-card-1 {
			min-height: auto;
		}

		.download-app-container .info-container-grid {
			padding-left: 5rem;
		}

		.download-app-container .image-container-grid {
			justify-content: flex-end;
		}

		.download-app-container .app-image {
			max-width: 52rem;
		}

		.footer-columns .column {
			width: calc(25% - 1.5rem);
			padding-left: 0;
		}

		.footer-columns .column:last-of-type {
			padding-left: 0;
		}

		.footer-columns {
			gap: 2rem;
		}
	}

	@media (max-width: 992px) {

		.heading-xl {
			font-size: 5.6rem;
		}

		.heading-lg {
			font-size: 3.2rem;
		}

		.heading-md {
			font-size: 2.8rem;
		}

		.heading-xs {
			font-size: 1.6rem;
		}

		.break:not(.break-keep) {
			display: inline;
			width: auto;
		}

		.grids.grids-1-lg .grid {
			justify-content: flex-start;
		}

		.section-header.style-1> :first-of-type,
		.section-header.style-1> :nth-of-type(2),
		.section-header.style-1> :nth-of-type(3) {
			width: 100%;
		}

		.section-padding-top-xl {
			padding-top: 5rem;
		}

		.section-padding-bottom-xl {
			padding-bottom: 5rem;
		}

		.section-margin-top-xl {
			margin-top: 5rem;
		}

		.section-margin-bottom-xl {
			margin-bottom: 5rem;
		}

		.horizontal-steps {
			gap: 1rem;
			max-width: 70rem;
		}

		.horizontal-steps .step .icon-container {
			padding: 1.6rem;
		}

		.horizontal-steps .step .icon {
			width: 3rem;
			height: 3rem;
		}

		.horizontal-steps .step {
			min-width: 14rem;
		}

		.horizontal-steps .step:not(:last-of-type)::before {
			width: 8rem;
		}

		.menu-container {
			display: flex;
			align-items: center;
		}

		.primary-navigation {
			justify-content: space-between;
		}

		.primary-navigation .navigation-list-container {
			display: none;
		}

		.primary-navigation .action-container {
			width: 11rem;
		}

		.primary-navigation .logo-container {
			width: auto;
		}

		:where(.grids-2.gap-5) {
			flex-direction: column;
		}

		.grids-2.gap-5 .grid {
			width: 100%;
		}

		.grid-information {
			max-width: 100%;
		}

		.icon-tag {
			font-size: 1.5rem;
			font-weight: 600;
			padding: 1rem 1rem;
		}

		.icon-tags-position-1 .icon-tag:first-of-type {
			top: 1rem;
			left: 1rem;
		}

		.icon-tags-position-1 .icon-tag:nth-of-type(2) {
			right: 1rem;
			top: unset;
			bottom: 22rem;
		}

		.icon-tags-position-1 .icon-tag:nth-of-type(3) {
			left: 1rem;
		}

		.blog-cards-container {
			flex-direction: column;
		}

		.blog-cards-sidebar {
			width: 100%;
		}

		.blog-cards-main {
			width: 100%;
		}

		.blog-card-information,
		.blog-card-information>div {
			width: 100%;
		}

		.blog-card-information .text {
			max-width: 60rem;
		}

		.blog-cards-3 .blog-card {
			width: calc(50% - 1.55rem);
		}

		.team-4 .team-member {
			width: calc(33.33% - 2rem);
		}

		.information-cards .information-card {
			width: calc(50% - 1.55rem);
		}

		.categories-4 .category {
			width: calc(50% - 1rem);
		}

		.feature-card-1 .heading {
			font-size: 1.8rem;
		}

		.download-app-container {
			padding: 3rem;
		}

		.download-app-container .info-container-grid {
			padding-left: 0;
		}

		.download-app-container .app-image {
			max-width: 7rem;
			transform: translateX(-1.8rem);
		}

		.download-app-container .heading {
			padding-left: 8rem;
		}

		.download-app-container .app-image {
			position: absolute;
			left: 5rem;
			top: 4.5rem;
		}

		.feature-grid .icon {
			width: 1.9rem;
			height: 1.9rem;
		}

		.information-cards {
			gap: 2rem;
		}

		.information-cards .information-card {
			width: calc(50% - 1rem);
		}

		.testimonial-card {
			flex-direction: column;
		}

		.testimonial-card .information {
			padding: 4rem;
			width: 100%;
		}

		.testimonial-card .image-container {
			width: 100%;
		}

		.account-grids>.grid:first-of-type {
			align-items: flex-start;
		}

		.simple-categories-3 {
			gap: 5rem;
			column-count: 2;
		}

		.support-cta .icon {
			width: 2.1rem;
			height: 2.1rem;
		}

	}

	@media (max-width: 768px) {

		.heading-xl {
			font-size: 4.2rem;
		}

		.heading-lg {
			font-size: 2.8rem;
			line-height: 1.4;
		}

		.heading-md {
			font-size: 2.8rem;
			line-height: 1.4;
		}

		.heading-sm {
			font-size: 2rem;
		}

		.text-md {
			font-size: 1.6rem;
		}

		.text-sm {
			font-size: 1.5rem;
		}

		.page-offset {
			padding-top: 10rem;
		}

		.list {
			font-size: 1.6rem;
		}

		.tags {
			gap: 1rem;
		}

		.tags li a {
			font-size: 1.3rem;
			padding: 0.7rem 2rem;
		}

		.hero .search-form-1 .form-group:nth-of-type(3) {
			padding-right: 0rem;
		}

		.horizontal-steps {
			max-width: 60rem;
		}

		.horizontal-steps .step .icon-container {
			padding: 1.2rem;
		}

		.horizontal-steps .step .icon {
			width: 2.8rem;
			height: 2.8rem;
		}

		.horizontal-steps .step-heading {
			font-size: 1.4rem;
		}

		.horizontal-steps .step {
			min-width: 12rem;
		}

		.horizontal-steps .step:not(:last-of-type)::before {
			width: 6rem;
		}

		.search-form-1 .form-group:first-of-type {
			width: 100%;
		}

		.search-form-1 .form-group:nth-of-type(2) {
			width: 100%;
		}

		.search-form-1 .form-group:nth-of-type(3) {
			width: 100%;
			max-width: 100%;
			margin-top: 1rem;
		}

		.jobs .jobs-header .search-form-1 .form-group:first-of-type {
			width: 100%;
		}

		.jobs .jobs-header .search-form-1 .form-group:nth-of-type(2) {
			width: 100%;
		}

		.jobs .jobs-header .search-form-1 {
			border-color: transparent;
			box-shadow: none;
		}

		.search-form-1 input[type="text"] {
			border-color: var(--clr-neutral-300);
		}

		.search-form-1.light-skin input[type="text"] {
			background-color: rgba(255, 255, 255, 0.1);
		}

		.list li b {
			font-size: 1.8rem;
			margin-bottom: 0.4rem;
		}

		.list li span {
			font-size: 1.6rem;
		}

		.primary-navigation .logo-container {
			transform: translateX(-1.5rem);
		}

		.primary-navigation .action-container .button {
			padding: 0.7rem 2rem;
			min-width: 8rem;
		}

		.search-form-1 .form-group:nth-of-type(2)::before {
			display: none;
		}

		.hero .search-form-1 {
			padding: 0;
		}

		.hero .search-form-1 {
			background-color: transparent;
			gap: 1rem;
		}

		.hero-inner-container {
			padding-top: 3rem;
			height: auto;
			max-height: unset;
		}

		.hero-inner .description {
			font-size: 1.6rem;
		}

		.splide__slide .blog-card .heading {
			font-size: 1.8rem;
		}

		.blog-card .meta {
			font-size: 1.5rem;
		}

		.blog-cards-3 .blog-card {
			width: 100%;
		}

		.team-4 .team-member {
			width: calc(50% - 1.55rem);
		}

		.filter-form {
			flex-direction: column;
			gap: 2rem;
		}

		.filter-form .form-group {
			width: 100%;
		}

		.categories .category {
			padding: 1.4rem;
			gap: 1.2rem;
		}

		.categories .category .icon {
			width: 2.2rem;
			height: 2.2rem;
		}

		.categories .category .category-heading {
			font-size: 1.5rem;
		}

		.categories-4 {
			gap: 1rem;
		}

		.categories-4 .category {
			width: calc(50% - 0.5rem);
		}

		.icon-tag {
			font-size: 1.4rem;
			font-weight: 500;
		}

		.icon-tag .icon {
			width: 1.6rem;
			height: 1.6rem;
		}

		.grid-information>.heading {
			font-size: 2.4rem;
		}

		.feature-card-1 {
			padding: 2rem;
		}

		.download-app-container .list {
			font-size: 1.6rem;
		}

		.download-app-container .list li .icon {
			width: 1.5rem;
			height: 1.5rem;
		}

		.download-app-container .download-buttons img {
			max-width: 13rem;
		}

		.feature-grid {
			padding: 2rem;
		}

		.doodle-arrow-1 {
			width: 8rem;
			top: -7rem;
			right: 5rem;
		}

		.footer-columns .column:not(:first-of-type) {
			padding-left: 0;
		}

		.footer-columns .column:nth-of-type(4) {
			padding-left: 0;
		}

		.footer-columns .column:first-of-type {
			width: 100%;
		}

		.footer-columns .column:last-of-type {
			width: calc(50% - 2rem);
		}

		.footer-columns .column {
			width: calc(50% - 2rem);
		}

		.grid-image-1 {
			min-height: auto;
		}

		.profile-header .profile-header-row:first-of-type {
			flex-direction: column;
			align-items: center;
			text-align: center;
		}

		.profile-header .h-list {
			flex-direction: column;
		}

		.profile-header .stars-container {
			justify-content: center;
		}

	}

	@media (max-width: 576px) {

		.heading-xl {
			font-size: 3.2rem;
		}

		.heading-md {
			font-size: 2.4rem;
		}

		.text-md {
			font-size: 1.5rem;
		}

		.button {
			font-size: 1.5rem;
		}

		.list>li:not(:last-of-type) {
			margin-bottom: 1.5rem;
		}

		.horizontal-steps {
			gap: 2rem;
			justify-content: center;
			max-width: 60rem;
		}

		.horizontal-steps .step .icon-container {
			padding: 1.2rem;
		}

		.horizontal-steps .step .icon {
			width: 2.4rem;
			height: 2.4rem;
		}

		.horizontal-steps .step-heading {
			font-size: 1.2rem;
			white-space: nowrap;
		}

		.horizontal-steps .step {
			min-width: 8rem;
		}

		.horizontal-steps .step:not(:last-of-type)::before {
			width: 4rem;
			transform: translateX(calc(50% + 1rem));
		}

		.menu .icon {
			width: 2.7rem;
			height: 2.7rem;
		}

		.primary-navigation .action-container .button {
			font-size: 1.4rem;
			padding: 0.7rem 1.8rem;
			min-width: 7rem;
		}

		.img-logo {
			width: 9rem;
		}

		.search-form-1 input[type="text"],
		.search-form-1.light-skin input[type="text"] {
			font-size: 1.5rem;
		}

		.search-form-1 .input-addon-icon-left input[type="text"] {
			padding-left: 4rem;
		}

		.search-form-1 .input-addon .icon {
			width: 1.7rem;
			height: 1.7rem;
		}

		.search-form-1 .form-group:nth-of-type(3) {
			margin-top: 0.4rem;
		}

		.hero-inner .description {
			font-size: 1.5rem;
		}

		.hero .popular-search-container {
			margin-top: 5rem;
		}

		.categories-4 .category {
			width: calc(100% - 0rem);
		}

		.icon-tag {
			font-size: 1.2rem;
			padding: 0.7rem;
		}

		.icon-tag .icon {
			width: 1.2rem;
			height: 1.2rem;
		}

		.icon-tags-position-1 .icon-tag:nth-of-type(2) {
			bottom: 13rem;
		}

		.grid-information>.heading {
			font-size: 2.2rem;
			margin-bottom: 2rem;
		}

		.team-4 {
			gap: 1rem;
		}

		.team-4 .team-member {
			width: calc(50% - 0.55rem);
		}

		.team-member-information {
			width: calc(100% - 1.5rem);
			padding: 0.6rem;
			bottom: 0.7rem;
		}

		.team-member-name {
			font-size: 1.4rem;
		}

		.team-member-designation {
			font-size: 1.3rem;
			margin-top: 0;
		}

		.information-cards .information-card {
			width: calc(100%);
		}

		.feature-card-1 {
			padding: 1.5rem;
		}

		.feature-card-1 .heading {
			font-size: 1.5rem;
		}

		.feature-card-1 .text-sm {
			font-size: 1.4rem;
		}

		.feature-card-1 .flex-column-reverse>div {
			margin-top: 1rem;
		}

		.feature-card-1 img {
			max-width: 13rem;
			margin-inline: unset;
		}

		.download-app-container {
			padding: 0;
		}

		.download-app-container .app-image {
			transform: translateX(0);
		}

		.download-app-container .app-image {
			left: 0rem;
			top: 1rem;
		}

		.download-app-container .heading {
			padding-left: 6rem;
		}

		.tiles-1 .grid .tile-information {
			padding: 1rem;
		}

		.tiles-1 .grid .tile-information .heading {
			font-size: 1.4rem;
			font-weight: 500;
		}

		.stats-grids .grid .count {
			font-size: 2.2rem;
		}

		.job .job-header {
			align-items: flex-start;
			flex-direction: column;
			gap: 1.4rem;
		}

		.job .company {
			align-items: flex-start;
			width: calc(100% - 1rem);
		}

		.job .company .logo {
			transform: translateY(0.5rem);
		}

		.job .job-meta {
			gap: 2rem;
		}

		.job .job-meta li {
			width: calc(50% - 1rem);
		}

		.job .job-meta li:first-of-type {
			width: 100%;
		}

		.simple-categories-3 {
			gap: 0rem;
			column-count: 1;
		}
	}

	@media(max-width: 430px) {
		.horizontal-steps {
			gap: 1.5rem;
		}

		.horizontal-steps .step .icon-container {
			padding: 1rem;
		}

		.horizontal-steps .step .icon {
			width: 2.2rem;
			height: 2.2rem;
		}

		.horizontal-steps .step-heading {
			font-size: 1.1rem;
		}

		.horizontal-steps .step {
			min-width: 7.5rem;
		}

		.horizontal-steps .step:not(:last-of-type)::before {
			width: 3rem;
			transform: translateX(calc(50% + 0.5rem));
		}

		.team-member .socials {
			gap: 1.2rem;
		}

		.team-member .socials .social .icon {
			width: 1.6rem;
			height: 1.6rem;
		}

		.team-member .socials .social .icon.mail {
			width: 1.5rem;
			height: 1.5rem;
		}

		.list>li:not(:last-of-type) {
			margin-bottom: 0;
		}

		.list.list-hz li {
			margin-right: 2rem;
		}

		.testimonial-card .information {
			padding: 2rem;
			padding-top: 8rem;
		}

		.testimonial-card .icon.quotes {
			width: 4rem;
			height: 4rem;
		}

		.search-form-2 .form-group:last-of-type {
			padding-right: 1rem;
		}

		.footer-columns .column,
		.footer-columns .column:last-of-type {
			width: 100%;
		}

	}

	@media (max-width: 380px) {
		.heading-xl {
			font-size: 3.2rem;
		}

		.heading-lg {
			font-size: 2.2rem;
		}

		.heading-md {
			font-size: 2rem;
		}

		.button {
			font-size: 1.5rem;
			padding: 1rem 2rem;
		}

		.horizontal-steps {
			gap: 1rem;
			justify-content: center;
			max-width: 60rem;
		}

		.horizontal-steps .step .icon-container {
			padding: 0.8rem;
		}

		.horizontal-steps .step .icon {
			width: 2rem;
			height: 2rem;
		}

		.horizontal-steps .step-heading {
			font-size: 1rem;
			font-weight: 400;
			white-space: nowrap;
		}

		.horizontal-steps .step {
			min-width: 7.5rem;
		}

		.horizontal-steps .step:not(:last-of-type)::before {
			width: 4rem;
			transform: translateX(calc(50% + 0.5rem));
		}

		.hero-inner .description {
			font-size: 1.5rem;
		}

		.search-form-1 input[type="text"] {
			font-size: 1.5rem;
			padding: 1.25rem 2rem;
		}


		.hero form select.input-style-1 {
			padding: 1.25rem 2rem;
			height: 5.2rem;
		}

		.job-card .heading {
			font-size: 1.6rem;
		}

		.job-card-body ul {
			font-size: 1.5rem;
		}

		.blog-card-information .button {
			width: 100%;
		}

		.splide__slide .blog-card .heading {
			font-size: 1.6rem;
		}

		.custom-select-container label {
			font-size: 1.5rem;
		}

		.footer-columns {
			gap: 4rem;
		}

		.footer-columns .column {
			width: 100%;
		}

		.footer-columns .column:last-of-type {
			width: 100%;
		}
	}


	@media(min-width: 992px) {
		.padding-left-10-greater-lg {
			padding-left: 10rem;
		}
	}

	@media(min-width: 1260px) {
		.padding-left-20-greater-xl {
			padding-left: 20rem;
		}
	}