:root{
	--Gap-About: 30px;
	--Padding-Abaut: 50px;
}
.One-Bit-Main-Container{
	overflow: visible;
}
.One-Bit-Sub-Container.About{
	padding-top: 50px;
}
.Content-And-Banners{
	display: flex;
	gap: 80px;
	/* height: calc(100dvh - var(--Padding-Abaut) - var(--height-One-Bit-Nav));*/
	/* overflow: auto;*/
	scrollbar-width: none;
  -ms-overflow-style: none;
}
.Content-And-Banners::-webkit-scrollbar {
  display: none;
}
.Banner{
	position: sticky;
	top: calc(var(--Padding-Abaut) + var(--height-One-Bit-Nav));
	min-width: 360px;
	height: calc(100vh - var(--height-One-Bit-Nav) - var(--Padding-Abaut) - 50px);
	/* height: 940px; */
	
	
	overflow: hidden;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.Banner img{
	width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: grey;
  border-radius: 20px;
}
.Content{
	display: flex;
	flex-direction: column;
	gap: calc(var(--Gap-About) * 2);
}


.Content p,
.Content h1,
.Content h2,
.Content h3,
.Content h4,
.Content h5{
	margin: 0;
}
.Content h1{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 60px;
	line-height: 110%;
	/* identical to box height, or 66px */
	display: flex;
	align-items: flex-end;

	color: #230404;	
}
.Content h2{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 110%;
	/* identical to box height, or 44px */

	color: #000000;
}
.Content p{

	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	/* or 21px */

	color: #000000;

}
.Content a{
	all: unset;
    cursor: pointer;
	text-decoration: underline;
}
.Content .Underline{
	text-decoration: underline;
}
.Sub-Content{
	display: flex;
	flex-direction: column;
	gap: calc(var(--Gap-About));
}
.Sub-Sub-Content{
	display: flex;
	flex-direction: column;
	gap: calc(var(--Gap-About) / 2);
}

.Question-Container{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 19px 24px;

	background: #FFFFFF;
	border: 1px solid #767676;
	border-radius: 20px;

}
.Hidden-Checkbox{
	display: none;
}
.Question-And-Button{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.Question{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 110%;
	/* identical to box height, or 22px */

	color: #000000;
}
.Toggle-Button svg{
	transition: transform 0.2s linear;
}
.Answer{
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	/* or 21px */
	color: #000000;
	overflow: hidden;
	max-height: 0px;
	transition: max-height 0.8s cubic-bezier(1, 0, 0, 1)
}
.Answer > *:first-child{
	padding-top: 20px;
}

.Hidden-Checkbox:checked ~ .Answer{
	max-height: 400px;
}
.Hidden-Checkbox:checked ~ .Question-And-Button .Toggle-Button svg{
	transform: rotateZ(45deg);
}


@media (max-width: 1279px) {
	.Banner{
		display: none;
	}
	.Content h1{
		font-size: 48px;
	}
	.Content p{
		font-size: 15px;
	}
	.Content h2{
		font-size: 36px;
	}
	.One-Bit-Sub-Container.About{
		padding-top: 30px;
	}
}

@media (min-width: 1280px) and (max-width: 1439px) {
	.Banner{
		min-width: 260px;
		/* height: 678px; */
	}
	.Content-And-Banners{
		gap: 40px;
	}
}

@media (min-width: 1440px) and (max-width: 1919px) {
	.Banner{
		min-width: 300px;
		/* height: 784px; */
	}
	.Content-And-Banners{
		gap: 40px;
	}
}

@media (min-width: 1920px) {

}
.Toggle-Button{
	cursor: pointer;
}