:root{
	--font-1: 'Open Sans', sans-serif;
	--font-2: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--color-1: #f2ad00;
	--color-2: #212529;
}
body, .btn {
	font-family: var(--font-1);
}
h2, h3, h4, h5, .h2 {
	font-family: var(--font-2);
}
.navbar .navbar-brand img {
	width: 280px;
	height: auto;
}
.content-background p {
	font-size: 16px;
	line-height: 30px;
}
.feature-box {
	background: #fff;
	padding: 20px 5px;
	border: 1px solid #ffecbc;
	transition: 0.5s;
}
.feature-box:hover {
	border: 1px solid #ffc941;
}
.feature-box h3 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.product-box {
	padding: 0px 0px 0px 0px;
	border: 1px solid #dadada;
	box-shadow: 1px 1px 15px #dadada;
	transition: 0.5s;
}
.product-box:hover {
	background: #ffc941;
	border: 1px solid #ffc941;
}
.product-box .products-name {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.cta-section {
	background: var(--color-1);
	padding: 30px 0px;
}
.cta-section h4 {
	color: #fff;
	opacity: 0.85;
	font-size: 20px;
	margin-bottom: 12px;
	font-weight: 600;
}
.cta-section h2 {
	color: #fff;
}
.btn-enquiry {
	background: #fff;
	color: #000;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	word-spacing: 4px;
	border: 2px solid #ffe298;
	box-shadow: 1px 1px 15px #737373;
	transition: 0.5s;
}
.btn-enquiry:hover {
	color: #fff;
	background: #313b9b;
	border: 2px solid #fff;
}
.enquiry-box {
	text-align: right;
	display: block;
	padding: 20px 0px 0px;
}
.client-box {
	display: block;
	position: relative;
	border: 1px solid #dcdcdc;
	background: #f7f7f7;
	padding: 5px;
	margin-bottom: 30px;
	transition: 0.5s;
}
.client-box:hover {
	box-shadow: 1px 1px 15px #eae9e9;
	border: 1px solid var(--color-1);
	background: #fff7e1;
}
.client-box img {
	width: 100%;
	height: auto;
}
.contact-box {
	border: 1px solid #eae8e8;
	margin-bottom: 30px;
	padding: 15px 10px 5px;
	background: #fbfbfb;
}
.contact-box h6 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	line-height: 25px;
	border-bottom: 1px solid #e8e8e8;
}
.contact-box p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
}
.contact-box p span {
	margin-left: 7px;
}
.social-box-1 {
	background: #eee;
	padding: 15px;
	margin-bottom: 20px;
}
.social-box-1 h4{
	color: #383838;
	margin-bottom: 12px;
	font-size: 20px;
	vertical-align: middle;
	padding-left: 25px;
}
.social-box-1 img {
	position: absolute;
	margin-top: 2px;
	height: 20px;
	width: auto;
	border-radius: 50%;
}
.ebrochure-box {
	width: 100%;
	background: #fffbf1;
	border: 1px solid #ffeec4 ! important;
	border-bottom: 25px;
	text-align: left;
	padding: 20px 15px 25px 15px;
	margin-bottom: 30px;
	transition: 0.5s;
}
.ebrochure-box:hover {
	box-shadow: 1px 1px 25px rgb(255 223 142 / 51%);
}
.ebrochure-box span {
	position: absolute;
	margin-left: -15px;
	margin-top: -20px;
	width: fit-content;
	background: #ffedbf;
	color: #634700;
	font-size: 12px;
	opacity: 0.7;
	font-weight: 500;
	padding: 0px 5px;
	border-radius: 0px 0px 5px 0px;
}
.ebrochure-box h4 {
	color: #000;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.ebrochure-box .btn-group-1 {
	display: block;
}
.ebrochure-box .btn-group-1 a {
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 600;
	white-space: nowrap;
	transition: 0.5s;
}
.btn-view {
	background: #f90;
}
.btn-download {
	background: #3F51B5;
}
.btn-view:hover {
	background: #f59300;
}
.btn-download:hover {
	background: #324194;
}
.carousel.slide {
	border-top: 1px solid rgb(242 173 0 / 50%);
}
.contact-form label {
	font-size: 14px;
}
.contact-form .btn-contact {
	font-weight: 700;
}
.f-desk p {
	font-weight: 400;
}
.f-desk .media p {
    line-height: 30px;
}
body, .btn, .list-group-item-action, .btn-link, .f-desk .media p {
	font-size: 16px;
	line-height: 30px;
}
body, .btn, .feature-box h3, .product-box .products-name, .contact-box h6, .contact-box p span, .contact-box p span a, .contact-form label, .contact-form .btn-contact, .list-group-item-action, .content-background p, .btn-link, .tech-title h5, .infrastructure-desk h5,.certification-text a, .quick-links a {
	color: var(--color-2);
}

@media screen and (max-width: 767px) {
	.navbar {
		padding: 0px;
	}
	.navbar .navbar-brand img {
		width: 140px;
	}
	.cta-section, .enquiry-box {
		text-align: center;
	}
}