@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 li{
	font-family: 'Forma DJR Micro', Arial, sans-serif !important;
	color: #333;
}
.container-fluid {width:100%; padding:0 !important; overflow:hidden }
.header-banner {
	margin:0 auto;
	display:block;
}
.product-banner {
	margin:0 !important;
	padding:0 !important;
	min-height:300px;

}
.logo {
	max-width:768px;
	margin:0px auto;
}
.logo img {
	max-width:300px;
}
.header-border {
	border-bottom:2px #eee solid;
	display:block;
	
}
.enquire-btn {
  position: fixed;
  right: 10px;
  bottom: 200px;
  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:90%;
	float:right;

}
.banner-text h1 {
	text-align:left;
	font-size:42px;
	line-height:48px;
	letter-spacing:1px;
	margin-top:70px;
	font-family:'Forma DJR Display' !important;
}
.banner-text p {
	text-align:left;
	font-size:20px;
	line-height:26px;
	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: all 0.5s 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;
}
.card {
	margin:4px;
	min-height:710px
}
.text-products{
	min-height:285px
}
.mt-space {
	margin-top:1px;
}
.card p {
	font-size:20px;
	line-height:28px;
	max-width:350px;
}
ul {
	list-style-type: square;
	padding-left: 14px !important; /* remove Bootstrap's default padding */
	font-size:16px;
	line-height:22px;
}
.bg-products {
	background:#fefefe;
}
.btn-danger {
	background:#ff4f51;
}
.form-control-sm {
	font-size:14px;
	padding:8px;
}
.form {
	max-width:900px !important;
	display:block;
	margin:0 auto;
}
.footer-border {
	border-top:8px #024bd8 solid;
	border-bottom:8px #024bd8 solid;
	background:#333333;
	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;
}
}