@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/desk-Banner1.webp);
	background-position: center;
	background-size: cover;
}
body{
	background-color:#F0EFF4;
}
.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:12rem;
}
.header-text h1{
	font-size:44px;
	color:#fff;
	font-family: museosans500;
	font-weight:900;
}
ul.prodct-listing-cl{
	  padding-left: 15px;
}
.products-name-cl{
	text-align: left !important;
}
.product-short-desc{
	text-align: left !important;
}
.product-desc-cl{
	margin-top: 2rem !important;
}
ul.prodct-listing-cl li{
	  font-size: 15px;
    text-align: left;
    margin-bottom: 7px;
}
.header-text h1 span{
	color:#B1CA35;
	font-weight: 1000;
}
.header-text h2 span{
	color:#B1CA35;
	font-weight: 1000;
}
.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;
}
.brands h2,.products h2{
	color:#000000;
	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;
}
.margin-left-15.grid-bg{
	margin-left: 30px !important
}
.margin-right-15.grid-bg{
	margin-right: 30px !important
}
.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;
}

.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 .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:22px;
	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-space{
	align-self: center;
	padding:0.5rem;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	border-radius: 5px;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	background: #FFF;
}
.brand-space img{
	mix-blend-mode: darken;
	max-height: 85px;
	width: auto;
}
.brand-img{
	display: grid;
	grid-template-columns: repeat(5,1fr);
	grid-gap: 20px;
}
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: #000;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 1 !important;
}

@media screen and (min-width: 320px) and (max-width: 568px){
	.site-visit form {
		margin:0px 0px;
		padding: 30px 15px;
	}
	.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: 39px;
		text-align: center;
		line-height: 1;
	}
	.header-text h1 br{
		display: none;
	}
	.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:70%;
		position:absolute;
		bottom:3rem;
		left:0;
		right:0;
		margin:0 auto;
	}
	.margin-left-15.grid-bg {
	    margin-left: 15px !important;
	}
	.margin-right-15.grid-bg {
	    margin-right: 15px !important;
	}
	.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{
		padding-top:1rem;
	}
	.mobile-banners{
		background-image: url(../image/Moble-banner1.webp);
		background-position: center;
		background-size: cover;
		min-height:900px;
		position: relative;
		padding:0;
	}

	.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 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;
	}
	.slick-list{
		height: auto!important;
	}
	.slick-track{
		height: auto!important;
	}
	.site-visit .form-content input, select{
		width: 100%;
	}
}
@media screen and (min-width: 567px) and (max-width: 767px){
	.otp-form-wrapper #otp {
		width: 250px;
	}
	.site-visit form {
		margin:0 15px;
	}
	.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: 39px;
		text-align: center;
		line-height: 1;
	}
	.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:70%;
		position:absolute;
		bottom:3rem;
		left:0;
		right:0;
		margin:0 auto;
	}
	.products .product-div{
		height: 100%;
	}
	.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;
	}
	.margin-left-15.grid-bg {
	    margin-left: 0px !important;
	}
	.margin-right-15.grid-bg {
	    margin-right: 0px !important;
	}
	.top-img {
		left: 255px;
	}
	header{
		background-image: none;
		background-position: center;
		background-size: cover;
	}
	.mobile-banner{
		padding-top:1rem;
	}
	.mobile-banners{
		background-image: url(../image/Banner_mobile.webp);
		background-position: center;
		background-size: cover;
		min-height:900px;
		position: relative;
		padding:0;
	}

	.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 .form-content input, select{
		width: 100%;
	}
	.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;
	}
}

@media screen and (min-width: 768px) 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: 700px;
	}
}

@media screen and (max-width: 1024px) {
	.header-text{
		padding-left: 1em;
	}
}

@media screen and (max-width: 640px){
	.header-text h2{
		color: #FFF;
		font-weight: 600;
		font-size: 32px;
		text-align: center;
	}
	.header-text h2 span{
		font-weight: 600;
	}
	.brand-img{
		/* grid-template-columns: repeat(2,1fr); */
		display: flex;
    	flex-wrap: wrap;
	}
	.brand-space img{
		padding: 10px;
	}
	.brand-space{
		width: calc(50% - 10px);
    	flex: 0 0 calc(50% - 10px);
	}
}

.responsive-prod-curosal .slick-arrow {
    position: absolute;
    top: 45%;
    background: #bed63a;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 50%;
    padding: 4px 12px 10px 12px;
    line-height: 1;
    border: #bed63a;
}

.responsive-prod-curosal .slick-arrow:hover {
    background: #000;
    border: #000;
}

.responsive-prod-curosal .slick-prev {
    left: -3%;
}

.responsive-prod-curosal .slick-next {
    right: -3%;
}