@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Poppins:wght@300;600;700&family=Quicksand:wght@300;600;700&display=swap');

:root {
	--color-first: #0b685d;
	--color-second: #59c168;
	--color-third: #7888aa;
	--color-fourth: #d9e5ff;
	--color-gray: #6e6e87;
	--color-semigray: #eef3f6;
	--color-semidark: #c3c9d5;
	--ff-first: 'Poppins', sans-serif;
	--spacer-1: 500px;
	--spacer-2: 400px;
	--spacer-3: 300px;
	--spacer-4: 200px;
	--spacer-5: 100px;
	--spacer-6: 50px;
	--bs-accordion-border-color: white;
}

body {
	overflow-x: hidden;
}

.text-color-first {
	color: var(--color-first);
}

.text-color-second {
	color: var(--color-second);
}

.text-color-third {
	color: var(--color-third);
}

.text-color-fourth {
	color: var(--color-fourth);
}

.text-color-gray {
	color: var(--color-gray);
}

.text-color-semigray {
	color: var(--color-semigray);
}

.text-color-semidark {
	color: var(--color-semidark);
}

.bg-color-first {
	background-color: var(--color-first);
}

.bg-color-second {
	background-color: var(--color-second);
}

.bg-color-third {
	background-color: var(--color-third);
}

.bg-color-fourth {
	background-color: var(--color-fourth);
}

.bg-color-gray {
	background-color: var(--color-gray);
}

.bg-color-semigray {
	background-color: var(--color-semigray);
}

.bg-color-semidark {
	background-color: var(--color-semidark);
}

.border-color-first {
	border-color: var(--color-first);
}

.border-color-second {
	border-color: var(--color-second);
}

.border-color-third {
	border-color: var(--color-third);
}

.border-color-fourth {
	border-color: var(--color-fourth);
}

.border-color-gray {
	border-color: var(--color-gray);
}

.border-color-semigray {
	border-color: var(--color-semigray);
}

.border-color-semidark {
	border-color: var(--color-semidark);
}

.text-color-first-imp {
	color: var(--color-first) !important;
}

.text-color-second-imp {
	color: var(--color-second) !important;
}

.text-color-third-imp {
	color: var(--color-third) !important;
}

.text-color-fourth-imp {
	color: var(--color-fourth) !important;
}

.text-color-gray-imp {
	color: var(--color-gray) !important;
}

.text-color-semigray-imp {
	color: var(--color-semigray) !important;
}

.text-color-semidark-imp {
	color: var(--color-semidark) !important;
}

.bg-color-first-imp {
	background-color: var(--color-first) !important;
}

.bg-color-second-imp {
	background-color: var(--color-third) !important;
}

.bg-color-third-imp {
	background-color: var(--color-third) !important;
}

.bg-color-fourth-imp {
	background-color: var(--color-fourth) !important;
}

.bg-color-gray-imp {
	background-color: var(--color-gray) !important;
}

.bg-color-semigray-imp {
	background-color: var(--color-semigray) !important;
}

.bg-color-semidark-imp {
	background-color: var(--color-semidark) !important;
}

.border-color-first-imp {
	border-color: var(--color-first) !important;
}

.border-color-second-imp {
	border-color: var(--color-second) !important;
}

.border-color-third-imp {
	border-color: var(--color-third) !important;
}

.border-color-fourth-imp {
	border-color: var(--color-fourth) !important;
}

.border-color-gray-imp {
	border-color: var(--color-gray) !important;
}

.border-color-semigray-imp {
	border-color: var(--color-semigray) !important;
}

.border-color-semidark-imp {
	border-color: var(--color-semidark) !important;
}

.fw-bold-first {
	font-family: var(--ff-first) !important;
	font-weight: 700 !important;
}

.fw-light-first {
	font-family: var(--ff-first) !important;
	font-weight: 300 !important;
}

.fw-semibold-first {
	font-family: var(--ff-first) !important;
	font-weight: 600 !important;
}

.fw-semiregular-first {
	font-family: var(--ff-first) !important;
	font-weight: 400 !important;
}

.fw-regular-first {
	font-family: var(--ff-first) !important;
	font-weight: 500 !important;
}

.spacer-1-t {
	margin-top: var(--spacer-1);
}

.spacer-1-b {
	margin-bottom: var(--spacer-1);
}

.spacer-1-y {
	margin-top: var(--spacer-1);
	margin-bottom: var(--spacer-1);
}

.spacer-2-t {
	margin-top: var(--spacer-2);
}

.spacer-2-b {
	margin-bottom: var(--spacer-2);
}

.spacer-2-y {
	margin-top: var(--spacer-2);
	margin-bottom: var(--spacer-2);
}

.spacer-3-t {
	margin-top: var(--spacer-3);
}

.spacer-3-b {
	margin-bottom: var(--spacer-3);
}

.spacer-3-y {
	margin-top: var(--spacer-3);
	margin-bottom: var(--spacer-3);
}

.spacer-4-t {
	margin-top: var(--spacer-4);
}

.spacer-4-b {
	margin-bottom: var(--spacer-4);
}

.spacer-4-y {
	margin-top: var(--spacer-4);
	margin-bottom: var(--spacer-4);
}

.spacer-5-t {
	margin-top: var(--spacer-5);
}

.spacer-5-b {
	margin-bottom: var(--spacer-5);
}

.spacer-5-y {
	margin-top: var(--spacer-5);
	margin-bottom: var(--spacer-5);
}

.spacer-6-t {
	margin-top: var(--spacer-6);
}

.spacer-6-b {
	margin-bottom: var(--spacer-6);
}

.spacer-6-y {
	margin-top: var(--spacer-6);
	margin-bottom: var(--spacer-6);
}

.padding-1-t {
	padding-top: var(--spacer-1);
}

.padding-1-b {
	padding-bottom: var(--spacer-1);
}

.padding-1-y {
	padding-top: var(--spacer-1);
	padding-bottom: var(--spacer-1);
}

.padding-2-t {
	padding-top: var(--spacer-2);
}

.padding-2-b {
	padding-bottom: var(--spacer-2);
}

.padding-2-y {
	padding-top: var(--spacer-2);
	padding-bottom: var(--spacer-2);
}

.padding-3-t {
	padding-top: var(--spacer-3);
}

.padding-3-b {
	padding-bottom: var(--spacer-3);
}

.padding-3-y {
	padding-top: var(--spacer-3);
	padding-bottom: var(--spacer-3);
}

.padding-4-t {
	padding-top: var(--spacer-4);
}

.padding-4-b {
	padding-bottom: var(--spacer-4);
}

.padding-4-y {
	padding-top: var(--spacer-4);
	padding-bottom: var(--spacer-4);
}

.padding-5-t {
	padding-top: var(--spacer-5);
}

.padding-5-b {
	padding-bottom: var(--spacer-5);
}

.padding-5-y {
	padding-top: var(--spacer-5);
	padding-bottom: var(--spacer-5);
}

.padding-6-t {
	padding-top: var(--spacer-6);
}

.padding-6-b {
	padding-bottom: var(--spacer-6);
}

.padding-6-y {
	padding-top: var(--spacer-6);
	padding-bottom: var(--spacer-6);
}
