:root {
	--bs-body-font-family: "Roboto", sans-serif;
	--bs-body-color: #3a3d4f;
	--bs-body-color-rgb: 77, 77, 79;
	--bs-primary-rgb: 176, 209, 53;
	--bs-primary-bg-subtle: #f8f9ff;
	--bs-primary-text-emphasis: #29377D;
	--bs-secondary-rgb: 176, 209, 53;
	--bs-border-color: #d0d0d0;
	--bs-light-rgb: 236, 239, 244;
	--bs-dark-rgb: 40, 49, 62;
	--c1: #b0d135;
	--c2: #4873ae;
	--c3: #8FD1EE;
	--c4: #28313e;
}

b,
strong {
	font-weight: bold;
}

.robotoSlab {
	font-family: "Roboto Slab", sans-serif;
}

.carousel-item {
	overflow: hidden;
}

.carousel-item-start {
	z-index: 20;
}

.carousel-item.active {
	z-index: 10;
}

.carousel-indicators {
	z-index: 30;
}

.carousel-control-prev,
.carousel-control-next {
	z-index: 20;
}

@media (max-width:992px) {

	.carousel-control-prev,
	.carousel-control-next {
		display: none;
	}
}

@media (max-width:768px) {

	body,
	html {
		font-size: 78% !important;
	}

	/* .h-100 { height: auto !important } */
}


/* ------ btn ------ */
.btn {
	font-weight: 600;
}

.btn-primary {
	--bs-btn-bg: var(--c1);
	--bs-btn-border-color: var(--c1);
	--bs-btn-hover-bg: var(--c2);
	--bs-btn-hover-border-color: var(--c2);
	--bs-btn-active-bg: var(--c2);
	--bs-btn-active-border-color: var(--c2);
}

.btn-outline-primary {
	--bs-btn-color: var(--c1);
	--bs-btn-border-color: var(--c1);
	--bs-btn-hover-bg: var(--c1);
	--bs-btn-hover-border-color: var(--c1);
	--bs-btn-active-bg: var(--c1);
	--bs-btn-active-border-color: var(--c1);
	--bs-btn-disabled-color: var(--c1);
	--bs-btn-disabled-border-color: var(--c1);
}


/* ------ shadow ------ */
.shadow {
	box-shadow: 0 0 30px rgba(100, 100, 100, .2) !important;
}


/* ------ border ------ */
.border-light {
	border-color: #e2e8e8 !important;
}


/* ------ misc ------ */
.containerFC {
	margin: auto;
	max-width: 1000px;
}

.containerFC2 {
	margin: auto;
	max-width: 850px;
}

.dvh-100 {
	height: 100dvh;
}

.link-light svg {
	fill: var(--c1) !important;
}

.hover-lift {
	border: 1px solid rgba(255, 255, 255, .25);
	transition: transform 0.3s ease;
}

.hover-lift:hover {
	transform: translateY(-5px) !important;
	border: 1px solid rgba(255, 255, 255, .5);
}

.fcUl {
	list-style: none;
}

.fcUl li {
	padding: 5px 0 5px 30px;
	position: relative;
}

.fcUl li::before {
	content: "\f00c";
	font: var(--fa-font-solid);
	left: 0;
	position: absolute;
	top: 9px;
}

@media (max-width:992px) {
	.paddingFc {
		padding-left: 34px;
		padding-right: 34px;
	}
}

@media (max-width:768px) {
	.paddingFc {
		padding-bottom: 60px
	}

	.wrapLogo img {
		height: 180px;
		width: 180px;
	}

	.link-light svg {
		height: 60px;
		width: 60px;
	}
}


/* ------ background ------ */
.background1 {
	background-image: url(../img/banner01.jpg);
	background-position: center;
	background-size: cover;
}

.background2 {
	background-image: url(../img/banner02.jpg);
	background-position: center;
	background-size: cover;
}

.background3 {
	background-image: url(../img/banner03.jpg);
	background-position: center;
	background-size: cover;
}

.background4 {
	background-image: url(../img/banner04.jpg);
	background-position: center;
	background-size: cover;
}

.background5 {
	background-image: url(../img/banner05.jpg);
	background-position: center;
	background-size: cover;
}

.background6 {
	background-image: url(../img/banner06.jpg);
	background-position: center;
	background-size: cover;
}


/* ------ animations ------ */
@keyframes growShrink {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.5)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes growShrink2 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.24)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes growShrink3 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(5.5)
	}

	100% {
		transform: scale(1)
	}
}

.circle1 {
	border: 150px solid rgba(255, 255, 255, .04);
	border-radius: 50%;
	bottom: -28%;
	height: 110dvh;
	left: -15%;
	position: absolute;
	width: 110dvh;
	z-index: 0;
}

.carousel-item.active .circle1 {
	animation: growShrink 3s infinite;
}

.circle2 {
	border: 180px solid rgba(160, 195, 35, .4);
	border-radius: 50%;
	height: 90dvh;
	position: absolute;
	right: -15%;
	top: -28%;
	width: 90dvh;
	z-index: 0;
}

.carousel-item.active .circle2 {
	animation: growShrink 5s infinite;
}

.circle3 {
	border: 190px solid rgba(160, 195, 35, .4);
	border-radius: 50%;
	height: 80dvh;
	position: absolute;
	right: 50%;
	top: 50%;
	width: 80dvh;
	z-index: 0;
}

.carousel-item.active .circle3 {
	animation: growShrink 5s infinite;
}

.iconAni {
	animation: growShrink2 1.5s infinite;
}

@media (max-width:768px) {
	.circle1 {
		border: 50px solid rgba(255, 255, 255, .04);
		height: 50dvh;
		width: 50dvh;
	}

	.circle2 {
		border: 50px solid rgba(160, 195, 35, .4);
		height: 50dvh;
		width: 50dvh;
	}

	.circle3 {
		border: 80px solid rgba(160, 195, 35, .4);
		height: 60dvh;
		width: 60dvh;
	}
}


/* ------ contactInfo ------ */
.contactInfo {
	bottom: 55px;
	left: 0;
	position: absolute;
	text-align: center;
	/* text-shadow: 0 0 10px rgba(40, 40, 40, .6); */
	width: 100%;
	z-index: 100;
}

@media (max-width:768px) {
	.contactInfo {
		bottom: 45px
	}
}