@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200..1000&display=swap');

:root{
	--themeColor: #0066CC;
	--lightThemeColor:#E6F0FA;
	--headingColor: #151515;
	--textColor:#333333;
	--borderRadius: 2px;
}

::-moz-selection { 
	background-color: var(--themeColor);
	color: white;
}

::selection {
	background-color: var(--themeColor);
	color: white;
}

body{
	font-family: "Mulish", sans-serif;
	font-size: 16px;
	color: var(--textColor);
	line-height: 1.6em;	
}

a, input, button, select, textarea, .transition{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

input:focus, button:focus, select:focus, textarea:focus, :focus{
	outline: none;
}

a{
	display: inline-block;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

ul, ol{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

h1, h2, h3, h4, h5{
	color: var(--darkColor);
	font-weight: 700;
	line-height: 1.6em;
}

ol{
	list-style: decimal;
	margin-left: 15px;
}

ol li{
	margin: 5px 0;
}

strong{
	font-weight: 700;
}

.buttonStyle{
	background-color: var(--themeColor);
	color: white;
	padding: 10px 20px;
	display: inline-block;
	border-radius: var(--borderRadius);
	font-weight: 600;
}

.buttonStyle:hover{
	background-color: var(--headingColor);
}

.themeColorText{
	color: var(--themeColor);
}

.themeColorTextBG{
	background-color: var(--themeColor);
	color: white;
}

.lightThemeColorBG{
	background-color: var(--lightThemeColor);
}

.borderColortheme{
	border:1px solid var(--themeColor);
}

.icon{
	width:50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: var(--themeColor);
	color: white;
	border-radius: 50px;
}

.checkBox{
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 100px;
	margin: 0 0 20px 0;
	display: inline-block;
	font-size:50px;
	color: var(--themeColor);
	border:1px solid var(--themeColor);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.checkBox:hover{
	background-color: var(--themeColor);
	color: white;
}

.listStyle{
	margin: 0 0 0 20px;
}

.listStyle li{
	margin: 10px 0;
	list-style: disc;
}

.priceList li{
	margin: 10px 0;
}

#header .nav-link{
	text-transform: uppercase;
	font-weight: 600;
	color: var(--headingColor);
	padding: 10px 15px;
	border-bottom: 3px solid transparent;
}

#header .nav-link.active{
	color: var(--themeColor);
	border-bottom-color: var(--themeColor);
}

#header .navbar-nav li:last-child .nav-link{
	background-color: var(--themeColor);
	color: white !important;
	border-radius: var(--borderRadius);
	margin-left: 40px;
}

.clickToCall{
	position: fixed;
	right: 20px;
	bottom: 20px;
}

.clickToWhatsapp{
	position: fixed;
	left: 20px;
	bottom: 20px;
}

@media screen and (min-width:100px) and (max-width:767px){

	.navbar-toggler{
		position: absolute;
		top: -53px;
		right: 0;
	}

	#header .nav-link{
		padding: 10px 0;
	}

	#header .navbar-nav li:last-child .nav-link{
		margin-left: 0;
		text-align: center;
	}

}