/* BOOTSTRAP OVERRIDES ---------------------------------------------------------*/
:root {
	--bs-yellow: #FDB913;
	--bs-warning: #FDB913;
	--bs-warning-rgb: 253, 185, 19;
	--bs-light: #D5E6A2;
	--bs-light-rgb: 213, 230, 162;
	--bs-success: #5EC26A;
	--bs-success-rgb: 94, 194, 106;


	--bs-body-bg: #E3E3E3;	
	--bs-body-font-size: 19px;	

	--bs-body-color: #0A1C33;
	--bs-body-color-rgb: 10, 28, 51;
	
	--bs-dark:#0A1C33;
	--bs-dark-rgb: 10, 28, 51;
	--bs-primary: #015F4D;
	--bs-primary-rgb: 1, 95, 77;
	--bs-secondary: #879199;
	--bs-secondary-rgb: 135, 145, 153;
	--bs-info: #7C9ECB;
	--bs-info-rgb: 124, 158, 203;
	
	--bs-link-color: #015F4D;
	--bs-link-color-rgb: 1, 95, 77;
	--bs-link-hover-color: #0d6efd;
	--bs-link-hover-color-rgb: 13,110,253;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
}
/* UTILITY -----------------------------------------------------------*/
a {
	text-decoration: none;
	transition: all .3s ease-out;
}
.text-hover-white:hover  { color: #FFF !important; }
.text-hover-primary:hover { color: var(--bs-primary) !important; }
.text-hover-black:hover  { color: #000 !important; }
.text-hover-underline:hover { text-decoration: underline; }

/* BOOTSTRAP BUTTON COLOR OVERRIDES --------------------------------*/
.btn {	
	--bs-btn-font-weight: 500;
	--bs-btn-font-size: 18px;	
	line-height: 1rem;
	--bs-btn-padding-x: 2.5rem;
	--bs-btn-padding-y: 0.75rem;
	--bs-btn-border-radius: 30px;
}
.btn-lg {
	padding: 10px 30px;
	font-size: 25px;
	
}

.btn-white {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-bg: #FFF;
	--bs-btn-border-color: #FFF;
	--bs-btn-hover-color: var(--bs-primary);
	--bs-btn-hover-bg: var(--bs-light);
	--bs-btn-hover-border-color: var(--bs-light);
	--bs-btn-focus-shadow-rgb: 212, 192, 166;
	--bs-btn-active-color: #FFF;
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-disabled-color: #0A1C33;
	--bs-btn-disabled-bg: var(--bs-light);
	--bs-btn-disabled-border-color: var(--bs-light);
}



.btn-light {
	--bs-btn-color: #0A1C33;
	--bs-btn-bg: var(--bs-light);
	--bs-btn-border-color: var(--bs-light);
	--bs-btn-hover-color: #0A1C33;
	--bs-btn-hover-bg: #c8b297;
	--bs-btn-hover-border-color: #c8b297;
	--bs-btn-focus-shadow-rgb: 212, 192, 166;
	--bs-btn-active-color: #0A1C33;
	--bs-btn-active-bg: #bca487;
	--bs-btn-active-border-color: #bca487;
	--bs-btn-disabled-color: #0A1C33;
	--bs-btn-disabled-bg: var(--bs-light);
	--bs-btn-disabled-border-color: var(--bs-light);
}
.btn-primary {
	--bs-btn-color: #FFFFFF;
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-bg: #0A1C33;
	--bs-btn-hover-border-color: #0A1C33;
	--bs-btn-focus-shadow-rgb: 103, 178, 243;
	--bs-btn-active-color: #0A1C33;
	--bs-btn-active-bg: #0A1C33;
	--bs-btn-active-border-color: #0A1C33;
	--bs-btn-disabled-color: #0A1C33;
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-secondary {
	--bs-btn-color: #FFF;
	--bs-btn-bg: var(--bs-secondary);
	--bs-btn-border-color: var(--bs-secondary);
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-bg: #768188;
	--bs-btn-hover-border-color: #768188;
	--bs-btn-focus-shadow-rgb: 135, 145, 153;
	--bs-btn-active-color: #FFF;
	--bs-btn-active-bg: #677279;
	--bs-btn-active-border-color: #677279;
	--bs-btn-disabled-color: #FFF;
	--bs-btn-disabled-bg: var(--bs-secondary);
	--bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-info {
	--bs-btn-color: #FFF;
	--bs-btn-bg: var(--bs-info);
	--bs-btn-border-color: var(--bs-info);
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-bg: #6d8eb8;
	--bs-btn-hover-border-color: #6d8eb8;
	--bs-btn-focus-shadow-rgb: 124, 158, 203;
	--bs-btn-active-color: #FFF;
	--bs-btn-active-bg: #5d7ea9;
	--bs-btn-active-border-color: #5d7ea9;
	--bs-btn-disabled-color: #FFF;
	--bs-btn-disabled-bg: var(--bs-info);
	--bs-btn-disabled-border-color: var(--bs-info);
}
.btn-black {
	--bs-btn-color: #FFF;
	--bs-btn-bg: #000;
	--bs-btn-border-color: #000;
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-bg: #1a1a1a;
	--bs-btn-hover-border-color: #1a1a1a;
	--bs-btn-focus-shadow-rgb: 0, 0, 0;
	--bs-btn-active-color: #FFF;
	--bs-btn-active-bg: #2b2b2b;
	--bs-btn-active-border-color: #2b2b2b;
	--bs-btn-disabled-color: #FFF;
	--bs-btn-disabled-bg: #000;
	--bs-btn-disabled-border-color: #000;
}

.form-control {
	border-radius: 0;
}
@media (max-width: 992px) {
	.container-xl {
		--bs-gutter-x: 3rem;
	}
	:root {
		--bs-body-font-size: 17px;
	}
	.btn-lg {
		padding: 10px 25px;
		font-size: 23px;
	}
}

/* BOOTSTRAP DROPDOWN TOGGLE ARROW ----------------------------------*/
.navbar-toggler {
	border-width: 2px;
	padding: 2px 5px;
	
}
.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	border: none;
	font-family: 'Font Awesome 6 Free' !important;
	font-style: normal;
	font-weight: 900 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: "\f107";
	font-size: 10px;
	transition: transform 0.25s;
}
.dropdown-toggle:hover::after {
	transform: rotate(-180deg);
}



/* MAIN MENU --------------------------------------------------------*/
.navbar {
	--bs-navbar-color: var(--bs-black);
	--bs-navbar-hover-color: var(--bs-primary);
	--bs-navbar-active-color: var(--bs-primary);
}
.nav-link {
	border-bottom: 2px solid transparent;
	margin: 0 5px;
}
.nav-link:hover, .nav-link.active {
	border-color: var(--bs-primary);
}
/* HEADER -----------------------------------------------------------*/
.header-social a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;	
	background: #FFF;
	color: #7A8B54;
	font-size: 15px;
	margin: 5px;
	border-radius: var(--bs-border-radius);
}
.logo {
	margin-bottom: 15px;
    margin-top: 15px;
}
.logo img {
	height: 60px;
	width: auto;
}
@media (max-width: 1400px) {
	.logo img { height: 55px; }
}
@media (max-width: 992px) {
	.logo img { height: 40px; }
	.main-header {
		position: relative;
		background: var(--bs-light);
		z-index: 1000;
	}
}

@media (min-width: 992px) {
	.main-header > .container-xl, .main-nav,
	.main-header .navbar-collapse, .main-header .navbar-nav {
		height: 100%;
		padding-top: 0;
		padding-bottom: 0;
	}
	.main-header .navbar-nav .dropdown-menu { top: 100%; }
}
@media (max-width: 992px) {
	.main-nav { position: static; }
	.main-nav .navbar-collapse {
		position: absolute;
		right: 0;
		top: 100%;
		background: #000;		
		padding: 10px 5px;
		width: 300px;
		border-radius: var(--bs-border-radius);
	}
	.main-header a.nav-link { color: #FFF; padding: 5px 15px; }
	.main-header .nav-link:focus, .main-header .nav-link:hover { color: var(--bs-primary); }
	.dropdown-menu.second-menu, .mega-menu {background: #000;}
	.sub-menu { position: static; margin-left: 15px !important; }
}



/*MISC -------------------------------------------------------------*/
html, body {
	overflow-x: hidden;
}
.section-title {
	font-size: 3rem;
	font-weight: 400;	
}
@media (max-width: 1400px) {
	.section-title { font-size: 3.25rem; }
}
@media (max-width: 992px) {
	.section-title { font-size: 1.5rem;}
}

.bg-gradient {
	background: linear-gradient(180deg,rgba(var(--bs-light-rgb), .5) 0%, rgba(var(--bs-light-rgb), 1) 100%) !important;
}
.home-about .about {
	background: url('../img/about-bg.jpg') no-repeat center center;
}
.home-about .history {
	background: url('../img/history-bg.jpg') no-repeat center center;
}
.home-values {
	background: url('../img/home-values-bg.jpg') no-repeat center center;
	background-size: cover;
}
.home-values .values {
	background: url('../img/values-bg.jpg') no-repeat center center;
}
.home-values .bih {
	background: url('../img/bih-bg.jpg') no-repeat center center;
}
.home-system {
	background: url('../img/home-system-bg.jpg') no-repeat center center;
	background-size: cover;
}


/* IMAGE HOVER ZOOM -------------------------------------------------*/
.img-link, .video-link {
	display: block;
	overflow: hidden;
	position: relative;
}
.img-link img {
	display: block;
	width: 100%;
	transition: all .25s ease-out 0s;
}
.img-zoom:hover img { transform: scale(1.1); }

/* SLIDER CONTROLS --------------------------------------------------*/
.slider-nav {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
	font-size: 3.75rem;
}
.slider-arrow {	
	margin: 0 2px;
	font-size: 3.75rem;	
	text-align: center;
	line-height: 1;	
	display: inline-block;	
}
.slider-arrow-left:hover {
	transform: translateX(-5px);
}
.slider-arrow-right:hover {
	transform: translateX(5px);
}
@media (max-width: 929px) {
	.section-partners .slider-nav { top: 25px; }
}
@media (max-width: 768px) {
	.slider-nav, .section-partners .slider-nav { top: 0;left: 0; padding-top: 10px; text-align: center; }
}

/* OUTPUTS ----------------------------------------------------------*/
.outputs-home .item > a {
	display: block;
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.08);
}
.outputs-home .item > a > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.outputs-home .item > a > h6 {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	margin: 0;
	color: #FFF;
	z-index: 1;
}

/* GALLERY ----------------------------------------------------------*/
.video-link::after {
	content: "\f04b";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.72);
	color: #FFF;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 24px;
	line-height: 74px;
	text-align: center;
	z-index: 2;
	pointer-events: none;
	transition: transform .25s ease-out, background-color .25s ease-out;
}
.video-link:hover::after {
	transform: translate(-50%, -50%) scale(1.08);
	background: rgba(103, 178, 243, 0.85);
}

/* PARTNERS + INITIATIVES LOGOS ------------------------------------*/
.section-partners {
	background: #F1F2F5;
}
.section-partners .logo-wrap,
.initiatives-home .logo-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 120px;
	padding: 5px;
	background: #FFF;
}
.initiatives-home .logo-wrap {
	background: #F1F2F5;
}
.section-partners .logo-wrap > img,
.initiatives-home .logo-wrap > img {
	width: 100%;
	max-width: 80%;
	height: 100%;
	object-fit: contain;
}


/* FOOTER -----------------------------------------------------------*/
.footer {
	font-size: 15px;
}
.footer .divider {
	opacity: .5;
	margin: 0 10px;
}
.footer-top {
	background: #7A8B54;
}

/* SCROLL TOP -------------------------------------------------------*/
.scroll-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 60px;
	height: 60px;
	background: var(--bs-primary);
	color: #FFF;
	text-align: center;
	line-height: 60px;
	z-index: 9999;
	display: none;
	border-radius: 50%;
}
.scroll-top:hover { background: var(--bs-light); }


/* FOOTER SOCIAL ----------------------------------------------------*/
.footer-social {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
}
.footer .social-circle {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #FFF;
	color: var(--bs-dark);
	font-size: 18px;
}
.footer .social-circle:hover {
	background: var(--bs-primary);
	color: #FFF;
}