body{
	margin:0;
	padding:0;
	font-family: 'Poppins', sans-serif;
	font-size:15px;
	font-weight:400;
}
.header-bg{
	width:100%;
	background:#fff;
	padding:0;
	position:relative;
	box-shadow: 0px 4px 30px 3px rgba(0, 0, 0, 0.10);
	z-index:1
}
.logo {
	width:124px;
	height:76px;
    float: left;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.page-heading-box{
	margin:125px 0 0;
	position:relative;
}
.page-heading{
	font-size:36px;
	font-weight:600;
	color:#000;
}
.page-heading::after{
	content:"";
	width:45px;
	height:5px;
	background-color:#FA4F06;
	position:absolute;
	top: 52px;
    left: 14px;	
}
.body-content{
	font-size:16px;
	font-weight:400;
	color:#2A2A2A;
	line-height:24px;
}
.body-content.smallC{
	font-family: "Open Sans", sans-serif;
	font-size:14px;
}
.graphic-box{
	position:relative;
	z-index:1;
}
.graphic-element-1{
	width:501px;
	height:495px;
	position:absolute;
	color:transparent;
	top: -180px;
    left: -290px;
}
.services-container{
	width:100%;
	position:relative;
	margin-bottom:30px;
}
.service-card{
	width:100%;
	background-color:#fff;
	border-radius:10px;
	padding:25px;
	box-sizing: border-box;
	box-shadow: 0px 4px 30px 3px rgba(0, 0, 0, 0.10);
	text-decoration:none;
	outline:none;
	position:relative;
	z-index:10;
	margin-bottom:20px;
	display:block;
}
.service-card:hover{
	background-color:#FA4F06;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .ser-heading{
	font-family: "Open Sans", sans-serif;
	font-size:1.3em;
	font-weight:700;
	color:#000;
}
.service-card:hover .ser-heading{
	color:#fff;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .bodycontent{
	font-family: "Open Sans", sans-serif;
	font-size:14px;
	color:#333;
	font-weight:400;
	line-height:24px;
}
.service-card:hover .bodycontent{
	color:#fff;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.readmore-button{
	font-size:16px;
	color:#FA4F06;
	font-weight:400;
	text-decoration:none;
	padding:10px 15px;
	border:1px solid #FA4F06;
	border-radius:4px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.readmore-button span.arrow{
	width:15px;
	height:12px;
	background:url(../images/readmore-arrow-active.png)no-repeat;
	position: relative;
    display: inline-block;
    margin-left: 5px;
}
.readmore-button:hover{
	border:1px solid #000;
	background-color:#000;
	color:#fff;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.readmore-button:hover span.arrow{
	background:url(../images/readmore-arrow-hover.png)no-repeat;
}
.service-card:hover .readmore-button{
	border:1px solid #000;
	background-color:#000;
	color:#fff;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card:hover span.arrow{
	background:url(../images/readmore-arrow-hover.png)no-repeat;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .ERPicon{
	width:66px;
	height:71px;
	background:url(../images/ERP-Icon-active.png)no-repeat;
	color:transparent;
	margin-bottom:20px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card:hover .ERPicon{
	background:url(../images/ERP-Icon-hover.png)no-repeat;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .SCADA{
	width:70px;
	height:70px;
	background:url(../images/SCADA-Intergraion-Icon-active.png)no-repeat;
	color:transparent;
	margin-bottom:20px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card:hover .SCADA{
	background:url(../images/SCADA-Intergraion-Icon-hover.png)no-repeat;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .softwareDev{
	width:76px;
	height:71px;
	background:url(../images/Software-Development-active.png)no-repeat;
	color:transparent;
	margin-bottom:20px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card:hover .softwareDev{
	background:url(../images/Software-Development-hover.png)no-repeat;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .IT-Security{
	width:71px;
	height:71px;
	background:url(../images/IT-Security-active.png)no-repeat;
	color:transparent;
	margin-bottom:20px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card:hover .IT-Security{
	background:url(../images/IT-Security-hover.png)no-repeat;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .Real-time{
	width:71px;
	height:71px;
	background:url(../images/Real-Time-active.png)no-repeat;
	color:transparent;
	margin-bottom:20px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card:hover .Real-time{
	background:url(../images/Real-Time-hover.png)no-repeat;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .Franchise-mgmt{
	width:59px;
	height:73px;
	background:url(../images/Franchise-mgmt-active.png)no-repeat;
	color:transparent;
	margin-bottom:20px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card:hover .Franchise-mgmt{
	background:url(../images/Franchise-mgmt-hover.png)no-repeat;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .web-Cloud{
	width:65px;
	height:71px;
	background:url(../images/Web-and-Cloud-active.png)no-repeat;
	color:transparent;
	margin-bottom:20px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card:hover .web-Cloud{
	background:url(../images/Web-and-Cloud-hover.png)no-repeat;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .project-Mgmt{
	width:69px;
	height:70px;
	background:url(../images/Project-Mgmt-active.png)no-repeat;
	color:transparent;
	margin-bottom:20px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card:hover .project-Mgmt{
	background:url(../images/Project-Mgmt-hover.png)no-repeat;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card .Led-Display{
	width:83px;
	height:72px;
	background:url(../images/LED-display-active.png)no-repeat;
	color:transparent;
	margin-bottom:20px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.service-card:hover .Led-Display{
	background:url(../images/LED-display-hover.png)no-repeat;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.industries-bg{
	background-color:#FA4F06;
	padding:50px 0;
	box-sizing:border-box;
	margin:125px 0 0 0;
}
.industries-heading-box{
	position:relative;
}
.industries-heading{
	font-size:36px;
	font-weight:600;
	color:#fff;
}
.industries-heading::after{
	content:"";
	width:45px;
	height:5px;
	background-color:#000;
	position:absolute;
	top: 52px;
    left: 0px;	
}
.industries-card{
	width:100%;
	background-color:#fff;
	border-radius:10px;
	box-sizing: border-box;
	box-shadow: 0px 4px 30px 3px rgba(0, 0, 0, 0.10);
	margin-bottom:20px;
	display:block;
}
.industires-img-holder{
	height:178px;
	border-radius:10px 10px 0 0;
	position:relative;
	overflow:hidden;
}
h3.industriesHeading{
	font-family: "Open Sans", sans-serif;
	font-size:1.4em;
	font-weight:700;
	color:#000;
}
.viewall-link{
	font-family: "Open Sans", sans-serif;
	font-size:18px;
	font-weight:500;
	color:#fff;
	background-color:#000;
	padding:10px 15px;
	text-decoration:none;
	text-align:center;
	margin:40px auto 0 auto;
	border-radius:3px;
	display:block;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.viewall-link:hover{
	background-color:#E54602;
	color:#fff;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.experts-card{
	width:100%;
	background-color:#fff;
	border-radius:5px;
	box-sizing: border-box;
	box-shadow: 0px 4px 30px 3px rgba(0, 0, 0, 0.10);
	margin-bottom:20px;
	padding:20px;
	display:block;
	position:relative;
	z-index:1;
}
.experts-img-border{
	background-color:#fff;
	box-sizing: border-box;
	box-shadow: 0px 4px 30px 3px rgba(0, 0, 0, 0.10);
	padding:15px;
	border-radius:5px;
}
.experts-img-holder{
	height:372px;
	position:relative;
	overflow:hidden;
}
.lets-heading{
	font-family: "Open Sans", sans-serif;
	font-weight:600;
	color:#fff;
	font-size:3.3em;
}
.contactmore-button{
	font-size:16px;
	color:#fff;
	font-weight:400;
	text-decoration:none;
	padding:10px 15px;
	background-color:#000;
	border:1px solid #000;
	border-radius:4px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.contactmore-button span.arrow{
	width:15px;
	height:12px;
	background:url(../images/readmore-arrow-hover.png)no-repeat;
	position: relative;
    display: inline-block;
    margin-left: 5px;
}
.contactmore-button:hover{
	border:1px solid #E54602;
	background-color:#E54602;
	color:#fff;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.contactmore-button:hover span.arrow{
	background:url(../images/readmore-arrow-hover.png)no-repeat;
}
.footer-bg{
	background-color:#000;
	width:100%;
	position:relative;
	padding:40px 0 10px 0;
}
.footer-heading{
	font-family: "Open Sans", sans-serif;
	font-size:22px;
	font-weight:600;
	color:#FA4F06;
}
.footer-bodytext{
	font-family: "Open Sans", sans-serif;
	font-size:14px;
	font-weight:500;
	color:#fff;
	line-height:24px;
}
.footer-link{
	position:relative;
	margin:15px 0 0;
}
.footer-link ul{
	margin:0;
	padding:0;
	list-style:none;
}
.footer-link li{
	list-style:none;
	margin:7px 0;
}
.footer-link li a{
	font-family:"Open Sans", sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.footer-link li a:hover{
	color:#FA4F06;
	text-decoration:none;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.footer-link li a:hover span.arrow{
	width:15px;
	height:12px;
	background:url(../images/readmore-arrow-active.png)no-repeat;
	position: relative;
    display: inline-block;
    margin-right: 5px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.twitter{
	width:22px;
	height:22px;
	background:url(../images/twitter-active.png)no-repeat;
	text-decoration:none;
	outline:none;
	margin-right:10px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
	display:inline-block
}
.twitter:hover{
	background:url(../images/twitter-hover.png)no-repeat;
	text-decoration:none;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.linkedIn{
	width:22px;
	height:22px;
	background:url(../images/linkedin-active.png)no-repeat;
	text-decoration:none;
	outline:none;
	margin-right:10px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
	display:inline-block
}
.linkedIn:hover{
	background:url(../images/linkedin-hover.png)no-repeat;
	text-decoration:none;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.map-holder{
	width:290px;
	height:152px;
	position:relative;
	overflow:hidden;
}
.email-link{
	font-size:15px;
	font-weight:400;
	text-decoration:none;
	color:#fff;
}
.email-link:hover{
	color:#FA4F06;
}
hr{
	color:#fff;
}
.sub-page-banner{
	width:100%;
	position:relative;
	z-index:-1;
}
.overlybg{
	background-color: rgba(0, 0, 0, 0.76);
	opacity:0.6;
	position: absolute;
    top: 0;
	width:100%;
	z-index:1
}
.overlybg.ex-height{
	height:100%;
}
.sub-banner-content{
	position:absolute;
	width:100%;
	padding:35px 0 0;
	z-index:10
}
h6.page-title{
	font-family: "Open Sans", sans-serif;
	color:#FA4F06;
	font-size:22px;
	font-weight:600;
}
h1.sub-banner-caption{
	font-family: "Open Sans", sans-serif;
	font-size:3.3em;
	font-weight:700;
	color:#fff;
}
.padTop{
	padding-top:5em;
}
/*Banner Slider CSS */
.banner-bg{
	width:100%;
	background:url(../images/banner-bg.png) no-repeat;
	height:590px;
	max-height:100%;
}
.banner-heading{
	font-family: "Open Sans", sans-serif;
	font-weight:bold;
	color:#000;
	font-size:3.3em
}
.banner-heading span{
	color:#FA4F06;
}
p.banner-captions{
	font-size:1.3em;
	color:#2a2a2a;
	font-weight:500;
	line-height:28px;
	margin-top:10px;
}
.carousel-indicators{
	bottom:-50px;
}
.carousel-dark .carousel-indicators [data-bs-target]{
	background-color: #FA4F06;
}
.carousel-indicators [data-bs-target]{
	width:30px;
	height:5px;
	margin-left:5px;
	margin-right:5px;
}
/* Banner CSS End */

/* Custom Nav CSS Code */
.navbar-nav > li > a.lets-talk-button{
	font-size:16px;
	font-weight:400;
	color:#fff;
	padding:10px;
	text-decoration:none;
	border-radius:3px;
	background-color:#68982B;
}

.navbar-expand-lg .navbar-nav .nav-link{
	padding-right: 1.6rem;
    padding-left: 1.6rem;
}
.nav-link{
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color: #2a2a2a;
}
.navbar{
	margin-top: 0px;
}
.mt-30{
	margin-top:30px;
}
.mt-50{
	margin-top:50px;
}
.mt-70{
	margin-top:70px;
}
.mt-100{
	margin-top:100px;
}
.pad-tp-90{
	padding-top:90px;
}
.pad-tp-100{
	padding-top:100px;
}
.dropdown-menu.c-dropdown-menu{
	box-shadow:0px 4px 25px 5px rgb(0 0 0 / 10%);
	border:1px solid transparent;
	padding:0.8rem;
}
.navbar-toggler{
	border: 1px solid #FA4F06;
}
.navbar-nav > li{
	margin-right:3px;
}
.navbar-nav > li > a{
	font-size:16px;
	color:#2A2A2A;
	font-weight:500;
	text-decoration:none;
}
.navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus{
	font-family: 'Poppins', sans-serif;
	background:#FA4F06;
	border-radius:2px;
	color:#fff;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
	color:#fff;
}
.navbar-nav > li > a.active {
	font-family: 'Poppins', sans-serif;
	background:#FA4F06;
	border-radius:2px;
	color:#fff;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.dropdown-item{
	font-family: 'Poppins', sans-serif;
	color:#2a2a2a;
	font-size:16px;
}
.dropdown-item:focus, .dropdown-item:hover{
	color: #1e2125;
    background-color: #e9ecef;
}
/* Custom Nav CSS Code End */

/* Image Hover animation CSS */
.img-animation{
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
.img-animation:hover{
	 -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
	-webkit-transition: 0.6s;
    transition: 0.6s;
}


/*-- Media Query CSS Start */

@media screen and (max-width:1366px){
	.padTop{
		padding-top:1.2em;
	}
	.service-card .ser-heading{
		font-size:1.1em;
	}
	h3.industriesHeading{
		font-size:1.1em;
	}
	.service-card .bodycontent{
		overflow: hidden;
        text-overflow: ellipsis;
        height: 78px;
	}
}
@media (max-width: 1024px) {
	.padTop{
		padding-top:0;
	}
	.service-card .ser-heading{
		font-size:1.1em;
	}
	h3.industriesHeading{
		font-size:1.1em;
	}
	.service-card .bodycontent{
		overflow: hidden;
        text-overflow: ellipsis;
        height: 78px;
	}
	h1.sub-banner-caption{
		font-size:2.3em;
	}
}
@media screen and (max-width:768px){
	.map-holder{
		width:100%;
	}
	h1.sub-banner-caption{
		font-size:1.2em;
	}
	.body-content{
		font-size:13px;
	}
	h6.page-title{
		font-size:18px;
	}
	.page-heading-box{
		margin:65px 0 0;
	}
	.graphic-element-1{
		top: -200px;
		left: -240px;
	}
	.banner-heading{
		font-size:1.8em;
	}
	.banner-bg{
		background-size:contain;
		height:100%;
	}
	p.banner-captions{
		font-size:1em;
	}
	.lets-heading{
		font-size:2em;
	}
}
@media screen and (max-width:767px){
	.map-holder{
		width:100%;
	}
	.padTop{
		padding-top:0;
	}
	h1.sub-banner-caption{
		font-size:1.2em;
	}
	.body-content{
		font-size:13px;
	}
	h6.page-title{
		font-size:18px;
	}
	.page-heading-box{
		margin:65px 0 0;
	}
	.graphic-element-1{
		top: -200px;
		left: -240px;
	}
	.banner-heading{
		font-size:1.8em;
	}
	.banner-bg{
		background-size:contain;
		height:100%;
	}
	p.banner-captions{
		font-size:1em;
	}
	.lets-heading{
		font-size:2em;
	}
	.sub-banner-content{
		padding:10px 0 0;
	}
	h6.page-title{
		font-size:16px;
	}
	h1.sub-banner-caption{
		font-size:1em;
	}
}

/* ── Contact Page ─────────────────────────────────────────────────────────── */
.contact-info-card{
	background:#fff;
	border-radius:10px;
	padding:30px;
	box-shadow:0px 4px 30px 3px rgba(0,0,0,0.10);
	height:100%;
}
.contact-info-item{
	display:flex;
	align-items:flex-start;
	gap:16px;
	margin-bottom:28px;
}
.contact-info-item:last-child{ margin-bottom:0; }
.contact-icon-box{
	width:48px;
	height:48px;
	background:#FA4F06;
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.contact-icon-box svg{ fill:#fff; width:22px; height:22px; }
.contact-info-item h5{
	font-family:"Open Sans",sans-serif;
	font-size:14px;
	font-weight:700;
	color:#000;
	margin:0 0 4px;
}
.contact-info-item p,
.contact-info-item a{
	font-family:"Open Sans",sans-serif;
	font-size:14px;
	color:#555;
	margin:0;
	text-decoration:none;
}
.contact-info-item a:hover{ color:#FA4F06; }
.contact-form-card{
	background:#fff;
	border-radius:10px;
	padding:30px;
	box-shadow:0px 4px 30px 3px rgba(0,0,0,0.10);
}
.contact-form-card .form-label{
	font-family:"Open Sans",sans-serif;
	font-size:14px;
	font-weight:600;
	color:#2A2A2A;
	margin-bottom:6px;
}
.contact-form-card .form-control,
.contact-form-card .form-select{
	border:1px solid #ddd;
	border-radius:6px;
	padding:10px 14px;
	font-size:14px;
	font-family:"Open Sans",sans-serif;
	color:#2A2A2A;
	transition:border-color 0.3s;
}
.contact-form-card .form-control:focus,
.contact-form-card .form-select:focus{
	border-color:#FA4F06;
	box-shadow:0 0 0 3px rgba(250,79,6,0.15);
	outline:none;
}
.contact-form-card textarea.form-control{ resize:vertical; min-height:130px; }
.btn-enquire{
	background:#FA4F06;
	color:#fff;
	border:none;
	padding:12px 32px;
	border-radius:6px;
	font-family:"Open Sans",sans-serif;
	font-size:15px;
	font-weight:600;
	cursor:pointer;
	transition:background 0.3s;
	width:100%;
}
.btn-enquire:hover{ background:#d43e00; }
.btn-enquire:disabled{ background:#aaa; cursor:not-allowed; }
.form-feedback{
	display:none;
	padding:12px 16px;
	border-radius:6px;
	font-family:"Open Sans",sans-serif;
	font-size:14px;
	margin-top:12px;
}
.form-feedback.success{ background:#e8f5e9; color:#2e7d32; border:1px solid #a5d6a7; display:block; }
.form-feedback.error  { background:#fdecea; color:#c62828; border:1px solid #ef9a9a; display:block; }
.contact-map-section{ margin:50px 0 0; }
.contact-map-section iframe{ display:block; width:100%; height:420px; border:0; border-radius:10px; }
.honeypot-field{ display:none !important; }