@import '../assets/fonts/HelveticaNeue/stylesheet.css';
@import '_mixins';
@import '_reset';

$cWhite: #ffffff;
$cGold: #d9ba5c;
$cGolder: #ba962b;
$cGray: #8b8b8b;
$cGray2: #9e9e9e;
$cBlack: #232323;
$cLightGray: #d9d9d9;

$fHelveticaNeue: 'Helvetica Neue', sans-serif;

$header-height: 77px;

@mixin h2($color) {
	color: $color;
	font-weight: 500;
	font-size: 64px;
	line-height: 120%;
	letter-spacing: -1.4px;
}

@mixin box_title_line($color, $bgColor) {
	position: relative;

	&::before {
		content: attr(box-title);
		color: $color;
		font-weight: 700;
		font-size: 16px;
		line-height: 1;
		letter-spacing: -0.34px;

		transform: rotate(180deg);
		position: absolute;
		left: 0;
		top: 0;
		writing-mode: vertical-rl;
		padding-top: 24px;
		background: $bgColor;
		z-index: 1;
	}

	&::after {
		content: '';
		position: absolute;
		left: 7px;
		top: 10px;
		bottom: 0;
		width: 1px;
		background: $color;
	}
}

@mixin box_top_shadow($color) {
	position: relative;

	&::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 105px;
		background: linear-gradient(0deg, $color 0%, rgba(255, 255, 255, 0) 100%);
		transform: translateY(-100%);
		z-index: -1;
	}
}

//* Global
* {
	font-family: $fHelveticaNeue;
}

p {
	&:last-child {
		margin-bottom: 0;
	}
}

.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;

	@each $breakpoint, $max in $container-max-widths {
		@if $breakpoint == sm {
			@media (min-width: 576px) {
				max-width: $max;
			}
		} @else if $breakpoint == md {
			@media (min-width: 768px) {
				max-width: $max;
			}
		} @else if $breakpoint == lg {
			@media (min-width: 992px) {
				max-width: $max;
			}
		} @else if $breakpoint == xl {
			@media (min-width: 1200px) {
				max-width: $max;
			}
		} @else if $breakpoint == xxl {
			@media (min-width: 1370px) {
				max-width: $max;
			}
		}
	}
}

.btn_1 {
	color: $cBlack !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;

	display: inline-block;
	padding: 15px 24px 13px;
	border-radius: 100px;
	background: rgba($cGray, 0.1);
	text-wrap-mode: nowrap;
	transition: all 250ms ease-in-out;

	&:hover {
		color: $cWhite !important;
		background: $cBlack;
	}
}

.btn_2 {
	color: $cWhite !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;

	display: inline-block;
	padding: 15px 24px 13px;
	border-radius: 100px;
	background: $cGold;
	text-wrap-mode: nowrap;
	transition: all 250ms ease-in-out;

	&:hover {
		background: $cGolder;
	}
}

.btn_3 {
	color: $cGold !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;

	display: inline-block;
	padding: 15px 24px 13px;
	border-radius: 100px;
	background: rgba($cGold, 0.1);
	text-wrap-mode: nowrap;
	transition: all 250ms ease-in-out;

	&:hover {
		color: $cWhite !important;
		background: $cGold;
	}
}

.btn_4 {
	color: $cGold !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;

	display: inline-block;
	padding: 15px 24px 13px;
	border-radius: 100px;
	background: $cWhite;
	text-wrap-mode: nowrap;
	transition: all 250ms ease-in-out;

	&:hover {
		color: $cWhite !important;
		background: $cGold;
	}
}

.btn_5 {
	color: $cGold !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-wrap-mode: nowrap;
	transition: all 250ms ease-in-out;

	&:hover {
		text-decoration: underline;
	}
}

#breadcrumbs_box {
	margin-bottom: 24px;

	#breadcrumbs {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;

		color: rgba(30, 30, 30, 0.502);
		font-weight: 500;
		font-size: 16px;
		line-height: 1;
		letter-spacing: -0.32px;

		ul {
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 10px;

			li {
				a {
					color: inherit;
					font-size: inherit;
					font-weight: inherit;
					line-height: inherit;
					text-decoration: none;
				}
			}
		}
	}
}

header#masthead {
	height: $header-height;

	.row {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		column-gap: 40px;

		height: $header-height;

		.site-branding {
			img {
				width: 246px;
				min-width: 246px;
			}
		}

		nav#site-navigation {
			ul#primary-menu {
				gap: 50px;
				justify-content: center;

				li {
					position: relative;

					&.current-menu-item {
						display: flex;
						flex-direction: row;
						align-items: center;
						gap: 7px;

						&::before {
							content: '';
							position: relative;
							display: inline-block;
							width: 5px;
							height: 5px;
							border-radius: 100%;
							background: $cGold;
							margin-bottom: 2px;
						}

						a {
							color: $cGold;
						}
					}

					a {
						color: $cBlack;
						font-size: 16px;
						font-weight: 500;
						line-height: 1;
					}
				}
			}
		}

		.main-navigation-secondary {
			padding: 0;
			margin: 0;
			list-style: none;

			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 16px;

			li {
				&:nth-child(1) {
					a {
						@extend .btn_1;
					}
				}

				&:nth-child(2) {
					a {
						@extend .btn_2;
					}
				}
			}
		}
	}
}

footer#site-footer {
	background: $cBlack;

	.footer-1 {
		padding-top: 140px;
		padding-bottom: 90px;
		border-bottom: 1px solid $cGray2;

		.row {
			display: flex;
			flex-direction: row;
			column-gap: 60px;

			.col {
				&-1 {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					width: 100%;
					max-width: 636px;

					img {
						width: 239px;
						margin-bottom: 24px;
					}

					h2 {
						color: $cWhite;
						font-weight: 400;
						font-size: 64px;
						line-height: 1.2;
						letter-spacing: -0.96px;
						margin-bottom: 24px;
					}
					p {
						color: $cGray2;
						font-weight: 400;
						font-size: 20px;
						line-height: 1;
						letter-spacing: -0.38px;
						margin-bottom: 40px;
					}
				}
				&-2 {
					img {
						width: 100%;
						max-width: fit-content;
						margin-top: -190px;
					}
				}
			}
		}
	}
	.footer-2 {
		padding-top: 32px;
		padding-bottom: 32px;

		.row {
			display: flex;
			flex-direction: row;

			.col {
				&-1 {
					flex-basis: 40%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					row-gap: 20px;

					p {
						color: $cWhite;
						font-weight: 400;
						font-size: 16px;
						line-height: 1;
						letter-spacing: -0.32px;
						margin: 0;
					}

					a {
						color: $cGray2;
						font-weight: 400;
						font-size: 16px;
						line-height: 1;
						letter-spacing: -0.32px;
					}
				}
				&-2 {
					flex-basis: 60%;

					ol {
						display: flex;
						flex-direction: row;
						justify-content: space-between;
						column-gap: 30px;
						margin: 0;
						padding: 0;

						li {
							p {
								color: $cGray2;
								margin: 0;
								font-weight: 400;
								font-size: 16px;
								line-height: 1.5;
								letter-spacing: -0.32px;
							}
						}
					}
				}
			}
		}
	}
}

article.article-card {
	.article-card--wrapper {
		.article-card--image {
			margin-bottom: 24px;

			a {
				img {
					width: 100%;
					height: 286px;
					object-fit: cover;
				}
			}
		}
		.article-card--content {
			.article-card--title {
				margin-bottom: 24px;

				h3 {
					color: $cBlack;
					font-weight: 400;
					font-size: 24px;
					line-height: 1.2;
					letter-spacing: -0.45px;

					a {
						color: inherit;
						font-size: inherit;
						font-weight: inherit;
						line-height: inherit;
						letter-spacing: inherit;
						text-decoration: inherit;
					}
				}
			}
			> a {
			}
		}
	}
}

.c-tabs {
	.c-tabs--nav {
		padding: 0;
		margin: 0 0 64px 0;
		border-bottom: 1px solid #6a6a6a;
		display: flex;
		flex-direction: row;
		column-gap: 80px;

		li {
			color: #9e9e9e;
			font-weight: 400;
			font-size: 16px;
			line-height: 120%;
			letter-spacing: -0.32px;

			display: inline-block;
			padding-bottom: 15px;
			margin-bottom: -1px;
			cursor: pointer;
			transition: all 250ms ease-in-out;

			&.active {
				color: $cWhite;
				border-bottom: 1px solid $cGold;
			}
		}
	}
	.c-tabs--content {
		.c-tab--item {
			display: none;
		}
	}
}

.c-acc {
	.c-acc--item {
		.c-acc--head {
			cursor: pointer;
		}
	}
}
//* END Global

//* Home
body.page-id-25 {
	main {
		margin-top: 60px;

		.box-1 {
			.row {
				position: relative;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				column-gap: 40px;

				.col {
					&-1 {
					}
					&-2 {
						// position: relative;
						// z-index: 1;
						position: absolute;
						top: 0;
						right: 0;
						z-index: 1;
					}
				}
			}

			.box-head {
				margin-bottom: 24px;

				h2 {
					@include h2($cBlack);
				}
			}

			.box-text {
				margin-bottom: 24px;
				max-width: 400px;

				p {
					color: $cBlack;
					font-weight: 400;
					font-size: 20px;
					line-height: 150%;
					letter-spacing: -0.38px;
				}
			}

			.box-quote {
				padding-left: 24px;
				margin-top: 64px;
				border-left: 1px solid $cBlack;
				max-width: 310px;

				p {
					color: $cBlack;
					font-weight: 400;
					font-size: 14px;
					line-height: 150%;
					letter-spacing: -0.27px;
					margin-bottom: 16px;
				}
			}
		}

		.box-2 {
			@include box_top_shadow($cLightGray);
			padding-top: 220px;
			padding-bottom: 180px;
			background: $cBlack;

			.row {
				.col {
					&-1 {
						max-width: 474px;
						padding-left: 64px;
						@include box_title_line($cWhite, $cBlack);

						.box-text {
							margin-bottom: 64px;

							p {
								color: $cWhite;
								font-weight: 400;
								font-size: 28px;
								line-height: 150%;
								letter-spacing: -0.53px;
							}
						}
					}
				}
			}
		}

		.box-3 {
			padding-top: 120px;
			padding-bottom: 215px;

			.row {
				@include box_title_line(#d4d4d4, $cWhite);
				padding-left: 64px;
				padding-top: 160px;
				padding-bottom: 90px;

				ul {
					display: grid;
					grid-template-columns: 1fr auto 1fr;
					align-items: center;
					column-gap: 40px;
					row-gap: 50px;

					padding: 0;
					margin: 0;

					li {
						&:not(.last) {
							h2 {
								color: $cBlack;
								font-weight: 400;
								font-size: 36px;
								line-height: 1;
								letter-spacing: -0.68px;
								margin-bottom: 16px;
							}

							p {
								color: $cGold;
								font-weight: 400;
								font-size: 20px;
								line-height: 1.4;
								letter-spacing: 0.38px;
							}
						}
						&.last {
							padding: 32px 40px;
							background: #f7f3e9;
							border-radius: 6px;

							display: flex;
							flex-direction: column;
							align-items: center;

							h2 {
								color: $cBlack;
								font-weight: 400;
								font-size: 20px;
								line-height: 1.4;
								letter-spacing: 0.38px;
								text-align: center;
							}

							p {
								color: $cGold;
								font-weight: 400;
								font-size: 20px;
								line-height: 1.4;
								letter-spacing: 0.38px;
								text-align: center;
								margin-bottom: 16px;
							}
						}
					}
				}
			}
		}

		.box-4 {
			@include box_top_shadow($cLightGray);
			padding-top: 164px;
			padding-bottom: 164px;
			background: $cBlack;

			.row {
				display: flex;
				flex-direction: row;
				column-gap: 110px;

				.col {
					&-1 {
						@include box_title_line($cWhite, $cBlack);
						padding-left: 110px;

						img {
							width: 100%;
							max-width: 627px;
						}
					}
					&-2 {
						ul {
							padding: 0;
							margin: 0;
							display: flex;
							flex-direction: column;
							row-gap: 64px;
							max-width: 345px;

							li {
								h3 {
									color: $cWhite;
									font-weight: 400;
									font-size: 36px;
									line-height: 1.2;
									letter-spacing: -0.68px;

									margin-bottom: 16px;
								}
								p {
									color: $cWhite;
									font-weight: 400;
									font-size: 20px;
									line-height: 1.5;
									letter-spacing: -0.38px;
								}
							}
						}
					}
				}
			}
		}

		.box-5 {
			padding-top: 200px;
			padding-bottom: 200px;

			.row {
				.big-quote {
					@include box_title_line(#d4d4d4, $cWhite);
					padding-left: 64px;

					h3 {
						color: $cBlack;
						font-weight: 400;
						font-size: 20px;
						line-height: 1;
						letter-spacing: -0.38px;
						margin-bottom: 32px;
					}
					.big-quote-text {
						margin-bottom: 40px;

						p {
							color: $cBlack;
							font-weight: 400;
							font-size: 28px;
							line-height: 1.5;
							letter-spacing: -0.53px;

							strong {
								color: $cGold;
								font-weight: 400;
							}
						}
					}

					ol {
						margin: 40px 0 0 0;
						padding: 0;
						display: flex;
						flex-direction: row;

						li {
							&:not(:first-child) {
								margin-left: -24px;
							}
						}
					}
				}
			}
		}

		.box-6 {
			position: relative;
			background: #fafafa;

			.row {
				display: flex;
				flex-direction: row;
				column-gap: 100px;
				padding: 160px 0 125px;

				.col {
					&-1 {
						@include box_title_line(#d4d4d4, #fafafa);
						padding-left: 64px;
						width: 100%;
						max-width: 588px;

						.box-text {
							margin-bottom: 120px;

							p {
								color: $cBlack;
								font-weight: 400;
								font-size: 28px;
								line-height: 1.5;
								letter-spacing: -0.53px;
							}
						}

						ul {
							padding: 0;
							margin: 0;

							display: flex;
							flex-direction: row;
							align-items: center;
							column-gap: 40px;
						}
					}
					&-2 {
						position: absolute;
						right: 0;
						top: 0;
						bottom: 0;

						img {
							height: 100%;
							width: 673px;
							object-fit: cover;
							object-position: center;
						}
					}
				}
			}
		}

		.box-7 {
			padding-top: 164px;
			padding-bottom: 200px;

			.row {
				@include box_title_line(#d4d4d4, $cWhite);
				padding-left: 64px;

				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 32px;
			}
		}
	}
}

//* O Kancelarii
body.page-id-38 {
	main {
		padding-top: 80px;

		.box-1 {
			margin-bottom: 116px;

			.row {
				&-1 {
					display: flex;
					flex-direction: row;
					column-gap: 120px;
					margin-bottom: 80px;

					.col {
						&-1 {
							.box-head {
								h2 {
									color: $cBlack;
									font-weight: 500;
									font-size: 64px;
									line-height: 1.2;
									letter-spacing: -0.96px;
								}
							}
						}
						&-2 {
							.box-text {
								width: 100%;
								max-width: 524px;

								p {
									color: $cBlack;
									font-weight: 400;
									font-size: 28px;
									line-height: 1.5;
									letter-spacing: -0.53px;
								}
							}
						}
					}
				}
				&-2 {
					img {
						width: 100%;
						max-width: fit-content;
						margin: 0 auto;
					}
				}
			}
		}

		.box-2 {
			.row {
				.col {
					&-1 {
						margin-bottom: 64px;
						max-width: 570px;

						p {
							color: $cBlack;
							font-weight: 400;
							font-size: 20px;
							line-height: 1.5;
							letter-spacing: -0.38px;
						}
					}
					&-2 {
						.tiles {
							display: flex;
							flex-direction: row;
							justify-content: space-between;

							.tile {
								flex-basis: calc(100% / 3);
								padding-left: 40px;
								border-right: 1px solid;
								border-image-source: linear-gradient(
									180deg,
									$cGold 0%,
									transparent 100%
								);
								border-image-slice: 1;
								padding-bottom: 230px;

								&:first-child {
									border-left: 1px solid;
								}

								.tile-data {
									position: relative;
									padding-left: 48px;

									&::before {
										content: '';
										position: absolute;
										left: 0;
										top: 0;
										width: 32px;
										min-width: 32px;
										height: 32px;
										background-image: url('/wp-content/uploads/2025/08/Check.svg');
										background-position: center;
										background-repeat: no-repeat;
										background-size: contain;
									}

									h3 {
										color: $cBlack;
										font-weight: 400;
										font-size: 36px;
										line-height: 1;
										letter-spacing: -0.68px;
										margin-bottom: 24px;
									}
									p {
										color: $cBlack;
										font-weight: 400;
										font-size: 20px;
										line-height: 1.5;
										letter-spacing: -0.38px;
									}
								}
							}
						}
					}
				}
			}
		}

		.box-3 {
			@include box_top_shadow($cLightGray);
			background: $cBlack;

			.row {
				display: flex;
				flex-direction: row;
				column-gap: 50px;
				padding: 150px 0 130px;

				.col {
					&-1 {
						@include box_title_line($cWhite, $cBlack);
						padding-left: 90px;
						padding-bottom: 30px;
						width: 100%;
						max-width: 660px;

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

							p {
								color: $cWhite;
								font-weight: 400;
								font-size: 36px;
								line-height: 1.5;
								letter-spacing: -0.68px;
							}
						}

						.box-text {
							margin-bottom: 64px;

							p {
								color: rgba($cWhite, 0.5);
								font-weight: 400;
								font-size: 20px;
								line-height: 1.5;
								letter-spacing: -0.38px;
							}
						}

						ul {
							padding: 0;
							margin: 0;

							display: flex;
							flex-direction: row;
							align-items: center;
							column-gap: 40px;
						}
					}

					&-2 {
						position: absolute;
						right: 0;
						top: 0;
						bottom: 0;

						&::before {
							content: '';
							position: absolute;
							inset: 0;
							background: linear-gradient(
								90deg,
								$cBlack 0%,
								rgba(0, 0, 0, 0) 100%
							);
							z-index: 1;
						}

						video {
							height: 100%;
							width: 640px;
							object-fit: cover;
							filter: grayscale(1);
						}
					}
				}
			}
		}

		.box-4 {
			padding-top: 190px;
			padding-bottom: 220px;
			background: #fafafa;

			.row {
				display: flex;
				flex-direction: row;
				column-gap: 100px;
				align-items: center;

				.col {
					&-1 {
						@include box_title_line(#d4d4d4, #fafafa);
						padding-left: 115px;

						img {
							width: 100%;
							max-width: fit-content;
						}
					}
					&-2 {
						max-width: 403px;

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

							p {
								color: $cBlack;
								font-weight: 400;
								font-size: 28px;
								line-height: 1.5;
								letter-spacing: -0.56px;
							}
						}

						.box-text {
							margin-bottom: 40px;
							max-width: 390px;

							p {
								color: $cBlack;
								font-weight: 400;
								font-size: 16px;
								line-height: 1.5;
								letter-spacing: -0.32px;
							}
						}
					}
				}
			}
		}
	}
}

//* Zespół
body.page-id-47 {
	&.no-scroll {
		overflow: hidden;
	}

	main {
		padding-top: 80px;

		.box-1 {
			margin-bottom: 80px;

			.row {
				.col {
					&-1 {
						.box-head {
							h2 {
								color: $cBlack;
								font-weight: 500;
								font-size: 64px;
								line-height: 1.2;
								letter-spacing: -0.96px;
							}
						}
					}
				}
			}
		}

		.box-2 {
			margin-bottom: 180px;

			.row {
				.tiles {
					display: grid;
					grid-template-columns: repeat(3, minmax(0, 1fr));
					column-gap: 32px;
					row-gap: 40px;

					.tile {
						.tile--btn {
							width: 45px;
							min-width: 45px;
							height: 45px;

							line-height: 0;
							border-radius: 0;

							margin: 0;
							padding: 0;

							position: absolute;
							display: flex;
							align-items: center;
							justify-content: center;
							background: $cWhite;

							img {
								width: 100%;
								max-width: fit-content;
							}
						}

						.tile--wrapper {
							.tile--img {
								position: relative;
								margin-bottom: 24px;

								> img {
									width: 100%;
								}

								.tile--btn {
									bottom: 16px;
									right: 16px;
								}
							}
							.tile--data {
								h3 {
									color: $cGold;
									font-weight: 400;
									font-size: 28px;
									line-height: 1.2;
									letter-spacing: -0.56px;
									margin-bottom: 16px;
								}
								p {
									color: $cBlack;
									font-weight: 400;
									font-size: 16px;
									line-height: 1.2;
									letter-spacing: -0.32px;
								}
							}
						}

						.tile-sidebar {
							position: fixed;
							top: 0;
							right: 0;
							bottom: 0;
							z-index: 10;

							display: none;

							.tile-sidebar-bg {
								position: fixed;
								inset: 0;
								background: rgba(0, 0, 0, 0.35);
							}

							.tile-sidebar--wrapper {
								position: relative;
								width: 346px;
								height: 100%;
								background: $cBlack;
								overflow: auto;

								.tile--btn {
									top: 24px;
									right: 16px;

									img {
										transform: rotate(45deg);
									}
								}

								.tile--img {
									img {
										width: 100%;
									}
								}

								.tile--data {
									padding: 24px;

									.tile--data-head {
										padding-bottom: 24px;
										border-bottom: 1px solid #6a6a6a;

										h3 {
											color: $cGold;
											font-weight: 400;
											font-size: 24px;
											line-height: 1.2;
											letter-spacing: -0.45px;
											margin-bottom: 8px;
										}
										p {
											color: $cWhite;
											font-weight: 400;
											font-size: 16px;
											line-height: 1.2;
											letter-spacing: -0.32px;
										}
									}

									.tile--data-contact {
										padding: 14px 0 28px 0;
										margin: 0;
										border-bottom: 1px solid #6a6a6a;

										li {
											display: flex;
											flex-direction: column;
											row-gap: 2px;

											&:not(:last-child) {
												margin-bottom: 14px;
											}

											label {
												color: #bebebe;
												font-weight: 400;
												font-size: 12px;
												line-height: 1.2;
												letter-spacing: -0.24px;
											}
											a {
												color: $cWhite;
												font-weight: 400;
												font-size: 14px;
												line-height: 1.2;
												letter-spacing: -0.28px;
											}
										}
									}

									.tile--data-text {
										padding-top: 14px;

										p {
											color: $cWhite;
											font-weight: 400;
											line-height: 1.3;
											letter-spacing: -0.28px;
										}
										.text-1 {
											margin-bottom: 1.5em;

											p {
												font-size: 14px;
											}
										}
										.text-2 {
											p {
												font-size: 12px;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

//* ONasze usługi
body.page-id-54 {
	main {
		padding-top: 80px;

		.box-1 {
			padding-bottom: 100px;

			.row {
				.col {
					&-1 {
						.box-head {
							h2 {
								color: $cBlack;
								font-weight: 500;
								font-size: 48px;
								line-height: 1.2;
								letter-spacing: -0.96px;
								margin-bottom: 24px;

								strong {
									color: $cGold;
									font-weight: 500;
								}
							}
						}

						.box-text {
							margin-bottom: 32px;

							p {
								color: $cBlack;
								font-weight: 400;
								font-size: 20px;
								line-height: 1.5;
								letter-spacing: -0.38px;
							}
						}
					}
				}
			}
		}

		.box-2 {
			@include box_top_shadow($cLightGray);
			background: $cBlack;

			.row {
				&-1 {
					img {
						width: 100%;
						max-width: 1920px;
						height: 250px;
						margin-left: auto;
						margin-right: auto;
						object-fit: cover;
					}
				}
				&-2 {
					padding-top: 130px;
					padding-bottom: 120px;

					.c-tabs {
						.c-tabs--nav {
							li {
							}
						}
						.c-tabs--content {
							.c-tab--item {
							}
						}
					}

					.t-row {
						&-1 {
							margin-bottom: 100px;

							.t-col {
								&-1 {
									.t-head {
										margin-bottom: 24px;

										h2 {
											color: $cWhite;
											font-weight: 400;
											font-size: 36px;
											line-height: 1.2;
											letter-spacing: -0.72px;
										}
									}
									.t-text {
										p {
											color: $cWhite;
											font-weight: 400;
											font-size: 20px;
											line-height: 1.5;
											letter-spacing: -0.38px;
										}
									}
								}
							}
						}

						&-2 {
							display: flex;
							flex-direction: row;
						}

						.t-col {
							&-1 {
								width: 60%;
							}
							&-2 {
								width: 40%;
							}
						}

						.tab-description {
							padding-left: 48px;
							border-left: 1px solid $cGold;

							.tab-description--head {
								margin-bottom: 24px;

								h3 {
									color: $cGold;
									font-weight: 400;
									font-size: 24px;
									line-height: 1.1;
									letter-spacing: -0.48px;
								}
							}
							.tab-description--text {
								margin-bottom: 40px;

								p {
									color: $cWhite;
									font-weight: 400;
									font-size: 16px;
									line-height: 1.5;
									letter-spacing: -0.32px;

									&:last-child {
										margin-bottom: 0;
									}
								}
							}
						}

						.c-acc {
							padding: 0;
							margin: 0;
							max-width: 630px;
							margin-right: 30px;

							.c-acc--item {
								&:not(:last-child) {
									border-bottom: 1px solid #6a6a6a;
								}

								&.active {
									.c-acc--head {
										padding-left: 27px;
										transition-delay: 0ms;

										.icon {
											opacity: 1;
											visibility: visible;
											transition-delay: 250ms;
										}

										span {
											color: $cGold;
											transition-delay: 0ms;
										}
									}
								}

								.c-acc--head {
									position: relative;
									transition: all 250ms ease-in-out;
									cursor: pointer;
									transition-delay: 250ms;

									.icon {
										position: absolute;
										display: inline-block;
										width: 12px;
										height: 12px;
										top: 50%;
										left: 0;
										transform: translateY(-50%);
										opacity: 0;
										visibility: hidden;
										transition: all 250ms ease-in-out;

										&::before {
											content: '';
											position: absolute;
											top: 50%;
											left: 0;
											width: 12px;
											height: 1px;
											background: $cGold;
											transform: translateY(-50%);
										}
										&::after {
											content: '';
											position: absolute;
											top: 50%;
											left: 50%;
											width: 1px;
											height: 12px;
											background: $cGold;
											transform: translateY(-50%) translateX(-50%);
										}
									}

									span {
										display: block;
										padding: 16px 0;

										color: $cWhite;
										font-weight: 400;
										font-size: 20px;
										line-height: 1.1;
										letter-spacing: -0.38px;
										transition: all 250ms ease-in-out;
										transition-delay: 250ms;
									}
								}

								.c-acc--body {
									display: none;

									.c-acc--body-text {
										padding-bottom: 16px;
										p {
											color: $cWhite;
											font-weight: 400;
											font-size: 16px;
											line-height: 1.5;
											letter-spacing: -0.32px;
										}
									}
								}
							}
						}
					}
				}
			}
		}

		.box-3 {
			position: relative;
			background: #fafafa;

			.row {
				display: flex;
				flex-direction: row;
				column-gap: 110px;
				padding: 140px 0;

				.col {
					&-1 {
						position: absolute;
						left: 0;
						top: 0;
						bottom: 0;

						img {
							height: 100%;
							width: 673px;
							object-fit: cover;
							object-position: center;
						}
					}

					&-2 {
						width: 100%;
						max-width: 569px;
						margin-left: auto;

						> p {
							color: $cBlack;
							font-weight: 400;
							font-size: 20px;
							line-height: 1.1;
							letter-spacing: -0.38px;
						}

						.box-text {
							margin-bottom: 95px;

							p {
								color: $cBlack;
								font-weight: 400;
								font-size: 28px;
								line-height: 1.5;
								letter-spacing: -0.56px;

								strong {
									color: $cGold;
									font-weight: 400;
								}
							}
						}

						ul {
							padding: 0;
							margin: 0;

							li {
								padding-top: 16px;
								padding-bottom: 16px;

								color: $cBlack;
								font-weight: 400;
								font-size: 20px;
								line-height: 1.1;
								letter-spacing: -0.38px;

								&:not(:last-child) {
									border-bottom: 1px solid #d4d4d4;
								}
							}
						}
					}
				}
			}
		}

		.box-4 {
			padding-top: 130px;
			padding-bottom: 160px;

			.row {
				&-1 {
					margin-bottom: 64px;

					h2 {
						color: $cBlack;
						font-weight: 400;
						font-size: 20px;
						line-height: 1.1;
						letter-spacing: -0.38px;
					}
				}
				&-2 {
					.c-acc {
						padding: 0;
						margin: 0;

						.c-acc--item {
							border-bottom: 1px solid #d4d4d4;

							&:first-child {
								border-top: 1px solid #d4d4d4;
							}

							&.active {
								.c-acc--head {
									.icon {
										&::after {
											height: 0;
										}
									}
								}
							}

							.c-acc--head {
								position: relative;
								padding-top: 24px;
								padding-bottom: 24px;
								padding-left: 48px;

								span {
									color: $cBlack;
									font-weight: 400;
									font-size: 28px;
									line-height: 1.5;
									letter-spacing: -0.56px;
								}

								.icon {
									position: absolute;
									display: inline-block;
									width: 24px;
									height: 24px;
									top: 50%;
									left: 0;
									transform: translateY(-50%);
									transition: all 250ms ease-in-out;

									&::before {
										content: '';
										position: absolute;
										top: 50%;
										left: 0;
										width: 24px;
										height: 1px;
										background: $cGold;
										transform: translateY(-50%);
									}
									&::after {
										content: '';
										position: absolute;
										top: 50%;
										left: 50%;
										width: 1px;
										height: 24px;
										background: $cGold;
										transform: translateY(-50%) translateX(-50%);
										transition: all 250ms ease-in-out;
									}
								}
							}
							.c-acc--body {
								display: none;

								.c-acc--body-text {
									padding-bottom: 24px;

									p {
										color: $cBlack;
										font-weight: 400;
										font-size: 20px;
										line-height: 1.5;
										letter-spacing: -0.38px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}