/*============================================================================================================================================================*/
/*===== research investment governance =====*/

body {
	background-color: rgba(247, 247, 247, 1);
}
footer {
	background-color: white;
}

#rig-main-wrapper {
	background-image:	 url(../../../../uploads/2023/08/855694-Asian-Grass-Boys-Laptops-Sitting-Two-Old-woman-scaled.webp);
	background-size:	 cover;
	background-position: center top;
	min-height:			 calc(100vh - 4.75rem);
}
#rig-research-row,
#rig-investments-row,
#rig-governance-row {
	margin-top:	   5rem;
	margin-bottom: 5rem;
}
#rig-research-row-n,
#rig-investments-row-n,
#rig-governance-row-n {
	height:				   20rem;
	max-height:			   20rem;
	background-color:	   rgba(153, 199, 156, 0.5);
	z-index:			   -1;
	-webkit-mask-size:	   contain;
	mask-size:			   contain;
	-webkit-mask-position: center center;
	mask-position:		   center center;
}
#rig-research-row-n {
	-webkit-mask-image: url(https://upload.wikimedia.org/wikipedia/commons/archive/9/96/20080826192418%211.svg);
	mask-image:			url(https://upload.wikimedia.org/wikipedia/commons/archive/9/96/20080826192418%211.svg);
	aspect-ratio:		8/19;
}
#rig-investments-row-n {
	-webkit-mask-image: url(https://upload.wikimedia.org/wikipedia/commons/archive/4/4d/20080826192420%212.svg);
	mask-image:			url(https://upload.wikimedia.org/wikipedia/commons/archive/4/4d/20080826192420%212.svg);
	aspect-ratio:		13/20;
}
#rig-governance-row-n {
	-webkit-mask-image: url(https://upload.wikimedia.org/wikipedia/commons/archive/8/8c/20080826192421%213.svg);
	mask-image:			url(https://upload.wikimedia.org/wikipedia/commons/archive/8/8c/20080826192421%213.svg);
	aspect-ratio:		13/19;
}
#rig-research-row-text,
#rig-investments-row-text,
#rig-governance-row-text {
	margin-top: -13rem;
}
@media (max-width: 482.98px) {
	#rig-governance-row-title {
		position: absolute;
		right:	  0;
	}
}

.sliding .rig-latest-card,
.w-0 .rig-latest-card {
	width: 27rem;
}
@media (max-width: 1399.98px) {
	.sliding .rig-latest-card,
	.w-0 .rig-latest-card {
		width: 22.25rem;
	}
}
@media (max-width: 1199.98px) {
	.sliding .rig-latest-card,
	.w-0 .rig-latest-card {
		width: 19.5rem;
	}
}
@media (max-width: 991.98px) {
	.sliding .rig-latest-card,
	.w-0 .rig-latest-card {
		width: 14.5rem;
	}
}
@media (max-width: 767.98px) {
	.sliding .rig-latest-card,
	.w-0 .rig-latest-card {
		width: 32.25rem;
	}
}
@media (max-width: 575.98px) {
	.sliding .rig-latest-card,
	.w-0 .rig-latest-card {
		width: calc(100vw - 1.5rem);
	}
}

.carousel-item img {
	object-fit: cover;
}

#rig-latest-wrapper {
	background-color: rgba(249, 246, 232, 1);
}
.carousel-indicators {
	bottom:		   unset;
	margin-bottom: unset;
}

.research {
	transition:	   all 0.5s ease-in-out;
	max-height:	   100rem;					/*high value for animation*/
	margin-bottom: var(--bs-gutter-y);
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----- rings background -----*/

#rig-bottom-background {
	bottom: -4.5rem
}

.rig-circle {
	--size:	  10vh;
    position: absolute;
    margin:	  0 auto;
    width:	  var(--size);
    height:	  var(--size);
}


.rig-outer-circle {
    position:		  absolute;
    width:			  100%;
    height:			  100%;
    border-radius:	  100%;
    background-color: rgba(223, 235, 224, 1);
}


.rig-inner-circle{
    position:		  absolute;
    top:			  50%;
    left:			  50%;
    transform:		  translate3d(-50%, -50%, 0);
    width:			  calc(var(--size) - 2rem);
    height:			  calc(var(--size) - 2rem);
    border-radius:	  100%;
    background-color: rgba(247, 247, 247, 1);
}

.rig-circle:nth-of-type(1) {
	--size: 15vh;
	left:	35%;
	top:	1%;
}
.rig-circle:nth-of-type(2) {
	--size: 22vh;
	right:	28%;
	top:	19%;
}
.rig-circle:nth-of-type(3) {
	--size: 28vh;
	left:	2%;
	top:	27%;
}
.rig-circle:nth-of-type(4) {
	--size: 28vh;
	right:	2%;
	bottom: 27%;
}
.rig-circle:nth-of-type(5) {
	--size: 22vh;
	left:	28%;
	bottom: 19%;
}
.rig-circle:nth-of-type(6) {
	--size: 15vh;
	right:	35%;
	bottom: 1%;
}

.ps-4-5 {
	padding-left: 2rem;
}