*,
*:before,
*:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
/* ui kit start */
:root {
	--color-primary-9d: #49d69d;
	--color-primary-8a: #2dc98a;
	--color-primary-70: #1da970;
	--color-primary-b2: #52f2b2;
	--color-primary-black: #101921;
	--color-secondary-f3: #44b8f3;
	--color-secondary-ff: #47e0ff;
	--color-secondary-63: #e26663;
	--color-secondary-70: #ff7270;
	--color-secondary-07: #fbb407;
	--color-neutral-52: #003e52;
	--color-neutral-7c: #4a697c;
	--color-neutral-b3: #8aa4b3;
	--color-neutral-ca: #adbfca;
	--color-neutral-e1: #cdd9e1;
	--color-neutral-f3: #e8eff3;
	--color-neutral-fb: #f8f9fb;
	--color-semantic-40: #fb9740;
	--color-semantic-3c: #e6233c;
}
html {
	scroll-behavior: smooth;
}

/* mont font */
@font-face {
	font-family: "Mont-Bold";
	src: url("./fonts/Mont-Bold/Mont-Bold.woff2") format("woff2"),
		url("./fonts/Mont-Bold/Mont-Bold.woff") format("woff");
}
@font-face {
	font-family: "Mont-Regular";
	src: url("./fonts/Mont-Regular/Mont-Regular.woff2") format("woff2"),
		url("./fonts/Mont-Regular/Mont-Regular.woff") format("woff");
}
@font-face {
	font-family: "Mont-SemiBold";
	src: url("./fonts/Mont-SemiBold/Mont-SemiBold.woff2") format("woff2"),
		url("./fonts/Mont-SemiBold/Mont-SemiBold.woff") format("woff");
}

.h1 {
	font-family: "Mont-Bold";
	font-size: 42px;
	line-height: 44px;
	letter-spacing: 0;
	color: var(--color-primary-black);
}
.h2 {
	font-family: "Mont-Bold";
	font-size: 34px;
	line-height: 40px;
	letter-spacing: 0;
	color: var(--color-primary-black);
}
.h3 {
	font-family: "Mont-SemiBold";
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 0;
	color: var(--color-primary-black);
}
.h4 {
	font-family: "Mont-Bold";
	font-size: 24px;
	line-height: 36px;
	letter-spacing: 0;
	color: var(--color-primary-black);
}
.h5 {
	font-family: "Mont-Bold";
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0;
	color: var(--color-primary-black);
}
.font-card-title {
	font-family: "Mont-Bold";
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0;
}
.font-button {
	font-family: "Mont-Bold";
	font-size: 15px;
	letter-spacing: 0;
}
.font-label {
	font-family: "Mont-Bold";
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.6px;
}
/* soleil font */
@font-face {
	font-family: "Soleil";
	src: url("./fonts/Soleil/Soleil.otf") format("opentype");
}
@font-face {
	font-family: "Soleil-Bold";
	src: url("./fonts/Soleil-Bold/Soleil-Bold.otf") format("opentype");
}
@font-face {
	font-family: "Signerica-Fat";
	src: url("./fonts/Signerica-Fat/Signerica_Fat.ttf") format("truetype");
}

.font-body-large-light {
	font-family: "Soleil";
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0;
}
.font-body-large {
	font-family: "Soleil-Bold";
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0;
}
.font-body-medium {
	font-family: "Soleil-Bold";
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0;
}
.font-body-small {
	font-family: "Soleil-Bold";
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0;
}
.font-body-article {
	font-family: "Soleil-Bold";
	font-size: 13px;
	line-height: 34px;
	letter-spacing: 0;
}
/* ui kit end */

.container {
	max-width: 1440px;
	margin: 0 auto;
}
.row {
	padding: 0 150px;
}
a,
a:hover {
	text-decoration: none;
}

.btn-green:hover {
	background-color: #26aa75;
}
.btn-green {
	padding: 13px 19px;
	font-family: "Mont-Bold";
	font-size: 14px;
	letter-spacing: 0;
	font-weight: bold;
	background-color: var(--color-primary-9d);
	color: var(--color-primary-black);
	transition: all 0.15s ease-in-out;
}
.btn-black {
	font-family: "Mont-Bold";
	padding: 13px 35px;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: bold;
	background-color: var(--color-primary-black);
	color: #fff;
}
.container-padding {
	margin: 0 auto;
	padding: 0 150px;
}
ul {
	list-style: none;
}
ul li {
	font-family: "Soleil";
	font-size: 14px;
	letter-spacing: 0;
	line-height: 24px;
	position: relative;
	padding-left: 20px;
}
ul li::before {
	content: "\2022";
	color: var(--color-primary-8a);
	display: inline-block;
	width: 20px;
	position: absolute;
	left: 0;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
.link {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 0;
	color: var(--color-primary-black);
	text-decoration: underline;
}
button {
	border: none;
	cursor: pointer;
}
.gray-background {
	background-color: #f1f5f8;
}
.container.full-width {
	max-width: unset;
	margin: 0;
}
.overflow-hidden {
	overflow: hidden;
}
.d-none {
	display: none;
}
.footer input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.footer input[type="number"] {
	-moz-appearance: textfield;
}
@media only screen and (max-width: 990px) {
	.container-padding {
		padding: 0 75px;
	}
	.row {
		padding: 0 75px;
	}
}

@media only screen and (max-width: 600px) {
	.container-padding {
		padding: 0 25px;
	}
	.row {
		padding: 0 25px;
	}
}