@font-face {
	font-family: 'museosans500';
	src: url('../fonts/museo-sans/museosans_500-webfont.woff2') format('woff2'),
	url('../fonts/museo-sans/museosans_500-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
header{
	background-image: url(../image/DesktopBanner.webp);
	background-position: center;
	background-size: cover;
}
body{
	background-color:#fff;
}
.error{
	width: 100% !important;
	color: #b2ca35;
}
div#response {
	color: #cde069;
	margin-top: 10px;
	text-align: center;
}
.banner-content{
	padding:5rem 0;
}
.banner-content-thank{
	padding-top:3rem;
	padding-bottom:20rem;
}
.header-text{
	padding-left:11rem;
}
.header-text h1{
	font-size:44px;
	color:#fff;
	font-family: museosans500;
	font-weight:500;
}
.header-text h1 span{
	color:#B1CA35;
	font-weight: 900;
}
.site-visit h4{
	color:#fff;
	font-family:museosans500;
	font-weight:700;
	font-size:24px;
	text-align:center;
	padding:5px 0px;
	text-transform: uppercase;
}
.site-visit p#timer {
	color: #fff;
	font-family: museosans500;
	font-weight:700;
	font-size: 21px;
	text-align: center;
	padding: 5px 0px;
}
.site-visit form{
	background:	#3077C7;
	padding:30px 30px;
	border-radius: 12px;
}
.form-content{
	display:flex;	
	flex-wrap:wrap;
}
.site-visit .form-content div{
	width:50%;
}
.site-visit .form-content input,select{
	/*box-shadow: inset 0px 5px 5px #00000029, 0px 2px 0px #175193;*/
	border-radius: 4px;
	margin:5px 2px;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	padding:5px 15px;
	width:95%;
	outline:none;
	color:#7C7C7C;
	font-size:17px;
	font-family:museosans500;
}
.site-visit .form-content input::placeholder,select,option{
	color: #7C7C7C;
	font-size:17px;
	font-family:museosans500;
}
.site-visit form button{
	background:#C0D941;
	color:#000000;
	font-size:23px;
	font-family:museosans500;
	font-weight:700;
	border:#C0D941;
	box-shadow: inset 0px 35px 5px #CDE069;
	width:250px;
	/*margin: 0 10px;*/
	margin-top:8px;
	padding:3px 8px;
}
footer{
	background: #1D1D1D;
	color:#909090;
	font-size:16px;
	padding:15px 0px;
}
section{
	padding-top:3rem;
	padding-bottom:2rem;
}
.auto-factory {
	text-align: center;
	font-family:museosans500;
}
.auto-factory h2{
	color:#1C71B7;
	font-size:48px;
	font-weight:700;
	padding:2rem 10rem;
}
.auto-factory p{
	font-size: 21px;
	color:#000;
	font-weight:500;
	padding:2rem 10rem;
}
.solution-automation{
	background-image: url(../image/Background2.webp);
	background-position: center;
	background-size: cover;
}
.solution-automation h2{
	color:#fff;
	font-size:48px;
	font-family:museosans500;
	font-weight:700;
	text-align: center;
	padding:2rem 0rem;
}
.solution-automation .back-card{
	background:#A6BA3D;
	padding:1rem 2rem;
	border-radius:12px;
	color:#fff;
	border: 3px solid #CEE268;
	border-radius: 15px;
	height:100%;
}
.solution-automation .back-card img{
	margin-top:12px;
}
.solution-automation .back-card h6{
	font-size:28px;
	font-family:museosans500;
	font-weight:700;
	padding:1rem 0px;
}
.solution-automation .back-card p{
	font-size:24px;
	font-family:museosans500;
	font-weight:500;
}
.brands{
	background-image: url(../image/BG-IMG.webp);
	background-position: center;
	background-size: cover;
}
.brands h2{
	color:#1C71B7;
	font-size:48px;
	font-family:museosans500;
	font-weight:700;
	text-align: center;
}
.brands p{
	color:#000000;
	font-size:22px;
	font-family:museosans500;
	font-weight:500;
	text-align: center;
	padding:1.5rem 15rem;
}
.products h2{
	color:#fff;
	font-size:48px;
	font-family:museosans500;
	font-weight:700;
	text-align: center;
}
.brand-img{
	display:flex;
	flex-direction: row;
	justify-content:space-evenly;
	margin:3rem 0;
}
.brand-bg{
	background-color: #fff;
	border-radius: 24px;
	padding-bottom: 2rem;
}
.brand-desc{
	padding:3rem 0;
}
.brands .brand-desc div{
	font-size: 20px;
	font-family:museosans500;
	color:#000;
	padding:2rem 10rem;
	text-align:center;
}
.brands .grid-bg{
	background-image: url(../image/Group524.webp);
	background-position: center;
	background-size: cover;
	display:flex;
	border-radius:8px;
	padding:20px 15px;
	height:100%;
}

.brands .grid-bg .grid-col-bg{
	align-self:center;
}

.brand-footer h2{
	color:#1C71B7;
	font-size:48px;
	font-family:museosans500;
	font-weight:700;
	text-align: center;
	padding:1rem 10rem;
}
.brand-footer p{
	color:#000000;
	font-size:28px;
	font-family:museosans500;
	font-weight:500;
	text-align: center;
	padding:2.5rem 15rem;
}
.brand-footer a {
	background:#3170B3;
	color:#ffffff;
	font-size:23px;
	font-family:museosans500;
	font-weight:700;
	border:#3170B3;
	box-shadow: inset 0px 35px 5px #417DBC;
	margin-top:20rem;
	padding:1rem 2rem;
	border-radius:4px;
	text-decoration: none;
}
.brand-footer .brand-btn {
	margin:1rem 0;
}
.product-footer h2{
	color:#1C71B7;
	font-size:48px;
	font-family:museosans500;
	font-weight:700;
	text-align: center;
	padding:1rem 10rem;
}
.product-footer p{
	color:#000000;
	font-size:28px;
	font-family:museosans500;
	font-weight:500;
	text-align: center;
	padding:2rem 15rem;
}
.product-footer a {
	background:#3170B3;
	color:#ffffff;
	font-size:23px;
	font-family:museosans500;
	font-weight:700;
	border:#3170B3;
	box-shadow: inset 0px 35px 5px #417DBC;
	margin-top:20rem;
	padding:1rem 2rem;
	border-radius:4px;
	text-decoration: none;
}
.product-footer .prod-btn {
	margin:1rem 0;
}
.grid-bg .grid-text{
	color:#FFFFFF;
	font-size:24px;
	font-family:museosans500;
	font-weight:700;
	width:74%;
	text-align:left;
	padding-left:10px;
	padding-right:25px;
	align-self:center;
	line-height: 1.2;
}

.brands .site-visit-book{
	padding:4rem;
}
.site-visit-book a{
	background:#3271B3;
	color:#ffffff;
	font-size:23px;
	font-family:museosans500;
	font-weight:700;
	border:#3271B3;
	box-shadow: inset 0px 35px 5px #3271B3;
	margin-top:1rem;
	padding:5px 15px;
	border-radius:4px;
	text-decoration: none;
}

.brands .site-visit-book .visit-text{
	color:#000000;
	font-family:museosans500;
	font-size:20px;
}
.product-flex {
	display:flex;
}
.slider-div {
	width: 100%;
	display: flex;
}
.products{
	background:#2B6AB2;;
}
.products .product-div {
	background: #fff;
	border:1px solid #FFFFFF;
	box-shadow: 0px 10px 20px #00000014;
	border-radius: 12px;
	padding:2rem 2rem;
	margin:0 auto;
	height: 600px;
	position: relative;
	margin: 1rem;
	margin-top:3.5rem;
	width: calc( (100% - 6rem ) / 3 );
}
.product-div h4{
	color:#3271B3;
	font-size:34px;
	text-align: center;
	font-family:museosans500;
	font-weight:700;
	margin-top:1rem;
}
.product-div div{
	color:#000000;
	font-size:20px;
	text-align: center;
	font-family:museosans500;
	margin-top:1rem;
	line-height: 1.2;
}
.product-div .prod-img{
	max-width: 250px;
	text-align: center;
	margin:0 auto;
	width: 100%;
}

.product-div a{
	background: #3271B3;
	color: #ffffff;
	font-size: 23px;
	font-family: museosans500;
	font-weight:700;
	border: #3271B3;
	box-shadow: inset 0px 35px 5px #3271b3;
	width: 250px;
	margin-top: 2rem;
	padding: 5px 15px;
	border-radius: 4px;
	max-width: 60%;
	display: block;
	text-decoration: none;
	margin: 1rem auto;
}

.top-img{
	position: absolute;
	/*left: 315px;*/
	top: -60px;
	width:80px;
	height:80px;
	border-radius:50%;
	background-color:#fff;
	z-index: 1;
	right: 20px;
}

.top-img img{
	width:80px!important;
}
.mobile-form{
	display:none;
}
.mobile-banner{
	display:none;
}
.site-visit-book{
	display:block;
}
.brand-div{
	background:#F8F8F8;
	border: 1px solid #D8D8D8;
	padding:1rem 3rem;
	border-radius: 10px;
}
.brand-space{
	/*align-self: center;*/
	/*padding:0.5rem;*/
}
.site-visit a {
	background:#C0D941;
	color:#000000;
	font-size:23px;
	font-family:museosans500;
	font-weight:700;
	border:#C0D941;
	box-shadow: inset 0px 35px 5px #CDE069;
	padding:1rem 2rem;
	border-radius:4px;
	text-decoration: none;
}
.site-visit .brand-btn{
	margin-top: 2rem;
}
footer a {
	color: #909090;
	text-decoration: none;
}
.otp-form-wrapper {
	text-align: center;
	display: none;
}
.site-visit .otp-form-wrapper .form-content div.form-group {
	width: 100%;
}
.otp-form-wrapper #otp {
	width: 50%;
	text-align: center;
}
.otp-form-wrapper .form-content {
	justify-content: center;
}
button#reSendOTPForm {
	background: #f2f2f2;
	box-shadow: inset 0px 35px 5px #f2f2f2;
	display: none;
}
.prod-req {
	color: #000000;
	font-size: 24px;
	text-align: center;
	font-family: museosans500;
	margin-top: 2rem;
	line-height: 1.2;
}
.prod-req a{
	background: #3271B3;
	color: #ffffff;
	font-size: 23px;
	font-family: museosans500;
	font-weight:700;
	border: #3271B3;
	box-shadow: inset 0px 35px 5px #3271b3;
	width: 250px;
	margin-top: 2rem;
	padding: 5px 15px;
	border-radius: 4px;
	max-width: 60%;
	display: block;
	text-decoration: none;
	margin: 1rem auto;
}
#product-carousel .carousel-indicators {   
	bottom: -7px;
	margin-bottom: 0;
}
#product-carousel .carousel-indicators [data-bs-target] {
	background-color: #000;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:before {
	content: '•';
	font-size: 45px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	opacity: 0.25;
	color: #fff;
}

.slick-dots li.slick-active button:before {
	color: #fff;
	opacity: 1 !important;
}
.padding-bottom{
	padding-bottom: 3rem;
}
.mobile-banners{
	display: none;
}
ul.prodct-listing-cl {
    padding-left: 15px;
}
.product-div li {
    color: #000000;
    font-size: 15px;
    text-align: left;
    font-family: museosans500;
    line-height: 1.2;
    margin-bottom: 7px;
}

@media screen and (min-width: 320px) and (max-width: 568px){
	.site-visit a {
		padding:1rem 1rem;
	}
	.site-visit form {
		margin:0px 0px;
		padding: 30px 15px;
	}
	.mobile-banners{
		display: block;
	}
	.site-visit h4{
		font-size:21px;
	}
	.site-visit .form-content div{
		width:100%;
	}
	.banner-content {
		padding: 3rem 0;
	}
	.banner-content-thank{
		padding-bottom:1rem;
	}
	.header-text{
		padding:10px;
		margin-top:1rem;
	}
	.header-text h1{
		font-size: 40px;
		text-align: center;
		line-height: 1.3;
		font-weight:500;
		padding:1rem 1rem;
	}
	.header-text h1 span{
		font-weight:800;
	}
	.header-text h1 br{
		display: block;
	}
	.btn-book{
		background: #3271B3;
		color: #ffffff;
		font-size: 24px;
		font-family: museosans500;
		font-weight:600;
		border: #3271B3;
		box-shadow: inset 0px 35px 5px #3271b3;
		margin-top: 1rem;
		border-radius: 4px;
		text-align:center;
		width:100%;
		margin:0 auto;
	}
	.btn-book-wrapper {
		position: fixed;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		background: #3271B3;
		padding: 10px 0;
		z-index: 99999;
		box-shadow: #000 0px -2px 10px;
	}
	.btn-book a{
		text-decoration:none;
		color:#fff;
		text-align:center;
	}
	.brand-desc {
		padding: 2rem 1rem;
	}
	.brands h2{
		font-size: 28px;
	}
	.brands .brand-desc div {
		font-size: 15px;
		padding: 1rem 1rem;
	}
	.brand-space{
		padding:0px 5px;
	}
	.margin-top-cls{
		margin-top:2rem;
	}
	.grid-bg .grid-text{
		font-size:15px;
	}
	.brands .grid-bg{
		margin:0px 15px;
	}
	.top-img {
		left: 215px;
	}
	header{
		background-image: none;
		background-position: center;
		background-size: cover;
	}
	.mobile-banner{
		position: absolute;
		top: 0px;
		padding-top:1rem;
		width: 100% !important;
		display:block;
	}
	.mobile-banner .navbar-brand img{
		margin-left: 1rem;
	}

	.banner-img{
		width:100%;
	}

	.banner-content{
		display:block;
	}
	.mobile-form{
		display:block;
	}
	.site-visit-book button{
		margin-top:10rem;
	}
	.site-visit-book{
		display:none;
	}
	.site-visit-new a {
		background:#3271B3;
		color:#ffffff;
		font-size:23px;
		font-family:museosans500;
		font-weight:700;
		border:#3271B3;
		box-shadow: inset 0px 35px 5px #3271B3;
		margin-top:20rem;
		padding:3px 8px;
		border-radius:4px;
		text-decoration: none;
	}
	.owl-carousel.owl-drag .owl-item.active {
		width:100% !important;
	}
	
	.product-flex {
		flex-wrap: wrap;
		display:block;
	}
	.slider-div {
		flex-wrap: wrap;
	}
	.products .product-div{
		width:100%;
		height:100%;
	}
	.product-div a{
		max-width: 100%;
		font-size: 20px;
	}
	.product-div h4 {
		font-size: 28px;
	}
	.product-div div {
		font-size: 18px;
	}
	.otp-form-wrapper #otp {
		width: 250px;
	}
	.text-end{
		text-align:center!important;
		margin-top:10px!important;
	}
	footer{
		text-align:center;
		margin-bottom: 56px;
	}
	.slick-list{
		height: auto!important;
	}
	.slick-track{
		height: auto!important;
	}
	.auto-factory h2 {
		font-size: 28px;
		padding: 0rem 1rem;
	}
	.auto-factory p {
		font-size: 20px;
		padding: 2rem 1rem;
	}
	.solution-automation h2 {
		font-size: 28px;
		padding: 2rem 0rem;
	}
	.solution-automation .card-margin{
		margin-top:1rem;
	}
	.brands p {
		font-size: 22px;
		padding: 1rem 1rem;
	}
	.brand-div {
		border: 0px solid #D8D8D8;
	}
	.brand-footer h2{
		font-size: 28px;
		padding: 1rem 1rem;
	}
	.brand-footer p{
		padding: 1rem 1rem;
	}
	.product-footer h2 {
		font-size: 28px;
		padding: 1rem 1rem;
	}
	.product-footer p {
		font-size: 28px;
		padding: 1rem 1rem;
	}
	.products h2{
		font-size: 28px;
	}
}
@media screen and (min-width: 567px) and (max-width: 768px){
	.otp-form-wrapper #otp {
		width: 250px;
	}
	.site-visit form {
		margin:0 15px;
	}
	.mobile-banners{
		display: block;
	}
	.site-visit .form-content div{
		width:100%;
	}
	.banner-content {
		padding: 3rem 0;
	}
	.banner-content-thank{
		padding-bottom:1rem;
	}
	.header-text{
		padding:10px;
		margin-top:3rem;
	}
	.header-text h1{
		font-size: 39px;
		text-align: center;
		line-height: 1;
	}
	.mobile-banner .navbar-brand img{
		margin-left: 1rem;
	}
	.btn-book{
		background: #3271B3;
		color: #ffffff;
		font-size: 23px;
		font-family: museosans500;
		font-weight:700;
		border: #3271B3;
		box-shadow: inset 0px 35px 5px #3271b3;
		margin-top: 1rem;
		padding: 3px 8px;
		border-radius: 4px;
		text-align:center;
		width:60%;
		/*position:absolute;*/
		bottom:3rem;
		left:0;
		right:0;
		margin:0 auto;
		margin-top: 3rem;
		width: 45%;
	}
	.btn-book a{
		text-decoration:none;
		color:#fff;
		text-align:center;
	}
	.brand-desc {
		padding: 2rem 1rem;
	}
	.brands h2, .products h2{
		font-size: 24px;
	}
	.brands .brand-desc div {
		font-size: 15px;
		padding: 1rem 1rem;
	}
	.brand-space{
		padding:0px 5px;
	}
	.margin-top-cls{
		margin-top:2rem;
	}
	.grid-bg .grid-text{
		font-size:15px;
	}
	.brands .grid-bg{
		margin:0px 15px;
	}
	.top-img {
		left: 255px;
	}
	header{
		background-image: none;
		background-position: center;
		background-size: cover;
	}
	.mobile-banner{
		position: absolute;
		top: 0px;
		padding-top:1rem;
		width: 100%;
	}
	.banner-img{
		width:100%;
	}
	.banner-content{
		display:block;
	}
	.mobile-form{
		display:block;
	}
	.mobile-banner{
		display:block;
	}
	.site-visit-book button{
		margin-top:10rem;
	}
	.site-visit-book{
		display:none;
	}
	.site-visit-new button {
		background:#3271B3;
		color:#ffffff;
		font-size:23px;
		font-family:museosans500;
		font-weight:700;
		border:#3271B3;
		box-shadow: inset 0px 35px 5px #3271B3;
		margin-top:20rem;
		padding:3px 8px;
		border-radius:4px;
	}
	.owl-carousel.owl-drag .owl-item.active {
		width:100% !important;
	}
	
	.product-flex {
		flex-wrap: wrap;
		display:block;
	}
	.auto-factory h2 {
		font-size: 28px;
		padding: 0rem 1rem;
	}
	.auto-factory p {
		font-size: 20px;
		padding: 2rem 1rem;
	}
	.solution-automation h2 {
		font-size: 28px;
		padding: 2rem 0rem;
	}
	.solution-automation .card-margin{
		margin-top:1rem;
	}
	.brands p {
		font-size: 22px;
		padding: 1rem 1rem;
	}
	.brand-div {
		border: 0px solid #D8D8D8;
	}
	.brand-footer h2{
		font-size: 28px;
		padding: 1rem 1rem;
	}
	.brand-footer p{
		padding: 1rem 1rem;
	}
	.product-footer h2 {
		font-size: 28px;
		padding: 1rem 1rem;
	}
	.product-footer p {
		font-size: 28px;
		padding: 1rem 1rem;
	}
	.products h2{
		font-size: 28px;
	}
	.products .product-div {
		width: calc((100% - 3rem) / 1);
		padding: 0.5rem 1rem;
		margin: 0.5rem;
		margin-top: 3rem;
	}
}

@media screen and (min-width: 769px) and (max-width: 991px){
	.site-visit form {
		padding: 30px 5px;
	}
	.header-text{
		padding-left: 20px;
	}
	.header-text h1 {
		font-size: 36px;
	}
	.header-text h1 br{
		display: none;
	}
	.brand-img .brand-space{
		align-self:center;
		padding:1rem;
	}
	.brands h2, .products h2{
		font-size: 40px;
	}
	.brands .brand-desc div {
		padding: 2rem;
		font-size:18px;
	}
	.grid-bg .grid-text {
		font-size: 15px;
		padding-right: 0px;
	}
	.products .product-div {
		width: calc((100% - 3rem) / 3);
		padding: 0.5rem 1rem;
		margin: 0.5rem;
		margin-top: 3rem;
	}
	.product-div .prod-img {
		max-width: 200px;
	}
	.product-div h4 {
		font-size: 24px;
	}
	.product-div div {
		font-size: 16px;
	}
	.product-div button{
		font-size:20px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px){
	header {
		background-position: left center;
	}
	.grid-bg .grid-text{
		width: 80%;
		font-size: 20px;
	}
	.products .product-div{
		height: 600px;
	}
}