body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
}

.nav-up {
	width: 100%;
	height: auto;
	padding: 8px 0;
	/* text-align: center; */
	background: #1f3e98;
}

.nav-up a,
i {
	color: #fff;
}

.nav-up a:hover {
	text-decoration: none;
}

.bg-light {
	background: linear-gradient(270deg, #092f561a, #fdfdfd);
	border-bottom: 1px solid #092f56;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
	color: rgb(9 47 86);
	border-bottom:1px solid #1f3e98;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #092f56
}

.banner-bottom {
	width: 100%;
	height: auto;
	padding: 40px 0;
	text-align: justify;
	background: url(../images/sdasf.jpg);
	background-size: cover;
	background-attachment: fixed;
}

.products {
	width: 100%;
	height: auto;
	padding: 40px 0;
	font-style: italic;
	/* background-blend-mode: overlay; */
	background: url('../images/sdasf.jpg');
	/* background-color: #00000063; */
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
	text-align: center;

}

.products .product-inner {
	width: 100%;
	height: auto;
	padding: 10px;
	text-align: center;
}

.testimonial {
	width: 100%;
	height: auto;
	padding: 80px 0;
	font-style: italic;
	background-blend-mode: overlay;
	background: url('../images/aaa1.png') no-repeat center/cover fixed;
	background-color: #00000063;
	color: #fff;
	text-align: center;
}

.testimonial hr {
	width: 30%;
	border-color: #fff;
}

.testimonial img {
	margin: 15px auto;
}

.testimonial p {
	padding: 0 160px;
}









.about-imghg {
	background: url(../images/download.png) 50% 100% repeat-x;
	content: "";
	position: absolute;
	height: 16px;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: 3;
}





.footer {
	width: 100%;
	height: auto;
	padding: 30px 0;
	color: white;
	/* background: #092f56; */
	background-image: url(../images/bgg.jpg);
	background-size: cover;
	background-attachment: fixed;
}

.footer hr {
	border-color: #000;
}

.footer ul li {
	list-style: none;
}

.footer ul li a,
.footer a {
	color: #000;
}

.footer a:hover {
	text-decoration: none;
}

.copyright {
	width: 100%;
	height: auto;
	padding: 8px 0;
	text-align: center;
	background-color:#1f3e98;
}

.copyright a {
	color: #fff;
}

.copyright a:hover {
	text-decoration: none;
}

.pages {
	width: 100%;
    height: auto;
    padding: 80px 0;
    text-align: justify;
    background-image: linear-gradient(89deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 100%), url(../images/btl.jpg);
    background-size: cover;
    background-attachment: fixed;

}

#contact a {
	color: #000;
}

#contact a:hover {
	text-decoration: none;
}

/* #delarship {
	background-image: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(120 97 97 / 0%) 100%), url(../images/delear-bg.jpg);
} */

#delarship .reg-form {
	width: 70%;
	height: auto;
	padding: 15px;
	background-color: #ffffff1f;
	margin: 0 auto;
	border: 1px solid gray;
	border-radius: 5px;
}

#delarship .reg-form h4 {
	text-align: center;
}



#products .product-image {
	width: 100%;
	height: auto;
	margin: 10px 0;
}

#products .product-image img {
	width: 100%;
	/* height:200px; */
	border-radius: 7px;
}

#products .product-image img:hover {
	transform: scale(1.1);
	transition: 1s;
}

.about-img {
	background-image: url(../images/abtbg.jpg);
	display: flex;
	align-items: center;
	height: 300px;
	background-attachment: fixed;
    background-size: cover;
}

.abttxt h2 {
	color: #ffffff;
	letter-spacing: 2px;
	font-weight: bolder;
	font-family: 'Merriweather';
	font-size: 55px;
	text-transform: capitalize;
}

.redirects {
	display: flex;
	align-items: center;
}

.redirects p {
	color: white;
	margin: 0px;
}

.redirects p span {
	color: white;
	font-size: 13px;
	margin: 0px 10px;

}

.home {
	text-decoration: none;
	color: white;
}

/* ----- Start Responsive   ------- */
@media(max-width:2560px) {

	/* body {
		margin: 0;
		overflow: hidden;
	} */
	.navbar-brand {
		width: 13%;
	}

	.navbar-light .navbar-nav .nav-link {
		color: rgb(0 67 136);
		font-weight: 500;
		font-size: 23px;
	}
}

@media(max-width: 1024px) {
	.navbar-light .navbar-nav .nav-link {
		font-size: 20px;
	}

	.navbar-brand img {
		width: 75%;
	}

	#delarship .reg-form {
		width: 55%;
	}
}

@media(max-width: 768px) {
	.testimonial p {
		padding: 0 80px;
	}

	.banner-bottom,
	.products,
	.testimonial,
	.footer,
	.pages {
		padding: 50px 0;
	}
}

@media(max-width: 576px) {

	.redirects {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.navbar-brand {
		width: 35% !important;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		/* text-align: center; */
		/*font-weight: bold;*/
	}

	h2 {
		font-size: 26px;
	}

	.navbar-brand {
		width: 70%;
	}

	.banner-bottom,
	.products,
	.testimonial,
	.footer,
	.pages {
		padding: 40px 0;
	}

	.testimonial p {
		padding: 0 15px;
	}

	.footer h4 {
		font-size: 19px;
		margin-top: 15px;
	}

	#delarship .reg-form {
		width: 100%;
	}

	#delarship .reg-form h4 {
		font-size: 19px;
	}

	#contact h4 {
		font-size: 19px;
	}
}

@media(max-width: 375px) {
	h2 {
		font-size: 22px;
	}

	.footer h4 {
		font-size: 19px;
	}

	#contact h4 {
		font-size: 17px;
	}
}
	@media(max-width: 320px) {}

	/* ------------ // Responsive  ------ */

	/*==================== BANNER MEDIA QUERRY =========================*/
@media(min-width: 2560px){.mobile{display: none;}}
@media(min-width: 1440px){.mobile{display: none;}}
@media(min-width: 1024px){.mobile{display: none;}}
@media(min-width: 768px){.mobile{display: none;}}
@media(max-width: 576px){.desktop{ display: none}}
@media (max-width: 425px){.desktop{ display: none}}
@media (max-width: 375px){.desktop{ display: none}}
@media (max-width: 320px){.desktop{ display: none}}