body.single {
	.team-bios-modal {
		padding: 110px 0;
	}
}

.team-bios-modal {
	display: flex;
	width: 100%;
	gap: 30px;
	flex-direction: column;

	@include media-breakpoint-up(xl) {
		flex-direction: row;
	}

	&__left {
		width: 385px;
		max-width: 100%;

		.info-wrapper {
			padding-top: 25px;
			margin-top: 25px;
			border-top: 1px dotted $ui-border-line-divider-dots-divider;
			display: flex;
			flex-direction: column;
			text-align: left;
			gap: 20px;

			a:not(.email) {
				text-decoration: none;
			}

			.email {
				margin-bottom: 15px;
				text-decoration: underline;
			}

			&__title {
				font-size: px-to-rem(16px);
				font-style: normal;
				font-weight: 700;
				line-height: 160%;
			}

			&__position {
				margin-bottom: 0px;
				font-size: px-to-rem(16px);
				font-weight: 400;
				line-height: 160%;
			}

			&__contact {
				display: flex;
				flex-direction: column;
				gap: 8px;

				.email {
					color: $ui-foreground-primary-text-links;
					font-size: px-to-rem(16px);
					font-weight: 400;
					line-height: 160%;
					text-decoration: underline;
					transition: all 0.2s;

					@include media-breakpoint-up(xl) {
						&:hover {
							text-decoration: none;
						}
					}
				}
			}
		}

		.social-networks {
			display: flex;
			gap: 7px;
			margin-top: 20px;
			align-items: center;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			font-size: 0;
			gap: 12px;
			justify-content: flex-start;
			line-height: 1;
			list-style-type: none;
			margin: 0;
			padding: 0 !important;
			text-align: left;

			li {
				font-size: px-to-rem(14px);
				margin: 0 !important;

				&::marker,
				&::before {
					display: none !important;
				}
			}

			a {
				border: none !important;
				box-shadow: none;
				display: inherit !important;
				height: 34px;
				margin: 0 !important;
				position: relative !important;
				text-decoration: none !important;
				transition: all 0.2s ease !important;
				width: 34px;

				span[class^="icon"] {
					height: 100%;
					width: 100%;
					background-size: contain;
					background-position: center;
					background-repeat: no-repeat;
					display: block;
				}

				span[class*="facebook"] {
					background-image: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_7346_1356)"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.0212 4.97926C35.6603 11.6183 35.6603 22.3822 29.0212 29.0212C22.3822 35.6603 11.6183 35.6603 4.97926 29.0212C-1.65975 22.3822 -1.65975 11.6183 4.97926 4.97926C11.6183 -1.65975 22.3822 -1.65975 29.0212 4.97926ZM13.9911 30.3542H18.6428V18.8359H22.5156C22.5603 18.4756 22.6039 18.1242 22.6468 17.7778C22.7884 16.6357 22.9232 15.5481 23.0685 14.3736H18.627C18.627 14.0287 18.6222 13.6975 18.6176 13.3758C18.6078 12.6879 18.5985 12.0434 18.6377 11.4017C18.7268 9.9377 19.2984 9.40727 20.7864 9.34516C21.3297 9.32212 21.8743 9.32781 22.4335 9.33366C22.6895 9.33634 22.9486 9.33905 23.212 9.33905V5.38933C20.1195 4.88792 17.8375 5.14448 16.319 6.1692C14.0137 7.72503 13.9882 10.0056 13.9621 12.3412C13.9542 13.0531 13.9462 13.7702 13.8735 14.4733H10.1834V18.9158H13.9911V30.3542Z" fill="%2347127E"/></g><defs><clipPath id="clip0_7346_1356"><rect width="34" height="34" fill="white"/></clipPath></defs></svg>');
				}

				span[class*="twitter"] {
					background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5 45C34.9264 45 45 34.9264 45 22.5C45 10.0736 34.9264 0 22.5 0C10.0736 0 0 10.0736 0 22.5C0 34.9264 10.0736 45 22.5 45ZM23.934 26.4277C24.8999 27.9332 25.5778 28.99 25.6151 29.0492H25.6157H27.7485C26.5871 27.2002 23.6034 22.5304 21.43 19.1288C20.1831 17.1773 19.2029 15.6431 18.9865 15.2985H16.8055C17.3156 16.1111 21.5223 22.6684 23.934 26.4277ZM15.7005 30.8904L13.4297 30.8924V30.8917C13.8803 30.3452 15.7505 28.1338 17.3693 26.2198C18.5903 24.7761 19.6682 23.5016 19.8858 23.2384C19.475 22.5845 17.5242 19.4783 15.9174 16.92C14.8537 15.2264 13.9409 13.7729 13.7253 13.4297H19.7871C19.8195 13.4849 20.5657 14.6668 21.3734 15.9463C22.2234 17.2927 23.1415 18.747 23.3681 19.1104C23.6424 18.7851 24.1536 18.1791 24.7436 17.4797C26.1296 15.8365 27.9509 13.6775 28.1595 13.4297L30.4285 13.4304C28.4128 15.8203 26.0736 18.5933 24.2364 20.7709C24.8848 21.8036 26.4865 24.2164 27.9747 26.4582C29.263 28.3989 30.4663 30.2115 30.8924 30.8897H24.692C23.887 29.5713 22.8636 28.0115 22.0419 26.7591C21.5013 25.9353 21.0481 25.2445 20.8017 24.8429C19.7701 26.0658 18.0101 28.1523 16.7259 29.6747L15.7005 30.8904Z' fill='%2347127E'/%3E%3C/svg%3E%0A");
				}

				span[class*="instagram"] {
					background-image: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_7346_1349)"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.0005 17.0003C34.0005 26.3892 26.3892 34.0005 17.0003 34.0005C7.61127 34.0005 0 26.3892 0 17.0003C0 7.61127 7.61127 0 17.0003 0C26.3892 0 34.0005 7.61127 34.0005 17.0003ZM15.3652 28.0936H15.3653H15.3654C15.8719 28.0864 16.3784 28.0792 16.8844 28.0792H16.8834V28.0706C17.4333 28.0706 17.9838 28.0792 18.5343 28.0879H18.5343H18.5343C19.7598 28.1071 20.9853 28.1264 22.2045 28.0502C25.2268 27.8613 27.4172 25.7915 27.5496 22.7601C27.7043 19.2217 27.6941 15.666 27.5333 12.1276C27.4065 9.33698 25.4187 7.20711 22.6667 7.05898C18.9385 6.8579 15.1827 6.8523 11.4554 7.06305C8.62204 7.22289 6.65252 9.38025 6.53646 12.2447C6.39494 15.7357 6.39087 19.2416 6.53646 22.7327C6.66372 25.7956 8.91169 27.8909 12.0067 28.0634C13.1233 28.1255 14.2442 28.1095 15.365 28.0936H15.3652ZM17.1405 8.8147V8.8096C17.5986 8.8096 18.0569 8.80599 18.5153 8.80238H18.5153H18.5153H18.5154H18.5154C19.5374 8.79433 20.5594 8.78628 21.5799 8.81826C24.0529 8.89563 25.6472 10.294 25.7348 12.7217C25.8519 15.9735 25.8493 19.2355 25.7317 22.4868C25.6503 24.7419 24.0982 26.1835 21.7581 26.2527C18.6035 26.3459 15.4423 26.3479 12.2877 26.2568C9.88652 26.1876 8.39806 24.6324 8.32882 22.1483C8.24331 19.0919 8.25399 16.03 8.32221 12.9731C8.37871 10.4457 9.8799 8.94908 12.4053 8.82844C13.4919 8.77681 14.5817 8.78988 15.6715 8.80295H15.6715H15.6715C16.1613 8.80882 16.651 8.8147 17.1405 8.8147ZM17.0316 12.0421C20.1388 12.0431 22.539 14.4596 22.5196 17.5663C22.5008 20.5539 20.0395 23.0106 17.0596 23.0167C14.0302 23.0228 11.5343 20.4944 11.5603 17.4462C11.5862 14.4358 14.0101 12.0413 17.0316 12.0421ZM17.086 21.0681C19.0606 21.0487 20.6535 19.4085 20.6031 17.4451C20.5542 15.5393 18.9787 13.9755 17.0794 13.9485C15.1297 13.9205 13.5064 15.5433 13.5008 17.5251C13.4952 19.5017 15.1002 21.0879 17.086 21.0686V21.0681ZM23.7598 11.0765C23.8441 11.7612 23.3573 12.3847 22.6726 12.469C21.9878 12.5533 21.3644 12.0666 21.2801 11.3818C21.1958 10.6971 21.6825 10.0736 22.3673 9.9893C23.052 9.90498 23.6755 10.3917 23.7598 11.0765Z" fill="%2347127E"/></g><defs><clipPath id="clip0_7346_1349"><rect width="34" height="34" fill="white"/></clipPath></defs></svg>');
				}

				span[class*="linkedin"] {
					background-image: url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_7346_1360)"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.0005 17.0003C34.0005 26.3892 26.3892 34.0005 17.0003 34.0005C7.61127 34.0005 0 26.3892 0 17.0003C0 7.61127 7.61127 0 17.0003 0C26.3892 0 34.0005 7.61127 34.0005 17.0003ZM23.9089 27.1808H28.4145L28.415 27.1803C28.415 26.4385 28.4153 25.7082 28.4156 24.9862C28.4164 23.0307 28.4172 21.1362 28.412 19.2416C28.4117 19.1475 28.4117 19.0534 28.4116 18.9592C28.4114 18.3395 28.4111 17.7173 28.3453 17.1036C27.9895 13.7902 26.1268 12.0253 22.8633 12.3328C21.8655 12.4268 20.9006 12.8678 19.9432 13.3053C19.511 13.5028 19.0803 13.6996 18.6489 13.8635L18.5466 12.6866H14.4304V27.1253H18.8657C18.8657 26.4859 18.864 25.8558 18.8622 25.2323V25.2322V25.232C18.8579 23.7186 18.8538 22.2439 18.8754 20.7698C18.8886 19.8606 18.9029 18.9291 19.1019 18.0494C19.4069 16.6999 20.4255 16.1715 21.7434 16.2606C23.0919 16.3517 23.7226 17.209 23.8015 18.4811C23.8773 19.7003 23.8926 20.9235 23.9048 22.1457C23.9162 23.3098 23.9137 24.4739 23.9111 25.6499V25.6502V25.651V25.6522V25.6534C23.91 26.16 23.9089 26.6688 23.9089 27.1808ZM11.4209 27.1787H7.04965V12.7166H11.4209V27.1782V27.1787ZM9.18207 10.6137C10.5814 10.6152 11.821 9.38842 11.8286 7.99515H11.8281C11.8357 6.59526 10.613 5.36641 9.20497 5.35878C7.77505 5.35063 6.61238 6.52145 6.60678 7.97479C6.60118 9.42864 7.75622 10.6122 9.18207 10.6137Z" fill="%2347127E"/></g><defs><clipPath id="clip0_7346_1360"><rect width="34" height="34" fill="white"/></clipPath></defs></svg>');
				}

				span[class*="youtube"] {
					background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5 45C34.9264 45 45 34.9264 45 22.5C45 10.0736 34.9264 0 22.5 0C10.0736 0 0 10.0736 0 22.5C0 34.9264 10.0736 45 22.5 45ZM12.3078 13.2435C14.5812 12.8571 18.2272 12.7572 20.5235 12.7275C23.3274 12.6908 26.265 12.7556 29.0743 12.8922C29.2339 12.9001 29.4047 12.9071 29.5837 12.9146C31.0308 12.9747 33.0194 13.0573 34.0867 13.7291C34.6638 14.0921 35.1532 14.6986 35.4196 15.3419C35.9173 16.5441 36.0899 19.0624 36.1563 20.5191C36.2425 22.416 36.1822 24.3606 36.0227 26.2427C35.9479 27.1287 35.8303 28.0038 35.6715 28.8594C35.4845 29.8617 34.9562 30.704 34.2722 31.1654C33.8096 31.4769 33.2874 31.6806 32.7149 31.786C29.1643 32.4386 19.8166 32.334 15.9263 32.1131C15.7187 32.1013 15.5105 32.0907 15.3021 32.0801C14.5968 32.0441 13.8889 32.008 13.1941 31.9273C11.5673 31.7384 10.1841 31.2926 9.56112 29.6892C9.04583 28.3621 8.90231 26.0499 8.84277 24.487C8.74658 21.9679 8.80765 18.612 9.29699 16.1178C9.49547 15.1069 10.023 14.2974 10.7268 13.8423C11.2162 13.5261 11.6986 13.3466 12.3078 13.2435Z' fill='%2347127E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4547 27.28C19.5355 27.28 26.0609 23.4548 26.6421 23.1056C26.8326 22.9916 27.5595 22.6199 27.6306 22.4754L19.4433 17.7156L19.4415 17.826C19.4249 20.9447 19.4477 24.1505 19.4538 27.2791L19.4547 27.28Z' fill='%2347127E'/%3E%3C/svg%3E%0A");
				}

				span[class*="email"] {
					background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='100' fill='%2347127E'/%3E%3Cpath d='M12.6857 6.24706C12.6857 5.97853 12.6912 5.71 12.6857 5.44146C12.6815 5.30183 12.7253 5.22798 12.8804 5.24812C12.892 5.24946 12.9037 5.24946 12.9152 5.24812C13.75 5.21053 13.75 5.21053 13.75 6.02686C13.75 8.11806 13.75 10.2092 13.75 12.2998C13.7503 12.8477 13.6861 13.3938 13.5587 13.9277C13.2582 15.1724 12.4505 15.8894 11.158 16.1337C9.92047 16.368 8.73926 16.272 7.64292 15.6262C7.06831 15.2905 6.73023 14.787 6.59945 14.1493C6.55632 13.9338 6.60571 13.825 6.85336 13.8593C6.91082 13.867 6.96912 13.867 7.02658 13.8593C7.39249 13.8096 7.61092 13.9264 7.81822 14.2621C8.29335 15.0328 9.04951 15.4174 9.98446 15.4463C11.4787 15.4926 12.4123 14.7018 12.5639 13.2658C12.6084 12.8449 12.6425 12.4226 12.6891 11.9232C12.4951 12.0789 12.3601 12.1917 12.2244 12.2978C10.8554 13.39 8.66691 13.3168 7.38483 12.1326C6.72327 11.521 6.48049 10.7174 6.32328 9.88701C6.15076 8.9646 6.29614 8.07039 6.62032 7.18827C7.43979 4.95878 10.8018 4.1129 12.5431 6.18127C12.5666 6.22114 12.5833 6.26445 12.5924 6.30949L12.6857 6.24706ZM12.7643 9.18279C12.7641 8.76917 12.7146 8.35695 12.6168 7.95425C12.3316 6.69618 11.4175 5.87313 10.2453 5.806C8.98899 5.73282 7.94274 6.42966 7.53857 7.6394C7.23571 8.51539 7.22404 9.46081 7.50518 10.3435C7.88153 11.5318 8.78587 12.1903 10.0095 12.189C11.2784 12.189 12.2119 11.5217 12.5904 10.3395C12.7098 9.96489 12.7685 9.57471 12.7643 9.18279Z' fill='white'/%3E%3C/svg%3E%0A");
				}

				&:focus-within {
					border-radius: 50%;
					// box-shadow: 0 0 0 0.25rem $accesible-background-focus;
				}
			}
		}
	}

	&__image {
		height: 395px;

		@include media-breakpoint-down(xl) {
			height: 300px;
		}

		@include media-breakpoint-down(sm) {
			height: 250px;
		}

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	&__right {
		flex: 1;
		text-align: left;
		padding-left: 30px;
		position: relative;

		&::before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			width: 2px;
			background: $ui-border-line-divider-on-light;
		}

		P,
		span {
			@include font-body;
			font-size: 16px;
			font-weight: 400;
			line-height: 24.8px;
		}
	}

	.wp-block-separator {
		border-width: 1px;
	}

	&__footer {
		display: flex;
		justify-content: space-between;
		border-top: 2px solid $ui-border-line-divider-on-light;
		padding-top: 32px;

		&__button {
			color: $ui-foreground-primary-text-links;
			font-size: 14px;
			font-weight: 600;
			line-height: 130%;
			text-decoration-line: underline;
			display: flex;
			gap: 7px;
			border: none;
			background-color: transparent;
			align-items: center;

			&::before {
				content: "";
				background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.00483 5.46979C0.711933 5.76268 0.711933 6.23756 1.00483 6.53045L5.7778 11.3034C6.07069 11.5963 6.54556 11.5963 6.83846 11.3034C7.13135 11.0105 7.13135 10.5357 6.83846 10.2428L2.59582 6.00012L6.83846 1.75748C7.13135 1.46459 7.13135 0.989714 6.83846 0.696821C6.54556 0.403927 6.07069 0.403927 5.7778 0.696821L1.00483 5.46979ZM11.5352 5.25012L1.53516 5.25012L1.53516 6.75012L11.5352 6.75012L11.5352 5.25012Z" fill="%23210044"/></svg>');
				width: 12px;
				height: 12px;
			}

			&.next {
				flex-direction: row-reverse;

				&::before {
					transform: rotate(180deg);
				}
			}
		}
	}
}