@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 300;
	src: url("OpenSans-Light.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 400;
	src: url("OpenSans-Regular.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 500;
	src: url("OpenSans-Medium.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 600;
	src: url("OpenSans-SemiBold.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 700;
	src: url("OpenSans-Bold.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 900;
	src: url("OpenSans-ExtraBold.ttf") format("truetype");
}








@font-face {
	font-display: swap;
	font-family: "InterTight";
	font-style: normal;
	font-weight: 400;
	src: url("InterTight-Regular.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "InterTight";
	font-style: normal;
	font-weight: 500;
	src: url("InterTight-Medium.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "InterTight";
	font-style: normal;
	font-weight: 600;
	src: url("InterTight-SemiBold.ttf") format("truetype");
}
@font-face {
	font-display: swap;
	font-family: "InterTight";
	font-style: normal;
	font-weight: 700;
	src: url("InterTight-Bold.ttf") format("truetype");
}

@font-face {
	font-display: swap;
	font-family: "Forum";
	font-style: normal;
	font-weight: 400;
	src: url("Forum-Regular.otf") format("truetype");
}


.price {
	font-family: "InterTight";
	font-weight: 600;
	line-height: 120%;
	font-size: var(--Font-size-price);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
.number {
	font-family: "Forum";
	font-weight: 400;
	line-height: 120%;
}
h1, .h1 {
	font-size: var(--Font-size-h1);
}
h2, .h2 {
	font-size: var(--Font-size-h2);
}
h3, .h3 {
	font-size: var(--Font-size-h3);
}
h4, .h4 {
	font-size: var(--Font-size-h4);
	line-height: 110%;
}
h5, .h5 {
	font-size: var(--Font-size-h5);
}
h6, .h6 {
	font-family: "InterTight";
	font-size: var(--Font-size-h6);
	font-weight: 600;
	line-height: 110%;
}
.number {
	font-size: var(--Font-size-number);
	font-weight: 600;
	line-height: 110%;
}

p, .p1, .p2, .p3, .p4, .p5,
.btn,
.header__nav a,
.footer__nav a,
.text-style p,
.text-style li,
input,
input::placeholder,
.work-item__steps-title,
.breadcrumbs {
	font-family: "InterTight";
	font-weight: 400;
	line-height: 130%;
}
p, .p1 {
	font-size: var(--Font-size-p1);
}
.p2,
.text-style p,
.text-style li {
	font-size: var(--Font-size-p2);
}
.p3,
input,
input::placeholder,
.breadcrumbs {
	font-size: var(--Font-size-p3);
}
.p4 {
	font-size: var(--Font-size-p4);
	font-weight: 500;
	line-height: 110%;
}
.p5 {
	font-size: var(--Font-size-p5);
	line-height: 110%;
}
.btn,
.header__nav a,
.footer__nav a,
.work-item__steps-title {
	font-size: var(--Font-size-btn);
	font-weight: 500;
}