@charset "utf-8"; /* CSS Document */ /* Forma DJR Display */
@font-face {
font-family: 'Forma DJR Display';
src: url('fonts/FormaDJRDisplay-Medium.woff2') format('woff2'), url('fonts/FormaDJRDisplay-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} /* Forma DJR Micro */
@font-face {
font-family: 'forma DJR Micro';
src:url('fonts/FormaDJRMicro-Regular.woff2') format('woff2'), url('fonts/FormaDJRMicro-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} /* Default body font */
body {
	font-family: 'Forma DJR Micro', Arial, sans-serif !important;
	color: #333;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
}
.container-fluid {
	width:100%;
	padding:0 !important;
	overflow:hidden
}
.header-banner {
	max-width:100%;
	margin:0 auto;
	display:block;
}
.logo {
	max-width:780px;
	margin:0px auto;
}
.logo img {
	max-width:350px;
}
.img {
	max-width:200px;
}
.header-border {
	border-bottom:2px #eee solid;
	display:block;
	min-height:100%;
}
.bg-footer {
	background:url(images/footer.jpg) no-repeat right bottom
}
.product-banner {
	margin:0 !important;
	padding:0 !important;
}
.enquire-btn {
	position: fixed;
	right: 20px;
	bottom: 80px;
	background-color: #034ad8; /* Bootstrap red */
	color: #fff;
	padding: 12px 14px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 40px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	z-index: 9999;
	display: flex;
	align-items: center;
	gap: 4px;
	transition: all 0.3s ease;
	letter-spacing:1px;
}
.enquire-btn:hover {
	background-color: #04328d;
	transform: scale(1.05);
	color: #fff;
}
.header-thanks {
	border-top:8px #024bd8 solid;
}
.banner-text {
	max-width:70%;
	margin-top:30px;
}
.banner-text h1 {
	text-align:left;
	font-size:42px;
	line-height:58px;
	letter-spacing:1px;
	font-family:'Forma DJR Display' !important;
}
.banner-text p {
	text-align:left;
	font-size:20px;
	line-height:36px;
	letter-spacing:1px;
	font-family:'Forma DJR Display' !important;
}
.banner-text footer-img img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 100%; /* responsive */
	height: auto;
}
.btn-link {
	font-size:24px;
	padding-left:0px;
	text-align:left;
	line-height:28px;
	color:#ff3802;
	text-decoration:none
}
h2 {
	text-align:center;
	font-size:38px;
	line-height:48px;
	font-family:'Forma DJR Display' !important;
}
.heading-p {
	text-align:center;
	font-size:16px;
	line-height:18px;
}
.card-hover {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: 1px solid #ccc; /* optional border */
	border-radius: 16px; /* adjust for more or less rounding */
	overflow: hidden;
}
.card-hover:hover {
	border:none;
	transform: translateY(-6px); /* slight lift */
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15); /* stronger shadow */
}
.card h4 {
	font-family:'Forma DJR Display' !important;
	font-size:32px;
	width:350px;
}
.price {
	color:#174fd0;
	font-size:18px;
	font-weight:500;
	margin-top:-10px !important
}
.card {
	margin:5px;
}
.mt-space {
	margin-top:1px;
}
.card p {
	font-size:20px;
	line-height:28px;
	max-width:350px;
}
.square-list {
	list-style-type: square;
	padding-left: 0; /* remove Bootstrap's default padding */
	margin-left: 0.8rem;
	font-size:16px;
	line-height:22px;
	min-height:160px;
}
.bg-products {
	background:#fefefe;
}
.btn-danger {
	display:inline-block;
	padding:12px 28px;
	font-family:Arial, sans-serif;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	border:none;
	border-radius:6px;
	background-color:#558392;
}
.btn-danger:hover {
	background-color:#eee !important;
	color:#333 !important;
	border:2px solid #0249d7;
}
.btn-warning {
	display:inline-block;
	padding:12px 28px;
	font-family:Arial, sans-serif;
	font-size:16px;
	color:#558392;
	text-decoration:none;
	border:none;
	border-radius:6px;
	background-color:#ffffff;
}
.btn-warning:hover {
	background-color:#eee !important;
	color:#333 !important;
	border:2px solid #558392;
}
.form-control-sm {
	font-size:14px;
	padding:8px;
}
.form {
	max-width:900px !important;
	display:block;
	margin:0 auto;
}
.footer-border {
	border-bottom:8px #558392 solid;
	background:#558392;
	color:#FFF;
	text-align:center
}
select.form-control {
	-webkit-appearance: menulist!important;
	-moz-appearance: menulist!important;
	-ms-appearance: menulist!important;
	-o-appearance: menulist!important;
	appearance: menulist!important;
}
.footer {
	background:#ffffff;
	width:100%;
}
.p-align p {
	color:#333 !important;
	max-width:900px;
	margin:0 auto;
	font-size:14px;
}
.modal-content {
	border-radius: 16px;
	padding: 20px;
	background: #FFF url(images/pop-up-top.jpg) top right no-repeat;
	border-bottom:#024ad8 solid 25px;
	border-top:#024ad8 solid 15px;
}
.modal-header {
	border: none;
	padding-bottom: 0;
}
.modal-title {
	font-size: 2rem;
	font-weight: 600;
	letter-spacing:1px;
}
.tech-title {
	color: #333;
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 1.5rem;
	letter-spacing: 1px;
	border-bottom:#024ad8 solid 4px;
	max-width:235px;
}
.details-table th {
	width: 30%;
	font-weight: 600;
	color: #111;
	padding: 12px 10px;
	border-top: 1px solid #ddd;
}
.details-table td {
	color: #444;
	padding: 12px 10px;
	border-top: 1px solid #ddd;
}
.details-table tr:first-child th, .details-table tr:first-child td {
	border-top: none;
}
 @media screen and (max-width: 768px) {
.logo {
width:90%;
margin:0px auto;
}
.logo img {
width:350px;
}
.banner-text {
max-width:85%;
margin:0px auto !important;
min-height:320px;
}
.banner-text h1 {
text-align:left;
font-size:42px;
line-height:48px;
font-family:'Forma DJR Display' !important;
}
.banner-text p {
text-align:left;
font-size:24px;
line-height:28px;
font-weight:500;
font-family:'Forma DJR Display' !important;
}
.banner-text footer-img img {
 position: absolute;
 bottom: 0;
 left: 20%;
 transform: translateX(-50%);
 max-width: 70%; /* responsive */
 height: auto;
}
 .modal-content {
border-radius: 16px;
border: none;
padding: 20px;
background: #FFF url(images/pop-up-top-m.jpg) top right no-repeat;
border-bottom:#024ad8 solid 25px;
border-top:#024ad8 solid 15px;
}
.modal-header {
border: none;
padding-bottom: 0;
}
 .enquire-text {
 display:block;
}
 .form {
max-width:85% !important;
 display:block;
 margin:20px auto!important;
}
.enquire-btn {
 position: fixed;
 right: 2px;
 bottom: 30px;
 background-color: #034ad8; /* Bootstrap red */
 color: #fff;
 padding: 12px 14px;
 font-size: 12px;
 font-weight: bold;
 border-radius: 40px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 text-decoration: none;
 z-index: 9999;
 display: flex;
 align-items: center;
 gap: 4px;
 transition: all 0.3s ease;
 letter-spacing:1px;
}
}
@media (max-width: 576px) {
.details-table th {
width: 100%;
display: block;
border-top: none;
}
.details-table td {
display: block;
padding-top: 10px;
}
.details-table tr {
border-bottom: 1px solid #eee;
margin-bottom: 10px;
display: block;
}
}
@media screen and (max-width: 480px) {
 .banner-text h1 {
 font-size: 32px;
 line-height: 40px;
}
 .banner-text p {
 font-size: 18px;
 line-height: 26px;
}
}