.company-profile-section.section.perusahaan {
	background: #fff;
	padding: 2rem 1.25em;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	margin-bottom: 3rem;

	.container {
		display: flex;
		flex-direction: column;

		.section-title {
			font-size: 1.25rem;
			font-weight: 700;
			margin-bottom: 1.5rem;
			padding-bottom: 0.5rem;
			border-bottom: 2px solid var(--color-border);
			text-align: center;
			@media (min-width: 640px) {
				text-align: left;
			}
		}

		.profile-layout {
			display: flex;
			flex-direction: column;
			gap: 1rem;

			@media (min-width: 640px) {
				flex-direction: row;
			}

			.profile-image {
				display: flex;
				flex-direction: column;
				align-items: center;

				@media (min-width: 640px) {
					flex: 0 0 200px;
				}

				img {
					max-width: 200px;
					height: auto;
				}
			}

			.profile-info {
				font-size: 90%;
				table.info-table {
					width: 100%;
					border-collapse: collapse;
					margin-bottom: 1.5rem;

					tbody {
						tr {
							display: flex;
							flex-direction: column;
							@media (min-width: 540px) {
								display: table-row;
							}
							td {
								padding: 0.5rem 0;
								vertical-align: top;

								&:first-child {
									width: 160px;
									color: var(--color-text-secondary);
								}

								&.has-link {
									a {
										&:not(:first-child) {
											padding-left: 5px;
										}
									}
								}

								small {
									margin-left: 16px;
									color: var(--color-text-muted);
								}

								&.powered-source {
									font-weight: 600;
									text-transform: lowercase;
								}
							}
						}
					}
				}

				.profile-desc {
					color: var(--color-text-secondary);
				}
				.info-table .has-link a {
					display: inline-block;
					margin-right: 0.35rem;
					margin-bottom: 0.35rem;
				}
				.profil-cta {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					gap: 1rem;
				}
				.disclaimer {
					margin-top: 2rem;
					padding: 1rem;
					background-color: var(--color-text-primary);
					color: var(--color-background-primary);
					box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
					h3 {
						font-size: 0.7rem;
						margin: 0 0 0.5rem 0;
						color: var(--color-accent-4);
						text-transform: uppercase;
						@media (min-width: 640px) {
							font-size: 0.9rem;
						}
					}
					small {
						font-size: 70%;
						display: block;
						@media (min-width: 640px) {
							font-size: 80%;
						}
					}
				}
			}
		}
	}
}

.related-company-search-footer {
	display: grid;
	gap: 1rem;
	padding: 1.25rem;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background-color: var(--color-background-secondary);
	margin-top: 2rem;
}

.related-company-search-copy h3 {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	line-height: 1.35;
}

.related-company-search-copy p {
	margin: 0;
	color: var(--color-text-secondary);
}

.related-company-search-form {
	display: grid;
	gap: 0.75rem;
}

.related-company-search-form input[type="search"] {
	width: 100%;
	min-width: 0;
	min-height: 52px;
	padding: 0.85rem 1rem;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	background-color: var(--color-background-primary);
	color: var(--color-text-primary);
	font-family: inherit;
	font-size: 0.95rem;
	outline: none;
}

.related-company-search-form input[type="search"]:focus {
	border-color: var(--color-accent-1);
	box-shadow: 0 0 0 3px rgba(152, 93, 115, 0.12);
}

.related-company-search-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	padding: 0.85rem 1.25rem;
	border-radius: var(--radius-md);
	background-color: var(--color-accent-1);
	color: var(--color-background-primary);
	font-weight: 700;
}

.related-company-search-form button:hover {
	background-color: #7a4a5c;
}

@media (min-width: 768px) {
	.related-company-search-footer {
		/* grid-template-columns: minmax(0, 1fr) minmax(320px, 520px); */
		align-items: center;
		gap: 1.25rem;
	}

	.related-company-search-form {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
	}

	.related-company-search-form button {
		width: auto;
		min-width: 180px;
	}
}