/*  region about-us */
section#about-us {
	font-family: var(--default-font);
	padding-top: 30px;
	margin: 60px var(--section-margin) 0 var(--section-margin);
}

section#about-us h2 {
	font-family: var(--default-font);
	font-size: 24px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0;
	color: #08416E;
	padding: 0 0 0 0;
	border-radius: 0 0 0 0;
	max-width: 680px;
	margin-bottom: 20px;
}

section#about-us h2::before {
	content: "";
	display: inline-block;
	margin-left: 15px;
	background-color: var(--btn-special-color);
	width: 10px;
	aspect-ratio: 1 / 1;
	border-radius: 20%;
	transform: rotateZ(45deg);
}

html[dir='ltr'] section#about-us h2::before {
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 5px;
}

section#about-us .about-us__spacer {
	width: 300px;
}

section#about-us > .about-us__container > img {
	height: 500px;
	margin-left: -150px;
	z-index: -1;
	margin-top: -150px;
}

@media only screen and (max-width: 1000px) {
	section#about-us img {
		display: none;
	}
	section#about-us .about-us__spacer {
		width: 0;
	}
}

section#about-us p {
	font-family: var(--default-font);
	color: #404040;
	font-size: 16px;
	font-weight: 300;
	line-height: 36px;
	direction: var(--default-direction);
	unicode-bidi: embed;
	margin: 0 0 1em 0;
	text-align: justify;
}

html[dir='ltr'] section#about-us p {
	direction: ltr;
}

section#about-us .p_bold {
	color: #171717;
	font-weight: 500;
}

.about-us__read-more {
	display: flex;
	justify-content: start;
	margin-top: 45px;
}
/* endregion */

/* region about-product */
section#about-product {
	font-family: var(--default-font);
	margin: 0 var(--section-margin) 0 var(--section-margin);
}

section#about-product img {
	max-height: 400px;
	max-width: 50%;
}

@media only screen and (max-width: 992px) {
	section#about-product img {
		max-height: fit-content;
		margin: 0 auto;
	}
}

section#about-product h2 {
	font-family: var(--default-font);
	font-size: 24px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0;
	color: #08416E;
	padding: 0 0 0 0;
	border-radius: 0 0 0 0;
	max-width: 680px;
	margin-bottom: 20px;
}

section#about-product h2::before {
	content: "";
	display: inline-block;
	margin-left: 15px;
	background-color: var(--btn-special-color);
	width: 10px;
	aspect-ratio: 1 / 1;
	border-radius: 20%;
	transform: rotateZ(45deg);
}

html[dir='ltr'] section#about-product h2::before {
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 5px;
}

section#about-product p {
	font-family: var(--default-font);
	color: #404040;
	font-size: 18px;
	font-weight: 300;
	line-height: 36px;
	direction: var(--default-direction);
	unicode-bidi: embed;
	margin: 0 0 1em 0;
	text-align: justify;
}

html[dir='ltr'] section#about-product p {
	direction: ltr;
}
/* endregion */

/* region about-team */
section#about-team {
	font-family: var(--default-font);
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	margin: 150px var(--section-margin) 0 var(--section-margin);
}

section#about-team h2 {
	font-family: var(--default-font);
	font-size: 24px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0;
	color: #08416E;
	padding: 0 0 0 0;
	border-radius: 0 0 0 0;
	max-width: 680px;
	margin-bottom: 20px;
}

section#about-team h2::before {
	content: "";
	display: inline-block;
	margin-left: 15px;
	background-color: var(--btn-special-color);
	width: 10px;
	aspect-ratio: 1 / 1;
	border-radius: 20%;
	transform: rotateZ(45deg);
}

section#about-team p {
	font-family: var(--default-font);
	color: #404040;
	font-size: 18px;
	font-weight: 300;
	line-height: 36px;
	direction: var(--default-direction);
	unicode-bidi: embed;
	margin: 0 0 1em 0;
	text-align: justify;
}

section#about-team .p_bold {
	color: #171717;
	font-weight: 500;
}

.about-team__member-card {
	margin: 20px;
	width: 200px;
	aspect-ratio: 1 / 1;
	border-radius: 50px;
	box-shadow: 0px 0px 24px 1px rgba(121, 160, 190, 0.24);
}
/* endregion */

/* region about-sponsors */
section#about-sponsors {
	font-family: var(--default-font);
}

section#about-sponsors h2 {
	font-family: var(--default-font);
	font-size: 24px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0;
	color: #08416E;
	padding: 0 0 0 0;
	border-radius: 0 0 0 0;
	max-width: 680px;

	margin: 5% var(--section-margin) 20px var(--section-margin);
}

section#about-sponsors h2::before {
	content: "";
	display: inline-block;
	margin-left: 15px;
	background-color: var(--btn-special-color);
	width: 10px;
	aspect-ratio: 1 / 1;
	border-radius: 20%;
	transform: rotateZ(45deg);
}

html[dir='ltr'] section#about-sponsors h2::before {
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 5px;
}

.about-sponsors__carousel {
	direction: ltr;
	--no-of-slides: 7;
	--slides-in-view: 6;
	--slide-width: 300px;
	--slide-height: 250px;
	--iteration-time: 30s;
}

@media only screen and (max-width: 992px) {
	.about-sponsors__carousel {
		--slide-width: 240px;
		--slide-height: 220px;
	}
}

@media only screen and (max-width: 527px) {
	.about-sponsors__carousel {
		--slide-width: 210px;
		--slide-height: 200px;
	}
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(var(--slide-width) * var(--no-of-slides)* -1));
	}
}

.about-sponsors__carousel > div:first-of-type, .about-sponsors__carousel-wrapper > div:first-of-type {
	position: absolute;
	left: 0;
	height: 300px;
	width: 100px;
	z-index: 1;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
	pointer-events: none;
}

.about-sponsors__carousel > div:nth-of-type(2), .about-sponsors__carousel-wrapper > div:nth-of-type(2) {
	position: absolute;
	right: 0;
	height: 300px;
	width: 100px;
	z-index: 1;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
	pointer-events: none;
}

.about-sponsors__carousel-wrapper {
	display: flex;
	/*justify-content: center;*/
	align-items: center;

	will-change: transform;

	width: calc(var(--slides-in-view) * var(--slide-width));
	overflow: hidden;
	/*border: 1px dashed gray;*/
	margin: 0 auto;
}

.about-sponsors__carousel-wrapper:hover .about-sponsors__carousel-slide{
	/*animation-play-state: paused;*/
}

/*.carousel__wrapper:hover .carousel__image{*/
/*	filter: grayscale(0);*/
/*}*/

.about-sponsors__carousel-image:hover {
	filter: grayscale(0);
}

.about-sponsors__carousel {
	padding: 15px 0;
	/*background: lightblue;*/

	overflow: hidden;
	width: calc(2 * var(--no-of-slides));
}

.about-sponsors__carousel-slide {
	/*transform: translate3d(0, 0, 0);*/
	animation: scroll var(--iteration-time) linear infinite;
	display: flex;
	flex-direction: column;

	flex: 0 0 auto;
	width: var(--slide-width);
	height: var(--slide-height);
	box-sizing: border-box;
	/*border: 1px dotted darkblue;*/
}

.about-sponsors__carousel-image {
	display: flex;
	flex-direction: column;
	border-radius: 50px;
	/*box-shadow: 0px 0px 24px 1px rgba(121, 160, 190, 0.24);*/
	place-content: center;

	height: var(--slide-height);
	width: calc(var(--slide-width) - 50px);
	margin: 5px auto;
	filter: grayscale(1);
	transition: filter .23s ease-in-out;
}

.about-sponsors__carousel-image img {
	height: calc(var(--slide-height) - 20px);
	max-width: calc(var(--slide-width) - 20px);
	object-fit: cover;
	aspect-ratio: 1 / 1;
	margin: 10px auto;
}
/* endregion */