html
{
	scroll-behavior: smooth;
}

body
{
	overflow-x: hidden;
}

header
{
	transition: 0.7s;
}



.cc-navbar
{
	background-color: rgba(47, 67, 215, 0.5);
	transition: background-color 0.7s ease-in-out;
	box-shadow: 1px 1px 3px rgba(47, 67, 215, 0.54);
	z-index: 99;
} 

.cc-navbar .nav-link
{
	border-bottom:1px solid transparent;
	font-family:"helvetica";
	font-size: 1.2em;
	transition: border-bottom .4s ease-in-out, border-color .4s ease, font-weight .4s ease;
}

.cc-navbar .nav-link:hover, .nav-link:active
{
	border-bottom-color:var(--bs-orange); 
}


.btn-contact
{
	color: var(--bs-white);
	background-color:rgba(42, 66, 240, 0.5); 
	border-color: var(--bs-blue);
	height: 60px;
	width: 70%;
	max-width: 300px;
	transition: 0.5s;
	
}

.btn-contact:hover, .btn-contact:active
{
	color: #fff;
	background-color: var(--bs-blue); 
}


.banner
{
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/log.jpg) no-repeat center center fixed;
	background-size: cover; 
	height: 750px;
	background-size: 100%;
}

.separate
{
	border-bottom: 5px solid rgb(42, 66, 240);
	margin-top: 15px;
	padding-left: 20px;
	padding-bottom: 15px;
}

.service-text
{
	padding-top: 5px; 
	text-align: justify !important;
}


.effect
{
	text-align: justify;
}

.img-carousel
{
	height: 60%;
	width: 100%;
	background-size: cover;
}

nav.sticky
{
	background-color: rgb(42, 66, 240);
	color: black;
	font-family: "times new roman";
	font-weight: bold;
}


.form-style
{
	border-radius: 5px 5px;
	padding:10px 10px; 
}

.input-group
{
	padding:5px 5px; 
}

.title
{
	text-align: left;
	text-transform: uppercase;
	padding-left: 15px; 
	color: rgb(42, 66, 240);
}

.where
{
	text-align: center;
	text-transform: uppercase;
	padding-left: 15px; 
	color: rgb(42, 66, 240);
}

.map-area
{
	width: 600px;
	height: 350px; 
}

.map-area iframe
{
	width: 100%;
	height: 100%;
	border:none;
}

.location
{
	font-weight: bold;
	font-family: 'helvetica';
}