:root {
	--primary: #1A1B3A;
	--secondary: #F9F9FF;
	--tertiary: #94C230;
	--dark-primary: #070827;
	--dark-primary-2: #0B0B23;
	--accent: #8587A4;
	--body-font: "Poppins", sans-serif;
	--header-font: "area-normal";
	--font-size-16: 16px;
	--font-size-18: 18px;
	--font-size-20: 20px;
	--font-size-22: 22px;
	--font-size-24: 24px;
	--font-size-26: 26px;
	--font-size-28: 28px;
	--font-size-32: 32px;
	--font-size-36: 36px;
	--font-size-38: 38px;
	--font-size-42: 42px;
	--font-size-44: 44px;
	--font-size-46: 46px;
	--font-size-50: 50px;
	--font-size-60: 60px;
	--font-size-64: 64px;
	--font-size-68: 68px;
	--font-size-90: 90px;
	--swiper-pagination-bottom: 25px;
	--swiper-pagination-bullet-horizontal-gap: 12px;
	--swiper-pagination-bullet-width: 10px;
	--swiper-pagination-bullet-size: 10px;
	--header-height: 0;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}

	html:not(.js), html:not(.js) body {
		overflow-x: hidden;
	}

body {
	font-family: var(--body-font);
	color: var(--primary);
	padding-top: var(--header-height);
}

.header-font {
	font-family: var(--header-font);
}

h1, .h1 {
	font-family: var(--header-font);
	font-size: var(--font-size-32);
	font-weight:800;
	margin-bottom: 25px;
}

h2, .h2 {
	font-family: var(--header-font);
	font-size: var(--font-size-28);
	font-weight: 800;
	margin-bottom: 25px;
}

h3, .h3 {
	font-family: var(--header-font);
	font-size: var(--font-size-24);
	font-weight: 800;
	margin-bottom: 25px;
}

h4, .h4 {
	font-family: var(--header-font);
	font-size: var(--font-size-20);
	font-weight: 800;
	margin-bottom: 25px;
}

h5, .h5 {
	font-family: var(--header-font);
	font-size: var(--font-size-18);
	font-weight: 800;
	margin-bottom: 25px;
}

h6, .h6 {
	font-family: var(--header-font);
	font-size: var(--font-size-16);
	font-weight: 800;
	margin-bottom: 25px;
}

.fs-18 {
	font-size: var(--font-size-18);
}

.fs-20 {
	font-size: var(--font-size-20);
}

.fs-22 {
	font-size: var(--font-size-22);
}

.fs-24 {
	font-size: var(--font-size-24);
}

.fs-26 {
	font-size: var(--font-size-26);
}

.fs-28 {
	font-size: var(--font-size-28);
}

.fs-32 {
	font-size: var(--font-size-32);
}

.fs-36 {
	font-size: var(--font-size-36);
	line-height: 140%;
}

.fs-42 {
	font-size: var(--font-size-42);
	line-height: 140%;
}

.fs-44 {
	font-size: var(--font-size-44);
	line-height: 140%;
}

.fs-46 {
	font-size: var(--font-size-46);
	line-height: 140%;
}

.fs-50 {
	font-size: var(--font-size-50);
	line-height: 148%;
}

.fs-60 {
	font-size: var(--font-size-60);
	line-height: 140%;
}

.fs-64 {
	font-size: var(--font-size-64);
	line-height: 140%;
}

.fs-68 {
	font-size: var(--font-size-68);
	line-height: 58.82%;
}

.lh-120 {
	line-height: 120%;
}

.lh-170 {
	line-height: 170%;
}

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

.img-fit {
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.img-contain {
	display: block;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	width: auto;
	height: auto;
}

.rounded-15 {
	border-radius: 15px;
	overflow: hidden;
}

.rounded-25 {
	border-radius: 25px;
	overflow: hidden;
}

.rounded-30 {
	border-radius: 30px;
	overflow: hidden;
}

.rounded-60 {
	border-radius: 30px;
	overflow: hidden;
}

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

.g-40 {
	--bs-gutter-x: 40px;
	--bs-gutter-y: 40px;
}

.g-50 {
	--bs-gutter-x: 50px;
	--bs-gutter-y: 50px;
}

.gx-100 {
	--bs-gutter-x: 50px;
}

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

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

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

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

.mb-25 {
	margin-bottom: 25px !important;
}

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

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

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

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

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

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

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

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

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

.title-lg {
	font-size: var(--font-size-38);
	font-weight: 700;
}

.bg-colour-primary {
	background-color: var(--primary);
	color: white;
}

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

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

.bg-colour-tertiary {
	background-color: var(--tertiary);
	color: white;
}

.text-colour-tertiary {
	color: var(--tertiary);
}

.text-colour-accent {
	color: var(--accent);
}

.btn {
	border-radius:0;
	font-size: 18px;
	font-weight: 500;
	line-height: 140%;
	padding: 15px 30px;
}

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

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

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

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

.btn-bg-tertiary {
	background-color: var(--tertiary);
	color: var(--primary);
}

.btn-bg-accent {
	background-color: var(--accent);
	color: white;
}

.btn-bg-gradient {
	background: -o-linear-gradient(355deg, #371EC4 1.47%, #1A0F5E 98.53%);
	background: linear-gradient(95deg, #371EC4 1.47%, #1A0F5E 98.53%);
	color: white;
	border: 0;
}

.section {
	padding-top: 50px;
	padding-bottom: 50px;
}

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

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

.section:not(.wb) + .section:not(.wb) {
	padding-top: 0;
}

.section + .section.npt {
	padding-top: 0;
}

.section-xs{
	padding-top:35px;
	padding-bottom:35px;
}

#header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

	#header .header-top {
		background-color: var(--primary);
		padding: 10px 0;
		-webkit-transition: background-color 0.4s ease-in-out;
		-o-transition: background-color 0.4s ease-in-out;
		transition: background-color 0.4s ease-in-out;
	}

	/*#header.menu-open .header-top {
		background-color: var(--tertiary);
	}*/


	#header .header-right .header-right-group {
		margin-left: -10px;
		margin-right: -10px;
	}

		#header .header-right .header-right-group .column {
			padding-left: 10px;
			padding-right: 10px;
		}

		/*#header .header-right .header-right-group .header-buttons {
			border-radius: 60px;
			background: #FFF;
			padding: 10px;
		}*/

			#header .header-right .header-right-group .header-buttons .btns {
				margin-left: -7px;
				margin-right: -7px;
			}

				#header .header-right .header-right-group .header-buttons .btns div {
					padding-left: 7px;
					padding-right: 7px;
				}

			#header .header-right .header-right-group .header-buttons .btn {
				font-size: 16px;
				min-width: 116px;
				padding: 9px 30px;
			}

				#header .header-right .header-right-group .header-buttons .btn:not(.btn-bg-white) {
					border: 1px solid #D8E3FC;
					background: #E9F0FF;
					color: #B5C7ED;
				}

				#header .header-right .header-right-group .header-buttons .btn.active {
					background: -o-linear-gradient(bottom, var(--tertiary) 0%, var(--tertiary) 100%), #FFF;
					background: -webkit-gradient(linear, left bottom, left top, from(var(--tertiary)), to(var(--tertiary))), #FFF;
					background: linear-gradient(0deg, var(--tertiary) 0%, var(--tertiary) 100%), #FFF;
					color: white;
					border-color:transparent;
				}

		#header .header-right .header-right-group .btn {
			font-size: 16px;
		}

	#header .header-right .navbar-toggler {
		vertical-align: middle;
	}

	#header .header-right .animated-icon {
		width: 30px;
		height: 20px;
		position: relative;
		margin: 0;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer
	}

		#header .header-right .animated-icon span {
			display: block;
			position: absolute;
			height: 3px;
			width: 100%;
			border-radius: 9px;
			opacity: 1;
			left: 0;
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out
		}

		#header .header-right .animated-icon span {
			background: white;
		}

			#header .header-right .animated-icon span:nth-child(1) {
				top: 0
			}

			#header .header-right .animated-icon span:nth-child(2) {
				top: 8px
			}

			#header .header-right .animated-icon span:nth-child(3) {
				top: 16px
			}

		#header .header-right .animated-icon.open span:nth-child(1) {
			top: 9px;
			-webkit-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			transform: rotate(135deg)
		}

		#header .header-right .animated-icon.open span:nth-child(2) {
			opacity: 0;
			left: 60px
		}

		#header .header-right .animated-icon.open span:nth-child(3) {
			top: 9px;
			-webkit-transform: rotate(-135deg);
			-ms-transform: rotate(-135deg);
			transform: rotate(-135deg)
		}

	#header #menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background-color: var(--primary);
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		padding: 0;
		max-height: 0;
		overflow-x: hidden;
		opacity: 0;
		-webkit-transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s cubic-bezier(0.4,0,0.2,1);
		-o-transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s cubic-bezier(0.4,0,0.2,1);
		transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s cubic-bezier(0.4,0,0.2,1);
		z-index: 1040;
		display: block;
	}

		#header #menu .container {
			overflow-y: auto;
			overflow-x: hidden;
			max-height: 100vh;
			scrollbar-width: thin;
			scrollbar-color: var(--primary) var(--primary);
		}

		#header #menu.open {
			max-height: 9999px; /* Adjust to fit your menu's content */
			opacity: 1;
			overflow: visible;
		}

		#header #menu.collapsing {
			max-height: 0 !important;
			opacity: 0;
			overflow: hidden;
			-webkit-transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s cubic-bezier(0.4,0,0.2,1);
			-o-transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s cubic-bezier(0.4,0,0.2,1);
			transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s cubic-bezier(0.4,0,0.2,1);
		}

		#header #menu .container {
			padding-top: 25px;
			padding-bottom: 50px;
		}

		#header #menu .navbar {
			padding: 0;
		}

		#header #menu .navbar-nav {
			min-width: 335px;
			position: relative;
		}

			#header #menu .navbar-nav .nav-item:not(:last-of-type) {
				margin-bottom: 25px;
			}

			/*#header #menu .navbar-nav > .nav-item {
				position: relative;
			}*/

			#header #menu .navbar-nav > .nav-item > .nav-wrap {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
			}

				#header #menu .navbar-nav > .nav-item > .nav-wrap > .nav-link {
					color: white;
					padding: 0;
					font-family: var(--header-font);
					font-size: var(--font-size-32);
					position: relative;
				}

			#header #menu .navbar-nav > .nav-item > .sub-menu {
				margin: 0;
				list-style: none;
				display: none;
			}

				#header #menu .navbar-nav > .nav-item > .sub-menu .nav-item {
					max-width: 100%;
					min-width: 100%;
				}

					#header #menu .navbar-nav > .nav-item > .sub-menu .nav-item:not(:last-of-type) {
						margin-bottom: 15px;
					}

					#header #menu .navbar-nav > .nav-item > .sub-menu .nav-item .nav-link {
						color: white;
						font-weight: 400;
						line-height: 120%;
						padding: 0;
					}

					#header #menu .navbar-nav > .nav-item > .sub-menu .nav-item .button {
						display: none !important;
					}

		#header #menu .contact-details {
			border-bottom: 1px solid white;
			padding-bottom: 50px;
		}

			#header #menu .contact-details .header {
				font-size: var(--font-size-20);
				color: white;
				font-family: var(--header-font);
				font-weight: 700;
				margin-bottom: 20px;
			}

			#header #menu .contact-details p {
				margin: 0;
				color: white;
			}

#animation {
	position: relative;
	overflow: hidden;
}

	#animation:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--tertiary);
		z-index: -1;
	}

#animaton .video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

#animation .video iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: -1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@media (min-aspect-ratio: 16 / 9) {
	#animation .video iframe {
		height: 56.25vw;
	}
}

@media(max-aspect-ratio:16/9) {
	#animation .video iframe {
		width: 177.78vh
	}
}

#page-title .breadcrumb-nav {
	border: 1px solid #EAEAFF;
	background: var(--secondary);
	padding: 15px 20px;
	display: inline-block;
	margin-bottom: 25px;
}

	#page-title .breadcrumb-nav .breadcrumb {
		margin-bottom: 0;
		padding: 0;
	}

		#page-title .breadcrumb-nav .breadcrumb .breadcrumb-item {
			font-family: var(--header-font);
			font-weight: 700;
			color:var(--primary);
		}

	#page-title .breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
		color: var(--tertiary);
		content: var(--bs-breadcrumb-divider, ">");
	}

		#page-title .title {
			font-size: var(--font-size-64);
			font-weight: 600;
			margin-bottom: 0;
		}

#top {
	background-color: white;
	border-radius: 25px 25px 0 0;
	-webkit-box-shadow: 0 0 100px 0 rgba(6, 5, 45, 0.50);
	box-shadow: 0 0 100px 0 rgba(6, 5, 45, 0.50);
	margin-top: -50px;
}

.cta .cta-box {
	border-radius: 24.11px;
	background-color: var(--secondary);
	padding: 25px;
}

	.cta .cta-box .cta-columns {
		margin: 0 -15px;
	}

		.cta .cta-box .cta-columns .cta-column {
			padding: 15px;
		}

	.cta .cta-box .cta-description *:last-child {
		margin-bottom: 0;
	}

.project-list {
	--bs-gutter-x: 50px;
	/*margin-bottom: -50px;*/
}

	/*	.project-list .project-item {
		padding-bottom: 50px;
	}*/

	.project-list .project-item .ratio {
		border-radius: 30px;
		overflow: hidden;
	}

		.project-list .project-item .ratio .icon-arrow-up-right {
			position: absolute;
			top: auto;
			left: auto;
			bottom: 25px;
			right: 25px;
			font-size: 24px;
			color: #06052D;
			background-color: white;
			width: 50px;
			height: 50px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			border-radius: 50%;
		}

	.project-list .project-item .project-title {
		margin-top: 25px;
		font-size: var(--font-size-28);
		font-weight: 800;
		margin-bottom: 0;
	}

	.project-list .project-item .project-description {
		font-size: var(--font-size-20);
		margin-top: 25px;
	}

	.project-list .project-item .project-categories,
	.project .project-categories {
		list-style: none;
		padding: 0;
		margin-top: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 10px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.project-list .project-item .project-categories li,
		.project .project-categories li {
			font-size: 15px;
			color: var(--primary);
			background-color: var(--secondary);
			padding: 10px 25px;
			border-radius: 76.681px;
			line-height: 173.81%;
			font-weight: 500;
		}

.project .website hr {
	margin: 20px 0;
	border-top: 1px solid var(--tertiary);
	opacity: 1;
}

.project .website p {
	margin-bottom: 0;
}

.slider-section .work-slider:not(:last-child) {
	margin-bottom: 50px;
}

.work-slider .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

.gutter-50 {
	margin: -25px;
}

	.gutter-50 > .grid-item {
		padding: 25px;
	}

.theme {
	position: relative;
}

	.theme .bottom-shape {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
	}

.column-list .column-item .column-item-description ul{
	padding-left: 20px;
}
	.column-list .column-item .column-item-description ul li {
		margin-bottom: 5px;
	}
		.column-list .column-item .column-item-description ul li p:last-of-type {
			margin-bottom: 0;
		}

.manual-list .manual-item .manual-item-title {
	border-bottom: 2px solid var(--tertiary);
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: 400;
	font-family: var(--body-font);
}

.manual-list .manual-item .manual-item-description {
	line-height: 160%;
}

	.manual-list .manual-item .manual-item-description p {
		margin-bottom: 30px;
	}

	.manual-list .manual-item .manual-item-description ul{
		padding-left: 20px;
	}

		.manual-list .manual-item .manual-item-description ul li {
			margin-bottom: 5px;
		}

		.manual-list .manual-item .manual-item-description ul li p:last-of-type {
			margin-bottom: 0;
		}

	.category-filters {
		list-style: none;
		padding: 0;
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 15px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 25px;
	}

	.category-filters li {
		font-size: 15px;
		color: var(--primary);
		background-color: var(--secondary);
		padding: 10px 25px;
		border-radius: 76.681px;
		line-height: 173.81%;
		font-weight: 500;
	}

		.category-filters li .btn {
			padding: 0;
			margin-left: 10px;
		}

.section-group {
	background-color: var(--dark-primary);
	background-image: url('/images/bg-gradient.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}

.section-group-2 {
	background-color: #030218;
	color: white;
}

#services .container-fluid, #proposal-team #team .container-fluid, #proposal-who .container-fluid, #proposal-work .container-fluid, #proposal-contact .container-fluid {
	padding: 0;
}

.service-list .service-item .ratio {
	border-radius: 15.265px;
	overflow: hidden;
}

	.service-list .service-item .ratio .service-title {
		position: absolute;
		top: auto;
		left: 25px;
		right: auto;
		bottom: 25px;
		z-index: 1;
		height: auto;
		width: auto;
		margin-bottom: 0;
	}

.service-list .swiper-slide-next::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: -o-linear-gradient(left, rgba(3, 2, 24, 0.00) 0%, #030218 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(3, 2, 24, 0.00)), to(#030218));
	background: linear-gradient(90deg, rgba(3, 2, 24, 0.00) 0%, #030218 100%);
	z-index: 2;
}

.sub-title {
	letter-spacing: -1.5px
}

.services .content {
	line-height: 183.33%;
}

.service-stack {
	margin-bottom: -50px;
}

	.service-stack .service-item {
		position: relative;
		position: sticky;
		top: calc(var(--header-height) + 50px);
		-webkit-transform-origin: center top;
		-ms-transform-origin: center top;
		transform-origin: center top;
		overflow: hidden;
	}

		.service-stack .service-item:nth-child(3n+1) .service-box {
			background-color: var(--tertiary);
			color: white;
		}

		.service-stack .service-item:nth-child(3n+2) .service-box {
			background-color: #752DE0;
			color: white;
		}

		.service-stack .service-item:nth-child(3n+3) .service-box {
			background-color: #009BEF;
			color: white;
		}

	.service-stack .service-item {
		padding-bottom: 50px;
	}

		.service-stack .service-item .service-box {
			padding: 25px;
			border-radius: 30px;
			background-color: var(--secondary);
			position: relative;
		}

			.service-stack .service-item .service-box .service-title {
				font-size: var(--font-size-50);
				font-weight: bold;
				margin-bottom: 30px;
			}

			.service-stack .service-item .service-box .service-description {
				font-size: var(--font-size-20);
				max-width: 930px;
			}

			.service-stack .service-item .service-box .service-btn {
				margin-top: 40px;
			}

				.service-stack .service-item .service-box .service-btn .btn {
					font-size: var(--font-size-22);
					padding: 10px 30px;
				}

		.service-stack .service-item:nth-child(3n+1) .service-box .service-btn .btn {
			background-color: #1F1C96;
		}

		.service-stack .service-item:nth-child(3n+2) .service-box .service-btn .btn {
			background-color: #5923AA;
		}

		.service-stack .service-item:nth-child(3n+3) .service-box .service-btn .btn {
			background-color: #146CB4;
		}

		.service-stack .service-item .service-box .icon-arrow-up-right {
			position: absolute;
			top: auto;
			left: auto;
			bottom: 25px;
			right: 25px;
			font-size: 24px;
			color: #06052D;
			background-color: white;
			width: 50px;
			height: 50px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
			border-radius: 50%;
		}

.service-row .service-item .service-box {
	padding: 25px;
	overflow: hidden;
	color: white;
	height: 100%;
	border: 1px solid #3A3C6F;
	box-shadow: 9px 17px 24.5px 0 rgba(23, 24, 54, 0.11);
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height:400px;
}

	.service-row .service-item .service-box .service-link {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
	}

	.service-row .service-item .service-box:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(25, 26, 57, 0.50) 0%, #191A38 100%);
		opacity: 0.9;
	}

	.service-row .service-item .service-box .service-box-content {
		position: relative;
		z-index: 1;
	}

.service-row .service-item .service-box .service-title {
	font-size: var(--font-size-28);
	margin-bottom: 25px;
}

.service-row .service-item .service-box .service-description {
	font-size: var(--font-size-18);
}

	.service-row .service-item .service-box .btn{
		color:var(--primary);
	}

	.services-swiper {
		padding-bottom: 100px;
	}

.services-swiper .services-swiper-pagination {
	border: 1px solid #EBEBEB;
	background: #F4F4F4;
	display: inline-block;
	width: 100% !important;
	left: 50% !important;
	bottom: 0px !important;
	padding: 15px;
	transform:translateX(-50%);
}

	.services-swiper .services-swiper-pagination .swiper-pagination-bullet {
		background-color: var(--primary);
		opacity: 1;
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
	}

.services-swiper .services-swiper-pagination .swiper-pagination-bullet-active {
	background-color: var(--tertiary);
}

.service-detail-introduction {
	max-width: 800px;
}

.service-detail {
	border-radius: 30px;
	border: 1px solid #CECECE;
	background: white;
}

	.service-detail .service-detail-item {
		height: auto;
	}

		.service-detail .service-detail-item .service-detail-box {
			padding: 25px;
			height: 100%;
		}

			.service-detail .service-detail-item .service-detail-box .service-detail-icon {
				max-width: 50px;
			}

			.service-detail .service-detail-item .service-detail-box .service-detail-title {
				font-family: var(--body-font);
				font-weight: 500;
				border-bottom: 1px solid var(--tertiary);
				padding-bottom: 30px;
				margin-bottom: 30px;
			}

	.service-detail .service-detail-pagination {
		left: 0;
		right: 0;
	}

	.service-detail.other .service-detail-pagination {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		text-align: center;
	}

	.service-detail .service-detail-pagination .swiper-pagination-bullet {
		background-color: #D9D9D9;
		opacity: 1;
	}

	.service-detail.other .service-detail-pagination .swiper-pagination-bullet {
		background-color: #1E2EAB;
	}

	.service-detail .service-detail-pagination .swiper-pagination-bullet-active {
		background-color: var(--tertiary);
	}

	.service-detail.other .service-detail-pagination .swiper-pagination-bullet-active {
		background-color: white;
	}

.price-list .price-item .price-box {
	padding: 20px;
	color: white;
}

	.price-list .price-item .price-box .price-package {
		border-radius: 76.681px;
		border: 1px solid #6D7EFF;
		background: #4571F6;
		display: inline-block;
		padding: 15px 25px;
		margin-bottom: 15px;
	}

	.price-list .price-item .price-box .price-body ul {
		padding-left: 30px;
	}

		.price-list .price-item .price-box .price-body ul li {
			margin-bottom: 5px;
		}

			.price-list .price-item .price-box .price-body ul li p:last-of-type {
				margin-bottom: 0;
			}

	.price-list .price-item .price-box .price-label {
		border-radius: 76.681px;
		background: white;
		color: #05132D;
		padding: 15px 25px;
		display: inline-block;
	}

.contact-box {
	border: 1px solid #D2E0FF;
	background: #FFF;
	box-shadow: 0 20px 35.3px 0 rgba(66, 103, 178, 0.10);
	padding:25px;
}

.result-list {
	margin-left: -25px;
	margin-right: -25px;
	margin-bottom: -50px;
}

	.result-list .result-item {
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 50px;
	}

		.result-list .result-item:not(:last-child) {
			position: relative;
		}

			.result-list .result-item:not(:last-child):after {
				content: "";
				position: absolute;
				bottom: -25px;
				left: 50%;
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				transform: translateX(-50%);
				height: 1px;
				width: 50%;
				background: #94A5C4;
			}

		.result-list .result-item i {
			height: 50px;
			width: 50px;
			background-color: var(--tertiary);
			color: white;
			border-radius: 50%;
			font-size: 25px;
			line-height: 50px;
		}

		.result-list .result-item .result {
			font-size: var(--font-size-68);
			font-family: var(--header-font);
			font-weight: 800;
			line-height: .65;
		}

.team-groups .team-group:last-child .team-list {
	margin-bottom: -50px;
}

.team-groups .team-group .team-list .team-item {
	padding-bottom: 50px;
}

	.team-groups .team-group .team-list .team-item .ratio {
		border-radius: 15px;
		overflow: hidden;
	}

		.team-groups .team-group .team-list .team-item .ratio:after {
			content: "";
			background: lightgray 50%, #D9D9D9;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

	.team-groups .team-group .team-list .team-item .username {
		font-weight: bold;
	}

.image-slider {
	position: relative;
}

	.image-slider .image-swiper-pagination {
		left: 50%;
		bottom: 50px;
		position: absolute;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: auto;
		text-align: center;
		z-index: 1;
		border-radius: 50px;
		background: #FFF;
		-webkit-backdrop-filter: blur(2.5px);
		backdrop-filter: blur(2.5px);
		padding: 15px;
	}

		.image-slider .image-swiper-pagination .swiper-pagination-bullet {
			margin: 0 10px;
			background-color: var(--tertiary);
			opacity: .1;
		}

		.image-slider .image-swiper-pagination .swiper-pagination-bullet-active {
			opacity: 1;
		}

.block-list-item .block-description ul {
	padding-left: 20px;
}

	.block-list-item .block-description ul li {
		margin-bottom: 5px;
	}

		.block-list-item .block-description ul li p:last-of-type {
			margin-bottom: 0;
		}

.custom-quote {
	max-width: 900px;
	text-align: center;
	background-color: var(--secondary);
	padding: 50px;
	color: var(--primary);
	margin: 0 auto;
	font-weight: 600;
	font-family: var(--header-font);
}

.staff .content p {
	margin-bottom:30px;
}

.staff .socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap:15px;
}

	.staff .socials div a {
		color: var(--tertiary);
		font-size: 32px;
	}

		.staff .socials div a i{
			width: auto;
		}

.wcu-list .wcu-item .wcu-list-flex {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid var(--tertiary);
}

	.wcu-list .wcu-item .wcu-list-flex .wcu-list-title {
		padding-left:15px;
	}

	#callouts {
		background: rgba(255, 255, 255, 0);
		background: -o-linear-gradient(top,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 75%, var(--dark-primary-2) 75%, var(--dark-primary-2) 100%);
		background: -webkit-gradient(linear,left top, left bottom,from(rgba(255, 255, 255, 0)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(75%, var(--dark-primary-2)), to(var(--dark-primary-2)));
		background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 75%, var(--dark-primary-2) 75%, var(--dark-primary-2) 100%);
	}

.callout-list {
	--bs-gutter-x: 40px;
	--bs-gutter-y: 40px;
}

	.callout-list .callout-item .box {
		padding: 25px;
		height: 100%;
	}

		.callout-list .callout-item .box .callout-title {
			font-weight: 600;
			margin-bottom: 0;
		}

		.callout-list .callout-item .box .callout-description p:last-of-type {
			margin-bottom: 0;
		}

.link-list {
	max-width:1200px;
	margin:0 auto;
}

.link-list .link-item {
	text-align: center;
}

.contact .contact-detail-title {
	border-bottom: 1px solid #9494C4;
	padding-bottom: 25px;
	margin-bottom: 25px;
	font-weight: 800;
}

.contact .contact-detail {
	font-size: var(--font-size-24);
}

.contact .social-links .social-links {
	margin-right: -20px;
}

.contact .social-links a {
	font-size: var(--font-size-28);
	color: var(--primary);
	margin-right: 20px;
}

#form .form-group .form-control, #proposal-form .form-control {
	padding: 15px 25px;
	height: 54px;
	border: 1px solid #B9B9B9;
	background: #FFF;
	color: var(--primary);
	border-radius:0;
}

#form .form-group textarea.form-control, #proposal-form .form-group textarea.form-control {
	height: 225px;
}

#form .form-group .form-control::-webkit-input-placeholder {
	color: var(--primary);
}

#form .form-group .form-control::-moz-placeholder {
	color: var(--primary);
}

#form .form-group .form-control:-ms-input-placeholder {
	color: var(--primary);
}

#form .form-group .form-control::-ms-input-placeholder {
	color: var(--primary);
}

#form .form-group .form-control::placeholder {
	color: var(--primary);
}

#footer .footer-top {
	background-color: var(--dark-primary-2);
	color:white;
	padding: 50px 0;
}

	#footer .footer-top .columns .column {
		padding-bottom: 50px;
	}

	#footer .footer-top .footer-header {
		font-size: var(--font-size-20);
		font-weight: bold;
		font-family: var(--header-font);
		margin-bottom: 20px;
	}

	#footer .footer-top .nav .nav-item:not(:last-of-type) {
		margin-bottom: 10px;
	}

	#footer .footer-top .nav .nav-item .nav-link {
		padding: 0;
		color: white;
	}

	#footer .footer-top .details .detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

		#footer .footer-top .details .detail:not(:last-child) {
			margin-bottom: 10px;
		}

		#footer .footer-top .details .detail p {
			margin-bottom: 0;
		}

		#footer .footer-top .details .detail i {
			margin-right: 10px;
			font-size: 22px;
		}

	#footer .footer-top .social-links {
		margin-right: -15px;
	}

		#footer .footer-top .social-links a {
			font-size: var(--font-size-20);
			color: white;
			margin-right: 15px;
		}

#footer .footer-bottom {
	background-color: var(--primary);
	color: white;
	padding: 25px 0;
	text-align: center;
	font-size: 15px;
}

@media(max-width: 575.98px) {
	#services, #proposal-team #team, #proposal-who .container-fluid, #proposal-work .container-fluid, #proposal-contact .container-fluid {
		padding-left: calc(1.5rem*.5);
		padding-right: calc(1.5rem*.5);
	}
	/*#services .service-left .service-left-inner {
		padding-left: calc(1.5rem*.5);
		padding-right: calc(1.5rem*.5);
	}*/

	/*#services .service-right .service-right-inner {
		padding-left: calc(1.5rem*.5);
	}*/

	.service-list .service-item .ratio .service-title {
		left: 15px;
		right: 15px;
	}
}

@media(min-width: 576px) {
	#services, #proposal-who .container-fluid, #proposal-team #team, #proposal-work .container-fluid, #proposal-contact .container-fluid {
		padding-left: calc((100vw - 540px) / 2 + 1.5rem * .5);
	}

		#proposal-who .container-fluid, #proposal-work .container-fluid.top, #proposal-contact .container-fluid {
			padding-right: calc((100vw - 540px) / 2 + 1.5rem * .5);
		}

	.result-list .result-item:not(:last-child) {
		position: relative;
		border-right: 1px solid #94A5C4;
	}

	.result-list .result-item:after {
		display: none;
	}
}

@media(min-width: 768px) {
	.rounded-60 {
		border-radius: 60px;
	}

	.w-md-33 {
		width: 33.33333333% !important;
	}

	.w-md-50 {
		width: 50% !important;
	}

	#services, #proposal-who .container-fluid, #proposal-team #team, #proposal-work .container-fluid, #proposal-contact .container-fluid {
		padding-left: calc((100vw - 720px) / 2 + 1.5rem * .5);
	}

		#proposal-who .container-fluid, #proposal-work .container-fluid.top, #proposal-contact .container-fluid {
			padding-right: calc((100vw - 720px) / 2 + 1.5rem * .5);
		}

	.price-list .price-item .price-box {
		padding: 30px;
	}

	.services-swiper .services-swiper-pagination{
		width:auto!important;
	}
}

@media(min-width: 992px) {
	.w-lg-16 {
		width: 16.66666667% !important;
	}

	.w-lg-20 {
		width: 20% !important;
	}

	.w-lg-25 {
		width: 25% !important;
	}

	.w-lg-33 {
		width: 33.33333333% !important;
	}

	.w-lg-50 {
		width: 50% !important;
	}

	#header .header-top {
		padding: 25px 0;
	}

	#header .header-right .header-right-group {
		margin-left: -25px;
		margin-right: -25px;
	}

		#header .header-right .header-right-group .column {
			padding-left: 25px;
			padding-right: 25px;
		}

		/*#header .header-right .header-right-group .header-buttons .btns .menu-button {
			padding-left: 35px;
		}*/

	#top {
		border-radius: 50px 50px 0 0;
	}

	.content-row .content-right {
		padding-top: 20px;
		padding-bottom: 20px;
		border-left: 1px solid #9494C4;
	}

	.service-stack .service-item {
		top: calc(var(--header-height) + 100px);
	}

	#services, #proposal-team #team, #proposal-work .container-fluid, #proposal-contact .container-fluid {
		padding-left: calc((100vw - 960px) / 2 + 1.5rem * .5);
	}

	#proposal-who .container-fluid {
		padding-left: 0;
		padding-right: calc((100vw - 960px) / 2 + 1.5rem * .5);
	}

	#proposal-work .container-fluid.top, #proposal-contact .container-fluid {
		padding-right: 0;
	}

	.service-detail .service-detail-pagination {
		text-align: left;
		padding-left: 13px;
	}

	.result-list .result-item i {
		height: 60px;
		width: 60px;
		font-size: 30px;
		line-height: 60px;
	}
}

@media(min-width: 1200px) {
	.gutter-50 {
		margin: -25px;
	}

		.gutter-50 > .grid-item {
			padding: 25px;
		}

	#services, #proposal-team #team, #proposal-work .container-fluid, #proposal-contact .container-fluid {
		padding-left: calc((100vw - 1140px) / 2 + 1.5rem * .5);
	}

	#proposal-who .container-fluid {
		padding-right: calc((100vw - 1140px) / 2 + 1.5rem * .5);
	}

	.service-stack .service-item .service-box {
		padding: 50px;
		border-radius: 60px;
	}

		.service-stack .service-item .service-box .icon-arrow-up-right {
			bottom: 50px;
			right: 50px;
			width: 70px;
			height: 70px;
			font-size: 34px;
		}

	.result-list {
		margin-left: -50px;
		margin-right: -50px;
	}

		.result-list .result-item {
			padding-left: 50px;
			padding-right: 50px;
		}
}


@media(min-width: 1400px) {
	.section {
		padding-top: 100px;
		padding-bottom: 100px;
	}

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

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

	.g-xxl-40 {
		--bs-gutter-x: 40px;
		--bs-gutter-y: 40px;
	}

	.gx-100,
	.gx-xl-100 {
		--bs-gutter-x: 100px;
	}

	#header #menu .columns {
		margin-left: -50px;
		margin-right: -50px;
	}

		#header #menu .columns .column {
			padding-left: 50px;
			padding-right: 50px;
		}


	#header #menu .container {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#services, #proposal-team #team, #proposal-work .container-fluid, #proposal-contact .container-fluid {
		padding-left: calc((100vw - 1320px) / 2 + 1.5rem * .5);
	}

	#proposal-who .container-fluid {
		padding-right: calc((100vw - 1320px) / 2 + 1.5rem * .5);
	}

	.result-list {
		margin-left: -100px;
		margin-right: -100px;
	}

		.result-list .result-item {
			padding-left: 100px;
			padding-right: 100px;
		}

	.price-list .price-item .price-box {
		padding: 50px;
	}

	.contact-box{
		padding:50px;
	}
}

@media(min-width: 1800px) {
	:root {
		--swiper-pagination-bottom: 50px;
	}

	.container {
		max-width: 1600px;
	}

	#header #menu .container {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	#services, #proposal-team #team, #proposal-work .container-fluid, #proposal-contact .container-fluid {
		padding-left: calc((100vw - 1600px) / 2 + 1.5rem * .5);
	}

	#proposal-who .container-fluid {
		padding-right: calc((100vw - 1600px) / 2 + 1.5rem * .5);
	}

	/*.project-list {
		margin-bottom: -100px;
	}

		.project-list .project-item {
			padding-bottom: 100px;
		}*/

	.service-stack {
		margin-bottom: -160px;
	}

		.service-stack .service-item {
			padding-bottom: 160px;
		}

	.service-detail {
		border-radius: 50px;
	}

		.service-detail .service-detail-item .service-detail-box {
			padding: 50px;
		}

		.service-detail .service-detail-pagination {
			padding-left: 38px;
		}
}


/* Font Sizes */

/* Below 1200px */
@media (max-width: 1199.98px) {
	:root {
		--font-size-20: 18px;
		--font-size-24: 22px;
		--font-size-26: 23px;
		--font-size-28: 24px;
		--font-size-32: 28px;
		--font-size-36: 32px;
		--font-size-38: 32px;
		--font-size-42: 34px;
		--font-size-44: 44px;
		--font-size-46: 36px;
		--font-size-50: 42px;
		--font-size-60: 48px;
		--font-size-64: 54px;
		--font-size-68: 60px;
		--font-size-90: 80px;
	}
}

/* Below 992px */
@media (max-width: 991.98px) {
	:root {
		--font-size-20: 17px;
		--font-size-24: 18px;
		--font-size-24: 20px;
		--font-size-26: 21px;
		--font-size-28: 22px;
		--font-size-32: 24px;
		--font-size-36: 28px;
		--font-size-38: 28px;
		--font-size-42: 30px;
		--font-size-44: 31px;
		--font-size-46: 32px;
		--font-size-50: 36px;
		--font-size-60: 42px;
		--font-size-64: 42px;
		--font-size-68: 48px;
		--font-size-90: 60px;
	}

	.section-top-sm {
		padding-top: 25px;
	}

	#header #menu .navbar-nav {
		width: 100%;
	}

		#header #menu .navbar-nav > .nav-item > .sub-menu {
			padding-left: 0;
			padding-top: 25px;
		}

			#header #menu .navbar-nav > .nav-item > .sub-menu .nav-item .nav-link:before {
				content: "- ";
			}
}

/* Below 768px */
@media (max-width: 767.98px) {
	:root {
		--font-size-20: 16px;
		--font-size-22: 18px;
		--font-size-26: 19px;
		--font-size-28: 20px;
		--font-size-32: 22px;
		--font-size-36: 24px;
		--font-size-38: 24px;
		--font-size-42: 26px;
		--font-size-44: 27px;
		--font-size-46: 28px;
		--font-size-50: 28px;
		--font-size-60: 32px;
		--font-size-64: 32px;
		--font-size-68: 36px;
		--font-size-90: 48px;
	}

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

	#animation {
		max-height: 500px;
	}

	/*#footer .footer-bottom{
		margin-bottom:57px;
	}*/
}

@media(min-width: 992px) {
	#header #menu .navbar-nav > .nav-item > .sub-menu {
		position: absolute;
		top: 0;
		left: 100%;
		padding-left: 25px;
		min-width: 180px;
		height: 100%;
		/*columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		column-gap: 25px;*/
	}

	/*#header #menu .navbar-nav > .nav-item > .sub-menu li {
			break-inside: avoid;
		}*/
}

@media(min-width: 1200px) {
	#header #menu .navbar-nav > .nav-item > .sub-menu {
		min-width: 150px;
	}
}

@media( min-width: 1400px) {
	#header #menu .navbar-nav > .nav-item > .sub-menu {
		min-width: 250px;
	}
}

@media(min-width: 1800px) {
	.container {
		max-width: 1600px;
	}

	#header #menu .container {
		padding-top: 75px;
		padding-bottom: 100px;
	}

	#header #menu .navbar-nav > .nav-item > .sub-menu {
		padding-left: 100px;
		min-width: 400px;
	}
}

/*Proposal*/
#proposal-hero {
	background-color: var(--primary);
	background-image: url('/images/proposal-background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	padding: 100px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

	#proposal-hero .container {
		max-width: 770px;
	}

	#proposal-hero .columns {
		margin-left: -37px;
		margin-right: -37px;
	}

		#proposal-hero .columns .column {
			padding-left: 37px;
			padding-right: 37px;
		}

	#proposal-hero .client-logo {
		border-left: 1px solid white;
		max-height:50px;
	}
		#proposal-hero .client-logo img {
			filter: brightness(0) invert(1);
		}

		#proposal-hero .client-logo svg,
		#proposal-hero .client-logo img {
			max-height: 50px;
			width: auto;
		}

		#proposal-hero .client-logo svg path {
			fill: white;
		}

		#proposal-hero .proposal-title h1 {
			font-size: var(--font-size-90);
			color: white;
			font-weight: 700;
			line-height: 1.1;
			margin-bottom: 50px;
			padding-bottom: 50px;
			border-bottom: 2px solid var(--tertiary);
			letter-spacing: -3%;
		}

#proposal-who {
	background-image: url('/images/who-we-are.svg');
	background-repeat: no-repeat;
	background-position: right 64px;
	background-size: contain;
}

#proposal-team {
	background-image: url('/images/meet-the-team.svg');
	background-repeat: no-repeat;
	background-position: right 64px;
	background-size: contain;
}

	#proposal-team .team-slider-nav .custom-swiper-arrow,
	#proposal-work .work-slider-nav .custom-swiper-arrow {
		border-radius: 50%;
		border: 2px solid #D5D4DF;
		color: #D5D4DF;
		height: 40px;
		width: 40px;
		background: none;
		line-height: 50%;
		font-size: 18px;
		margin: 0 10px;
	}

		#proposal-team .team-slider-nav .custom-swiper-arrow i,
		#proposal-work .work-slider-nav .custom-swiper-arrow i {
			vertical-align: middle;
		}

#proposal-overview .content h1,
#proposal-overview .content h2,
#proposal-overview .content h3,
#proposal-overview .content h4,
#proposal-overview .content h5,
#proposal-overview .content h6 {
	margin-bottom: 50px;
	font-weight: bold;
}

#proposal-overview .content p:empty {
	margin-bottom: 50px;
}

#proposal-what .column-slider .column-item {
	padding: 25px;
	border-radius: 25px;
	background-color: white;
	height: auto;
	border: 1px solid #CECECE;
}

	#proposal-what .column-slider .column-item .column-icon svg {
		max-width: 50px;
		width: 50px;
	}

	#proposal-what .column-slider .column-item .column-title {
		font-size: var(--font-size-28);
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 2px solid var(--tertiary);
		font-weight: 800;
	}

	#proposal-what .column-slider .column-item .column-description {
		font-family: var(--header-font);
		font-size: var(--font-size-18);
		line-height: 160%;
		font-weight: 600;
	}

		#proposal-what .column-slider .column-item .column-description ul {
			padding-left: 25px;
		}

			#proposal-what .column-slider .column-item .column-description ul li {
				margin-bottom: 5px;
			}

				#proposal-what .column-slider .column-item .column-description ul li p:last-of-type {
					margin-bottom: 0;
				}

#proposal-what .column-slider-pagination {
	bottom: -25px;
}

	#proposal-what .column-slider-pagination .swiper-pagination-bullet {
		background: var(--primary);
		opacity: 1;
	}

	#proposal-what .column-slider-pagination .swiper-pagination-bullet-active {
		background: var(--tertiary);
	}

#proposal-info .info-list .info-item .info-title {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 2px solid white;
}

#proposal-work {
	background-image: url('/images/our-work.svg');
	background-repeat: no-repeat;
	background-position: left 64px;
	background-size: contain;
}

	#proposal-work .img-contain, #proposal-contact .img-contain {
		border-radius: 10px;
	}

#proposal-links .link-list .link-item img,
#proposal-links .link-list .link-item svg {
	filter: grayscale(100%);
	opacity: 0.5;
}

#proposal-cost {
	background-image: url(/images/cost-options.svg), linear-gradient(180deg, #FFF 59.75%, #D7D6FF 100%);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto;
}

	#proposal-cost .cost-options .cost-options-item .cost-options-box {
		border-radius: 25px;
		padding: 45px 25px 25px 25px;
		background: #06052D;
		border: 1px solid #212151;
		color: white;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative;
	}

		#proposal-cost .cost-options .cost-options-item .cost-options-box .badge {
			position: absolute;
			top: -25px;
			right: 25px;
			padding: 0;
		}

			#proposal-cost .cost-options .cost-options-item .cost-options-box .badge .badge-icon {
				background-color: var(--tertiary);
				border-radius: 50%;
				width: 45px;
				height: 45px;
				line-height: 45px;
				text-align: center;
				margin-right: -5px;
			}

				#proposal-cost .cost-options .cost-options-item .cost-options-box .badge .badge-icon svg path{
					fill: white;
				}

				#proposal-cost .cost-options .cost-options-item .cost-options-box .badge .badge-text {
					color: var(--primary);
					text-align: center;
					font-family: var(--header-font);
					font-size: var(--font-size-18);
					font-weight: 700;
					line-height: 111.111%;
					border-radius: 50px;
					background-color: var(--tertiary);
					padding: 10px 25px;
					color: white;
				}

	#proposal-cost .cost-options .cost-options-item:nth-child(2n) .cost-options-box {
		border-radius: 25px;
		border: 2px solid #291983;
		background: -o-linear-gradient(284deg, #10064A 5.62%, #462BE2 94.38%);
		background: linear-gradient(166deg, #10064A 5.62%, #462BE2 94.38%);
	}

	#proposal-cost .cost-options .cost-options-item .cost-options-box .option-title {
		max-width: 450px;
		line-height: 111.667%;
		margin-bottom: 45px;
	}

	#proposal-cost .cost-options .cost-options-item .cost-options-box .option-list:not(:last-child) {
		margin-bottom: 15px;
	}

	#proposal-cost .cost-options .cost-options-item .cost-options-box .option-list {
		font-size: var(--font-size-18);
	}

	#proposal-cost .disclaimer {
		font-size: 14px;
	}

	#proposal-cost .disclaimer ul {
		padding-left: 20px;
	}

		#proposal-cost .disclaimer ul li p:last-of-type {
			margin-bottom:0;
		}

#proposal-contact {
	background-image: url('/images/get-in-touch.svg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

#plan-form .form-control {
	height: 65px;
	border: 0;
	border-bottom: 2px solid var(--primary);
	color: var(--primary);
	font-size: 18px;
	border-radius: 0;
	padding: 0;
	background: none;
}

	#plan-form .form-control::-webkit-input-placeholder {
		color: var(--primary);
	}

#choosePlanModal .modal-content {
	border-radius: 25px;
	overflow: hidden;
}

	#choosePlanModal .modal-content .modal-header {
		border: 0;
	}

		#choosePlanModal .modal-content .modal-header .btn-close {
			opacity: 1;
		}

	#choosePlanModal .modal-content .modal-body {
		background-color: var(--secondary);
		padding: 25px;
	}

#proposal-form .form-group .form-control {
	color: #918FB8;
	background: #22203D;
}

	#proposal-form .form-group .form-control::-webkit-input-placeholder {
		color: #918FB8;
	}

	#proposal-form .form-group .form-control::-moz-placeholder {
		color: #918FB8;
	}

	#proposal-form .form-group .form-control:-ms-input-placeholder {
		color: #918FB8;
	}

	#proposal-form .form-group .form-control::-ms-input-placeholder {
		color: #918FB8;
	}

	#proposal-form .form-group .form-control::placeholder {
		color: #918FB8;
	}

#proposal-form .form-check .form-check-input {
	float:none;
}

@media(min-width: 992px) {
	#proposal-what .column-slider .column-item {
		padding: 50px;
	}

	#proposal-cost .cost-options .cost-options-item .cost-options-box {
		padding: 45px;
	}

		#proposal-cost .cost-options .cost-options-item .cost-options-box .badge {
			right: 45px;
		}

	#proposal-work .img-contain, #proposal-contact .img-contain {
		border-radius: 30px 0 0 30px;
	}
}

@media(min-width: 1400px) {
	#proposal-hero {
		min-height: 90vh;
	}

	#proposal-what .column-slider .column-item {
		padding: 100px;
		border-radius: 50px;
	}
}

/*Recaptcha Validation*/
.grecaptcha-badge {
	visibility: hidden !important
}

.validation-summary-errors {
	background-color: #f8d7da;
	border-color: #f5c6cb;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 10px;
	color: #721c24;
	margin-bottom: 10px;
}

	.validation-summary-errors ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

.mobile-buttons div .btn.active {
	background: linear-gradient(0deg, var(--tertiary) 0%, var(--tertiary) 100%), #FFF;
	color: white;
	border-color: transparent;
}

	.mobile-buttons div .btn {
		border: 1px solid #D8E3FC;
		background: #E9F0FF;
		color: #B5C7ED;
	}