@import url('variables.css');
body,
html,
.container {
    background-color: #F8F9FB;
}
body{padding: 0;}
.container {
	padding: 200px 100px 100px;
}
.container .title {
    font-family: 'Manrope Semibold', sans-serif;
    font-size: var(--fs-title);
    line-height: 2em;
    color: var(--price-color);
}
.container .subtitle {
    font-family: 'Manrope Semibold', sans-serif;
    font-size: var(--fs-md-title);
    line-height: 1.4em;
    color: #17343F;
}
.container .subsubtitle {
    font-family: 'Manrope Semibold', sans-serif;
    font-size: var(--fs-subtitle);
    line-height: 1.05em;
    color: #17343F;
    margin: 15px 0 15px 25px;
}
.container p.no-marg {
    margin: 15px 0;
}
.container p {
    font-family: 'Manrope', sans-serif;
    line-height: 1.3em;
    font-size: var(--fs-sm);
    color: #17343F;
    padding: 0;
    margin: 15px 0 15px 25px;
}
.container span.subsubtitle ~ p {
    margin: 15px 0 15px 60px;
}
.container ul {
	margin: 0.5em 0 1em 1.5em;
	padding: 0;
    list-style: none;
}
.container ul li {
	font-family: 'Manrope', sans-serif;
    font-size: var(--fs-sm);
    line-height: 1.05em;
    color: var(--black-color);
	margin-bottom: 0.5em;
}
.container strong,
a,
a:hover,
a:active,
a:focus {
    font-family: 'Manrope Semibold', sans-serif;
    color: #000 !important;
}
@media (max-width: 1024px) {
	.container {padding: 50px 40px 0;}
}