/* Technetium PHP Framework version 2.9
   Author: Tony Leung
   E-mail: info@technetium.info */

@charset "utf-8";

:root {
	--bs-primary:#000000;
	--bs-secondary:#429BF3;
	--body-bg:#18181A;
}

.page-header .book-title {
	color:var(--bs-white);
}
.page-header .nav-block .language .btn {
	width:4.5rem;
	height:4.5rem;
	border-radius:50%;
	background:rgba(255,255,255,0.5);
}

.scene#slideshow .swiper {
	--swiper-navigation-size:3rem;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.scene#slideshow .swiper-slide .img-holder {
	height:75.925926%;
	overflow:hidden;
	position:relative;
}
.scene#slideshow .swiper-slide .img-holder:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	background:linear-gradient(238.54deg, #000000 24.69%, rgba(122, 122, 122, 0.4375) 49.16%, rgba(217, 217, 217, 0) 67.45%);
	opacity:0.2;
}
.scene#slideshow .swiper-slide-active,
.scene#slideshow .swiper-slide-duplicate-active,
.scene#slideshow .swiper-slide-next,
.scene#slideshow .swiper-slide-duplicate-next,
.scene#slideshow .swiper-slide-prev,
.scene#slideshow .swiper-slide-duplicate-prev {
	opacity:1;
}
.scene#slideshow .swiper-navigation {
	position:absolute;
	left:3.5rem;
	right:3.5rem;
	bottom:12.037037%;
}
.scene#slideshow .swiper-button-prev,
.scene#slideshow .swiper-button-next {
	top:50%;
	margin-top:0;
	transform:translateY(-50%);
}
.scene#slideshow .swiper-button-prev {
	left:0;
}
.scene#slideshow .swiper-button-next {
	right:0;
}
.scene#slideshow > .tab-content {
	width:100%;
	height:24.074074%;
	position:absolute;
	bottom:0;
	left:0;
	background:#429BF3 url(../../../images/aquaculture-farms/bg-content.jpg) no-repeat center / 100% 100%;
}
.scene#slideshow > .tab-content > .tab-pane {
	padding:0 13.5rem;
}
.scene#slideshow > .tab-content .pagination {
	position:absolute;
	top:1.75rem;
	left:3.5rem;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1;
	display:block;
}
.scene#slideshow > .tab-content .card-body {
	padding-top:2.75rem;
	padding-bottom:2.75rem;
	display:flex;
}
.scene#slideshow > .tab-content .card-title {
	font-size:2.75rem;
	text-align:right;
	white-space:nowrap;
}
.scene#slideshow > .tab-content .card-content {
	flex-basis:0;
	flex-grow:1;
}
.scene#slideshow > .tab-content .card-title + .card-content {
	margin-left:2.25rem;
	padding-left:2.25rem;
	border-left:3px solid var(--bs-primary);
}