@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
body { font-family: 'Open Sans', sans-serif; background: #fff; }

.navbar { box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.30); z-index: 999; }
.navbar-brand img { height: 64px; }
.navbar-nav .nav-link { color: #000; padding: 16px !important; transition: all ease 0.3s; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover { background: #1FB51C; color: #fff; transition: all ease 0.3s; }
.navbar-nav .nav-item { margin-left: 20px; }

h1 { font-size: 32px; font-weight: bold; }
h1 b { color: #1FB51C; }
h2 { font-size: 24px; font-weight: 600; margin-bottom: 24px; }
ul { list-style: disc; }
section ul li { font-size: 17px; line-height: 28px; margin-bottom: 26px; text-align: justify; }

.servicesBG { background: url(../images/Services-bg.png) no-repeat top left; color: #fff !important; border-radius: 10px; padding: 20px; }
.greybg { background: #f3f3f3; border-radius: 10px; border:1px solid #ddd; padding: 20px; }
p { font-size: 17px; letter-spacing: 0.18px; line-height: 30px; margin-bottom: 30px; text-align: justify; }
.btn { padding: 12px 20px; }
.btn-primary, button.btn-primary { background: #1FB51C; border-color: #1FB51C; }
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle, .btn-primary:hover { border-color: #1FB51C; background: #0b8b09; }
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(31,181,28,.5); }
.btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff; background-color: #1FB51C; border-color: #1FB51C; box-shadow: 0 0 0 0.25rem rgba(31,181,28,.5); }

footer { background: #0b8b09; padding: 16px; }
footer p { text-align: center; font-size: 14px; color: #fff; margin: 0; }
footer p a { color: #fff; text-decoration: underline; }

.navbar-toggler { background: #0b8b09; }
.navbar-toggler-icon { background: url(../images/menu.png) no-repeat; }
button:focus:not(:focus-visible) { box-shadow: none; }

/* transition duration to control the speed of fade effect */
.carousel-item {
    transition: transform 0.6s ease-in-out;
  }
  
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: opacity 0s 0.6s;
  }

  /* ================================================================== 
                     Contact Form
===================================================================== */
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form input[type="date"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font-size:15px;
}
#contact-form {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:0px 10px 15px 0px;
	width:80%; margin:10px 0;
}
#contact-form label { display: block; }
#contact-form label span {
	cursor:pointer;
	color:#333;
	font-weight:normal;
	display:block;
	margin:12px 0 0 0;
	font-size:15px;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form input[type="date"],
#contact-form textarea {
	width:95%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:5px 0 0 0;
	padding:10px;
	border-radius:3px;
}
#contact-form1 input[type="text"] { width:100%; margin-bottom:10px; }

#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form input[type="date"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:80px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	border:none;
	background:#202227;
	color:#FFF;
	margin:10px 0 5px;
	padding:12px 20px;
	border-radius:5px;
	font-size:15px;
	transition: all 0.6s ease 0s;
}
#contact-form1 > button[type="submit"] { padding:12px 16px; font-size:13px; margin:0 auto; display:table; }
#contact-form button[type="submit"]:hover {
	background:#0b8b09;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
.error { font-size:12px; color:#F00; }
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
img.vision { width: 300px; }
img.mission { width: 450px; }
p.contact-text { text-align: left; line-height:26px; }
h5 { font-weight: 600; font-size: 18px; }
.contact-bar { border-radius: 0; }
.contact-bar h6 { font-weight: 600; font-size: 20px; }
.contact-bar p { text-align: left; }

@media only screen and (max-width: 992px) {
	.navbar-nav .nav-item { margin-left: 0px; }
	.navbar-nav { margin-top: 20px; }
	.navbar-nav .nav-link { padding: 12px 16px !important; }
	p, section ul li { font-size: 16px; }
}
@media only screen and (max-width: 768px) {
	#contact-form { width: 100%; padding-right:0; }
	#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form input[type="url"], #contact-form input[type="date"], #contact-form textarea { width: 100%; }
}

@media only screen and (max-width: 450px) {
.navbar-brand img { height: 45px; }
h1 { font-size: 28px; }
}