.p-100 { padding:100px 0; }
.p-80 { padding:80px 0; }
.bg-yellow-light { background-color:var(--yellow-light); }
/* home page css start */

/* banner css start */
#banner { 
	height:700px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
#banner:before {
	background: #3E409599;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#banner .caption  h2 {
	color: var(--text-white);
	font-family: var(--primary-font);
	font-size: 40px;
	font-weight: 700;
	line-height:normal;
	text-align: center;
	margin: 0;
	padding-bottom: 20px;
	text-transform: capitalize;
}
#banner .caption p {
	padding-bottom: 30px;
	color: black; 
	font-family: var(--secondary-font);
	font-size: 18px;
	font-weight: 600;
	line-height: 21.92px;
	text-align: center;
	color: var(--text-white); 
}
#banner .caption a {
	background: var(--secondary);
	max-width: 167px;
	height: 60px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-dark);
	font-family: var(--secondary-font);
	font-size: 20px;
	font-weight: 600;
	border-radius: 6px;
	margin: auto;
}
#banner .caption a:hover { background-color: var(--red); color: var(--text-white); }
#banner .caption a img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#banner .caption a:hover img { filter:invert(100%); }
#banner .caption { width: 100%; }
#banner .caption>div { position: relative; width: 672px; margin: auto;  }
/* banner css end */

/* service tab sect css start */
#banner-2 { display: block; background-color:var(--yellow-light); }
#banner-2 h2 {
	font-size: 30px;
	font-weight: 700;
	line-height: 39.99px;
	text-align: center;
	padding: 25px 0;
	color: var(--body-text);
	border-radius: 0px;
	border: 0px;
	font-family: var(--primary-font);
	transition: 0.5s all ease-in-out;
}
/* service tab sect css end */

/* about section css start */
#about-sect-wapper .row { align-items:center; }
.company-left-wrapper { display: flex; gap: 20px; position: relative; }
.company-left-wrapper:before {
	content: '';
	width: 100%;
	height: 100%;
	background-image: url(../img/elements3-1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	opacity: 0.4;
}
.company-separate-left { display: flex; flex-direction: column; gap: 20px; position: relative; }
.company-left-top-img { width: 100%; height: 282px; border-top-left-radius:55px; }
.company-left-top-img img { border-top-left-radius:55px; }
.company-left-bottom-img { width:100%; height:157px; border-radius:0 0 6px 6px; }
.company-left-bottom-img img { border-radius:0 0 6px 6px; }
.company-separate-left img { width:100%; height:100%; object-fit:cover; }
.company-separate-right { display: flex; flex-direction: column; gap: 20px; position: relative; z-index: 10; }
.company-right-top-img { width:100%; height:67px; }
.company-right-bottom-img { width:100%; width: 100%; height: 343.48px; border-radius: 0px 6px 6px 0px; }
.company-right-bottom-img img { border-radius: 0px 6px 6px 0px; }
.company-separate-right img { width:100%; height:100%; object-fit:cover; }
.company-right-heading { margin-bottom:30px; }
.company-right-heading h4 {
	font-family: var(--primary-font);
	font-size: 20px;
	font-weight: 600;
	line-height: 26.66px;
	text-align: left;
	color: var(--primary);
	margin: 0;
	margin-bottom: 18px;
}
.company-right-heading h2 {
	margin: 0;
	font-family: var(--primary-font);
	font-size: 40px;
	line-height:normal;
	font-weight: 700;
	text-align: left;
	color: var(--text-dark);
	text-transform: capitalize;
}
.company-right-main p {
	font-family: var(--secondary-font);
	font-size: 18px;
	line-height: normal;
	font-weight: 400;
	text-align: left;
	color: var(--text-dark);
	margin: 0;
}
.company-right-main a { display:inline-flex; margin-top:30px; }
/* about section css end */

/* service section css start */
.service-a-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-right: 0;
	padding-left: 0;
	height: 640px;
}
#service-a-wapper .row, #service-b-wapper .row { align-items:center; }
.service-section-heading { margin-bottom:30px; }
.service-section-right { padding: 0 344px 0 50px; }
.service-section-left { padding: 0 50px 0 344px; }
.service-section-heading h2 {
	font-family: var(--primary-font);
	font-size: 40px;
	line-height:normal;
	font-weight: 700;
	text-align: left;
	color: var(--primary);
	margin: 0;
	text-transform: capitalize;
}
.service-section-main p {
	font-family: var(--secondary-font);
	font-size: 18px;
	line-height: normal;
	font-weight: 400;
	text-align: left;
	color: var(--text-dark);
	margin: 0;
}
.service-section-main a {  margin-top:30px; }
.service-b-wapper {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/service-b-bg.png);
}
/* service section css end */

/* Why choose us section css start */
.why-choose-sect-wapper { position: relative; }
.why-choose-sect-wapper:before {
	content: '';
	background-image: url(../img/Group-494.svg);
	width: 432.97px;
	height: 487.9px;
	position: absolute;
	right: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.why-choose-sect-wapper:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../img/Group-493.svg);
	width: 448px;
	height: 478.64px;
}
.why-choose-right-text { position:relative; z-index:10; }
.why-choose-left-img { width: 100%; height: 494px; border-radius: 6px; position:relative; z-index:10; }
.why-choose-left-img img { width:100%; height:100%; border-radius:6px; object-fit:cover; display: none; }
.why-choose-header { padding-bottom:30px; }
.why-choose-header h2 {
	font-family: var(--primary-font);
	font-size: 40px;
	line-height:normal;
	font-weight: 700;
	text-align: left;
	color: var(--primary);
	margin: 0;
	text-transform: capitalize;
}
.why-choose-right-text p {
	font-family: var(--secondary-font);
	font-size: 18px;
	line-height: normal;
	font-weight: 400;
	text-align: left;
	color: var(--text-dark);
	margin: 0;
}
.why-accordion-item { position:relative; margin-bottom: 20px; }
.why-accordion-item .why-menu { position:relative; cursor:pointer; }
.why-accordion-wapper a {
	width: 95% !important;
	font-family: var(--primary-font);
	font-size: 20px;
	font-weight: 700;
	line-height: 26.66px;
	text-align: left;
	color: var(--text-dark);
	position: relative;
}
.why-accordion-item .why-menu::after {
	font-family: 'Font Awesome\ 5 Free';
	content: '\f078';
	position: absolute;
	right: 0;
	top: 0;
	font-size: 18px;
	color: var(--text-dark);
	text-align: center;
	font-weight: 900;
}
.why-accordion-item.active .why-menu::after { transform: rotate(180deg); color: var(--primary); }
.why-accordion-item.active .why-menu a { color: var(--primary); }
.why-accordion-wapper .why-content { display: none; padding: 21px 0px 0px; overflow: hidden; }
.why-accordion-item.active .why-content { display:block; }
.why-accordion-wapper .why-content p {
	font-family: var(--secondary-font);
	font-size: 18px;
	line-height: normal;
	font-weight: 400;
	text-align: left;
	color: var(--text-dark);
}
.why-accordion-wapper .why-content p:last-child { margin:0; }
.why-accordion-wapper { padding-top:30px; }
/* Why choose us section css end */

/* contact us section css start */
.address-card {
	border: 2px solid var(--border-color-green);
	padding: 30px;
	border-radius: 10px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	justify-content: center;
}
.address-icon {
	border: 1px solid var(--border-color-green);
	border-radius: 10px;
	width: 80px;
	height: 80px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	color:var(--primary) ;
}
.address-text h3 {
	font-family: var(--primary-font);
	font-size: 20px;
	font-weight: 600;
	line-height: 26.66px;
	text-align: center;
	color: var(--primary);
	margin: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.address-text p, .address-text a {
	font-family: var(--secondary-font);
	font-size: 18px;
	line-height: normal;
	font-weight: 400;
	text-align: center;
	color: var(--text-dark);
	margin: 0;
	word-break: break-all;
}
#contact-wapper { position: relative; }
#contact-wapper:before {
	content: '';
	background-color: var(--yellow-light);
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	height: 622px;
}
#contact-wapper:after {
	content: '';
	position: absolute;
	right: 0;
	top: 45px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../img/Group-c-492.svg);
	width: 448px;
	height: 478.64px;
}
.contact-wapper .row { align-items:center; }
.contact-map { height: 711px; width: 100%; position: relative; }
.contact-map iframe { width:100%; height:100%; }
.contact-us-right-form-wapper { position:relative; z-index:10; }
.contact-us-right-form-wapper h4 {
	font-family: var(--primary-font);
	font-size: 40px;
	line-height:normal;
	font-weight: 700;
	text-align: left;
	color: var(--primary);
	margin: 0;
	padding-bottom: 30px;
	text-transform: capitalize;
}
.contact-us-right-form-wapper form .form-control {
	box-shadow: 0px 0px 4px 0px #00000040;
	border-radius: 6px;
	width: 100%;
	border: 0;
	height: 50px;
	display: flex;
	align-items: center;
	background-color: #fff;
	font-family: var(--secondary-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 19.49px;
	color: var(--text-dark);
}
.contact-us-right-form-wapper form textarea.form-control { height:auto; padding:16px; }
.contact-btn a i { margin-left:10px; }
/* contact us section css end */
/* home page css start */

/* about page css start */

/* inner page banner css start */
.inner-page-banner-wapper {
	height: 400px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	display: flex;
	align-items: center;
}
.inner-page-banner-wapper:before {
	background: #3E409599;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.inner-page-banner-wapper:after {
	content: '';
	background-image: url(../img/footer-wave-shape.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width:100%;
	height:76px;
	bottom: 0;
	left: 0;
	transform: rotate(180deg);
}
.inner-page-banner-card { position:relative; }
.inner-page-banner-card h1 {
	font-family: var(--primary-font);
	font-size: 50px;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	color: var(--text-white);
	margin: 0;
	padding-bottom: 20px;
	text-transform: uppercase;
}
.inner-page-banner-card ul { margin:0; padding:0; display:flex; flex-flow:row wrap; gap:10px; align-items:center; justify-content:center; }
.inner-page-banner-card ul li {
	font-family: var(--secondary-font);
	font-size: 18px;
	line-height: normal;
	font-weight: 400;
	color: var(--text-white);
	list-style-type: none;
}
.inner-page-banner-card ul li a { color: var(--text-white); }
/* inner page banner css end */

/* abour page section a css start */
.about-sect-a-wapper .row { align-items:center; }
.about-p-sect-a-video { width: 100%; height: 500px; position:relative; }
.about-p-sect-a-video iframe { width:100%; height:100%; }
.about-p-sect-a-text h2 {
	font-family: var(--primary-font);
	font-size: 40px;
	font-weight: 700;
	line-height: 39.99px;
	text-align: left;
	color: var(--primary);
	margin: 0;
	margin-bottom: 30px;
	text-transform: capitalize;
}
.about-p-sect-a-text p {
	font-family: var(--secondary-font);
	font-size: 18px;
	line-height: normal;
	font-weight: 400;
	text-align: left;
	color: var(--text-dark);
	margin: 0;
}
/* abour page section a css end */

/* abour page section b css start */
.our-facts-title { margin-bottom:40px; }
.our-facts-title h2 {
	font-family: var(--primary-font);
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
	text-align: left;
	color: var(--primary);
	margin: 0;
	margin-bottom: 30px;
	text-align: center;
	text-transform: capitalize;
}
.our-facts-row {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(287px, 100px));
	 justify-content: center; 
	grid-gap:20px 20px;
}
.our-facts-card-wapper {
	padding: 30px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	width: 100%;
	max-width: 297px;
	margin: 0 auto;
	border: 1px solid var(--border-color-green);
	border-radius: 6px;
}
.our-facts-card-img { font-size: 50px; font-family: var(--primary-font); }
.our-facts-card-inner .shiva { text-align: center; padding-bottom: 10px; }
.our-facts-card-inner .shiva span {
	font-family: var(--primary-font);
	color: var(--primary);
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: normal;
	text-align: center;
	text-transform: capitalize;
}
.our-facts-card-inner .text-fun p {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size:20px;
	line-height: normal;
	text-transform: capitalize;
	color: var(--text-dark);
	margin: 0;
	text-align: center;
}
/* abour page section b css start */

/* product page css start */
.product-sect-a-header { padding-bottom:60px; }
.product-sect-a-header h2 {
	font-family: var(--primary-font);
	font-size: 34px;
	font-weight: 700;
	line-height:normal;
	text-align: left;
	color: var(--primary);
	margin: 0;
	text-transform: capitalize;
	margin-bottom: 16px;
}
.product-sect-a-header p {
	font-family: var(--secondary-font);
	font-size: 24px;
	line-height: normal;
	font-weight: 600;
	text-align: left;
	color: var(--text-dark);
	margin: 0;
}
.product-sect-a-wapper .row { row-gap:30px; }
.product-sect-card {
	background-color:var(--yellow-light);
	border-radius: 6px;
	height: 100%;
	box-shadow: var(--box-shadow);
	overflow: hidden;
	position: relative;
}
.product-sect-img { width: 100%; height: 300px; border-radius: 6px 6px 0 0;  overflow:hidden; }
.product-sect-img img { 
	width:100%; 
	height:100%; 
	object-fit:cover; 
	border-radius: 6px 6px 0 0; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; 
}
.product-sect-text { 
	position:relative; 
	padding:20px 10px; 
	border-radius:0 0 6px 6px; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor: pointer;
}
.product-sect-text h3 { margin:0; line-height:normal; }
.product-sect-text h3 a {
	font-family: var(--primary-font);
	font-size: 24px;
	font-weight: 700;
	line-height:normal;
	text-align: center;
	color: var(--primary);
	margin: 0;
	text-transform: capitalize;
	display: block;
}
.product-sect-card:hover {
	background-color:  var(--primary);
}
.product-sect-card:hover .product-sect-img img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.product-sect-card:hover .product-sect-text h3 a { color: var(--text-white); }
/* product page css end */

/* product details page css start */
.product-card-image {
	width: 100%;
	height: 500px;
	box-shadow: var(--box-shadow);
	border-radius: 6px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-card-image img { width:100%; height:100%; object-fit:contain; border-radius:6px; }
.product-card-text h2 {
	font-family: var(--primary-font);
	font-size: 30px;
	font-weight: 600;
	line-height: normal;
	text-align: left;
	color: var(--primary);
	margin: 0;
	margin-bottom: 16px;
	text-transform: capitalize;
	display: block;
}
.product-card-text p {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size:18px;
	line-height: normal;
	color: var(--text-dark);
	margin: 0;
}
.product-card-text h4 {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size:24px;
	line-height: normal;
	color: var(--text-dark);
	margin:16px 0;
}
.product-card-text ul { padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.product-card-text ul li {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size:18px;
	line-height: normal;
	color: var(--text-dark);
	margin: 0;
	position: relative;
	list-style-type: none;
	padding-left: 30px;
}
.product-card-text ul li:before {
	content: '\f101';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
	font-size:18px;
	color: var(--text-dark);
}
.enquiry-now-btn { margin-top: 30px; }
.product-gallery-wapper { border-top: 2px solid #f5f5f5; position: relative; }
.product-gallery-wapper .product-sect-a-header h2 { margin:0; }
.product-gallery-wapper .row { row-gap:30px; }
.product-gallery-image { 
	height: 280px; 
	width: 100%; 
	border:1px solid #f5f5f5; 
	border-radius:6px; 
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-gallery-image img { 
	width:100%; 
	height:100%; 
	object-fit:contain; 
	border-radius:6px; 
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; 
}
.product-gallery-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.2); }
/* product details page css end */



/* about page css end */