:root {
	--bs-primary: #0f2671;
	--bs-primary-rgb: 15, 38, 113;
	--bs-emphasis-color: #5ee16b;
	--bs-emphasis-color-rgb: 94, 225, 107;
	--bs-link-color: #fff;
	--bs-link-color-rgb: 255, 255, 255;
	--bs-link-hover-color: var( --bs-emphasis-color );
	--bs-link-hover-color-rgb: var( --bs-emphasis-color-rgb );
	--bs-header-height: 3.325rem;
	--swiper-navigation-color: var( --bs-primary );
	--swiper-navigation-size: 1.25rem;
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

body {
	padding-top: var( --bs-header-height );
	font-family: "Roboto", serif;
}

img, video {
	object-fit: cover;
	object-position: center;
}

.section-title {
	font-size: 2.25rem;
	font-weight: 600;
}

.accordion {
    --bs-accordion-border-color: transparent;
    --bs-accordion-btn-bg: var(--bs-primary);
    --bs-accordion-active-bg: var(--bs-emphasis-color);
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.card-service {
	--bs-card-bg: var( --bs-primary );
	--bs-card-color: var( --bs-light );
	--bs-card-border-width: 0;
	--bs-card-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	transition: transform 0.3s ease-in-out;
}
  
.card-service:hover {
	--bs-card-bg: var( --bs-emphasis-color );
	--bs-card-box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}

.card-service img{
	height: 2rem;
}

.card-industry {
	overflow: hidden;
	--bs-card-title-color: var( --bs-light );
}
  
.card-industry .card-img {
	transition: transform 0.3s ease;
}

.card-industry:hover .card-img {
	transform: scale(1.2);
}

.card-img-overlay {
	background-color: rgba(0, 0, 0, 0.25);
}

.card-blog {
	--bs-card-title-color: var( --bs-primary );
}

.card-blog:hover {
	--bs-card-title-color: var( --bs-emphasis-color );
	--bs-card-box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}

.card-blog .card-title {
	position: relative;
	display: inline-block;
}

.card-blog .card-title::after {
	content: '';
	position: absolute;
	bottom: -0.5rem;
	left: 0;
	width: 6rem;
	height: .125rem;
	background-color: var( --bs-primary );
}

.card-blog:hover .card-title::after {
	background-color: var( --bs-emphasis-color );
}

.navbar {
	transition: background-color 0.3s ease;
	--bs-navbar-active-color: var( --bs-emphasis-color );
}

.nav-link {
	--bs-nav-link-hover-color: var( --bs-emphasis-color );
	--bs-nav-link-hover-color-rgb: var( --bs-emphasis-color-rgb );
}

.btn-primary {
	--bs-btn-bg: var( --bs-primary );
	--bs-btn-border-color: var( --bs-primary );
	--bs-btn-hover-bg: var( --bs-emphasis-color );
	--bs-btn-hover-border-color: var( --bs-emphasis-color );
	--bs-btn-focus-shadow-rgb: var( --bs-emphasis-color-rgb );
	--bs-btn-active-bg: var( --bs-emphasis-color );
	--bs-btn-active-border-color: var( --bs-emphasis-color );
	--bs-btn-disabled-bg: var( --bs-primary );
	--bs-btn-disabled-border-color: var( --bs-primary );
}

.form-control:focus {
	border-color: var( --bs-primary );
	box-shadow: 0 0 0 .25rem rgba( var( --bs-primary-rgb ), .25);
}

.offcanvas-header .btn-close {
    filter: invert(1);
}

.nav-underline .nav-link.active, 
.nav-underline .show > .nav-link {
  font-weight: inherit;
}

.text-shadow{
	text-shadow: 0px 9px 2px rgba(122, 120, 156, 1);
}

.main-banner {
	display: block;
	height: calc( 100vh - var( --bs-header-height ) + .5rem );
	position: relative;
}

.main-banner:after {
	content: '';
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.main-banner .banner-img {
	height: 100%;
	width: 100%;
	position: absolute;
	display: inline-block;
	z-index: 0;
}

.main-banner .container {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
	z-index: 1;
	text-shadow: rgba(0, 0, 0, 1.5) 2px 2px 4px;
}

.section-two-home img{
	width: 6rem;
	height: 6rem;
}

.section-four-home img{
	height: 12rem !important;
	width: 12rem !important;
}

.wow {
	opacity: 0;  /* Initially invisible */
	visibility: hidden;  /* Element not visible to the user */
	transition: opacity 0.5s ease-in-out;  /* Optional: smooth transition */
}

#testimonials .swiper-slide {
	text-align: center;
	padding-left: 10vw;
	padding-right: 10vw;
}

@media ( max-width: 991.99px ) {
	.navbar-toggler:focus,
	.navbar-toggler:active,
	.navbar-toggler-icon:focus {
		outline: none;
		box-shadow: none;
	}

	.swiper-button-next{
		right: 0px;
	}

	.swiper-button-prev{
		left: 0px;
	}

	.card-industry .card-img-overlay .card-title{
		font-size: 1.2rem !important;
	}

	.accordion-button h5{
		font-size: 16px;
	}
}

@media ( min-width: 992px ) {
	.nav-link {
		--bs-nav-link-color: var( --bs-light );
		border-bottom: 2px solid transparent;
		transition: color 0.3s, border-bottom 0.3s;
	}
}