@import 'variables';
@import '_mixins';

html {
	scroll-behavior: smooth;
	scroll-padding-top: 105px;
}

strong {
	font-weight: 700;
}

.main-page {
	padding-top: 0px;
}

.breadcrumbs {
	margin: 14px 0;
}

.box-1 {
	background: #f7f6f5;

	.box-1--wrapper {
		.c-row {
			display: flex;
			flex-direction: row;
			column-gap: 50px;

			.c-col {
				&-1 {
					width: 100%;
					max-width: 500px;

					.box-title {
						margin-bottom: 30px;

						h1 {
							color: $cTxtBlack;
							font-family: $font3;
							font-weight: 500;
							font-size: 55px;
							line-height: 1;
							letter-spacing: 2px;
						}
					}

					.box-text {
						padding-bottom: 40px;
						border-bottom: 1px solid #000;

						p {
							color: $cTxtBlack;
							font-family: $font3;
							font-weight: 300;
							font-size: 30px;
							line-height: 1.6;
							letter-spacing: 2px;
							text-transform: uppercase;
						}
					}

					.box-nav {
						ol {
							display: flex;
							flex-direction: row;
							align-items: center;
							list-style: none;
						}
					}
				}
				&-2 {
				}
			}
		}
	}
}