/* september css  */
html{
	overflow-x: hidden;
}
.lumiron-icon {
    height: 50px;
}
.single-product-info p:first-child span {
    text-transform: uppercase;
}
.spaceTable tbody tr:nth-child(2) td {
    text-transform: uppercase;
}
.table-title {
    text-transform: uppercase;
}
.form-actions {
    margin-top: 15px;
}
	.developmentBox .box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 140px;
	}
.developmentBox .box h6 {
		font-size: 14px;
		line-height: 18px;
	}
.developmentBox .imgEffect img {
		width: 40px;
			margin:auto;
	}

h1.contact-heading span {
    display: block;
    font-size: 60px;
      color: #003366;
    font-family: 'gothambold';
    margin-left: -5px;
}
h1.contact-heading {
    font-size: 25px;
	margin-bottom: 15px;
}
.team-details {
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 10px;
}.team-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
}
.team-position {
    margin: 0px;
    font-style: italic;
}
section.team-section {
    padding: 50px 0px;
}
select#product_title {
    text-transform: uppercase;
}
.team-grid:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.team-grid {
    margin-bottom: 15px;
}
.left-contact-info p {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
}
.left-contact-info a {
    
    color: #000;
}
	.solarimg {
		max-width: 600px
	}
.form-select {
    font-size: 15px;
}
.form-control {
    font-size: 15px;
}
.message-box {
    min-height: 130px !important;
}
.btn.btn-primary {
	font-size: 16px;
    border: 1px solid #00ADEF !important;
    background-color: #00ADEF;
    border-radius: 30px;
    padding-left: 25px;
    padding-right: 25px;
}

.btn.btn-primary:hover {
    border: 1px solid #003366 !important;
    background-color: #003366;
     
}


.btn.btn-secondary {
	font-size: 16px;
    border: 1px solid #003366 !important;
    background-color: #003366;
    border-radius: 30px;
    padding-left: 25px;
    padding-right: 25px;
}

.btn.btn-secondary:hover {
    border: 1px solid #00ADEF !important;
    background-color: #00ADEF;
     
}

.white{
	color: #fff;
}

.contact-form .col-md-6 {
    padding-left: 4px;
    padding-right: 4px;
}
.contact-form .col-md-12 {
    padding-left: 4px;
    padding-right: 4px;
}
/* september css end */



@font-face {
	font-family: 'gothamlight';
	src: url('../fonts/Gotham-Light.woff') format('woff'),
		url('../fonts/Gotham-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'gothambook';
	src: url('../fonts/Gotham-Book.woff') format('woff'),
		url('../fonts/Gotham-Book.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'gothammedium';
	src: url('../fonts/Gotham-Medium.woff') format('woff'),
		url('../fonts/Gotham-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'gothambold';
	src: url('../fonts/Gotham-Bold.woff') format('woff'),
		url('../fonts/Gotham-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'gothamblack';
	src: url('../fonts/Gotham-Black.woff') format('woff'),
		url('../fonts/Gotham-Black.woff') format('woff');

	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'OswaldBold';
	src: url('../fonts/Oswald-Bold.woff') format('woff'),
		url('../fonts/Oswald-Bold.woff') format('woff');
		 
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

html,
body {

	font-family: 'gothambook';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	font-size: 20px;
	position: relative;
}

body {
	overflow-x: hidden !important;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

a:focus {
	outline: none;
}

/**{transition: .2s ease-out 100ms;}*/
p {
	font-size: 16px;
	line-height: 26px;
	font-family: 'gothambook';
}

h2 {
	font-size: 2.75rem;
	font-family: 'gothambold';
	line-height: 66px;
}

h2 span {
	display: block;
}
.button.button.btn.btn-primary.reset-btn {
    background-color: red;
    border-color: red !important;
}
.js-form-item.form-item label {
    font-size: 14px;
    margin-bottom: 4px;
}
 
h3 {
	font-size: 1.75rem;
	font-family: 'gothambold';
}

h4 {
	font-size: 1.2rem;
	font-family: 'gothambold';
}

.blackColor {
	color: #000;
}

.whiteColor {
	color: #fff;
}

/*page button style*/

.lumiron-btn-design {
	font-size: 14px;
	padding: 15px 40px 15px 30px;
	border: 1px solid transparent;
	border-radius: 50px;
	display: flex;
	align-items: center;
	line-height: normal;
}

.lumiron-btn-design img {
	margin: 4px 0 0 7px !important;
}

.whitebtn {
	border-color: #fff;
	color: #fff;
}

.whitebtn:hover {
	border-color: #00ADEF;
	background: #00ADEF;
	color: #fff;
}

.blackbtn {
	border-color: #000;
	color: #000;
	background: url(../img/black-icon.png) no-repeat 87% center;
}

.blackbtn:hover {
	border-color: #00ADEF;
	background: #00ADEF url(../img/white-arrow.png) no-repeat 87% center;
	 
	color: #fff;
}

.orangebtn {
	border-color: #00ADEF;
	background: #00ADEF url(../img/white-arrow.png) no-repeat 87% center;
	color: #fff;
}

.orangebtn:hover {
	color: #fff;
	border-color: #000;
	color: #000;
	background: transparent url(../img/black-icon.png) no-repeat 87% center;
}

.buttonArea {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}



/*page button style*/
 

 

header {
	padding: 30px 0;
	z-index: 9;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

header .whiteLogo,
.lightThme header .blueLogo,
.lightThme header.sticky .whiteLogo {
	display: none;
}

.lightThme header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9
}

.lightThme header .whiteLogo {
	display: block;
}

.lightThme header .enquire-box .link-btn a {
	color: #fff;
	border-color: #fff
}

.lightThme header .rightMenu img {
	filter: brightness(0) invert(1);
}

.lightThme header .contact-box li a {
	color: #fff
}

.lightThme header.sticky .enquire-box .link-btn a {
	color: #000;
	border-color: #000
}

.lightThme header.sticky .rightMenu img {
	filter: brightness(0) invert(0);
}

.lightThme header.sticky .contact-box li a {
	color: #000
}


header * {
	transition: .2s ease-out 100ms;
}

header.sticky,
header.stickyMob {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 6px 0;
	animation: sticky 1s;
	z-index: 99;
	box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
}

header.sticky .blueLogo {
	display: block;
}

@-webkit-keyframes sticky {
	0% {
		top: -200px;
	}

	100% {
		top: 0;
	}
}

@keyframes sticky {
	0% {
		top: -200px;
	}

	100% {
		top: 0;
	}
}

header.sticky .contact-box {
	display: none;
}

header.sticky .logo img {
	width: 130px
}

header.sticky .menu li a {
	font-size: 14px;
}

header.sticky .enquire-box .link-btn a {
	font-size: 12px;
	padding: 6px 10px
}

header .lumiron-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menuToggle {
	display: flex;
	align-items: center;
}

.menu {
	 
	border-radius: 50px;
	background: #003366;
	display: flex;
	overflow: hidden;
}

.menu li a {
	display: block;
	font-size: 16px;
	color: #fff;
	background: #003366;
	padding: 14px 24px;
	text-align: center;
}

.rightMenu {
	display: flex;
	position: relative;
	flex-direction: column;
	width: 380px
}

.contact-box {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	top: -51px;
	right: 0;
}

.contact-box li a {
	color: #252424;
	font-size: 14px;
	white-space: nowrap;
}

.contact-box li a span {
	margin-right: 8px;
	display: inline-block;
}

.contact-box li:last-child {
	margin-left: 28px;
}

.logo img {
	max-width: 180px;
}

.enquire-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.enquire-box .link-btn a {
	display: block;
	font-size: 14px;
	color: #000;
	border: 1px solid #000;
	padding: 10px;
	border-radius: 50px;
	text-transform: capitalize;
}

.enquire-box .link-btn a:hover {
	border-color: transparent;
	background: #00ADEF;
	color: #fff;
}

.enquire-box li:first-child {
	margin: 0;
}

.enquire-box li {
	margin-left: 22px;
}

.toggleButton img {
	width: 20px;
}

/*banner Slider*/
.eastmanbatterySlider,
.innerPageSimpleBanner {
	position: relative;
	padding-top: 100px
}

.eastmanbatterySlider .homeVideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.eastmanbatterySlider .homeVideo video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.eastmanbatterySlider .homeVideo:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #302d2d4f
}

.slideItem {
	position: relative;
	padding: 70px 0
}

.slideItem .bg-mark {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: transparent url(../img/banner-image.png) no-repeat;
	background-position: 102% center;
	z-index: 9;
}

.slideItem .bannerMainSlide {
	width: 100%;
}

.slideItem .slideStyle {
	position: relative;
	width: 1320px;
	display: flex;
	align-items: center;
	z-index: 10;
	margin: 0 auto;
}

.slideItem .slideStyle>div {
	width: 100%
}

.slideItem .slideContant {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.slideItem .slideContant,
.slideItem .slideImage {
	flex: 1;
	width: 50%;
}

.slideItem .slideContant h1 {
	font-family: 'gothambook';
	font-size: 2rem;
	color: #fff;
	margin-bottom: 20px;
}

.slideItem .slideContant h1 span {
	display: block;
	font-size: 5.5rem;
	color: #fff;
	font-family: 'gothambold';
	margin-left: -5px;    text-shadow: 1px 1px #000000;
}

.slideItem .slideContant p {
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	margin-bottom: 40px;
}

.slideItem .slideImage {
	display: flex;
	justify-content: flex-end;
}

.slideItem .slideImage .imageSide {
	width: 525px;
	height: 525px;
	position: relative;
}.contact-form p {
    margin: 0px;
}

.slideItem .slideImage .imageSide .imageblueBg {
	background: #1F367C;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.slideItem .slideImage .imageSide img {
	width: 385px;
	max-width: 100%;
}

.slideItem .slideImage .imageSide span {
	position: absolute;
	font-size: 14px;
	color: #fff;
	top: 40%;
	left: -70px;
	    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-family: 'gothammedium';
	transform: translate(0, -50%);
	text-align: center;
	font-family: 'gothambold';
}

.homeSlider .slick-dots {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0, -50%);
}

.homeSlider .slick-dots li {
	line-height: normal;
	width: 18px;
	height: 18px;
	border: 1px solid #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px 0;
	position: relative;
}

.homeSlider .slick-dots li button {
	border: none;
	text-indent: -99999px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	padding: 0;
}

.homeSlider .slick-dots li.slick-active {
	border-color: #00ADEF;
	margin-top: 120px;
}

.homeSlider .slick-dots li.slick-active button {
	background: #00ADEF;
}

.homeSlider .slick-dots li.slick-active:after {
	position: absolute;
	top: -110px;
	left: 7px;
	content: '';
	width: 3px;
	height: 50px;
	background: #F06C06;
}

.homeSlider .slick-dots li.slick-active:before {
	position: absolute;
	top: -60px;
	left: 7px;
	content: '';
	width: 3px;
	height: 50px;
	background: #fff;
}

.homeSlider .slick-dots li.slick-active button:before {
	position: absolute;
	content: '';
	top: -19px;
	left: 3px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	padding: 4px;
}

.slideItem .bannerMainSlide {
	opacity: 1 !important;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	transition: all 1s ease;
}

@-webkit-keyframes zoomInImage {
	from {
		transform: scale3d(1, 1, 1);
	}

	to {
		transform: scale3d(1.1, 1.1, 1.1);
	}
}

@keyframes zoomInImage {
	from {
		transform: scale3d(1, 1, 1);
	}

	to {
		transform: scale3d(1.1, 1.1, 1.1);
	}
}

.zoomInImage {
	-webkit-animation-name: zoomInImage;
	animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
	from {
		transform: scale3d(1.1, 1.1, 1.1);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

@keyframes zoomOutImage {
	from {
		transform: scale3d(1.1, 1.1, 1.1);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

.zoomOutImage {
	-webkit-animation-name: zoomOutImage;
	animation-name: zoomOutImage;
}

/*Our Product development philosophy Section*/
.our-product-section {
	position: relative;
	padding: 45px 0;
}

.our-product-section h2 span {
	display: block;
	font-size: 18px;
}

.developmentBox {
    display: flex;
    flex-wrap: wrap;
    max-width: 90%;
    margin: auto;
}

.flexHeight {
	display: flex;
	height: 100%;
	align-items: center;
}

.developmentBox .box {
	flex: 50%;
	padding: 20px 30px;
	height: 200px;
	border-bottom: 1px solid #D9D6D6;
	border-right: 1px solid #D9D6D6;
	text-align:center;
}

.developmentBox .box:nth-child(2),
.developmentBox .box:nth-child(4) {
	border-right: none;
}

.developmentBox .box:last-child {
	border: none;
}

.developmentBox .box h6 {
	text-align: center;
	 
	color: #000;
	font-family: 'gothammedium';
}

.developmentBox .box:hover h6 {
	color: #fff;
	text-align: center;
}

.imgEffect {
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
	left: 50%;
	text-align:center;
	transform: translate(-50%, 0);
}

.developmentBox .box .back-img,
.developmentBox .box:hover .front-img {
	display: none;
}

.developmentBox .box:hover .back-img {
	display: block;
}

.developmentBox .box:hover {
	background: #003366;
}
 

    .developmentBox .box {
        display: flex;
        flex-direction: column;
        justify-content: center;
       
    }
/*lumiron-inverter battery Section*/
.banner-bg-wrap {
    margin-bottom: 10px;
}
 .banner-title {
    font-size: 30px;
    line-height: normal;
    margin-bottom: 5px;
    color: #fff;
    text-shadow: 1px 1px #000;
}
.lumiron-breadcrumb {
    display: flex;
    align-items: center;
    gap: 5px;
}
.lumiron-breadcrumb a {
    font-size: 14px;
    color: #fff !important;
}
.lumiron-breadcrumb span {
    font-size: 14px;
    color: #fff !important;
}
.lumiron-breadcrumb li {
    font-size: 14px;
    color: #fff !important;
}
.banner-category-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 350px;
	    display: flex;
    align-items: end;
}
.lumiron-inverter-section {
	position: relative;
	background: linear-gradient(268deg, #F2F2EE 2.56%, #F2F2F2 51.8%, #FFF 99.03%);
	     
	
}

.home-inverter {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
}




 


h2.title-border-graphic {
	position: relative;
	margin-bottom: 30px;
	font-size: 30px;
}

h2.title-border-graphic:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 0);
    background: url(../img/battery-icon.png) no-repeat;
    width: 100%;
    height: 20px;
    content: '';
    background-size: contain;
    margin: auto;
    text-align: center;
    background-position: center;
}

 

.eRickshaw {
	    background: linear-gradient(268deg, #F2F2EE 2.56%, #F2F2F2 51.8%, #FFF 99.03%);
    overflow-x: hidden;
}

.eRickshaw .home-inverter {
	top: 50%;
	right: 0;
	transform: translate(35%, -50%);
	left: auto;
}

.eRickshaw .col {
	justify-content: flex-start;
}

.eRickshaw .inverterDetail {
	width: 800px;
	align-items: flex-start;
	padding: 0;
}

.eRickshaw .inverterDetail p {
	text-align: left;
}

.eRickshaw h2.title-border-graphic:after {
	left: 0;
	transform: translate(0, 0);
}

/*Solar Batter Section*/

.solar-battery-section {
    background: linear-gradient(rgb(0 0 0 / 72%), rgba(0, 0, 0, 0.4)), url(../img/solar-bg.jpg) no-repeat center center;
    
    background-size: cover;
}
 

 section.feature-section{
	padding: 60px 0px;
 }

 

 

/*Blog Section*/
.blogSec {
	position: relative;
	padding: 45px 0;
}

.top-block {
	padding-bottom: 45px
}

.centerAlign {
	text-align: center;
}

.blogList {
	margin-top: 30px;
	position: relative;
}

.imgResposive {
	width: auto;
	max-width: 100%;
}

.blogContent {
	padding: 25px 0;
	color: #000;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.blogContent a {
	color: #000;
}

.blogContent span {
	font-size: 14px;
}

.blogList .imgResposive {
	width: 100%;
}

.blogContent h4 {
	margin: 20px 0;
}

.blogContent p {
	font-size: 16px;
	line-height: 26px;
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/*Eastman assure Section*/
.assureSec {
	padding: 45px 0;
	position: relative;
}

.assureContent {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contact-section {
	position: relative;
	background: #003366;
	padding: 50px 0;
	color: #fff;
}

.enquiryDetail p {
	font-size: 21px;
	margin-top: 30px;
}

.enquiryDetail a {
	font-family: 'gothambold';
	color: #fff;
	font-size: 38px;
	display: flex;
	align-items: center;
}

.enquiryDetail a img {
	margin-right: 10px;
}

 .left-contact-info img {
    height: 20px;
}

.inputStyle {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #DED8D8;
	background: #FFF;
	padding: 14px 26px;
	font-size: 15px;
	color: #796D6D;
	height: 52px;
}

 

.submitBtn {
	font-size: 14px;
	padding: 15px 60px 15px 50px;
	border: 1px solid transparent;
	border-radius: 50px;
	background: #00ADEF url(../img/white-arrow.png) no-repeat 74% center;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
}

 
/*Footer Sectin*/
.logo {
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
	    padding-left: 7px;
}.footer-logo {
    max-width: 120px;
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    padding-left: 7px;
}
footer {
	position: relative;
	padding: 40px 0px;
	    background-color: #e5e5e5;
}

footer h5 {
	font-size: 14px;
	font-family: 'gothamblack';
	color: #000;
	margin-bottom: 14px;
	text-transform: uppercase;
}.copyright-section {
    background-color: #003366;
    padding: 8px 0px;
}
.copyright-section p{
font-size: 12px;
color:#fff;
}

footer a,
footer p {
	color: #000;
	font-size: 14px;
	 
}

footer a:hover {
	color: #000;
}

footer p {
	margin: 0 0 10px;
	display: flex;
}

footer p img {
	margin-right: 15px;
}

.social-icon {
	display: flex;
}

.social-icon li a {
	padding-right:10px;
}

.social-icon i {
	color: #003366;
	font-size: 18px;
}

.footerLogo {
	margin: 85px 0 0;
	width: 190px;
	;
}

 

 

 


/*FAQ*/
.featureBlock {
	padding: 45px 0
}

.faqSec {
	background: linear-gradient(122deg, #F5BA01 16.67%, #FEDC5C 60.41%, #FFE366 102.37%);
	padding: 120px 0
}

.faqContainer {
	border-radius: 15px;
	background: #FFF;
	box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.20);
	padding: 50px
}

.faqContainer .faqAccordion.ui-accordion .ui-accordion-header {
	font-family: 'gothambold';
	font-size: 21px;
	line-height: normal;
	margin: 0;
	background: transparent;
	color: #000;
	border: none;
	padding: 25px 0;
	position: relative;
	border-bottom: 1px dotted #D3BCBC;
}

.faqContainer .faqAccordion.ui-accordion .ui-accordion-header.ui-accordion-header-active {
	border: none;
	padding-bottom: 10px
}

.faqContainer .faqAccordion.ui-accordion .ui-accordion-header .ui-icon {
	position: absolute;
	right: 0;
	width: 30px;
	height: 30px;
	background: #003366;
	border-radius: 50%;
}

.faqContainer .faqAccordion.ui-accordion .ui-accordion-header .ui-icon:after {
	position: absolute;
	content: "+";
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 22px;
	height: 100%;
	text-indent: 0px;
	font-family: 'gothambook';
	justify-content: center;
	width: 100%;
}

.faqContainer .faqAccordion.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:after {
	content: '-';
}

.faqAccordion.ui-accordion .ui-accordion-content {
	border: none;
	padding: 0 100px 0 0;
	border-bottom: 1px dotted #D3BCBC;
	font-family: 'gothambook';
}

.faqAccordion.ui-accordion .ui-accordion-content p {
	font-size: 14px;
	line-height: 28px;
	font-family: 'gothambook';
	margin-bottom: 10PX
}

.breadcrumbSec {
	background: #F4F4F4;
	padding: 16px 0
}

.breadcrumbSec ul {
	display: flex;
}

.breadcrumbSec ul li,
.breadcrumbSec ul li a {
	font-size: 18px;
	line-height: normal;
	padding-right: 15px;
	color: #000
}

.breadcrumbSec ul li a {
	position: relative;
}

.breadcrumbSec ul li a:after {
	position: absolute;
	content: '';
	background: url(../img/right-arrow.png) no-repeat;
	width: 7px;
	height: 12px;
	top: 5px;
	right: -5px
}


.featuresOwl .keySlide {
	display: flex;
	height: 545px;
	border-radius: 15px;
	align-items: flex-end;
	background: linear-gradient(0deg, #003366 -0.88%, #3254C0 100%);
	box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.20);
	width: 100%;
	transform-style: preserve-3d;
	transition: transform 0.6s;
}

.featuresOwl .keySlide .detail {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: flex-end;
	padding: 50px 32px;
}

.detailBack {
	transform: rotateY(180deg);
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	padding: 50px 32px;
	flex-direction: column;
}

.detailBack .flipHead {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.detailBack .flipHead img {
	width: 80px;
	margin-right: 15px;
}

.detailBack .flipHead h4 {
	color: #fff;
	margin: 0
}

.detailBack .content p {
	color: #fff;
	font-size: 14px;
}

/* .featuresOwl .item:hover .keySlide{  transform: rotateY(180deg);} */
.featuresOwl .item:hover .keySlide {
	transform: rotateY(180deg);
}

.featuresOwl .keySlide .detail img {
	width: 170px;
	margin-bottom: 20px
}

.featuresOwl .keySlide .detail p {
	color: #fff;
	font-size: 26px;
	line-height: 30px;
	font-family: 'gothamlight';
	margin: 0;
	text-transform: none;
}

.featuresOwl .keySlide .detail p span {
	display: block;
}

.featuresOwl .owl-item .item {
	padding: 20px 0
}

.featuresOwl .owl-item:nth-child(even) .item .keySlide {
	border-radius: 15px;
	background: linear-gradient(172deg, #FEDC5C 57.53%, #F5BA01 95.55%, #FFE366 111.13%);
	box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.20);
}

.featuresOwl .owl-item:nth-child(even) .item .keySlide .detail p {
	color: #000
}

.featuresOwl .owl-item:nth-child(even) .item .keySlide .detailBack h4,
.featuresOwl .owl-item:nth-child(even) .item .keySlide .detailBack p {
	color: #000
}

.slideTabStyle .featuresOwl {
	padding-left: 180px !important
}

.slideTabStyle.ui-widget.ui-widget-content {
	border: none;
	padding: 0;
	margin-top: 50px
}

.slideTabStyle.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
}

.rangeSec {
	padding-top: 30px;
}

.featuresOwl .owl-nav {
	position: absolute;
	right: 30px;
	width: 92px;
	bottom: -15px;
}

.featuresOwl .owl-nav button {
	width: 42px;
	height: 42px;
	line-height: 0px !important;
	background: #003366 !important;
	display: block;
	position: absolute;
	left: 0;
	z-index: 1;
	color: #fff !important;
	font-size: 35px !important;
	padding: 0px !important;
	border-radius: 50%;
}

.featuresOwl .owl-nav button span {
	display: block;
	width: 42px;
	height: 42px;
	line-height: 36px;
}

.featuresOwl .owl-nav button.owl-next {
	right: 0;
	left: auto;
}

.slideTabStyle.ui-tabs .ui-tabs-nav li {
	border: none;
	background: transparent;
	width: 100%;
	padding-bottom: 50px
}

.slideTabStyle.ui-tabs .ui-tabs-nav .item a {
	padding: 52px 30px;
	width: 100%
}

.showTabs {
	border-radius: 10px;
	background: #F8F8F8;
	box-shadow: 0px 9px 4px 0px rgba(83, 76, 76, 0.11);
	padding: 70px 40px;
}

.showTabs .tabBody {
	display: flex;
	align-items: center;
}

.showTabs .tabBody .tabImg {
	padding: 50px;
	background: #fff;
	margin-right: 40px;
}

.tabDetail h3 {
	font-size: 1.6rem;
	color: #000;
	text-transform: uppercase;
}

.tabDetail p {
	font-size: 18px;
	line-height: 28px;
	font-family: 'gothambook';
}

.showTabs .ui-tabs-panel {
	border: none;
	padding: 0
}

.slideTabStyle li.ui-tabs-active:after {
	position: absolute;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 30px solid #EFEFEF;
	bottom: 0;
	left: 50%;
}

/* .rangeSec{padding-bottom: 45px;} */
.ui-tabs .ui-tabs-nav,
.ui-widget.ui-widget-content {
	padding: 0;
	border-radius: 0;
	background: transparent;
	border: none;
}

.rangeBox {
	background: url(../img/rangeBg.png) no-repeat left center, linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 100%), url(<path-to-image>), lightgray -134.699px 12.415px / 120.331% 104.179% no-repeat;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-bottom: 30px;
}

/*.rangeBox .leftArea{width: 390px;position: relative;display: flex;align-items: center;}*/
.rangeBox .hightrange {
	position: absolute;
	z-index: 9;
	margin-left: 40px;
	display: flex;
	top: 34%;
	right: 260px;
}

.rangeBox .hightrange.solarRng {
	top: 30%
}

.rangeBox .hightrange li {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin: 0 20px
}

.rangeBox .hightrange li:last-child {
	margin-bottom: 0
}

.rangeBox .hightrange li img {
	margin-bottom: 10px
}

.rangeBox .hightrange li h6 {
	font-size: 22px;
	font-family: 'gothambold';
	text-align: center;
}

.rangeBox .hightrange li h6 span {
	display: block;
}

/*.rangeBox .leftArea .colorFull{position: absolute;top: 0;left: 0}*/
.rangeTabArea {
	flex: 1;
	margin-top: 80px
}

.rangeTabArea .ui-tabs ul {
	text-align: center;
	display: flex;
	justify-content: center;
}

.rangeTabArea .ui-tabs ul li {
	float: none;
	background: transparent;
	border: none;
	padding: 0 25px
}

.rangeTabArea .ui-tabs ul li a {
	font-family: 'gothambold';
	font-size: 18px;
	color: #676565;
	border-bottom: 1px solid transparent;
	padding: 16px 0 !important;
}

.rangeTabArea .ui-tabs ul li.ui-tabs-active a {
	color: #E76F21;
	border-color: #E76F21
}

.seriesBody {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.seriesBody h3 {
	font-size: 3.25rem;
	color: #1E3E8E;
	font-family: 'gothambold';
	line-height: 68px;
	margin: 10px 0;
	text-align: center;
}

.seriesBody p {
	color: #000;
}

.rangeTabArea .buttonArea {
	margin: 0
}

.rangeTabArea .buttonArea a {
	margin: 0 10px;
	font-family: 'gothambook';
}

.rangeTabArea .buttonArea a.orangebtn {
	color: #fff;
}

.rangeTabArea .buttonArea a.orangebtn:hover {
	color: #000;
}

.performanceSec {
	background: url(../img/performance-bg.jpg) no-repeat;
	padding: 45px 0 100px;
	background-size: cover;
}

.performanceSec h3 {
	font-family: 'gothamblack';
	font-size: 2.75rem;
	font-weight: 900;
	color: #003366;
}

.performanceSec h3 span.orangeColor {
	color: #00ADEF;
}

.performanceSec h3 span {
	display: block;
}

.performanceSec .detail {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 100px;
	position: relative;
}

.performanceSec .performancImg {
	position: absolute;
	bottom: -80px;
	right: 170px;
}

/* .catalogueSec{background: linear-gradient(122deg, #F5BA01 16.67%, #FEDC5C 60.41%, #FFE366 102.37%);padding: 35px 0;} */
.catalogueSec {
	background: #003366;
	padding: 35px 0;
}

.catalogueSec .downloadDetail h2 {
	color: #fff;
}

.catalogueSec h2.title-border-graphic:after {
	left: 0;
	transform: translate(0, 0);
}

.downloadDetail {
	display: flex;
	padding: 0 100px;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.downloadDetail h2 {
	text-transform: capitalize;
}

.downloadBox {
	background: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 360px;
	height: auto;
	padding-top: 10px;
	justify-content: center;
	position: relative;
}

.downloadBox img {
	margin: 0 auto;
}

.downloadBox a {
	color: #000;
	font-size: 14px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 10px 20px;
	text-transform: capitalize;
}

.popupOverLay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #0009;
	z-index: 99;
	display: none;
}

.popupOverLay.show {
	display: block;
}

.popupContainer {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 900px;
	max-width: 90%;
	background: #fff;
	padding: 60px 40px 0;
	border-radius: 15px
}

.popupContainer:after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	background: url(../img/catalogue-tag.png) no-repeat;
	width: 194px;
	height: 183px
}

.popupContainer h2 {
	display: inline-block;
	font-size: 2rem;
	line-height: normal;
	margin-bottom: 40px
}

.popupContainer h2:after {
	left: 50% !important;
	transform: translate(-50%, 0) !important;
}

.formDesign .groupRow {
	display: flex;
	margin-bottom: 45px;
}

.formDesign .groupRow .groupColm {
	flex: 1;
	padding: 0 10px;
	display: flex;
}

.formControl {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #D3D3D3;
	font-family: 'gothambook';
	font-size: 14px;
	padding: 13px 15px;
}

textarea.formControl {
	height: 100px
}

.formDesign .submitBtn {
	position: relative;
	background: #00ADEF url(../img/down-arrow.png) no-repeat;
	background-position: 84% 21px;
}

.closePop {
	font-size: 14px;
	padding: 15px 30px;
	border: 1px solid #000;
	border-radius: 50px;
	display: flex;
	align-items: center;
	line-height: normal;
	margin-left: 15px
}

.innerPageVideoBanner video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%
}

.compatibilityList {
	background: #003366;
	padding: 60px 0;
}

.compatibilityList tr.orangeBg {
	background: #00ADEF;
	color: #fff;
}

.compatibilityList tr.orangeBg th:first-child {
	color: #fff;
	font-size: 30px;
	padding: 5px 0;
	text-align: center;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-right-width: 1px;
	border-right-color: #fff;
}

.compatibilityList tr.orangeBg th:last-child {
	color: #fff;
	font-size: 30px;
	padding: 5px 0;
	text-align: center;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.compatibilityList tr.orangeBg th p {
	display: inline-block;
	margin-left: 10px;
}

.compatibilityList tr td {
	border: 1px solid #686868;
	color: #000;
	font-size: 18px;
	padding: 12px;
	text-align: center;
}

.UPSComboList {
	background: linear-gradient(268deg, #E2E2E1 2.56%, #F2F2F2 51.8%, #CDCDCD 99.03%);
	padding: 45px 0;
	margin-top: 35px;
}

.UPSComboList h2 {
	margin-bottom: 60px
}

.products-grid-cards {
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 50px 0;
	margin-bottom: 30px
}

.all-product-listing-page .products-grid-cards {
	padding:  15px;
}

.all-product-listing-page .products-grid-cards p {
	color: #000;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	font-family: 'gothammedium';
	margin: 0
}

.all-product-listing-page.solarList .products-grid-cards img {
	width: 180px;
	height: 180px;
	object-fit: contain;
}

.products-grid-cards img {
	width: auto;
	max-width: 100%
}

.products-grid-cards h5 {
	font-family: 'gothambold';
	font-size: 16px;
	color: #000;
	margin: 12px 0 20px;
	text-align: center;
}

.products-grid-cards h5>a {
	color: #000;
}
.product-value {
    text-transform: uppercase;
    font-size: 13px;
}

.products-grid-cards a {
	padding: 10px 0px;
	text-transform:uppercase;
}

/* .products-grid-cards>a{height: 190px} */
.products-grid-cards>a img {
	width: 100%;
	height: 100%;
}

.all-product-listing-page {
	background: #F1F0F0;
	padding: 45px 0;
	 
}

.all-product-listing-page h2 {
	margin-bottom: 60px;
	color: #000
}

.checkBox {
	position: relative;
	padding-left: 22px;
	display: flex;
	align-items: center;
	margin-bottom: 5px
}

.checkBox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 3px;
	left: 0;
	height: 12px;
	width: 12px;
	border: 1px solid #000;
}

.checkBox input:checked~.checkmark {
	background: #00ADEF;
	border-color: #00ADEF;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkBox input:checked~.checkmark:after {
	display: block;
}

.checkBox .checkmark:after {
	left: 3px;
	top: 1px;
	width: 4px;
	height: 7px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.checkText {
	font-size: 14px;
	color: #000
}

.filter {
	background: #fff;
	padding: 20px 20px 40px;
}

.filterHead {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #000;
}

.filter h3 {
	font-family: 'gothambold';
	font-size: 16px !important;
	color: #000;
	margin: 0 !important;
}

.filterHead button {
	font-family: 'gothambook';
	font-size: 14px;
	border: none;
	background: transparent;
}

.filter #filterArea {
	font-family: 'gothambook';
}

.filter .ui-accordion .ui-accordion-header {
	padding: 15px 0;
	background: transparent !important;
	border: none;
	position: relative;
	border-bottom: 1px dotted #000;
}

.filter .ui-accordion .ui-accordion-header.ui-state-active,
.filter .ui-accordion .ui-accordion-header.last {
	border: none
}

.filter .ui-accordion .ui-accordion-header span {
	position: absolute;
	top: 15px;
	right: 0;
	background: url(../img/down-Vector.png) no-repeat;
	transform: rotate(180deg);
}

.filter .ui-accordion .ui-accordion-header span.ui-icon-triangle-1-s {
	transform: rotate(0deg);
	top: 25px;
}

.filter .ui-accordion .ui-accordion-content {
	padding: 0;
	border: none;
	border-bottom: 1px dotted #000;
	border-radius: 0;
	padding-bottom: 10px
}

.exploreBanner {
	position: relative;
}

.exploreBanner img {
	width: 100%
}

.exploreBanner h2 {
	padding: 0 15px;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	text-align: center;
}

.sectionTab {
	background: #00ADEF;
	padding: 15px 0
}

.sectionTab ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sectionTab ul li a {
	font-family: 'gothambold';
	color: #fff;
	font-size: 16px;
	line-height: normal;
	padding: 0 30px;
	border-right: 1px solid #fff;
}

.sectionTab ul li:last-child a {
	border: none
}

.inoSec {
	padding: 45px 0
}

.padding-left {
	padding-left: 100px
}

.padding-right {
	padding-right: 100px
}

.inforimg {
	background: #F6F6F6;
	display: flex;
	height: 420px;
	justify-content: center;
	align-items: center;
}

.product-info-details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	justify-content: center;
	padding-left: 50px;
}

.product-info-details h3 {
	font-family: 'gothambold';
	color: #000;
	font-size: 24px;
	    text-transform: uppercase;
}

.product-info-details p {
	font-size: 16px
}

.featureSec {
	position: relative;
}

.featureSec h2 {
	color: #000
}

.featureBox {
	margin-top: 60px
}

.featureBox .featureImg {}

.featureBox {
	margin-top: 40px;
	display: flex;
	background: #F9F9F9;
	align-items: center;
}

.featureDetail {
	padding-left: 40px;
}

.featureBox h3 {
	font-family: 'gothambold';
	color: #000;
	font-size: 30px;
	margin-bottom: 30px
}

.featureBox ul li {
	background: url(../img/orange-vector.png) no-repeat left center;
	font-size: 18px;
	line-height: 32px;
	padding-left: 20px;
	margin-bottom: 10px
}

.specificationsSec {
	padding: 45px 0
}

.specificationsSec table th,
.specificationsSec table td {
	border: 1px solid #000;
}

.specificationsSec table .orangeBg th {
	background: #00ADEF;
	font-family: 'gothambold';
	font-size: 24px;
	padding: 8px 0;
	color: #fff;
	text-align: center;
}

.specificationsSec table th {
	font-family: 'gothambold';
	font-size: 18px;
	color: #000;
	line-height: 32px;
	padding: 8px 20px
}

.specificationsSec table td {
	font-size: 16px;
	color: #000;
	line-height: 30px;
	padding: 10px 20px
}

.spaceTable {
	padding: 0 100px;
	margin-top: 40px
}

.applicationSec {
	background: #fff;
	padding: 45px 0;
}

/* .applicationSec h2{color: #fff} */
.applicationSec .allApplication {
	display: flex;
	padding: 0 80px;
	justify-content: space-between;
}

.allApplication .box {
	text-align: center;
}

.allApplication .box p {
	margin: 10px 0 0 0;
	font-family: 'gothambold';
	font-size: 16px
}

.solderFlex {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
}

.rickshawPerformance {
	background: none;
	padding: 0 0 30px
}

.rickshawPerformance .detail {
	background: url(../img/rickshaw-performance-bg.png) no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: row;
	padding: 30px 0 0;
	position: relative;
}

.rickshawsDetail {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 30px
}

.rickshawPerformance .proFeature {
	position: absolute;
	top: 30px;
	right: 30px;
	display: flex;
	flex-wrap: wrap;
	width: 500px;
}

.rickshawPerformance .proFeature:after {
	position: absolute;
	top: -30px;
	left: -12px;
	width: 400px;
	height: 246px;
	background: #ffffff70;
	border-radius: 50%;
	content: "";
	z-index: 1;
}

.rickshawPerformance .proFeature:before {
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	height: 230px;
	background: #ffffff;
	border-radius: 50%;
	content: "";
	z-index: 1;
}

.proFeature li {
	width: 47%;
	border-bottom: 1px solid #DADADB;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
	z-index: 2;
	padding-bottom: 5px
}

.proFeature li .box {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.proFeature li .box:after {
	position: absolute;
	content: '';
	top: -4px;
	right: -6px;
	width: 1px;
	height: 100%;
	border-right: 1px solid #DADADB;
}

.proFeature li .box p {
	font-size: 14px;
	margin: 0
}

.proFeature li:last-child {
	border: none
}

.proFeature li:nth-child(2) .box:after,
.proFeature li:nth-child(4) .box:after {
	content: none
}

.proFeature li:nth-child(3) {
	border-bottom: none
}

.faqPage .slideItem .slideImage .imageSide img {
	width: auto;
	max-width: 100%
}

.faqPage .slideItem .bg-mark {
	background-color: #fff !important;
}

.faqPage .slideItem .slideContant h1,
.faqPage .slideItem .slideContant p {
	color: #000
}

.faqPageSec {
	padding: 45px 0
}

.faqTaber .ui-tabs .ui-tabs-nav {
	display: flex;
	margin-top: 45px;
	overflow: hidden;
	overflow-x: auto;
}

.faqTaber .ui-tabs .ui-tabs-nav li {
	border: none;
	background: transparent !important;
	margin: 0 16px;
}

.faqTaber .ui-tabs .ui-tabs-nav li a {
	font-size: 18px;
	font-family: 'gothambold';
	color: #252424;
	border-radius: 8px;
	border: 0.4px solid #252424;
	height: 56px;
	display: flex;
	align-items: center;
	min-width: 200px;
	justify-content: center;
}

.faqTaber .ui-tabs .ui-tabs-nav li a img {
	margin-right: 5px;
	width: 20px;
}

.faqTaber .ui-tabs .ui-tabs-nav li.ui-state-active a,
.faqTaber .ui-tabs .ui-tabs-nav li:hover a {
	color: #fff;
	background: #F27E00;
	border-color: #F27E00
}

.faqTaber .ui-tabs .ui-tabs-nav li.ui-state-active a img,
.faqTaber .ui-tabs .ui-tabs-nav li:hover a img {
	filter: brightness(0) invert(1);
}

.faqTaber .faqContainer {
	padding: 0 50px;
	background: transparent;
	box-shadow: none;
}

.faqTaber .faqContainer .faqAccordion.ui-accordion .ui-accordion-header {
	border-radius: 8px;
	background: #F8F8F8;
	padding: 18px 22px;
	font-size: 20px;
	border: none;
	margin-top: 6px;
}

.faqTaber .faqAccordion.ui-accordion .ui-accordion-content {
	padding: 30px 38px 30px 20px;
	margin-top: 2px;
	border-radius: 8px;
	border: 1px solid #C3C3C3;
	background: #FFF;
}

.faqTaber .faqContainer .faqAccordion.ui-accordion .ui-accordion-header.ui-accordion-header-active {
	background: #F27E00;
	border-radius: 1px;
	color: #fff;
}

.faqTaber .faqContainer .faqAccordion.ui-accordion .ui-accordion-header .ui-icon {
	background: transparent;
	border: 1px solid #000;
	color: #000;
	right: 20px;
	width: 22px;
	height: 22px;
	font-size: 20px;
	top: 20px;
}

.faqTaber .faqContainer .faqAccordion.ui-accordion .ui-accordion-header .ui-icon:after {
	color: #000;
}

.faqTaber .faqContainer .faqAccordion.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {
	border-color: #fff
}

.faqTaber .faqContainer .faqAccordion.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:after {
	color: #fff;
	top: -2px;
}

.innerPageSimpleBanner img {
	width: 100%;
}

.addressSpace {
	position: relative;
	padding: 0 100px;
	margin-top: 30px;
}

.addressSpace .box {
	border-radius: 10px;
	background: #00ADEF;
	padding: 40px 42px;
	height: 100%
}section.mission {
    background-color: #f7f7f7;
    padding: 60px 0px;
}
.vision-card {
    background-color: #fff;
    padding: 15px;
    border-top: 2px solid #003366;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}


.addressSpace h5 {
	font-size: 20px;
	font-family: 'gothambold';
	color: #fff;
	margin-bottom: 14px;
	text-transform: uppercase;
}

.addressSpace .box img {
	filter: brightness(0) invert(1);
	margin-right: 15px
}

.addressSpace p,
.addressSpace p a {
	color: #fff;
	font-size: 17px;
	text-transform: capitalize;
}

.addressSpace .social-icon i {
	color: #fff
}

.addressSec,
.connectForm {
	padding: 40px 0
}

.connectForm {
	position: relative;
}

.connectForm .formDesign {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transform: translate(0%, 0%);
	padding: 55px 95px;
	box-shadow: 0px 4px 25px 0px rgb(0 0 0 / 12%);
	max-width: 100%;
	overflow: hidden;
}

.connectForm .formDesign:after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	background: url(../img/catalogue-tag.png) no-repeat;
	width: 194px;
	height: 183px;
}

.connectForm .formDesign .submitBtn {
	background: #00ADEF url(../img/white-arrow.png) no-repeat;
	background-position: 84% 21px;
}

.connectForm h2,
.stoeLocation h2,
.allCatalogue h2 {
	margin-bottom: 45px
}

.googleMap {
	position: relative;
	margin-top: 30px
}

.googleMap img {
	width: 100%
}

.searchLoaction .inputBox {
	position: relative;
	margin-bottom: 20px
}

.searchLoaction .inputBox img {
	position: absolute;
	top: 18px;
	left: 11px;
	width: 14px;
}

.searchLoaction .inputBox input {
	width: 100%;
	border-radius: 4px;
	border: 0.4px solid #D3D3D3;
	font-size: 18px;
	padding: 10px 30px;
}

.allCatalogue {
	padding: 45px 0 0
}

.stoeLocation {
	padding: 45px 0;
}

.addresList .box {
	position: relative;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);
	padding: 14px 25px;
	border-left: 5px solid #00ADEF;
	margin-bottom: 40px;
	cursor: pointer;
	padding-left: 50px;
}

.addresList .box img {
	top: 15px;
	position: absolute;
	left: 25px;
}

.addresList {
	height: 315px;
	overflow: hidden;
	overflow-y: scroll;
}

.addresList .box p {
	font-size: 16px;
	line-height: 28px;
	margin: 0
}

.catalogueSpace {
	padding: 0 80px
}

.catalogueBox {
	height: 480px;
	border-radius: 16px;
	border: 1px solid #D3D3D3;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: url(../img/catalogue-icon.png) no-repeat top right;
	margin-bottom: 50px
}

.catalogueBox a {
	font-family: 'gothambold';
	color: #000;
	font-size: 26px;
	position: absolute;
	bottom: 16px;
	left: 0;
	width: 100%;
	padding: 0 20px;
	background: url(../img/down-big-icon.png) no-repeat;
	background-position: 96% center;
}

.aboutLumiron {
	position: relative;
	padding: 45px 0
}

.colSpace {
	padding: 0 100px
}

.aboutLumiron .imgBox {
	position: relative;
}

.aboutLumiron .imgBox img {
	width: 100%
}

/* .aboutLumiron .imgBox:after{position: absolute;content: '';top: 27px;left: 27px;width: 100%;height: 100%;background: #EFEEEE; z-index: -1} */
.aboutLumiron .detail {
	
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.aboutLumiron .detail .tag {
	color: #000;
	font-size: 14px;
}

.aboutLumiron .detail h2 {
	font-family: 'gothammedium';
	color: #000;
	line-height: 30px;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 30px;
}

.aboutLumiron .detail h3 {
	position: relative;
	font-family: 'gothambold';
	color: #000;
	font-size: 18px;
	line-height: 45px;
	margin-bottom: 10px;
}

.aboutLumiron .detail h3 small {
	font-size: 24px;
	color: #F06C06;
}

.aboutLumiron .detail h3 span {
	font-family: 'gothamblack';
	display: block;
	font-size: 40px;
	color: #000;
}

strong {
	font-family: 'gothambold';
}

.aboutLumiron .detail p {
	text-align: justify;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	margin-bottom: 20px;
}

.ourValue {
	background: #F06C06;
	padding: 45px 0;
}

.ourValue .detail {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	color: #fff;
	padding-right: 60px;
}

.ourValue .detail h2 {
	font-family: 'gothamblack';
}

.ourValue .valueImg {
	display: flex;
	justify-content: flex-end;
}

.ourValue .valueImg img {
	width: auto;
	max-width: 100%
}

.managementSec {
	background: url(../img/management-bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 70px 0
}

.managementSec .detail {
	width: 600px;
	max-width: 100%;
	border-radius: 10px;
	background: rgba(39, 61, 131, 0.94);
	padding: 45px;
	color: #fff
}

.managementSec .detail h2 {
	font-family: 'gothamblack';
	font-size: 3.54rem;
	line-height: 74px;
	margin-bottom: 20px
}

.managementSec .detail p {
	font-size: 14px;
	line-height: 25px
}

.simpleBtn {
	font-family: 'gothambold';
	font-size: 21px;
	color: #fff
}

.simpleBtn img {
	margin-left: 2px
}

.simpleBtn:hover {
	color: #fff
}

.eastmanWork {
	background: url(../img/work-bg.png) no-repeat center center;
	padding: 45px 0;
	background-size: cover;
}

.eastmanWork .box {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 30px;
}

.eastmanWork .box .workImg {
	width: 100%
}

.eastmanWork .box span {
	display: flex;
	box-shadow: -4.485px 1.794px 3.588px rgba(133, 124, 124, 40.25);
	background: #fff;
	width: 66px;
	height: 66px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: relative;
	margin-top: -35px;
}

.eastmanWork .box h5 {
	color: #144B83;
	text-transform: capitalize;
	margin: 12px 0 12px;
	text-align: center;
}

.eastmanWork .box p {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	padding: 0 30px;
	margin: 0 0 10px;
}

.eastmanWork .box a {
	color: #144B83;
	font-size: 14px;
}

.eastmanJourney {
	position: relative;
	padding: 45px 0
}

.ourJourney {
	display: flex;
	padding: 300px 0 180px
}

.ourJourney .year {
	flex: 1;
	position: relative;
}

.ourJourney .year h3 {
	font-family: 'OswaldBold';
	color: #252424;
	font-size: 36px;
	padding-left: 10px;
}

.ourJourney .year p {
	font-size: 14px;
	line-height: 20px;
	padding-left: 10px;
}

.ourJourney .year p span {
	display: block;
}

.ourJourney .year:nth-child(odd) h3 {
	border-bottom: 15px solid #102871;
	padding-bottom: 30px;
	margin-bottom: 15px
}

.ourJourney .year:nth-child(even) h3 {
	border-top: 15px solid #153DB8;
	padding-top: 30px;
	margin-top: 0
}

.ourJourney .year:nth-child(even) p {
	margin-bottom: 33px;
}

.ourJourney .year:nth-child(4) p {
	margin-bottom: -7px;
	position: relative;
	top: -34px;
}

.ourJourney .year:nth-child(odd):after {
	position: absolute;
	top: 24px;
	left: 0;
	background: #313C45;
	width: 1px;
	height: 260px;
	content: ''
}

.ourJourney .year:nth-child(odd):before {
	position: absolute;
	top: 17px;
	left: -4px;
	background: #252424;
	width: 9px;
	height: 9px;
	content: '';
	border-radius: 50%
}

.ourJourney .year:nth-child(odd) img {
	position: absolute;
	left: -110px;
	bottom: -190px;
	z-index: 9;
}

.ourJourney .year:nth-child(even):after {
	position: absolute;
	bottom: 100px;
	left: 0;
	background: #313C45;
	width: 1px;
	height: 260px;
	content: ''
}

.ourJourney .year:nth-child(even):before {
	position: absolute;
	bottom: 100px;
	left: -4px;
	background: #252424;
	width: 9px;
	height: 9px;
	content: '';
	border-radius: 50%
}

.ourJourney .year:nth-child(even) img {
	position: absolute;
	left: -130px;
	bottom: 320px;
	z-index: 9;
}

.dealerSec {
	position: relative;
	padding: 45px 0
}

.dealerSec h2 {
	margin-bottom: 30px
}

.dealerSec .dealInfo {
	width: auto;
	max-width: 100%
}

.dealheading {
	font-family: 'gothamblack';
	font-size: 32px
}

.dealCol {
	display: flex;
	flex-wrap: wrap;
}

.dealCol .dealBox {
	width: 50%;
	display: flex;
	color: #000;
}

.dealCol .dealBox:last-child {
	width: 100%
}

.dealCol .dealBox .dealIcon {
	min-width: 78px;
	height: 78px;
	border: 1px solid #E7E7E7;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dealCol .dealBox:hover .dealIcon {
	background: #003366;
	border-color: #003366
}

.dealCol .dealBox:hover .dealIcon img,
.whyUsSec .box:hover span img {
	filter: brightness(0) invert(1);
}

.dealCol .dealBox h5 {
	font-family: 'gothambold';
	font-size: 18px;
	margin-bottom: 10px
}

.dealCol .dealBox p,
.whyUsSec .box p {
	font-size: 14px;
	line-height: 24px;
	margin: 0
}

.dealCol .dealDetail {
	padding: 0 30px 0 22px
}

.flexCol {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.whyUsSec {
	background: #F5F7FA;
	padding: 45px 0;
	position: relative;
}

.whyUsSec h2 {
	margin-bottom: 60px
}

.whyUsSec *,
.dealerSec {
	transition: .2s ease-out 100ms;
}

.whyUsSec .box {
	padding: 55px 40px;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.whyUsSec .box:hover {
	background: #FFF;
	box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.08);
}

.whyUsSec .box span {
	min-width: 102px;
	height: 102px;
	background: transparent;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.whyUsSec .box:hover span {
	background: #003366
}

.whyUsSec .box h5 {
	font-family: 'gothambold';
	font-size: 18px;
	margin: 15px 0 10px;
	color: #003366;
	min-height: 43px;
}

.whyUsSec .box p {
	text-align: center;
	min-height: 168px;
}

.dealFeatured {
	position: relative;
	padding: 45px 0;
	background: #F0F0F0
}

.dealFeatured h2:after {
	left: 0;
	transform: translate(0, 0);
}

.tabBoxSpace {
	margin: 0;
	padding: 0 !important
}

.fleaturedRow {
	display: flex;
	margin: 30px 0 0;
	padding: 0
}

.fleaturedRow .singleCol {
	height: 600px;
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}

.leftSpace {
	padding: 0 12px;
}

.fleaturedRow .launchimg {
	background: #fff;
	display: flex;
	padding: 80px 95px;
	border-radius: 15px;
	justify-content: center;
	align-items: center;
}

.fleaturedRow .colBox {
	width: 50%;
	padding: 0 12px;
	margin-bottom: 34px
}

.fleaturedRow .colBox .launchimg {
	padding: 32px 50px
}

.fleaturedRow .colBox .launchimg img {
	width: auto;
	max-width: 215px
}

.fleaturedRow .singleCol h3 {
	font-family: 'gothambold';
	font-size: 20px;
	margin: 12px 0 0
}

.fleaturedRow .singleCol a {
	font-size: 14px;
	color: #000
}

.dealerFormSec {
	padding: 45px 0
}

.featuredTab {
	position: relative;
}

.featuredTab ul {
	position: absolute;
	top: -106px;
	right: 15px
}

.featuredTab.ui-tabs .ui-tabs-nav li {
	margin: 0 25px 0 0;
	padding: 0;
	border: 1px solid #000;
	border-radius: 50px;
}

.featuredTab.ui-tabs .ui-tabs-nav li a {
	font-family: 'gothambook';
	color: #000;
	font-size: 14px;
	padding: 16px 50px;
}

.featuredTab.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.featuredTab.ui-tabs .ui-tabs-nav li:hover {
	background: #F06C06;
	border-color: #F06C06
}

.featuredTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.featuredTab.ui-tabs .ui-tabs-nav li:hover a {
	color: #fff
}

.padd0 {
	padding: 0
}

.dealerForm {
	max-width: 680px;
	width: 100%
}

.dealerFormSec h2 {
	margin: 0
}

.dealerFormSec p {
	font-size: 14px
}

.dealerForm .fomrGroup {
	display: flex;
	margin: 0 -10px 30px
}

.dealerForm .fomrGroup .inputGroup {
	flex: 1;
	padding: 0 10px
}

.dealerForm .fomrGroup .inputGroup input,
.dealerForm .fomrGroup .inputGroup select,
.dealerForm .fomrGroup .inputGroup textarea {
	color: #000;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #ADADAD;
	width: 100%;
	padding: 15px 0
}

.dealerForm .fomrGroup .inputGroup textarea {
	height: 100px
}

.formVideo {
	width: auto;
	max-width: 100%
}

.lumiron-testimonials {
	background: #EFF0F3;
	padding: 45px 0;
	overflow: hidden;
}

.clientBg {
	background: #fff;
	padding: 60px 60px 150px
}

.testimonialsFlex {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px
}

.testimonial-wrapper {
	width: 45%;
	background: #000;
	position: relative;
}

.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-overlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(2, 4, 35, 0.86) 0%, rgba(3, 7, 55, 0.0532) 100%);
}

.video-overlay video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testimonialsOwl {}

.clientBox {
	width: 55%
}

.testimonialsOwl .clientView {
	display: flex;
	height: 420px;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	padding: 0 35px 10px;
}

.testimonialsOwl .clientView .clientImg {
	border-radius: 50%;
	overflow: hidden;
	border: 1px dotted #fff;
	padding: 8px
}

.testimonialsOwl .clientView .clientImg img {
	    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    height: 100%;
}

.clientView .clientSay {
	text-align: left;
	position: relative;
	color: #fff;
	margin-top: 40px;
	padding: 20px 0 0;
}

.clientView .clientSay:after {
	position: absolute;
	content: '';
	top: 0;
	left: -10px;
	width: 17px;
	height: 15px;
	background: url(../img/text-icon.png) no-repeat;
}

.clientView .clientSay:before {
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
	width: 17px;
	height: 15px;
	background: url(../img/text-icon.png) no-repeat;
	transform: rotate(180deg);
}

.clientView .clientSay p {
	font-size: 16px;
	line-height: 24px
}

.clientView .clientSay h6 {
	font-size: 16px;
	font-family: 'gothammedium';
}

.clientView .clientSay h6 span {
	display: block;
	color: #FFB800;
	font-size: 13px
}

.testimonialsOwl .owl-nav {
	position: absolute;
	text-align: center;
	bottom: -65px;
	left: 33%;
}

.testimonialsOwl .owl-nav button {
	margin: 0 30px
}

.testimonialsOwl .owl-nav button span {
	text-indent: -999999px;
	position: absolute;
	width: 52px;
	height: 51px;
	background: url(../img/owl-arrow.png) no-repeat;
	z-index: 99;
}

.testimonialsOwl .owl-nav button.owl-prev span {
	text-indent: -999999px;
	position: absolute;
	width: 52px;
	height: 51px;
	background: url(../img/owl-arrow.png) no-repeat;
	transform: rotate(180deg);
	z-index: 99;
}

.clientBox {
	padding-left: 20px
}

.clientBox .box {
	position: relative;
	display: flex;
	background: #F4F4F4;
	padding: 40px;
	margin-bottom: 20px
}

.clientBox .box .boxImg {
	border-radius: 50%;
	overflow: hidden;
	border: 1px dotted #C7BEBE;
	padding: 8px;
	margin-right: 25px;
	min-width: 112px;
	height: 112px
}

.clientBox .box .boxImg img {
	width: 100%;
	object-fit: cover;
	border-radius: 50%;
	height: 100%
}

.clientBox .box .detail {
	position: relative;
}

.clientBox .box .detail:after {
	position: absolute;
	content: '';
	top: -10px;
	left: -17px;
	width: 17px;
	height: 15px;
	background: url(../img/text-icon.png) no-repeat;
}

.clientBox .box .detail:before {
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
	width: 17px;
	height: 15px;
	background: url(../img/text-icon.png) no-repeat;
	transform: rotate(180deg);
}

.clientBox .box .detail p {
	font-size: 14px
}

.clientBox .box .detail h6 {
	font-size: 14px;
	font-family: 'gothammedium';
	color: #585858
}

.clientBox .box .detail h6 span {
	display: block;
	color: #FFB800;
	font-size: 13px
}

.clientBox .box:last-child {
	margin: 0
}

.galleryBlock {
	position: relative;
	padding: 45px 0
}

.galleryBlock .galleryOwl {
	margin-top: 45px
}

.galleryBlock .galleryOwl .owl-item {
	position: relative;
}

.galleryBlock .galleryOwl .owl-item:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: #fff;
	opacity: .5
}

.galleryBlock .galleryOwl .owl-item.center:after {
	content: none
}

.blogPage .blogContent,
.recentBlog .blogContent {
	padding: 25px 0;
}

.recentBlog .blogContent span {
	font-size: 10px
}

.recentBlog .blogContent h4 {
	font-size: 16px;
	margin: 12px 0
}

.recentBlog .blogContent a {
	font-size: 12px;
	padding: 10px 30px 10px 10px;
	background-position: 85% 14px;
}

.recentBlog .blogContent p {
	font-size: 11px;
	line-height: 16px
}

.pagingDesign {
	text-align: center;
}

.pagingDesign ul {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.pagingDesign ul li {
	margin: 0 5px
}

.pagingDesign ul li.active a {
	color: #fff;
	background: #00ADEF;
}

.pagingDesign ul li a {
	color: #000;
	font-family: 'gothambold';
	font-size: 20px;
	padding: 8px 15px;
	border-radius: 5px;
}

.pagingDesign ul li.next a,
.pagingDesign ul li.pvr a {
	border: 0.4px solid #000;
}

.pagingDesign ul li.pvr img {
	transform: rotate(180deg);
}

.blogDetail {
	position: relative;
	padding: 50px 0
}

.blogDetail .detailBox {
	position: relative;
	display: flex;
	flex-direction: column;
}

.blogDetail .detailBox figure {
	margin: 0
}

.blogDetail .detailBox figure img {
	width: 100%
}

.CategoryBlog {
	display: flex;
	justify-content: space-between;
	padding: 25px 0
}

.CategoryBlog span {
	color: #000;
	font-size: 14px
}

.CategoryBlog .social-box {
	display: flex;
}

.CategoryBlog p {
	margin: 0;
	font-size: 14px;
	line-height: 1.9;
}

.CategoryBlog ul {
	display: flex;
}

.CategoryBlog ul li {
	margin: 0 5px
}

.CategoryBlog ul li a {
	color: #000;
	font-size: 18px
}

.aboutBlog h3 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #000
}

.aboutBlog p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 30px
}

.aboutBlog ul,
.aboutBlog ol {
	margin-bottom: 30px;
	padding: 0;
}

.aboutBlog ul>li,
.aboutBlog ol>li {
	font-size: 16px;
	line-height: 26px;
	position: relative;
	padding-left: 25px;
}

.aboutBlog ul>li:not(:last-child),
.aboutBlog ol>li:not(:last-child) {
	margin-bottom: 15px;
}

.aboutBlog ul>li::before,
.aboutBlog ol>li::before {
	content: "";
	width: 15px;
	height: 15px;
	background: url(../img/list-image.ico) no-repeat center;
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	background-size: cover;
}

.recentArea {
	position: relative;
	color: #000
}

.recentArea h2 {
	font-size: 30px;
	color: #000;
	margin: 0 0 50px;
	line-height: normal
}

.recentArea h2:after {
	left: 0;
	transform: translate(0, 0);
}

.recentArea .box {
	display: flex;
	margin-bottom: 60px
}

.recentArea .box figure {
	margin: 0 15px 0 0;
	width: 120px;
	flex: 0 0 120px;
}

.recentArea .box figure img {
	width: 100%;
	height: auto;
}

.recentArea .box h4 {
	font-size: 18px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 38px;
}

.recentArea .box p {
	font-size: 14px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 10px;
	min-height: 40px;
}

.recentDetail {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	flex: 0 0 calc(100% - 120px);
	width: calc(100% - 120px);
}

.recentDetail a {
	border: none;
	padding: 0 30px 0 0
}

.recentDetail a:hover {
	background: transparent;
	color: #000;
	background: url(../img/black-icon.png) no-repeat 87% center;
}

.mobLink {
	display: none;
}

.menuHeight {
	display: flex;
	align-items: center;
}

.frameMenu {
	transition: .2s ease-out 100ms;
	position: fixed;
	top: 0;
	right: -100%;
	width: 300px;
	height: 100%;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	padding-top: 60px;
	background: #FFF;
	box-shadow: -20px 0px 22px 0px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	overflow-y: auto;
}

.frameMenu.active {
	right: 0
}

.frameMenu ul {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: auto;
}

.frameMenu li {
	position: relative;
	transition: .2s ease-out 100ms;
}

.frameMenu li a {
	border-bottom: 1px solid #00000047;
	font-size: 16px;
	padding: 10px 20px;
	color: #000;
	display: block;
	position: relative;
}

.frameMenu li .subMenu {
	background: #00000014;
	transition: .2s ease-out 100ms;
	height: 0;
	overflow: hidden;
}

.frameMenu li.active .subMenu {
	height: auto;
}

.frameMenu li .subMenu a {
	font-size: 14px;
	padding: 8px 30px;
	color: #000
}

.frameMenu li .plusMenu {
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.frameMenu li .plusMenu img {
	width: 10px;
	transform: rotate(45deg);
	transition: .2s ease-out 10ms;
}

.frameMenu li.active .plusMenu img {
	transform: rotate(0deg);
}

.closeMenu {
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer;
}

.mobileMenu {
	display: none;
}

.lumiron-card-section {
	position: relative;
	background: #F2F2F1;
	padding: 45px 0
}

 .lumiron-card-section .lumiron-card-grid .box{
 padding:15px;
 }

.lumiron-card-section .lumiron-card-grid .box:hover {
	background: #fff;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.lumiron-card-section .lumiron-card-grid .box:hover img {
	 
}
section.lumiron-card-section .col-md-2 {
    padding: 5px;
}
.lumiron-card-section .lumiron-card-grid h3 {
	font-size: 15px;
	position: relative;
	margin: 15px 0 25px
}

.lumiron-card-section .lumiron-card-grid h3:after {
	position: absolute;
	left: 0;
	bottom: -10px;
	background: #000;
	width: 32px;
	height: 1px;
	content: ''
}

.lumiron-card-section .lumiron-card-grid .box:hover h3:after {
	 
}

.lumiron-card-section .lumiron-card-grid p {
	font-size: 14px;
	line-height: normal;
	margin: 0
}

 

.top-Space {
	margin-top: 30px
}

.breadcrumbSec {
	display: none !important;
}

.rangeSec .container-md {
	max-width: 100% !important;
	width: 100% !important
}

.rangeSec .container-md .col-md-12 {
	padding: 0
}

.testimonialsOwl .clientView .clientImg.clientName {
	order-radius: 50%;
	color: #fff;
	background: #FFB800;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.clientName h6 {
	margin: 0;
	font-size: 26px;
	font-family: 'gothambold';
}

.galleryOwl .item img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.E-rickshawRange .blackbtn {
	background-position: 91% center
}

.our-product-section h2 {
	font-family: 'gothammedium';
	font-size: 2rem;
	line-height: normal;
}

.bottom-Space {
	margin-bottom: 50px !important;
}

.topLeftRadius {
	border-top: 0 !important;
	border-left: 0 !important;
}

.topRightRadius {
	border-radius: 0px 15px 0 0;
	border-top: 0 !important;
	border-right: 0 !important;
}

.bottomLeftRadius {
	border-radius: 0px 0 0 15px;
	border-bottom: 0 !important;
	border-left: 0 !important;
}

.bottomRightRadius {
	border-radius: 0 0 15px 0;
	border-bottom: 0 !important;
	border-right: 0 !important;
}

.super-premium-img {
	width: 20%;
}

.download-catalogue-SB-img {
	width: 164px;
}

.download-catalogue-ERB-img {
	width: 164px;
}

.EM200SB-3D-battery-Right-View-img {
	width: 25%;
}

.custom-slider-2 {
	 
	min-height: 450px;
	max-height: 100vh;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: top center !important;
	position: relative;
}

.trending-title {
	background: #003366;
	color: #fff;
	padding: 15px;
	font-size: 18px;
	margin-bottom: 20px;
	font-family: 'gothambold';
}

.blog-box {
	position: relative;
}

.blog-img {
	position: relative;
}

.blog-img::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.35);
}

.blog-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	z-index: 1;
}

.Category {
	font-family: 'gothambook';
	font-size: 12px;
	line-height: 13px;
	color: #FFFFFF;
	background: #00ADEF;
	border-radius: 5px;
	padding: 4px 5px;
	display: inline-block;
	margin-bottom: 8px;
}

.blog-text h2 {
	font-family: 'gothambold';
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	color: #FFFFFF;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0;
	min-height: 67px;
}

.date {
	font-family: 'gothambook';
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
}

h2.title-border-graphic.left-auto::after {
	left: 0;
	transform: translateX(0);
}

.top-blog-img {
	margin-bottom: 15px;
}

.top-blog-text h2 {
	font-family: 'gothambold';
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
	color: #000000;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0;
	min-height: 67px;
}

model-viewer {
	width: 400px;
	height: 350px;
	max-width: 100%
}

.hover-effect {
	background-color: #fff;
	border-radius: 15px;
}

.loadcalculator {
	margin-top: 60px;
	background: #003366;
	padding: 60px 0;
}

.loadcalculator-box h3 {
	font-family: 'gothambold';
	font-weight: 700;
	font-size: 30px;
	line-height: 120%;
	color: #FFFFFF;
	margin-bottom: 30px;
}

.blue-bg {
	background: #1A295B;
	border-radius: 15px;
}

.blue-bg .table tr td {
	font-family: 'gothambold';
	font-size: 22px;
	line-height: 30px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.blue-bg .table tr td {
	font-family: 'gothambold';
	font-size: 22px;
	line-height: 30px;
	text-transform: uppercase;
	color: #FFFFFF;
	border: none;
	border-right: 1px solid rgba(255, 255, 255, 0.6);
	padding: 8px 20px;
	vertical-align: middle;
}

.blue-bg .table tr td:last-child {
	border-right: none;
}

.loadcalculator-box .accordion-item {
	background: #00ADEF;
	border-radius: 15px;
	margin-bottom: 30px;
}

.loadcalculator-box .accordion-button {
	border: none;
	padding: 0;
	background-color: transparent;
	box-shadow: none;
	font-family: 'gothambold';
	font-size: 22px;
	line-height: 52px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0 1.25rem;
}

.custom-arrow .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	border: none;
	font-size: 0;
	width: 30px;
	height: 30px;
	left: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
	background: #003366 url(../img/white-arrow.png) no-repeat center;
}

.custom-arrow .slick-prev {
	transform: translateY(-50%) rotate(180deg);
}

.custom-arrow .slick-next {
	left: auto;
	right: 0;
}

.fillForm {
	position: relative;
	background: #263d83 url(../img/fillForm-bg.jpg) no-repeat center center;
	background-size: cover;
	height: 530px
}

.fillForm div {
	height: 100%
}

.fillForm .detail {
	height: 100%;
	display: flex;
	flex-direction: column;
	width: 510px;
	max-width: 100%;
	color: #fff;
	justify-content: center;
	align-items: center;
}

.fillForm .detail p {
	margin-bottom: 30px;
	text-align: center;
}

.successSec {
	position: relative;
	padding: 45px 0 90px;
}

.successOwl {
	max-width: 1010px;
	width: 100%;
	margin: 30px auto 0;
}

.successOwl .owl-nav {
	position: absolute;
	text-align: center;
	bottom: -30px;
	left: 50%;
}

.successOwl .owl-nav button.owl-prev span {
	text-indent: -999999px;
	position: absolute;
	width: 42px;
	height: 42px;
	background: url(../img/org_arrow.png) no-repeat;
	transform: rotate(180deg);
	z-index: 99;
	left: -60px;
	background-size: cover;
}

.successOwl .owl-nav button span {
	text-indent: -999999px;
	position: absolute;
	width: 42px;
	height: 42px;
	background: url(../img/org_arrow.png) no-repeat;
	z-index: 99;
	background-size: cover;
}

.block-banner {
	background-size: cover !important;
	background-position: center !important;
	object-fit: cover;
	padding: 30px 0;
	height: 474px;
}

.section-title h2 {
	font-family: 'gothambook';
	font-weight: 400;
	font-size: 37px;
	line-height: 45px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.section-title h2 span {
	font-family: 'gothammedium';
	display: inline-block;
}

.block-banner .orangebtn:hover {
	border-color: #fff;
	background: transparent url(../img/white-arrow.png) no-repeat 87% center;
	color: #fff;
}

.assureContent h3 {
	font-size: 18px;
	line-height: 120%;
}

.assureContent h3 span {
	font-weight: 300;
	font-family: 'gothamlight';
	margin-right: 10px;
}

.assureContent h3 ul>li {
	display: inline-block;
	vertical-align: middle;
}

.assureContent h3 ul>li:not(:last-child) {
	margin-right: 10px;
}

.block-banner>div {
	padding: 0 40px;
}

.feature-icon img {
	height: 75px;
	margin-bottom: 15px;
	width: auto;
}

.feature-text p {
	font-family: 'gothammedium';
	font-weight: 500;
	font-size: 12.867px;
	line-height: 19px;
	text-align: center;
	color: #000000;
}

.dl-catalogue {
	padding: 45px 0;
	background: #fff;
}

.dl-catalogue .downloadBox {
	background: #F6F6F6;
	width: 100%;
	padding: 30px;
}

.dl-catalogue .downloadBox .dl-arrow {
	margin-top: 20px;
}

.dl-catalogue .downloadBox .dl-arrow img {
	margin-left: auto;
	margin-right: 0;
}

.dl-catalogue .downloadBox a {
	font-size: 16px;
	font-family: 'gothambold';
	font-weight: 700;
	padding: 0;
}

.dealerForm .fomrGroup .inputGroup input::placeholder {
	color: #000;
}

.dealerForm .fomrGroup .inputGroup select:focus,
.dealerForm .fomrGroup .inputGroup input:focus {
	outline: none;
}

.load-calculator {
	margin-top: 35px;
}

.battery-combo .popupContainer {
	background: #F6F6F6;
}

.battery-combo .formControl {
	background: transparent;
}

.battery-combo .formDesign .submitBtn {
	background: #00ADEF url(../img/arrow-right.png) no-repeat;
	background-position: 84% 21px;
}

.battery-combo .popupContainer:after {
	content: none;
}

.UPSComboList .battery-combo h2 {
	font-size: 30px;
	line-height: 120%;
	color: #000000;
}

.combo-box {
	background: #003366;
	border-radius: 15px;
	margin-bottom: 30px;
	padding: 20px 40px;
	position: relative;
}

.combo-box-content h3 {
	font-size: 14px;
	color: #fff;
}

.combo-box ul {
	display: flex;
	align-items: center;
	text-align: left;
}

.combo-box ul>li:not(:last-child) {
	margin-right: 20px;
}

.combo-box ul>li>img,
.combo-box-img {
	margin-bottom: 5px;
}

.combo-box ul>li p {
	color: #fff;
	font-size: 14px;
	margin-bottom: 0;
}

.combo-box-content {
	margin-bottom: 30px;
}

.battery-combo .formDesign .groupRow {
	margin-bottom: 15px;
}

.battery-x2 {
	display: inline-block;
	padding: 8px 10px;
	background: #00ADEF;
	border-radius: 15px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: -10px;
	transform: translateX(-50%);
}

.know-more h4 {
	font-size: 30px;
	line-height: 120%;
	color: #000;
	margin-top: 30px;
	margin-bottom: 15px;
	border: 1px solid #D3D3D3;
	display: inline-block;
	padding: 8px 20px;
}

.battery-combo {
	overflow-y: scroll;
}

.battery-combo .popupContainer {
	position: static;
	top: 0%;
	left: 0%;
	transform: translate(0, 0);
	width: 100%;
	max-width: 900px;
	padding: 60px 40px 30px;
	margin: auto;
}

.battery-combo .closePop {
	padding: 0;
	border: none;
	background: transparent;
	position: absolute;
	top: 30px;
	right: 30px;
}

.battery-combo .row .col-md-2 {
	width: 8%;
}

.battery-combo .row .col-md-5 {
	width: 46%;
}

.success-message {
	background: #003366;
	border-radius: 15px;
	color: #fff;
	font-family: 'gothambold';
	font-weight: 700;
	font-size: 38px;
	line-height: 120%;
	text-align: center;
	padding: 45px 30px;
	margin-top: 30px;
	position: relative;
}

.success-message>img {
	position: absolute;
	right: 25px;
	top: 15px;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
	cursor: pointer;
}

.story-profile {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.profile-text {
	font-size: 16px;
	line-height: 30px;
	text-transform: capitalize;
	color: #000000;
	font-family: 'gothambold';
	font-weight: 700;
}

.aboutLumiron::after {
	content: "";
	background: url(../img/about-sun.png) no-repeat center;
	width: 289px;
	height: 407px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background-size: cover;
}

.block-link {
	padding: 30px 0;
}

.block-link>div>div>div>a>img {
	border-radius: 4px;
}

.block-link .container .row {
	justify-content: center;
}

.block-link .btn-link {
	display: inline-block;
	text-decoration: none;
	border-radius: 21px;
	color: #000000;
	font-size: 16px;
	white-space: nowrap;
	font-weight: 500;
	font-family: 'gothammedium';
	position: relative;
	margin-top: 15px;
}

.block-link .btn-link::after {
	content: "";
	width: 8px;
	height: 14px;
	display: block;
	position: absolute;
	right: -20px;
	top: 5px;
	background: url(../img/arrow-pdf.png) no-repeat center;
}

/* Enquiry Form */
 

.recentArea .box h4>a,
.top-blog-text h2>a {
	color: #000;
}

.Category>a {
	color: #fff;
}

.blog-box-small .blog-img {
	display: block;
	position: relative;
	width: 100%;
	height: 273px;
}

.blog-box-small .blog-img img {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	object-fit: cover;
}

/* Partner with us form */
.dealerForm .webform-submission-partner-with-us-form,
.webform-submission-connect-with-us-form,
.formDesign form {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	align-items: center;
	align-content: center;
}

.dealerForm .webform-submission-partner-with-us-form>div,
.webform-submission-connect-with-us-form>div,
.formDesign form>div {
	flex: 0 0 50%;
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}

.dealerForm .webform-submission-partner-with-us-form>div input,
.dealerForm .webform-submission-partner-with-us-form>div select,
.webform-submission-connect-with-us-form>div input,
.webform-submission-connect-with-us-form>div textarea,
.formDesign form>div input,
.formDesign form>div textarea {
	color: #000;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #ADADAD;
	width: 100%;
	padding: 12px 0;
	height: 42px;
	border-radius: 0px;
	margin: 0;
}

.dealerForm .webform-submission-partner-with-us-form>div input::placeholder,
.dealerForm .webform-submission-partner-with-us-form>div select::placeholder,
.webform-submission-connect-with-us-form>div input::placeholder,
.webform-submission-connect-with-us-form>div textarea::placeholder,
.formDesign form>div input::placeholder,
.formDesign form>div textarea::placeholder {
	color: #000;
}

.dealerForm .webform-submission-partner-with-us-form>div input,
.dealerForm .webform-submission-partner-with-us-form>div select {
	font-size: 12px;
}

.webform-submission-connect-with-us-form>div,
.formDesign form>div {
	margin-bottom: 25px;
}

.webform-submission-connect-with-us-form>div textarea,
.formDesign form>div textarea {
	height: 120px;
	width: 100%;
}

.webform-submission-connect-with-us-form>div input,
.webform-submission-connect-with-us-form>div textarea,
.formDesign form>div input,
.formDesign form>div textarea {
	border: 1px solid #ADADAD;
	padding: 10px 20px;
}

.dealerForm .webform-submission-partner-with-us-form>div input:focus,
.dealerForm .webform-submission-partner-with-us-form>div select:focus,
.webform-submission-connect-with-us-form>div input:focus,
.webform-submission-connect-with-us-form>div textarea:focus,
.formDesign form>div input:focus,
.formDesign form>div textarea:focus {
	color: #000;
	outline: none;
	box-shadow: none;
}

.dealerForm .webform-submission-partner-with-us-form>div:last-child,
.webform-submission-connect-with-us-form>div.form-item-message,
.formDesign form>div.form-item-message {
	width: 100%;
	flex: 0 0 100%;
}

.dealerForm .webform-submission-partner-with-us-form>div:last-child input[type="submit"],
.webform-submission-connect-with-us-form>div input[type="submit"],
.formDesign form>div input[type="submit"] {
	width: auto;
	height: auto;
	font-size: 14px;
	padding: 15px 60px 15px 50px;
	border: 1px solid transparent;
	border-radius: 50px;
	background: #00ADEF url(../img/white-arrow.png) no-repeat 74% center;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
}

.webform-confirmation__message {
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc;
	position: relative;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
}

.formDesign .closePop {
	position: absolute;
	top: 25px;
	right: 25px;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	width: 25px;
	height: 25px;
	font-size: 0;
	background: url(../img/close-btn.png) no-repeat center;
	background-size: cover;
}

.webform-submission-connect-with-us-form>div.form-actions,
.formDesign form>div.webform-actions {
	flex: 0 0 auto;
	width: auto;
}

/* End Partner with us form */

/* Filter CSS */
.filter .views-exposed-form>div {
	display: flex;
	flex-wrap: wrap;
}

.filter .views-exposed-form>div>div {
	flex: 0 0 100%;
	width: 100%;
	margin: 0 0 15px;
}

.filter .views-exposed-form>div>div label {
	font-size: 14px;
	margin-bottom: 5px;
}

.filter .views-exposed-form>div>div select {
	color: #000;
	font-size: 14px;
	border: 1px solid #ADADAD;
	width: 100%;
	padding: 5px 12px;
	height: 42px;
	margin: 0;
}

.filter .views-exposed-form>div>div.form-actions {
	margin-top: 15px;
	margin-bottom: 0;
}

.filter .views-exposed-form>div>div.form-actions input {
	font-size: 14px;
	padding: 8px 28px;
	border: 1px solid transparent;
	border-radius: 50px;
	background: #00ADEF;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
}

.filter .views-exposed-form>div>div.form-actions input:first-child {
	margin-right: 10px;
}

/* End Filter CSS */

/* Header Search CSS */
.mainHeaer .search-bar {
	background-color: #F1F1F1;
	padding: 10px 50px;
	width: 100%;
	border-top: 1px solid #dfe3e8;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	visibility: hidden;
	opacity: 0;
	border-bottom: 1px solid #dfe3e8;
	position: absolute;
	left: 0;
}

.mainHeaer .search-bar.active {
	bottom: -62px;
	z-index: 9;
	visibility: visible;
	opacity: 1;
}

.mainHeaer .search-bar .search-block-form form {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.mainHeaer .search-bar .search-block-form form input[type="search"] {
	max-width: 300px;
	height: 40px;
	border-radius: 0;
	font-weight: 300;
	font-size: 16px;
	line-height: 27px;
	color: #000000;
	outline: none;
	box-shadow: none;
	margin-right: 10px;
	width: 300px;
	border: 1px solid #ced4da;
	padding-left: 15px;
}

.mainHeaer .search-bar .search-block-form form input[type="submit"] {
	background: #003366;
	border-radius: 0;
	color: #fff;
	height: 40px;
	font-size: 16px;
	border: 1px solid #003366;
	padding: 0 12px;
}

body .Search-icon {
	width: 18px;
	height: 18px;
	background: url(../img/search-icon.png) no-repeat center;
	background-size: cover;
	display: block;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

body:not(.lightThme) .Search-icon {
	filter: none;
	-webkit-filter: none;
}

body .Search-icon.open {
	background-image: url(../img/close-btn.png);
	background-size: 18px;
}

body .mainHeaer.sticky .Search-icon {
	filter: none;
	-webkit-filter: none;
}

/* End Header Search CSS */

.page-container {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 600px;
	height: 100vh;
	background: #144B83;
}

.image-404 {
	margin: 60px 0 30px;
}

.image-404 img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

.content-404 h1 {
	font-family: 'GothamBold';
	font-weight: 700;
}

.page-container p {
	font-size: 16px;
	line-height: 26px;
	font-family: 'gothambook';
}

.page-container .btn-white {
	border-color: #fff;
	color: #fff;
	margin: 0;
	font-size: 14px;
}

.block-search {
	padding: 160px 0 30px;
}

.search-result-wrap .container-inline {
	margin-bottom: 15px;
}

.search-help-link {
	display: none;
}

#search-form .js-form-item .input-holder {
	display: block;
	width: 100%;
}

#search-form .js-form-item label {
	letter-spacing: 1.12px;
	color: #555555;
	text-transform: uppercase;
	font-size: 16px;
	margin: 0 0 5px;
	line-height: 30px;
	width: 100%;
}

#search-form .js-form-item {
	max-width: 400px;
	width: 100%;
}

#search-form .js-form-item input[type="search"] {
	border: 1px solid #ced4da;
	outline: none !important;
	box-shadow: none !important;
	font-size: 16px;
	padding: 0px 10px;
	height: 42px;
	line-height: 40px;
	border-radius: 0;
	position: relative;
	color: #555555;
	width: 100%;
}

#search-form input[type="submit"] {
	background-color: #173880;
	color: #fff !important;
	border-radius: 0;
	border: 0;
	transition: all .4s ease-in-out;
	height: 42px;
	width: auto;
	padding: 0 15px;
	font-size: 16px;
	margin-left: 10px;
}

.search-result-wrap h2 {
	font-size: 24px;
}

.sr-wrapper-box .sr-box {
	background: #FFFFFF;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
	padding: 15px;
	margin-bottom: 15px;
	font-size: 12px;
}

.sr-wrapper-box .sr-box h3>a {
	font-size: 20px;
	color: #2b469a;
	font-family: 'GothamBold';
	font-weight: 700;
}

.sr-wrapper-box .sr-box p {
	color: #1B1B1B;
	font-family: 'GothamBook';
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.sr-wrapper-box .sr-box p strong,
.sr-wrapper-box .sr-box p b {
	font-family: 'gothambold';
	font-weight: 700;
}

.pager__items {
	text-align: center;
	margin-top: 45px;
}

.pager__items>li {
	display: inline-block;
}

.pager__items>li>a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	background: transparent;
	font-size: 16px;
	color: #1B1B1B;
	padding: 0 15px;
	border-radius: 50%;
	font-family: 'GothamBold';
	font-weight: 700;
}

.pager__items>li.is-active>a {
	background-color: #DA5E27;
	color: #fff;
}

.pager__items>li.pager__item--next>a,
.pager__items>li.pager__item--last>a,
.pager__items>li.pager__item--first>a,
.pager__items>li.pager__item--previous>a {
	width: auto;
	border-radius: 0px;
}

.text-count-message {
	display: none !important;
}

.slideItem .slideContant h1 sup {
	top: 0;
}

.dl-pdf>img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

.popupOverLay.solar.show {
	display: block;
}

.popupOverLay.rickshaw.show {
	display: block;
}

/* Product Detail Page Slider */
.productSlider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 30px;
	height: 30px;
	border: none;
	background: #003366;
	font-size: 0;
	left: 0;
}

.productSlider .slick-arrow.slick-prev {
	background: #003366 url(../img/white-arrow.png) no-repeat center;
	transform: rotate(180deg);
	margin-top: -14px;
}

.productSlider .slick-arrow.slick-next {
	right: 0;
	left: auto;
	background: #003366 url(../img/white-arrow.png) no-repeat center;
}

/* End Product Detail Page Slider */

.webform-submission-connect-with-us-form>div input[type="number"]::-webkit-outer-spin-button,
.webform-submission-connect-with-us-form>div input[type="number"]::-webkit-inner-spin-button {
	appearance: none;
	-webkit-appearance: none;
}

/* Combo Popup Form Design */
.comboform {
	background: #F6F6F6;
	border-radius: 15px;
}

.comboform h2 {
	font-size: 30px;
}

.product-combo {
	background: #003366;
	border-radius: 15px;
	padding: 30px;
	text-align: center;
}

.combo-form-title {
	margin-bottom: 15px !important;
	border: 1px solid #D3D3D3;
	padding: 5px 10px;
	font-size: 30px;
	border-radius: 5px;
}

.formDesign.comboform .groupRow {
	margin-bottom: 15px;
}

.formDesign.comboform .centerAlign {
	padding: 0 60px;
}

.formDesign.comboform .formControl {
	background: transparent;
}

.product-combo p {
	font-size: 16px;
	color: #fff;
	font-family: 'gothambold';
	margin-top: 5px;
	font-weight: 700;
	margin: 0;
	min-height: 40px;
}

.product-combo ul {
	text-align: left;
	margin-top: 30px;
}

.product-combo ul>li {
	display: inline-block;
}

.product-combo ul>li:not(:last-child) {
	margin-right: 30px;
}

.product-combo ul>li>img {
	margin-bottom: 5px;
	display: inline-block !important;
}

.product-combo ul>li>p {
	font-family: 'gothambook';
	font-weight: 400;
}

.combo-img {
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-bottom: 5px;
}

.popupContainer.comboform {
	top: 0;
	transform: translate(-50%, 0%);
}

.comboform-wrap {
	overflow-y: scroll;
}

.comboform .closePop {
	padding: 0;
	border: none;
	position: absolute;
	top: 20px;
	right: 20px;
}

.comboform .closePop>img {
	width: 21px;
}

.popupContainer.comboform:after {
	content: none;
}

.msg-block {
	background: #003366;
	border-radius: 15px;
	padding: 50px 30px;
	font-weight: 700;
	font-family: 'gothambold';
	font-size: 38px;
	line-height: 120%;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	display: none;
}

.msg-block button {
	background: transparent;
	border: none;
	width: 30px;
	position: absolute;
	top: 10px;
	right: 30px;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

.formDesign form>div.form-actions {
	width: auto;
	flex: 0 0 auto;
}

/* Privacy Policy */
.subheader {
	height: 400px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
}

.subheader::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.5);
	z-index: -1;
}

.subheader .page-info h1 {
	font-size: 2rem;
	line-height: 50px;
	font-family: 'gothambold';
	margin: 0;
}

.timeline-page {
	padding: 60px 0 0;
}

.privacy-policy p,
.other-content p,
.other-content ul>li {
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 30px;
}

.other-content ul>li {
	position: relative;
	padding-left: 20px;
}

.other-content ul>li::before {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	background: #003366;
	border-radius: 50%;
}

.other-content .founded-year h3 {
	margin-bottom: 30px;
}

.other-content p>a {
	color: #003366;
}

/* End Privacy Policy */

/* Load Calculator CSS */
.webform-submission-load-calculator-form {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 120px 30px 30px;
	max-width: 960px;
	width: 100%;
	margin: 0 auto 0;
	border: 0px solid rgba(0, 0, 0, .125);
	background-color: #f7f9fd;
}

.webform-submission-load-calculator-form>div,
.webform-submission-load-calculator-form .fieldgroup {
	width: 48%;
	flex: 0 0 48%;
	margin-bottom: 20px;
}

.webform-submission-load-calculator-form>div.form-item-backup-time {
	width: 100%;
	flex: 0 0 100%;
}

.webform-submission-load-calculator-form .fieldgroup {
	background: #fff;
	padding: 0px 15px;
}

.webform-submission-load-calculator-form>div input,
.webform-submission-load-calculator-form>div textarea {
	color: #000;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	width: 100%;
	padding: 12px;
	height: 42px;
	border-radius: 0px;
	margin: 0;
}

.webform-submission-load-calculator-form>div input:focus,
.webform-submission-load-calculator-form>div textarea:focus {
	outline: none;
	box-shadow: none;
}

.webform-submission-load-calculator-form>div textarea {
	height: 82px;
}

.webform-submission-load-calculator-form .fieldset-legend {
	font-size: 16px;
	font-weight: 500;
	font-family: 'gothammedium';
}

.webform-submission-load-calculator-form>div.form-actions {
	display: none;
}

.webform-submission-load-calculator-form>div label {
	font-size: 12px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.webform-submission-load-calculator-form .js-webform-checkboxes {
	padding-bottom: 10px;
}

.webform-submission-load-calculator-form .js-webform-checkboxes .js-form-type-checkbox:not(:last-child) {
	margin-bottom: 5px;
}

.webform-submission-load-calculator-form .js-webform-checkboxes .js-form-type-checkbox input {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
}

.webform-submission-load-calculator-form .js-webform-checkboxes .js-form-type-checkbox label {
	font-size: 12px;
	margin-left: 5px;
}

.webform-submission-load-calculator-form #webform-submit-button {
	width: auto;
	height: auto;
	font-size: 14px;
	padding: 15px 60px 15px 50px;
	border: 1px solid transparent;
	border-radius: 50px;
	background: #00ADEF url(/battery/web/themes/custom/battery/images/white-arrow.png) no-repeat 74% center;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
}

.webform-submission-load-calculator-form .fieldgroup legend {
	position: relative;
	cursor: pointer;
}

.webform-submission-load-calculator-form .fieldgroup legend::before,
.webform-submission-load-calculator-form .fieldgroup legend::after {
	content: "";
	width: 12px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 23px;
	right: 15px;
}

.webform-submission-load-calculator-form .fieldgroup legend::after {
	transform: rotate(90deg);
}

.webform-submission-load-calculator-form .fieldgroup legend.active::after {
	transform: rotate(0);
}

/* Submit POPUP CSS */
.ui-dialog {
	background: #fff !important;
	max-width: 600px !important;
	width: 100% !important;
	top: 70% !important;
	left: 50% !important;
	transform: translate(-50%);
	height: 400px !important;
	overflow: hidden;
	overflow-y: auto;
}

.ui-dialog-title {
	font-size: 14px;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
	width: auto;
	height: auto;
	font-size: 14px;
	padding: 10px 30px;
	border: 1px solid transparent;
	border-radius: 50px;
	background: #00ADEF;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
}

/* Load Calculator CSS */
.dealerForm .webform-submission-partner-with-us-form>div.form-item-area-of-warehouse {
	width: 100%;
	flex: 0 0 100%;
}

/* Login Form CSS */
.user-login-form,
.user-pass,
.user-register-form {
	max-width: 560px;
	padding: 10px 25px;
	width: 100%;
	color: #333;
	overflow: hidden;
	border: 1px solid #d9be0f;
	background: #FD0;
	margin: 120px auto 40px;
}

.user-login-form .form-item,
.user-login-form .form-actions,
.user-register-form .form-actions {
	margin-top: 1em;
	margin-bottom: 1em;
}

.user-login-form label,
.user-pass label,
.user-register-form label {
	font-size: 12px;
}

.user-login-form input,
.user-pass input,
.user-register-form input {
	padding: 10px 16px;
	font-size: 14px;
	height: 45px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #DED8D8;
	background: #FFF;
	color: #796D6D;
}

.user-login-form input:focus,
.user-pass input:focus,
.user-register-form input:focus {
	outline: none;
	box-shadow: 0px;
}

.user-login-form .form-item,
.user-login-form .form-actions,
.user-register-form .form-actions {
	margin-top: 1em;
	margin-bottom: 1em;
}

.user-login-form .form-actions,
.user-register-form .form-actions {
	margin-top: 1.5em;
}

.user-login-form .form-submit,
.user-pass .form-submit,
.user-register-form .form-submit {
	max-width: fit-content;
	background: #00ADEF;
	color: #fff;
	border: 1px solid #00ADEF;
	border-radius: 0.25rem;
	padding: 0.4rem 0.75rem;
	font-weight: 400;
}

.olive-logo {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

#preloader {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999
}

#preloader .loader {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 99999;
	max-width: 1060px;
}

#preloader .loader:focus-visible,
#preloader .loader:focus {
	outline: none;
	border: none;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.loader video {
	width: 100%;
	height: 100%;
}

/* Become a dealer CSS */
.dealerBanner {
	background: url(../img/dealer-bg.jpg) no-repeat center;
	background-size: cover;
}

.dealerBanner .slideItem .slideImage .imageSide .imageblueBg {
	background: transparent;
}

.dealerBanner .faqPage .slideItem .bg-mark {
	background-color: transparent !important;
}

.dealerBanner .slideItem .slideImage {
	justify-content: start;
}

.dealerBanner .imageProductdl {
	position: absolute;
	top: 50%;
	right: -35%;
	max-width: 300px;
	width: 100%;
	transform: translateY(-50%);
}

.dealerBanner .faqPage .slideItem .slideContant h1,
.dealerBanner .faqPage .slideItem .slideContant h1 span {
	font-size: 55px;
}

/* End Become a dealer CSS */

/* Load Calculator CSS */
.webform-submission-load-calculator-form {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 120px 30px 30px;
	max-width: 960px;
	width: 100%;
	margin: 0 auto 0;
	border: 0px solid rgba(0, 0, 0, .125);
	background-color: #f7f9fd;
}

.webform-submission-load-calculator-form>div,
.webform-submission-load-calculator-form .fieldgroup {
	width: 48%;
	flex: 0 0 48%;
	margin-bottom: 20px;
}

.webform-submission-load-calculator-form>div.form-item-backup-time {
	width: 100%;
	flex: 0 0 100%;
}

.webform-submission-load-calculator-form .fieldgroup {
	background: #fff;
	padding: 0px 15px;
}

.webform-submission-load-calculator-form>div input,
.webform-submission-load-calculator-form>div textarea {
	color: #000;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	width: 100%;
	padding: 12px;
	height: 42px;
	border-radius: 0px;
	margin: 0;
}

.webform-submission-load-calculator-form>div input:focus,
.webform-submission-load-calculator-form>div textarea:focus {
	outline: none;
	box-shadow: none;
}

.webform-submission-load-calculator-form>div textarea {
	height: 82px;
}

.webform-submission-load-calculator-form .fieldset-legend {
	font-size: 16px;
	font-weight: 500;
	font-family: 'gothammedium';
}

.webform-submission-load-calculator-form>div.form-actions {
	display: none;
}

.webform-submission-load-calculator-form>div label {
	font-size: 12px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.webform-submission-load-calculator-form .js-webform-checkboxes {
	padding-bottom: 10px;
}

.webform-submission-load-calculator-form .js-webform-checkboxes .js-form-type-checkbox:not(:last-child) {
	margin-bottom: 5px;
}

.webform-submission-load-calculator-form .js-webform-checkboxes .js-form-type-checkbox input {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
}

.webform-submission-load-calculator-form .js-webform-checkboxes .js-form-type-checkbox label {
	font-size: 12px;
	margin-left: 5px;
}

.webform-submission-load-calculator-form #webform-submit-button {
	width: auto;
	height: auto;
	font-size: 14px;
	padding: 15px 60px 15px 50px;
	border: 1px solid transparent;
	border-radius: 50px;
	background: #00ADEF url(../img/white-arrow.png) no-repeat 74% center;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
}

.webform-submission-load-calculator-form .fieldgroup legend {
	position: relative;
	cursor: pointer;
}

.webform-submission-load-calculator-form .fieldgroup legend::before,
.webform-submission-load-calculator-form .fieldgroup legend::after {
	content: "";
	width: 12px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 23px;
	right: 15px;
}

.webform-submission-load-calculator-form .fieldgroup legend::after {
	transform: rotate(90deg);
}

.webform-submission-load-calculator-form .fieldgroup legend.active::after {
	transform: rotate(0);
}

/* Load Calculator CSS */
.load-calculator {
	margin-top: 35px;
	background: #F6F6F6;
	padding: 60px 0;
}

.calc-box .requirment table {
	background: #1A295B;
	border-radius: 15px;
}

.calc-box .requirment table tr th {
	font-size: 18px;
	line-height: 24px;
	text-transform: capitalize;
	color: #fff;
	padding: 5px 15px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	font-family: 'gothambold';
}

.subtitle {
	font-size: 24px;
	line-height: 120%;
	color: #252424;
	margin-bottom: 30px;
}

.calc-box .accordion_item {
	margin-top: 15px;
	background: #003366;
	border-radius: 8px;
}

.calc-box .accordion_title {
	padding: 14px 18px;
	color: #000;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
}

.calc-box .accordion_title.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.calc-box .accordion_body {
	display: none;
}

.calc-box .accordion_title h6 {
	color: #fff;
	margin: 0;
	font-size: 18px;
	text-transform: capitalize;
}

.calc-box .accordion_body {
	padding: 15px;
	background: #003366;
	border-radius: 8px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.calc-box table {
	background: #fff;
	border-radius: 8px;
}

.calc-box tr td,
.calc-box tr th {
	border: 1px solid rgba(104, 104, 104, 0.6);
	color: #000;
	font-size: 16px;
	padding: 8px;
	line-height: normal;
	vertical-align: middle;
}

.calc-box tr td .d-inline-block.ms-3 {
	margin: auto !important;
	text-align: center;
	display: block !important;
}

.calc-box .value-button {
	display: inline-block;
	border: 1px solid #ddd;
	margin: 0px;
	width: 30px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	background: #eee;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.calc-box .value-button:hover {
	cursor: pointer;
}

.calc-box form #decrease,
.calc-box form #increase {
	border-radius: 50%;
	width: 18px;
	height: 18px;
	line-height: 0.7;
	margin: 0;
	padding: 0;
	background: #003366;
	color: #fff;
}

.calc-box form #input-wrap {
	margin: 0px;
	padding: 0px;
}

.calc-box input#number {
	text-align: center;
	border: none;
	margin: 0px;
	width: 30px;
	height: 30px;
}

.calc-box input[type=number]::-webkit-inner-spin-button,
.calc-box input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.accordion_title:after {
	content: "+";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	transition: all 0.3s ease;
	font-size: 24px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.accordion_title.active:after {
	content: "-";
}

.calc-wrapper .calc-box:not(:last-child) {
	margin-bottom: 45px;
}

.bluebg {
	background: #003366;
	padding: 15px;
	border-radius: 8px;
}

.calc-box tr td select.form-control {
	border: none;
	appearance: auto;
	padding: 0;
	font-size: 16px;
}

.calc-box tr td select.form-control:focus {
	outline: none;
	box-shadow: none;
}

.submit-buuton ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -10px;
}

.submit-buuton ul>li {
	width: 50%;
	flex: 0 0 50%;
	padding: 0 10px;
}

.submit-buuton ul>li button {
	background: #df6e26;
	width: 100%;
	border: 1px solid transparent;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.submit-buuton ul>li:last-child button {
	background: transparent;
	border: 1px solid #000;
	color: #000;
	font-size: 16px;
	border-radius: 30px;
	padding: 15px 40px 15px 30px;
}

.calc-box .value-button+input[type="number"] {
	width: 40px;
	height: 30px;
	font-size: 14px;
	text-align: center;
}

.submit-buuton ul>li>a {
	text-align: center;
	font-size: 16px;
	border-radius: 30px;
	color: #FFF;
	background: #00ADEF url(../img/white-arrow.png) no-repeat 87% center;
	border-color: #00ADEF;
	text-align: center;
}

/* .calc-wrapper .resultContainer>div {
    width: 100%;
    margin: auto !important;
} */
.calc-wrapper .resultContainer>div>p {
	font-size: 14px !important;
}

.calc-wrapper .formDesign.comboform .groupRow {
	width: 100%;
	flex: 0 0 100%;
}

.calc-wrapper .popupContainer {
	width: 800px;
	padding: 20px 20px;
}

.load-calculator h2.title-border-graphic {
	text-transform: capitalize;
}

.combo-img img {
	width: auto;
	height: 100%;
}

.requirment.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1110px;
	z-index: 1;
}

.product-combo ul>li>span {
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
}

.form-container1 .popupOverlayblog {
	z-index: 999999;
}

.form-container1 .popupContainer.comboform {
	top: 0;
	transform: translate(0%, 0%);
	left: 0;
}

.form-container1 .comboform h2 {
	display: block;
	text-align: center;
	margin: 0 auto 15px;
	max-width: 620px;
	width: 100%;
	line-height: normal;
	font-family: 'gothammedium';
	font-weight: 500;
	font-size: 24px;
}

.form-container1 .popupContainer {
	padding: 40px 20px 10px;
}

.form-container1 .formDesign form>div {
	margin-bottom: 10px;
}

#blogcontactForm>div {
	width: 100%;
	flex: 0 0 100%;
	flex-wrap: wrap;
}

.load-banner>img {
	border-radius: 35px;
}

/* End Load Calculator CSS */

/* ThreeD Box CSS */
.threeD-box model-viewer {
	display: none;
}

.threeD-box.open model-viewer {
	display: block;
}

.threeD-box.open .threeD-box-img {
	display: none;
}

.seriesBody .threeD-box-img img {
	width: 300px;
}

.threeD-box {
	text-align: center;
	position: relative;
	max-width: 464px;
	width: 100%;
}

.threeD-button {
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
	font-size: 12px;
	line-height: normal;
	border-radius: 20px;
	color: #484848;
	position: relative;
}

.threeD-button::before {
	content: "";
	width: 40px;
	height: 32px;
	background: url(../img/360-degree.svg) no-repeat center center;
	display: inline-block;
	vertical-align: -18px;
	margin-right: 3px;
	background-size: cover;
}

.seriesBody .threeD-button>img {
	width: auto;
}

.threeD-box-img {
	margin-bottom: 15px;
}

/* Calculator Average New Design CSS */
.avg-calcultor {
	background: url(../img/avg-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 90px 0 60px;
}

.avg-load-box {
	background: rgba(0, 0, 0, 0.60);
	background-size: cover;
	padding: 60px 15px 25px;
	position: relative;
	transition: all linear 0.3s;
}

.avg-load-box:hover {
	background: #00ADEF;
}

.avg-text {
	font-size: 22px;
	color: #fff;
	font-family: 'gothambold';
	text-transform: uppercase;
	width: 90px;
	height: 90px;
	line-height: 90px;
	background: #003366;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
}

.avg-text>img {
	width: 22px;
	display: inline-block;
	vertical-align: middle;
}

.avg-text-box p {
	font-size: 14px;
	color: #fff;
	margin: 0 0 5px;
}

.avg-text-box p b {
	font-family: 'gothambold';
}

.avg-img-box {
	height: 110px;
	position: relative;
	margin-bottom: 15px;
}

.avg-img-box>img {
	width: auto;
	object-fit: cover;
	height: 100%;
}

.avg-img-title h3 {
	font-size: 14px;
	margin: 0;
	color: #fff;
}

.avg-img-title p {
	font-size: 14px;
	margin-bottom: 15px;
	color: #fff;
	min-height: 40px;
}

.avg-button>span {
	font-size: 14px;
	border-radius: 30px;
	color: #fff;
}

.cs-mb {
	margin-bottom: 40px;
}

.row-calc {
	padding: 0 60px;
}

.avg-calc-tile h4 {
	font-size: 42px;
	color: #243b7f;
	margin: 0 0 10px;
}

.avg-calc-tile p {
	font-size: 28px;
	margin: 0 0 35px;
	color: #000;
}

.avg-calc-tile div>a {
	color: #fff;
	font-size: 16px;
	border: 1px solid #00ADEF;
	padding: 18px 46px;
	border-radius: 30px;
	transition: all linear 0.3s;
	background: #00ADEF;
	font-family: 'gothambold';
}

.avg-calc-tile div>a:hover {
	background: #00ADEF;
	border: 1px solid #00ADEF;
}

.avg-calc-tile div>a>img {
	margin-left: 3px;
}

/* End Calculator Average New Design CSS */

.form-container1 .popupContainer {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.form-container1 .popupContainer>div {
	flex: 0 0 auto;
	width: 50%;
}

.battery-popup-content {
	padding: 35px 20px;
}

.avg-button>span>img {
	display: inline-block !important;
	width: auto !important;
}

.innerPageVideoBanner {
	position: relative;
}

.innerPageVideoBanner::before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.40);
	position: absolute;
	top: 0;
	left: 0;
}

.innerPageVideoBanner-text {
	position: absolute;
	bottom: 5%;
	left: 0;
	width: 100%;
}

.innerPageVideoBanner-text h2 {
	color: #fff;
	font-family: 'gothambold';
	font-size: 36px;
	line-height: normal;
	margin-bottom: 20px;
	text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.30);
}

.innerPageVideoBanner-text .explore-more>a {
	background: #00ADEF;
	display: inline-block;
	padding: 12px 26px;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	line-height: normal;
}

.innerPageVideoBanner>p {
	margin: 0;
	line-height: 0;
}

html.active {
	overflow: hidden;
}

html.inactive.active {
	overflow: auto;
}

#addressSec {
	padding-bottom: 45px;
}

.erComboPopup .modal-dialog {
	max-width: 920px;
}

.erComboPopup .modal-content {
	background: #F6F6F6;
	border-radius: 15px;
	display: block;
}

.erComboPopup .comboform {
	background: transparent;
	border-radius: 15px;
	position: static;
	transform: translate(0%, 0%) !important;
	width: 100%;
	max-width: 100%;
}

.erComboPopup .btn-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 35px;
	height: 35px;
	font-size: 14px;
	opacity: 1;
	z-index: 1;
}

body.modal-open {
	overflow: hidden !important;
}

#block-battery-content {
	overflow: hidden;
	overflow-y: auto;
}

@media (max-width:1400px) {

	.aboutBlog ul>li,
	.aboutBlog ol>li {
		font-size: 14px;
		line-height: 22px;
	}

	.dealerBanner .imageProductdl {
		right: -60%;
	}

	.galleryOwl .item img {
		height: 380px
	}

	.home-inverter {
		transform: translate(-25%, -50%);
	}

	.recentArea .box h4 {
		font-size: 16px
	}

	.recentArea .box {
		margin-bottom: 30px
	}

	.aboutBlog h3 {
		font-size: 20px
	}

	.aboutBlog p {
		font-size: 14px;
		line-height: 22px
	}

 

	.menu li a {
		padding: 14px 16px;
		text-align: center;
		font-size: 14px;
	}

	.enquire-box .link-btn a {
		font-size: 12px;
		padding: 8px;
	}

	.contact-box li a {
		font-size: 12px
	}

	.rightMenu {
		width: 340px
	}

	header {
		padding: 10px 0;
	}

	.slideItem .slideStyle {
		width: 1140px;
		padding: 0 15px;
		height: 100%
	}

	.slideItem .slideContant h1 {
		font-size: 1.5rem
	}

	.slideItem .slideContant h1 span {
		font-size: 4rem
	}

	.slideItem .slideContant p {
		margin-bottom: 20px
	}

	.slideItem .slideImage .imageSide {
		width: 350px;
		height: 350px;
	}

	.slideItem {
		padding: 40px 0;
	}

	.slideItem .bg-mark {
		background-size: contain;
	}

	.slideItem .slideImage .imageSide img {
		width: 260px;
	}

	.slideItem {
		height: 520px;
		overflow: hidden;
	}

	
	

	.imgEffect {
		margin-bottom: 10px;
		text-align: center;
	}



	.developmentBox .box:hover .imgEffect img {
		text-align: center;
        margin: auto;
	}

	h2 {
		font-size: 2rem;
		line-height: 50px
	}

	 

	h3 {
		font-size: 1.5rem
	}

	h4 {
		font-size: 1rem
	}

 

	

	.home-inverter img {
		width: 450px
	}

 



	.lumiron-btn-design {
		font-size: 12px
	}



	.blogContent span {
		font-size: 12px
	}

	.blogContent h4 {
		margin: 10px 0;
		font-size: 16px
	}

	.enquiryDetail p {
		font-size: 18px;
		margin-top: 15px;
	}

	.inputStyle {
		padding: 10px 16px;
		font-size: 14px;
		height: 45px
	}

 

	footer a,
	footer p {
		font-size: 13px;
		line-height: 24px;
	}

	 

	.contact-box {
		top: -26px
	}

	.featuresOwl .keySlide {
		height: 420px;
	}

	.rangeBox {
		margin-top: 10px;
		height: auto;
		padding: 10px 0 45px;
		background-size: contain;
	}

	.seriesBody h3 {
		font-size: 1.7rem;
		line-height: normal;
	}

	.seriesBody img {
		width: 190px
	}

	.rangeBox .hightrange {
		top: 28%;
	}

	.rangeBox .solarRng {
		top: 14%;
	}

	.rangeBox .hightrange li img {
		width: 50px
	}

	.seriesBody p {
		margin: 0 0 15px 0;
	}

	.rangeBox .hightrange li h6 {
		font-size: 18px
	}

	.rangeTabArea {
		margin-top: 0
	}

	.performanceSec h3 {
		font-size: 2.2rem
	}

	.catalogueSec,
	.faqSec {
		padding: 20px 0
	}

	.compatibilityList tr.orangeBg th {
		font-size: 22px;
		padding: 14px 0;
	}

	.compatibilityList tr td {
		font-size: 14px;
		padding: 10px;
	}

	.featureBox h3 {
		font-size: 24px;
		margin-bottom: 15px
	}

	.featureBox ul li {
		font-size: 16px;
		line-height: 26px;
	}

	.featureDetail {
		padding: 0 30px
	}

	.dealCol .dealDetail {
		padding: 0 20px;
	}

	.whyUsSec .box {
		padding: 15px;
	}

	.fleaturedRow .singleCol h3 {
		font-size: 15px
	}

	.dealerForm {
		padding-left: 20px;
	}

	.map img {
		width: 100%
	}

	.faqTaber .faqContainer .faqAccordion.ui-accordion .ui-accordion-header {
		padding: 14px 15px;
		font-size: 16px;
	}

	.faqTaber .faqAccordion.ui-accordion .ui-accordion-content {
		padding: 20px 38px 20px 15px;
	}

	.rickshawsImg img {
		width: 330px
	}

	.eastmanbatterySlider,
	.innerPageSimpleBanner {
		padding-top: 100px
	}

	

	.faqContainer {
		padding: 20px
	}

	.faqSec {
		padding: 30px 0
	}

	.faqContainer .faqAccordion.ui-accordion .ui-accordion-header {
		font-size: 18px;
		padding: 16px 0;
	}

	.dealerFormSec {
		padding: 30px 0;
	}

	.dealerForm .fomrGroup {
		margin: 0 -10px 15px;
	}

	.dealerForm .fomrGroup .inputGroup textarea {
		height: 70px;
	}

	.dealerForm .fomrGroup .inputGroup input,
	.dealerForm .fomrGroup .inputGroup select,
	.dealerForm .fomrGroup .inputGroup textarea {
		padding: 12px 0
	}

	.googleMap img {
		width: 100%;
		height: 400px;
		object-fit: cover;
	}

	.catalogueBox {
		height: 340px;
	}

	.catalogueBox img {
		width: 250px;
		max-width: 100%
	}

	.catalogueBox a {
		font-size: 20px
	}

	.addresList .box {
		margin-bottom: 20px;
		padding: 10px 25px;
		padding-left: 50px;
	}

	.addresList .box img {
		width: 13px
	}

	.addresList .box p {
		font-size: 14px;
		line-height: 22px;
	}

	.map img {
		width: 100%;
		height: 385px;
		object-fit: cover;
	}

	.blogList {
		margin-top: 0
	}

	.ourJourney .year:nth-child(even) img {
		left: -70px;
		bottom: 280px;
		width: 130px;
	}

	.ourJourney .year:nth-child(even):after {
		height: 200px;
	}

	.ourJourney .year:nth-child(odd):after {
		height: 230px;
	}

	.ourJourney .year:nth-child(odd) img {
		left: -70px;
		bottom: -100px;
		z-index: 9;
		width: 130px;
	}

	.ourJourney .year h3 {
		font-size: 24px
	}

	.ourJourney .year:nth-child(even) p {
		margin-bottom: 0;
	}

	.ourJourney .year:nth-child(even) h3 {
		padding-top: 25px;
	}

	.ourJourney .year:nth-child(4) p {
		margin-bottom: -21px;
		top: -24px;
	}

	.ourJourney {
		padding: 200px 0 80px;
	}

	.ourJourney .year:nth-child(odd) h3 {
		margin-bottom: 6px;
		padding-bottom: 31px;
	}

	.ourJourney .year:nth-child(odd):after {
		height: 205px;
	}

	.lumiron-card-section .lumiron-card-grid h3 {
		font-size: 15px
	}

	.rangeBox .hightrange.solarRng {
		top: 20%
	}

	.testimonialsFlex {
		margin-top: 20px
	}

	.clientBox .box {
		padding: 15px
	}

	.clientView .clientSay p {
		font-size: 14px
	}

	.testimonialsOwl .clientView {
		height: 320px;
		padding: 15px 20px
	}

	.clientBg {
		padding: 40px 40px 110px
	}

	.our-product-section h2 {
		font-size: 2rem;
		line-height: 52px;
		font-family: 'gothambold';
		margin: 0;
	}

	.blog-box-small .blog-img {
		height: 233px;
	}

}

/* New Resource Page CSS */
.fixed-nav {
	position: fixed;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 5px;
	z-index: 8;
	width: 100px;
}

.nav-dot {
	width: 100%;
	height: 26px;
	cursor: pointer;
	transition: background 0.3s, transform 0.3s;
	position: relative;
	border-right: 2px solid #ccc;
}

.nav-dot.active {
	border-right: 2px solid #FF9900;
}

.nav-dot>.pointerText {
	display: none;
	opacity: 0;
}

.nav-dot.active>.pointerText,
.nav-dot:hover>.pointerText {
	position: absolute;
	display: block;
	top: 0px;
	font-size: 12px;
	color: #fff;
	width: 120px;
	height: 26px;
	opacity: 1;
	line-height: 26px;
	right: 2px;
	background-color: rgba(4, 58, 91, 0.6);
	text-align: left;
	padding-left: 25px;
	animation-name: cssHide;
	animation-duration: 6s;
}

.nav-dot.active>.pointerText::after,
.nav-dot:hover>.pointerText::after {
	content: "";
	width: 10px;
	height: 1px;
	background: #FF9900;
	display: block;
	position: absolute;
	right: 0;
	top: 13px;
	z-index: 1;
}

.ls-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
}

.ls-img {
	position: relative;
	height: 100vh;
}

.ls-img::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.90) 0%, rgba(99, 99, 99, 0) 100%);
}

.ls-content .section-title {
	max-width: 862px;
	width: 100%;
}

.ls-content .section-title h2 {
	margin-bottom: 24px;
	font-size: 45px;
	line-height: normal;
	font-family: 'gothammedium';
	display: inline-block;
}

.lead-stories .slick-dots {
	position: absolute;
	bottom: 5%;
	z-index: 1;
	text-align: center;
	width: 100%;
}

.lead-stories .slick-dots>li {
	display: inline-block;
	margin: 0 3px;
}

.lead-stories .slick-dots>li>button {
	border: none;
	background: #eee;
	font-size: 0;
	width: 30px;
	height: 3px;
}

.lead-stories .slick-dots>li.slick-active>button {
	background: #FF9900;
}

.press-release .slick-dots {
	position: absolute;
	bottom: 38%;
	width: 100%;
	text-align: center;
}

.press-release .slick-dots>li {
	display: inline-block;
	margin: 0 3px;
}

.press-release .slick-dots>li>button {
	background: transparent;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
	width: 12px;
	height: 12px;
	font-size: 0px;
	border-radius: 50%;
}

.press-release .slick-dots>li.slick-active>button {
	background: #fff;
}

.newsbox {
	position: relative;
}

.news-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.news-text .category ul>li,
.news-text .media-text h3 {
	color: #fff;
}

.md-arrows .slick-arrow {
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../img/arrow-right.png) no-repeat center;
	font-size: 0;
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 50%;
	z-index: 1;
}

.md-arrows .slick-prev {
	background: url(../img/arrow-right.png) no-repeat center;
	right: 60px;
	transform: rotate(180deg);
}

.news-img {
	position: relative;
}

.news-img::before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.30);
	position: absolute;
}

.whitepaper-slider .slick-list {
	margin: 0 -7px;
}

.whitepaper-slider .slick-list .slick-slide {
	padding: 0 7px;
}

.resorce-section:not(.ls-content) .section-title {
	margin-bottom: 25px;
}

.md-arrows.blue-arrow .slick-arrow {
	top: -58px;
	right: 0;
	border: 1px solid #144B83;
	background: url(../img/md-arrow-prev-bl.png) no-repeat center;
}

.md-arrows.blue-arrow .slick-prev {
	right: 40px;
}

.video-section .press-release .slick-dots {
	bottom: 15px;
}

.whitepaper-section .media-text h3 {
	margin: 0 0 15px;
	min-height: 48px;
}

.video-wrapper {
	margin-top: 60px;
	padding-left: 9%;
}

.video-hm .slick-list {
	margin: 0 -7px;
}

.video-hm .slick-list .slick-slide {
	padding: 0 7px;
}

.video-hm.md-arrows.blue-arrow .slick-arrow {
	right: 8%;
	top: -45px;
}

.video-hm.md-arrows.blue-arrow .slick-prev {
	right: 11%;
}

.social-wrapper {
	position: relative;
}

.social-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 30px 20px;
	max-width: 600px;
}

.social-feed-icon {
	margin-bottom: 20px;
}

.social-content h3 {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	margin-bottom: 12px;
	font-family: 'gothambook';
	font-weight: 400;
}

.social-content span {
	margin-bottom: 0;
	font-size: 14px;
}

.social-image-bg {
	position: relative;
}

.social-image-bg::before {
	content: "";
	position: absolute;
	width: 100%;
	background: rgba(59, 89, 152, 0.7);
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.instagram-bg::before,
.linkedin-bg::before {
	content: "";
	position: absolute;
	width: 100%;
	padding: 0;
	background-position: center !important;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat !important;
	right: 0;
	background-size: cover !important;
}

.instagram-bg::before {
	background: url(../img/insta_shade.png);
}

.linkedin-bg::before {
	background: url(../img/linkedin_shade.png);
}

.social-feed-icon img {
	width: 40px;
}

.whitepaper-section .category {
	margin-bottom: 5px;
}

.media-text>span {
	font-size: 14px;
	font-family: 'gothammedium';
	font-weight: 500;
	color: #144B83;
}

.news-slider .news-img {
	height: 511px;
}

.news-slider .news-img>img {
	height: 100%;
	object-fit: cover;
}

.video-section .news-slider .news-img {
	height: auto;
}

.video-section .media-img,
.video-section .news-img {
	position: relative;
}

.video-section .media-img::before,
.video-section .news-img::after {
	content: "";
	width: 42px;
	height: 30px;
	background: url(../img/yt-icon.png) no-repeat center;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: cover;
}

.resorce-section .media-text h3 {
	min-height: 48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
	font-family: 'gothambook';
	font-weight: 400;
	margin: 0;
}

.resorce-section .category {
	margin-bottom: 8px;
}

.facebook-bg {
	height: 424px;
}

.facebook-bg>img {
	height: 100%;
	object-fit: cover;
}


.media .media-img {
	position: relative;
	height: 317px;
}

.media .media-img>img {
	height: 100%;
	object-fit: cover;
}

.media .media-img::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.10);
}

.banner-category {
	display: inline-block;
	color: rgb(255, 255, 255);
	background-color: rgb(4, 58, 91);
	font-size: 13px;
	padding: 2px 8px;
	margin-bottom: 5px;
	border-left: 2px solid #FF9900;
	font-family: 'gothambook';
	font-weight: 400;
}

.media-wrap {
	position: relative;
	margin-top: 20px;
}

.media-wrap>h3 {
	font-size: 18px;
	font-family: 'gothamlight';
	color: #000;
	box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.2);
	font-weight: bold;
	display: inline-block;
	padding: 8px 20px;
	position: absolute;
	top: -22px;
	left: 15px;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.8);
	margin: 0;
}

.resorce-section .btn-custom {
	font-family: 'gothambook';
	font-weight: 400;
	margin: 0;
	border: 1px solid #000;
	font-size: 14px;
	border-radius: 0px;
	color: #000;
	padding: 8px 24px;
}

.resorce-section .btn-custom img {
	display: inline-block;
	margin-left: 5px;
}

.resorce-section .btn-custom.btn-white {
	border: 1px solid #fff;
	color: #fff;
}

.resorce-section .btn-custom:hover {
	background: #003366;
	color: #fff;
	border: 1px solid #003366;
}

.resorce-section .btn-custom:not(.btn-white):hover img {
	filter: brightness(0) invert(1);
}

.media-img {
	height: 348px;
	position: relative;
	z-index: 1;
}

.media-img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, .3) 12.77%, rgba(0, 0, 0, 0) 20.13%), linear-gradient(90deg, rgba(0, 0, 0, .56) 1.71%, rgba(52, 52, 52, 0) 100%);
	animation: fade_in 3s;
	z-index: -1;
}

.media-img>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.media-wrapper {
	background: #fff;
}

.media-text {
	padding: 15px;
}

.grey-bg {
	background: linear-gradient(360deg, #EBEBEB 0%, #F4F4F4 100%);
}

.ptb-80 {
	padding: 60px 0;
}

.resorce-section .section-title h2 {
	color: #000;
}

.Installation-slider .slick-list {
	margin: 0 -7px;
}

.Installation-slider .slick-slide {
	padding: 0 7px;
}

/* End New Resource Page CSS */

/*Case Studies CSS*/
.blogContainer .blogDetail span {
	color: #fff;
	font-family: 'gothambold';
	font-size: 14px;
	padding: 15px 22px;
	background: #F27E00;
}

.case-studies .blogContainer {
	background-color: #f8f8f8;
	border-radius: 20px;
}

.case-studies .blogContainer .blogDetail {
	padding: 30px 20px 20px;
	position: static;
}

.case-studies .blogContainer figure img {
	border-radius: 20px;
	width: 100%;
	height: auto;
}

.case-studies .blogContainer .blogDetail p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 44px;
	margin: 0;
}

.case-studies .blogContainer .blogDetail h2 {
	font-size: 18px;
	line-height: normal;
	margin-bottom: 2px;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 42px;
}

.case-studies .blogContainer .blogDetail span {
	padding: 0;
	color: #00ADEF;
	background: transparent;
	position: relative;
}

.case-studies .blogContainer .blogDetail span img {
	margin-left: 5px;
}

.casePopup .btn-close {
	position: absolute;
	right: 10px;
	top: 10px;
	box-shadow: none;
	z-index: 9;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	opacity: 1;
	background-size: 12px;
	border: 2px solid #000;
}

.casePopup h2 {
	font-size: 18px;
	line-height: normal;
	margin-bottom: 20px;
	color: #000;
}

.casePopup p {
	font-size: 14px;
	line-height: 28px;
	font-family: 'gothambook';
	color: #0F0F0F;
}

ul.case_store {
	text-align: center;
}

ul.case_store li {
	background: none;
	color: #0F0F0F;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 16px;
	border-bottom: 3px solid transparent;
	font-family: 'gothambold';
	font-weight: 700;
	position: relative;
	transition: all linear 0.3s;
}

ul.case_store li.current,
ul.case_store li:hover {
	color: #00ADEF;
	border-bottom: 3px solid #00ADEF;
}

ul.case_store li.current::after,
ul.case_store li:hover::after {
	content: "";
	border: 6px solid transparent;
	border-bottom-color: #00ADEF;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.case_store_content .case_tab_content {
	display: none;
}

.case_store_content .case_tab_content.current {
	display: inherit;
}

ul.location_product {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

ul.location_product>li {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	background: #f27e00;
	padding: 1px 6px;
	border-radius: 5px;
}

.casePopup .modal-body {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	padding: 0;
}

.casePopup .modal-body>div {
	padding: 0 10px;
	flex: 0 0 auto;
}

.casePopup .modal-body .case-img {
	width: 60%;
}

.casePopup .modal-body .case-description {
	width: 35%;
	padding: 60px 10px 30px;
	height: 362px;
	overflow: hidden;
	overflow-y: auto;
}

.casePopup .modal-body .case-description .location_product {
	bottom: auto;
	left: 10px;
	top: 20px;
}

.casePopup .modal-content {
	border-radius: 20px;
	overflow: hidden;
}

.blogContainer {
	position: relative;
	margin-top: 40px;
}

.blogContainer figure {
	position: relative;
	margin: 0;
}

.blogSec {
	position: relative;
	padding: 60px 0;
}

.popup-slider .owl-nav button {
	display: block;
	width: 30px;
	height: 30px;
	background: #000 !important;
	position: absolute;
	color: #fff !important;
	font-size: 20px !important;
}

.popup-slider .owl-nav button.owl-prev {
	left: 0;
}

.popup-slider .owl-nav button.owl-next {
	right: 0;
}

.popup-slider .owl-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

.addrow .row .row {
	margin: 0
}

.ptb-60 {
	padding: 60px 0;
}

/*Case Studies CSS End*/

/* Media Page CSS */
.news-box {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
}

.news-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.7) 42.29%, rgba(0, 0, 0, 0) 64.3%);
}

.news-box-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	text-align: center;
}

.btn-custom>img {
	display: inline-block;
}

.latest-news .slick-arrow {
	width: 35px;
	height: 35px;
	background: rgba(255, 255, 255, 0.84);
	border: none;
	font-size: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	left: 10px;
	z-index: 1;
}

.latest-news .slick-arrow.slick-next {
	right: 10px;
	left: auto;
}

.news-box-title h3 {
	font-size: 30px;
	line-height: normal;
	color: #fff;
	margin-bottom: 20px;
}

.grey-bg {
	background: linear-gradient(360deg, #EBEBEB 0%, #F4F4F4 100%);
}

.category ul>li {
	display: inline-block;
	font-size: 14px;
	color: #144B83;
	font-family: 'gothambook';
	font-weight: 400;
}

.category ul>li:not(:last-child) {
	margin-right: 10px;
}

.category {
	margin-bottom: 15px;
}

.category ul>li>a {
	border: 1px solid #144B83;
	display: block;
	color: #144B83;
	padding: 3px 6px;
}

.category ul>li>a:hover {
	background: #144B83;
	color: #fff;
}

.media-text h3 {
	color: #000000;
	font-size: 16px;
	line-height: 24px;
	font-family: 'gothambook';
	font-weight: 400;
	margin: 0;
	min-height: 105px;
}

.media-text h3>a {
	color: #000;
	font-family: 'gothambook';
	font-weight: 400;
}

.media-wrapper {
	background: #fff;
	margin-top: 25px;
}

.media-text {
	padding: 15px;
}

.latest-news .slick-arrow.slick-prev::before,
.latest-news .slick-arrow.slick-next::before {
	content: "<<";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
	text-align: center;
	line-height: 2.4;
}

.latest-news .slick-arrow.slick-next::before {
	content: ">>";
}

ul.media-store {
	text-align: center;
}

ul.media-store li {
	color: #897C7C;
	font-size: 16px;
	display: inline-block;
	padding: 10px 0px;
	cursor: pointer;
	font-family: 'gothambook';
	font-weight: 400;
	position: relative;
}

ul.media-store li.current::after {
	content: "";
	width: 100%;
	height: 2px;
	background: #FF9900;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

ul.media-store li:not(:last-child) {
	margin-right: 35px;
}

ul.media-store li.current {
	color: #000;
}

.media-content .media-tab-content {
	display: none;
}

.media-content .media-tab-content.current {
	display: inherit;
}

.media-content .media-img {
	height: auto;
}

.sample_videos .modal-body .modal-title {
	font-size: 18px;
	line-height: normal;
	margin-bottom: 15px;
	font-family: 'gothambold';
}

.sample_videos .btn-close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
	cursor: pointer;
	background-size: 15px;
	box-shadow: none;
}

.ls-img>img {
	object-fit: cover;
	height: 100%;
}

.resorce-section .downloadBox {
	margin: auto;
}

#views-exposed-form-top-blogs-block-1 .js-form-item,
#views-exposed-form-videos-page-block-1 .js-form-item {
	margin-bottom: 20px;
	width: 100%;
	max-width: 260px;
}

#views-exposed-form-top-blogs-block-1 label,
#views-exposed-form-videos-page-block-1 label {
	font-size: 14px;
	margin-bottom: 5px;
}

#views-exposed-form-top-blogs-block-1 .form-select,
#views-exposed-form-videos-page-block-1 .form-select {
	box-shadow: none;
	font-size: 14px;
	width: 100%;
	border: 1px solid #ccc;
}

#views-exposed-form-videos-page-block-1 .js-form-item {
	margin-bottom: 0px;
}

.resorce-section .faqPage .slideItem .slideContant h1 span {
	font-size: 14px;
	background: #00ADEF;
	padding: 3px 10px;
	color: #fff;
	font-family: 'gothambook';
	font-weight: 400;
}

.resorce-section .faqPage .slideItem .slideContant p {
	font-size: 18px;
	font-family: 'gothambold';
	font-weight: 500;
	line-height: normal;
}

.aboutBlog .table-responsive {
	margin-bottom: 30px;
}

.table-responsive .table {
	font-size: 14px;
	white-space: nowrap;
}

/* Media Page CSS End */

/* Blog Page CSS */
ul.blogCategory {
	margin: 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

ul.blogCategory li {
	display: inline-block;
	padding: .4em 1em;
	cursor: pointer;
	font-family: 'gothammedium';
	font-weight: 500;
	color: #252424;
	border-radius: 8px;
	border: 1px solid #252424;
	font-size: 16px;
	width: 32.333333%;
	flex: 0 0 32.333333%;
	margin-top: 10px;
}

ul.blogCategory li.current {
	background: #F27E00;
	color: #fff;
	border: 1px solid transparent;
}

ul.blogCategory li.current>img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}

.blogCategory-content .blogCategory-content {
	display: none;
}

.blogCategory-content .blogCategory-content.current {
	display: inherit;
}

.blog-text .Category {
	margin-right: 5px;
}

.top-blog-box {
	margin-top: 20px;
}

.blogrecentarea {
	padding-left: 20px;
}

/* Blog Page CSS End */

@media (max-width:1399px) {
	.ls-content .section-title {
		max-width: 580px;
	}

	.ls-content .section-title h2 {
		font-size: 24px;
		line-height: normal;
	}

	.faqTaber .ui-tabs .ui-tabs-nav li {
		margin: 0 5px;
	}

	.faqTaber .ui-tabs .ui-tabs-nav li a {
		font-size: 16px;
		height: auto;
		min-width: auto;
	}

	.pagingDesign ul li a {
		font-size: 16px;
	}
}

@media (max-width:1199px) {
	.rightMenu {
		width: 285px;
	}

	.menu li a {
		padding: 14px 9px;
		font-size: 12px;
	}

	.row-calc {
		padding: 0;
	}

	.block-link .btn-link {
		font-size: 14px;
	}

	.block-link .btn-link::after {
		width: 6px;
		height: 10px;
		background-size: cover;
	}

	.addresList .box img {
		left: 15px;
	}

	.block-banner {
		height: 407px;
	}

	.galleryOwl .item img {
		height: 280px
	}

	.eastmanbatterySlider,
	.innerPageSimpleBanner {
		padding-top: 103px
	}

	 

	.enquire-box {
		align-items: center;
	}

	.contact-box li:last-child {
		margin-left: 12px;
	}

	.enquire-box li {
		margin-left: 12px;
	}

	header.sticky .logo img {
		width: 110px;
	}

	header.sticky .menu li a {
		font-size: 12px;
		padding: 12px 15px;
	}

	header.sticky .rightMenu {
		width: auto;
	}

	.slideItem .slideStyle {
		width: 960px;
		padding: 0 15px;
		height: 100%
	}

	.slideItem .slideContant p {
		margin-bottom: 20px;
	}

	.slideItem .slideContant h1 {
		font-size: 1.2rem;
	}

	.slideItem .slideContant h1 span {
		font-size: 3.5rem;
	}

	.slideItem {
		height: 430px;
		overflow: hidden;
	}

	.slideItem .slideImage .imageSide {
		width: 300px;
		height: 300px;
	}

	.slideItem .slideImage .imageSide img {
		width: 210px;
	}

	.developmentBox .box {
		padding: 20px 10px
	}

	h2 {
		font-size: 1.7rem;
		line-height: 40px;
	}

	 

	footer h5 {
		font-size: 14px;
	}

	footer a,
	footer p {
		font-size: 11px;
		line-height: 22px;
	}

	footer p img {
		margin-right: 8px;
	}

	.footerLogo {
		width: 150px
	}

 

	footer {
		padding-top: 50px;
	}

	 

	.featuresOwl .keySlide .detail img {
		width: 120px
	}

	.featuresOwl .keySlide .detail p {
		font-size: 22px
	}

	.detailBack,
	.featuresOwl .keySlide .detail {
		padding: 30px 20px;
	}

	.detailBack .flipHead img {
		width: 70px
	}

	.detailBack .flipHead h4 {
		font-size: 18px;
	}

	.rangeTabArea .ui-tabs ul li a {
		font-size: 16px
	}

	.rangeTabArea .ui-tabs ul li {
		padding: 0 15px
	}

	.seriesBody h3 {
		font-size: 2rem
	}

	.rangeBox .hightrange li {
		margin: 0 10px
	}

	.rangeBox .hightrange li img {
		width: 40px;
	}

	.rangeBox .hightrange li h6 {
		font-size: 14px;
	}

	.rangeBox .hightrange {
		top: 30%;
		right: 140px;
	}

	.performanceSec .detail {
		padding-left: 70px
	}

	.performanceSec .performancImg {
		bottom: -50px;
		right: 110px;
		width: 460px;
	}

	.performanceSec {
		padding: 40px 0 70px;
	}

	.downloadDetail {
		padding: 0 40px;
	}

	header.sticky .menu {
		margin-right: 40px;
	}

	.products-grid-cards {
		padding: 30px 15px;
	}

	.padding-left {
		padding-left: 50px;
	}

	.product-info-details h3 {
		font-size: 20px
	}

	.product-info-details p {
		font-size: 14px
	}

	.featureBox ul li {
		margin-bottom: 5px;
	}

	.spaceTable {
		padding: 0 50px;
	}

	.specificationsSec table .orangeBg th {
		font-size: 20px
	}

	.specificationsSec table th {
		font-size: 16px
	}

	.specificationsSec table td {
		font-size: 14px;
		line-height: 24px;
		padding: 8px 20px;
	}

	.applicationSec .allApplication {
		padding: 0 30px
	}

	.breadcrumbSec ul li,
	.breadcrumbSec ul li a {
		font-size: 15px;
	}

	.dealerSec,
	.whyUsSec {
		padding: 45px 0
	}

	.dealheading {
		font-size: 24px
	}

	.dealCol .dealBox .dealIcon {
		min-width: 60px;
		height: 60px
	}

	.dealCol .dealBox .dealIcon img {
		width: 30px
	}

	.dealCol .dealBox {
		margin-bottom: 20px
	}

	.dealCol .dealBox h5 {
		font-size: 15px
	}

	.dealCol .dealBox p,
	.whyUsSec .box p {
		line-height: 20px
	}

	.fleaturedRow .singleCol a {
		font-size: 12px
	}

	.fleaturedRow .launchimg img {
		width: auto;
		max-width: 100%
	}

	.fleaturedRow .colBox .launchimg {
		padding: 12px 50px;
	}

	.fleaturedRow .singleCol {
		height: 520px;
	}

	.dealerForm {
		width: 530px
	}

	.formVideo {
		height: 100%;
		object-fit: cover;
	}

	.addresList .box {
		padding: 10px 15px;
		margin-bottom: 20px;
		padding-left: 40px;
	}

	.addresList .box p {
		font-size: 14px;
		line-height: 22px;
	}

	.catalogueBox img {
		width: auto;
		max-width: 100%
	}

	.catalogueBox {
		height: 360px;
		margin-bottom: 30px
	}

	.catalogueBox a {
		font-size: 16px
	}

	.stoeLocation,
	.allCatalogue {
		padding: 45px 0
	}

	.addressSpace {
		padding: 0 50px
	}

	.addressSpace .box {
		padding: 40x 25px;
	}

	.faqTaber .faqContainer {
		padding: 0
	}

	.aboutLumiron .detail {
		padding-left: 40px;
	}

	.colSpace {
		padding: 0 50px;
	}

	.aboutLumiron .detail h2 {
		font-size: 2.3rem;
	}

	.aboutLumiron .detail h3 {
		font-size: 1.5rem
	}

	.aboutLumiron .detail h3 span {
		font-size: 3rem
	}

	.ourJourney .year h3 {
		font-size: 22px
	}

	.ourJourney .year p {
		font-size: 13px;
		line-height: 16px;
	}

	.managementSec .detail h2 {
		font-size: 2.5rem;
		line-height: 50px
	}

	.managementSec .detail {
		padding: 50px 40px;
	}

	.eastmanWork .box h5 {
		font-size: 20px
	}

	.ourJourney .year:nth-child(even) img {
		position: absolute;
		left: -90px;
		bottom: 270px;
		width: 160px;
	}

	.ourJourney .year:nth-child(odd) img {
		position: absolute;
		left: -80px;
		bottom: -120px;
		width: 160px;
	}

	.ourJourney .year:nth-child(odd):after,
	.ourJourney .year:nth-child(even):after {
		height: 200px
	}

	.clientBg {
		padding: 40px 25px 110px;
	}

	.clientBox .box {
		padding: 15px;
		margin-bottom: 15px
	}

	.clientBox .box .boxImg {
		min-width: 82px;
		height: 82px
	}

	.testimonialsOwl .clientView {
		height: 360px
	}

	.testimonialsOwl .clientView .clientImg {
		width: 90px;
		height: 90px
	}

	.clientView .clientSay {
		margin-top: 10px;
		padding: 20px 0 0;
	}

	.clientView .clientSay p,
	.clientView .clientSay h6 {
		font-size: 14px;
		line-height: 21px
	}

	.testimonialsOwl .owl-nav {
		bottom: -20px
	}

	.performanceSec .detail {
		padding-left: 0;
	}

	.proFeature li .box p {
		font-size: 12px
	}

	.proFeature li .box img {
		width: 30px
	}

	.rickshawPerformance .proFeature {
		width: 340px
	}

	.rickshawPerformance .proFeature:before {
		height: 210px;
	}

	.rickshawPerformance .proFeature:after {
		height: 226px;
		width: 360px;
	}

	.rickshawsDetail {
		padding: 0
	}

	.rickshawsImg img {
		width: 260px;
	}

	.performanceSec .detail {
		padding-bottom: 30px
	}

	.recentArea {
		padding-left: 0;
	}

	.recentArea .box figure img {
		width: 130px
	}

	.recentArea .box h4 {
		font-size: 14px;
	}

	.recentArea .box p {
		font-size: 12px;
		line-height: 18px
	}

	.CategoryBlog {
		padding: 15px 0
	}

	.aboutBlog p {
		margin-bottom: 20px
	}

	.eRickshaw .inverterDetail {
		width: 660px;
	}

	.lumiron-card-section .lumiron-card-grid h3 {
		font-size: 16px
	}

	.blog-box-small .blog-img {
		height: 193px;
	}

	.casePopup .modal-body .case-description {
		padding: 60px 30px 30px;
		height: auto;
	}

	.casePopup .modal-body .case-description .location_product {
		left: 30px;
	}

}

@media (max-width:991px) {
	.blogrecentarea {
		padding-left: 0px;
	}

	.fixed-nav {
		display: none;
	}

	.ls-img {
		height: 520px;
	}

	.resorce-section .btn-custom img {
		width: auto;
	}

	.media-wrap>h3 {
		font-size: 14px;
		text-align: center;
	}

	#section2 .row>div:not(:last-child),
	#section4 .row>div:not(:last-child),
	#section6 .row>div:not(:last-child) {
		margin-bottom: 30px;
	}

	.video-section .row.mb-5>div:first-child {
		margin-bottom: 2rem !important;
	}

	.casePopup .modal-body>div {
		width: 100% !important;
	}

	.casePopup .btn-close {
		filter: brightness(0) invert(1);
	}

	.calc-item li span br {
		display: none;
	}

	.form-container1 .popupContainer>div {
		width: 100%;
	}

	.form-container1 .closeButtonblog {
		font-size: 32px;
		color: #fff;
	}

	.form-container1 .popupContainer.comboform {
		padding: 0;
	}

	.battery-popup-content {
		padding: 20px 15px;
	}

	.avg-calcultor .row.cs-mb {
		flex-wrap: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}

	.avg-calcultor .row.cs-mb>.col-6 {
		width: 300px;
		margin-top: 40px;
	}

	.avg-load-box {
		margin-top: 40px;
	}

	.dealerBanner .faqPage .slideItem .slideContant h1,
	.dealerBanner .faqPage .slideItem .slideContant h1 span {
		font-size: 35px;
	}

	.whyUsSec .container-md .row .col-md-3 {
		width: 50%;
	}

	.whyUsSec .box p {
		min-height: auto;
	}

	.block-link>div>div>div {
		margin: 10px 0;
	}

	.blogPage .col-md-6 {
		width: 100%
	}

	.popupContainer.comboform {
		overflow: scroll;
		padding: 65px 15px 30px;
	}

	.blog-box-small .blog-img {
		height: auto;
	}

	.top-block .col-md-3 {
		width: 50%
	}

	.product-block .btn-link {
		padding: 4px 8px;
		font-size: 14px;
	}

	.testimonial-wrapper {
		width: 100%;
	}

	.block-banner {
		height: 307px;
	}

	.galleryOwl .item img {
		height: 280px
	}

	.lumiron-card-section {
		padding-bottom: 10px
	}

	.mobileMenu {
		display: block;
	}

	.menu,
	.rightMenu {
		display: none !important;
	}

 



	.frameMenu li .plusMenu {
		height: 37px;
	}

	.menuHeight {
		width: 100%;
		height: 100%;
		overflow: auto;
		flex-direction: column;
	}

	.mobLink {
		display: block;
	}

	.menuToggle li a {
		padding: 10px 14px
	}

	.blogDetail .col-md-7,
	.blogDetail .col-md-5 {
		width: 100%
	}

	.eastmanbatterySlider,
	.innerPageSimpleBanner {
		padding-top: 81px
	}

	.slideItem .slideStyle {
		width: 720px;
	}

	 

	.contact-box span img {
		width: 12px
	}

	header .container-md {
		max-width: 100%
	}

	.mobileMenu {
		display: flex;
		align-items: center;
	}

	.mobileMenu li {
		margin-left: 15px
	}

	.lumiron-header {
		padding: 0 30px
	}

	.searchBox {
		display: none;
	}

	ul.menu {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		border-radius: 0
	}

	ul.menu li {
		width: 100%
	}

	.menu li a {
		text-align: left;
	}

	.contact-box {
		top: 0;
		position: relative;
		display: flex;
		flex-direction: column;
	}

	.enquire-box {
		flex-direction: column;
	}

	.rightMenu,
	.enquire-box li,
	.contact-box li,
	.contact-box li:last-child {
		width: 100%;
		margin: 0;
	}

	.enquire-box .link-btn a {
		border: none;
		color: #fff;
		font-family: 'gothambold';
		border-radius: 0;
		padding: 14px
	}

	.contact-box li a {
		font-size: 12px;
		padding: 14px;
		display: block;
		color: #fff
	}

	.contact-box li img {
		filter: brightness(0) invert(1);
	}

	.contact-box span img {
		width: auto;
	}

	.closeMenu {
		display: block;
		position: absolute;
		top: 15px;
		right: 15px;
	}

	.frameMenu li a {
		font-size: 14px;
		padding: 8px
	}

	.slideItem .slideContant h1 {
		font-size: 1rem;
	}

	.slideItem .slideContant h1 span {
		font-size: 3rem;
	}

	.slideItem .slideImage .imageSide {
		width: 250px;
		height: 250px;
	}

	.slideItem .slideImage .imageSide img {
		width: 160px;
	}

	.slideItem .slideImage .imageSide span {
		width: 80px;
		height: 80px;
		font-size: 10px;
		left: -50px;
	}

	.slideItem .slideContant p {
		font-size: 12px;
		line-height: 20px
	}

	.our-product-section {
		padding: 40px 0
	}

	.developmentBox {
		padding: 0
	}

	.home-inverter img {
		width: 400px;
	}


 

	.solarimg {
		width: 440px;
	}

	h2 {
		font-size: 1.5rem;
	}

	 

	h3 {
		font-size: 1.2rem;
	}

 

	.lumiron-btn-design {
		padding: 12px 30px 12px 20px;
	}

	.assureLogo {
		width: 300px
	}

	.assureSec h2 {
		font-size: 1.5rem;
	}

	.assureSec {
		padding: 40px 0
	}

	 

	.enquiryDetail a {
		font-size: 18px;
	}

	.enquiryDetail a img {
		width: 18px
	}

	.inputStyle {
		height: 38px;
		font-size: 12px;
		padding: 10px 9px;
	}

	 

	.submitBtn {
		font-size: 12px;
		padding: 10px 50px 10px 30px;
	}

	.openMenu {
		display: block;
	}

	.slideTabStyle .featuresOwl {
		padding-left: 140px !important;
	}

	.featuresOwl .keySlide {
		height: 360px;
	}

	.featuresOwl .keySlide .detail img {
		width: 90px;
		margin-bottom: 10px;
	}

	.detailBack .flipHead img {
		width: 50px;
	}

	.detailBack .flipHead h4,
	.detailBack .flipHead h4 p {
		font-size: 14px;
	}

	.detailBack .flipHead {
		margin-bottom: 10px
	}

	.detailBack .content p {
		color: #fff;
		font-size: 13px;
		line-height: 22px;
	}

	.seriesBody img {
		width: 150px;
	}

	.rangeTabArea .ui-tabs ul li {
		padding: 0 10px
	}

	.rangeTabArea .ui-tabs ul li a {
		font-size: 14px;
	}

	.seriesBody h3 {
		font-size: 1.5rem;
		line-height: normal;
	}

	.seriesBody p {
		margin-bottom: 10px
	}

	.rangeBox .hightrange {
		right: 60px;
	}

	.rangeTabArea .buttonArea a {
		background-position: 90% center;
	}

	.performanceSec .detail {
		padding-left: 0
	}

	.performanceSec h3 {
		font-size: 2rem;
	}

	.performanceSec .performancImg {
		bottom: -40px;
		right: 0;
		width: 390px;
	}

	.downloadDetail {
		padding: 0;
	}

	.downloadBox {
		width: 240px;
	}

	.faqSec {
		padding: 40px 0;
	}

	.faqContainer {
		padding: 20px
	}

	.faqContainer .faqAccordion.ui-accordion .ui-accordion-header {
		font-size: 14px;
		padding: 12px 0;
	}

	.faqAccordion.ui-accordion .ui-accordion-content {
		padding: 0 30px 0 0;
	}

	.faqAccordion.ui-accordion .ui-accordion-content p {
		line-height: 22px
	}

	.breadcrumbSec ul li,
	.breadcrumbSec ul li a {
		font-size: 14px
	}

	.featureBlock {
		padding: 40px 0
	}

	.popupContainer {
		padding: 15px;
		max-height: 94%;
		overflow: hidden;
		overflow-y: auto;
	}

	.popupContainer h2 {
		font-size: 22px
	}

	.formDesign .groupRow {
		display: flex;
		margin-bottom: 15px;
	}

	.formControl {
		padding: 8px 15px;
		font-size: 12px
	}

	.popupContainer:after {
		bottom: -40px;
		right: -50px;
	}

	.closePop {
		font-size: 12px;
		padding: 10px 20px;
	}

	.formDesign .submitBtn {
		padding: 6px 25px 6px 10px;
	}

	.formDesign .submitBtn {
		background-position: 94% 14px;
	}

	.compatibilityList {
		padding: 45px 0
	}

	.compatibilityList tr.orangeBg th {
		font-size: 18px;
		padding: 10px 0;
	}

	.compatibilityList tr td {
		font-size: 16px;
		padding: 10px 0;
	}

	.compatibilityList tr:hover {
		border: 4px solid #000 !important;
	}

	.products-grid-cards h5 {
		margin: 10px 0;
		font-size: 14px;
	}

	.buttonArea {
		margin: 0
	}

	.orangebtn {
		padding: 12px 40px 12px 20px;
	}

	.all-product-listing-page .col-md-3,
	.all-product-listing-page .col-md-9 {
		width: 100%
	}

	.filter {
		margin-bottom: 20px
	}

	.padding-left {
		padding-left: 0;
	}

	.inforimg {
		height: 320px
	}

	.inforimg img {
		width: auto;
		max-width: 100%
	}

	.product-info-details {
		padding: 0
	}

	.featureBox .featureImg {
		width: 100%;
	}

	.featureBox .featureImg img {
		width: auto;
		max-width: 100%
	}

	.featureDetail {
		padding: 0 15px;
		width: 100%
	}

	.featureBox h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.featureBox ul li {
		font-size: 14px;
		line-height: 20px;
	}

	.featureBox {
		margin-top: 30px;
	}

	.spaceTable {
		padding: 0 0;
	}

	.specificationsSec table .orangeBg th {
		font-size: 16px;
		padding: 2px 0;
	}

	.specificationsSec table th {
		font-size: 14px;
		padding: 6px 10px;
	}

	.specificationsSec table td {
		font-size: 12px;
		line-height: normal;
		padding: 8px 10px;
	}

	.allApplication .box {
		width: 15%
	}

	.applicationSec .allApplication {
		padding: 0;
		flex-wrap: wrap;
	}

	.allApplication .box img {
		width: auto;
		max-width: 100%
	}

	.allApplication .box p {
		font-size: 13px
	}

	.sectionTab ul li a {
		padding: 0 20px;
		font-size: 14px;
	}

	.dealerSec h2 {
		margin-bottom: 20px;
	}

	.dealCol {
		flex-direction: column;
	}

	.dealCol .dealBox {
		width: 100%;
	}

	.dealerSec .col-md-5 {
		display: flex;
		align-items: center;
	}

	.dealerSec,
	.whyUsSec {
		padding: 40px 0;
	}

	.whyUsSec .box {
		padding: 25px 5px;
	}

	.whyUsSec .box span {
		min-width: 60px;
		height: 60px;
	}

	.whyUsSec .box span img {
		width: 30px
	}

	.whyUsSec .box h5 {
		font-size: 16px;
		margin: 15px 0 7px;
	}

	.featuredTab.ui-tabs .ui-tabs-nav li a {
		padding: 12px 30px;
	}

	.featuredTab.ui-tabs .ui-tabs-nav li {
		margin: 0px 15px 0 0;
	}

	.fleaturedRow {
		flex-direction: column;
	}

	.fleaturedRow .singleCol {
		height: auto;
	}

	.leftSpace {
		margin-bottom: 25px;
	}

	.dealFeatured {
		padding: 45px 0
	}

	.dealerFormSec {
		padding: 30px 0
	}

	.searchLoaction .inputBox img {
		top: 15px;
	}

	.searchLoaction .inputBox input {
		font-size: 14px;
		padding: 10px 30px;
	}

	.addresList .box img {
		margin-right: 5px;
		width: 12px;
	}

	.addresList .box {
		padding: 8px;
		padding-left: 40px;
	}

	.stoeLocation,
	.allCatalogue {
		padding: 45px 0 0;
	}

	.catalogueBox {
		height: auto;
		margin-bottom: 30px;
		padding: 15px 0 50px;
	}

	.addressSpace {
		padding: 0
	}

	.addressSpace .box {
		padding: 20px;
	}

	.addressSpace .box img {
		margin-right: 8px
	}

	.addressSpace p,
	.addressSpace p a {
		font-size: 14px;
		margin-bottom: 10px
	}

	.connectForm .formDesign {
		padding: 25px 30px;
	}

	.connectForm .formDesign .submitBtn {
		padding: 8px 32px 8px 20px;
		background-position: 84% center !important;
	}

	.connectForm .formDesign:after {
		bottom: -40px;
		right: -50px;
	}

	.faqTaber .ui-tabs .ui-tabs-nav li a {
		font-size: 15px;
		height: 44px;
		min-width: 140px
	}

	.faqTaber .ui-tabs .ui-tabs-nav li {
		margin: 0 5px
	}

	.faqTaber .ui-tabs .ui-tabs-nav li a img {
		width: 18px
	}

	.faqTaber .faqContainer .faqAccordion.ui-accordion .ui-accordion-header {
		padding: 12px 15px;
		font-size: 15px;
	}

	.faqTaber .faqContainer .faqAccordion.ui-accordion .ui-accordion-header .ui-icon {
		right: 10px;
		width: 18px;
		height: 18px;
		top: 17px;
	}

	.faqContainer .faqAccordion.ui-accordion .ui-accordion-header .ui-icon:after {
		font-size: 17px;
	}

	.faqAccordion.ui-accordion .ui-accordion-content p {
		line-height: 20px;
	}

	.faqTaber .ui-tabs .ui-tabs-nav {
		margin-top: 30px;
	}

	.colSpace {
		padding: 0 0;
	}

	.aboutLumiron .detail h2 {
		font-size: 2rem;
	}

	.aboutLumiron .detail h3 {
		font-size: 22px;
	}

	.aboutLumiron .detail h3 span {
		font-size: 50px;
	}

	.aboutLumiron .detail p {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 4px;
	}

	.aboutLumiron,
	.ourValue,
	.eastmanJourney {
		padding: 45px 0
	}

	.ourValue .detail {
		padding-right: 20px
	}

	.ourJourney {
		padding: 210px 0 120px;
	}

	.managementSec .detail {
		width: 500px;
		padding: 25px
	}

	.managementSec .detail h2 {
		font-size: 40px;
		line-height: 40px;
	}

	.simpleBtn {
		font-size: 14px
	}

	.managementSec .detail p {
		margin-bottom: 10px
	}

	.eastmanWork .box p {
		padding: 0 10px
	}

	.ourJourney .year h3 {
		font-size: 16px;
	}

	.ourJourney .year p {
		font-size: 11px;
		line-height: 15px;
	}

	.testimonialsFlex {
		flex-direction: column;
	}

	.testimonialsOwl,
	.clientBox {
		width: 100%
	}

	.testimonialsOwl .clientView {
		padding: 0 35px 50px;
	}

	.clientBox {
		padding-left: 0;
		margin-top: 90px;
	}

	.clientBox .box {
		padding: 20px 15px
	}

	.clientBg {
		padding: 40px 25px
	}

	.performanceSec .detail {
		padding-left: 0;
		padding-top: 140px;
	}

	.rickshawPerformance .proFeature {
		width: 290px;
	}

	.proFeature li {
		width: 43%;
	}

	.rickshawPerformance .proFeature:before {
		height: 190px;
	}

	.rickshawPerformance .proFeature:after {
		height: 206px;
		width: 310px;
	}

	.galleryBlock {
		padding: 40px 0
	}

	.pagingDesign ul li a {
		font-size: 14px;
		padding: 7px 10px;
	}

	.pagingDesign ul {
		margin-top: 30px
	}

	.blogSec {
		padding: 30px 0;
	}

	.top-block {
		padding-bottom: 30px
	}

	.recentBlog .blogContent h4 {
		font-size: 13px;
	}

	.recentBlog .blogContent a {
		font-size: 11px;
		padding: 8px 30px 8px 10px;
		background-position: 85% 11px;
	}

	.lightThme .mobileMenu li img {
		filter: brightness(0) invert(1);
	}

	.sticky .mobileMenu li img {
		filter: brightness(0) invert(0);
	}

	.our-product-section h2 {
		font-size: 1.2rem;
	}

	.avg-calc-tile {
		margin-bottom: 20px;
	}

}

@media (max-width:767px) {
	.custom-slider-2 {
		min-height: 250px;}
	.banner-category-bg {
  
    height: 300px;
    
}

	.ptb-80 {
		padding: 45px 0;
	}

	.casePopup .modal-body .case-description .location_product {
		position: static;
		margin-bottom: 15px;
	}

	.casePopup .modal-body .case-description {
		padding: 20px;
	}

	.erComboPopup .msg-block {
		border-radius: 10px;
		padding: 30px 15px;
		font-size: 18px;
		line-height: normal;
		margin-top: 0px;
	}

	.erComboPopup .msg-block button {
		top: 5px;
		right: 10px;
	}

	.innerPageVideoBanner-text {
		bottom: 10%;
	}

	.innerPageVideoBanner-text h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.innerPageVideoBanner-text .explore-more>a {
		padding: 10px 16px;
		font-size: 12px;
	}

	.avg-calcultor>div {
		padding: 0;
	}

	.avg-img-box {
		height: 158px;
	}

	.avg-calcultor {
		padding: 40px 0;
	}

	.cs-mb {
		margin-bottom: 30px;
	}

	.avg-calc-tile h4 {
		font-size: 24px;
	}

	.avg-calc-tile p {
		font-size: 18px;
	}

	.product-combo p {
		font-size: 14px;
	}

	#popupMessageblog {
		font-size: 24px !important;
	}

	.resultContainer .mb-5 {
		margin-bottom: 1.5rem !important;
	}

	.load-banner>img {
		border-radius: 10px;
	}

	.load-calculator {
		padding: 40px 0 0;
	}

	#blogcontactForm>div {
		margin-bottom: 10px;
	}

	.innerPageVideoBanner {
		line-height: 0;
	}

	.calc-banner {
		padding: 10px 0 0 !important;
	}

	.dealerBanner .slideItem .slideImage {
		justify-content: end;
	}

	.dealerBanner .imageProductdl {
		right: 0;
	}

	.dealerBanner .faqPage .slideItem .slideImage .imageSide {
		top: 0;
	}

	.dealerBanner .slideItem .slideImage .imageSide .imageblueBg {
		position: absolute;
		right: 100px;
	}

	.dealerBanner .faqPage .slideItem {
		height: 460px;
	}

	#preloader .loader {
		width: 100%;
	}

	.successSec {
		padding: 45px 0;
	}

	.fillForm {
		z-index: 1;
	}

	.fillForm::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		background: rgba(0, 0, 0, 0.40);
		z-index: -1;
	}

	.fillForm .detail p br {
		display: none;
	}

	.fillForm .detail p {
		font-size: 14px;
		line-height: 24px;
	}

	.fillForm .detail {
		width: 100%;
	}

	.whyUsSec .box:hover {
		background: transparent;
		box-shadow: none;
	}

	.homePageSlider .homeSlider .slick-dots {
		bottom: -25px;
	}

	.homePageSlider .slideItem {
		height: auto;
		padding: 0;
	}

	.homePageSlider .slideItem .slideStyle {
		flex-wrap: wrap;
	}

	.homePageSlider .slideItem .slideContant {
		order: 2;
	}

	.homePageSlider .slideItem .slideImage {
		order: 1;
		position: static;
	}

	.homePageSlider .slideItem .slideImage .imageSide {
		width: 190px;
		height: 190px;
	}

	.homePageSlider .slideItem .slideImage .imageSide img {
		width: 130px;
	}

	.homePageSlider .slideItem .slideImage .imageSide span {
		width: 80px;
		height: 80px;
		font-size: 10px;
		left: -58px;
	}

	.block-link .container .row {
		margin: 0 -5px;
	}

	.block-link>div>div>div.col-6 {
		width: 50%;
		flex: 0 0 50%;
		padding: 0 5px;
	}

	.block-link .btn-link::after {
		right: -10px;
	}

	.featuresOwl .owl-nav {
		display: none;
	}

	.featuresOwl .item .keySlide {
		transform: rotateY(180deg);
	}

	.aboutLumiron .detail h2 {
		font-size: 1rem;
	}

	html.notscroll {
		overflow: hidden;
	}

	.homePageSlider {
		padding: 0;
		height: 100%;
		min-height: 100vh;
		display: flex;
		align-content: center;
		align-items: center;
	}

	.homeSlider {
		width: 100%;
	}

	.flexHeight {
		display: block;
		text-align: center;
	}

	.whyUsSec .box p,
	.whyUsSec .box h5 {
		min-height: auto;
	}

	.formDesign .closePop {
		top: 10px;
		right: 10px;
	}

	.top-blog-box {
		margin-bottom: 30px
	}

	.product-combo,
	.popupContainer.comboform .row .col-md-2 {
		margin-bottom: 15px;
	}

	.formDesign.comboform .centerAlign {
		padding: 0;
	}

	.dealerForm .webform-submission-partner-with-us-form>div,
	.webform-submission-connect-with-us-form>div,
	.formDesign form>div {
		flex: 0 0 100%;
		width: 100%;
	}

	.mainHeaer .search-bar .search-block-form form input[type="search"] {
		max-width: 240px;
	}

	#search-form .js-form-item {
		max-width: 230px;
	}

	#search-form .js-form-item label {
		white-space: nowrap;
	}

	.pager__items>li>a {
		width: 32px;
		height: 32px;
		line-height: 32px;
		padding: 0 10px;
		font-size: 14px;
	}

	.dealerForm .webform-submission-partner-with-us-form>div,
	.formDesign .webform-submission-download-catalogue-form>div,
	.webform-submission-connect-with-us-form>div,
	.webform-submission-download-catalouge-solar-form>div,
	.webform-submission-download-catlouge-e-rickshaw-form>div {
		flex: 0 0 100%;
		width: 100%;
	}

	.block-link>.container-fluid>div {
		justify-content: center;
	}

	.block-link>.container-fluid>div>div {
		width: 50% !important;
		flex: 0 0 50% !important;
	}

	.dl-catalogue .row:not(.mb-3)>div:not(:last-child) {
		margin-bottom: 20px;
	}

	model-viewer {
		width: 100%;
	}

	.block-banner>div {
		padding: 0 15px;
	}

	.section-title h2 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 15px;
	}

	.block-banner .lumiron-btn-design {
		margin-bottom: 15px;
	}

	.section-title img {
		width: 290px;
	}

	.our-product-section h2 {
		font-size: 1rem;
	}

	.galleryOwl .item img {
		height: 180px
	}

	.CategoryBlog ul li a {
		font-size: 16px
	}

	.CategoryBlog span,
	.CategoryBlog p {
		font-size: 12px
	}

	.aboutBlog h3 {
		font-size: 16px
	}

	.recentBlog .col-md-4 {
		width: 50%
	}

	.rangeTabArea .ui-tabs ul {
		flex-wrap: wrap;
	}

	.rangeBox {
		display: block;
	}

	.rangeTabArea .ui-tabs ul {
		justify-content: start;
		flex-wrap: nowrap;
		overflow: hidden;
		overflow-x: auto;
		text-align: center;
		display: block;
		white-space: nowrap;
	}

	.rangeTabArea .ui-tabs ul>li {
		display: inline-block;
	}

	.stoeLocation h2 {
		margin-bottom: 35px
	}

	.addresList {
		margin-bottom: 30px
	}

	.lumiron-header {
		padding: 0
	}

	.col-5,
	.col-7,
	.col-md-6 {
		width: 100%
	}

	h2 {
		font-size: 1.2rem;
		line-height: 30px;
	}

 

	h3 {
		font-size: 1rem;
	}

	

	.developmentBox .box h6 {
		font-size: 12px;
		line-height: 15px;
	}

	.developmentBox .box {
		padding: 10px;
		height: 120px;
	}





	.home-inverter {
		display: none;
	}





	.eRickshaw .home-inverter {
		top: 0;
		right: 0;
		transform: translate(0, 0);
		left: auto;
	}

	.assureSec .col-md-6 {
		text-align: center;
	}

	.assureLogo {
		width: 200px;
		margin: 0 auto 20px;
		display: block;
	}

	.enquiryDetail {
		align-items: center;
		margin-bottom: 30px
	}

	.enquiryDetail h2 {
		text-align: center;
		margin: 0
	}

	.enquiryDetail p {
		font-size: 14px;
		margin-bottom: 5px
	}

	.contact-section {
		padding: 20px 0 30px;
	}

	footer .col {
		flex-shrink: 0;
		flex: none;
		width: 50%;
	}

	.footerLogo {
		margin: 0 0 10px;
		width: 120px
	}

	footer a,
	footer p {
		font-size: 13px;
		line-height: 25px;
	}

	.social-icon {
		margin-bottom: 12px;
	}

	 

	.our-product-section h2 {
		margin-bottom: 20px;
		line-height: 32px;
	}

	.slideItem .slideStyle {
		width: 100%;
		padding: 0 15px
	}

	.slideItem .slideContant h1 {
		font-size: 16px;
	}

	.slideItem .slideContant h1 span {
		font-size: 50px
	}

	.slideItem {
		height: auto;
	}

	.slideItem .slideImage .imageSide {
		width: 200px;
		height: 200px;
	}

	.slideItem .slideImage .imageSide img {
		width: 130px;
	}

	.eRickshaw h2.title-border-graphic:after {
		left: 50%;
		transform: translate(-50%, 0);
	}

	 

 

	footer {
		padding-top: 20px;
	}

	.featuresOwl .keySlide {
		height: 340px;
	}

	.featuresOwl .keySlide .detail p {
		font-size: 18px;
		line-height: normal;
	}

	.performanceSec .performancImg {
		width: 270px;
	}

	.performanceSec h3 {
		font-size: 28px;
	}

	.performanceSec .detail {
		padding-left: 140px;
	}

	.performanceSec p {
		margin-bottom: 10px
	}

	.blogList img {
		width: 100%
	}

	.UPSComboList .col-md-4 {
		width: 50%
	}

	.faqContainer .faqAccordion.ui-accordion .ui-accordion-header .ui-icon {
		width: 20px;
		height: 20px
	}

	.faqContainer .faqAccordion.ui-accordion .ui-accordion-header {
		padding: 12px 30px 12px 0;
	}

	.all-product-listing-page .col-md-9 .col-md-4 {
		width: 50%
	}

	.filter {
		padding: 15px;
	}

	.all-product-listing-page {
		padding: 50px 0
	}

	.all-product-listing-page .products-grid-cards {
		padding: 15px
	}

	.padding-left {
		padding-left: 15px
	}

	.inforimg {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 15px;
	}

	.product-info-details {
		padding: 0;
		display: flex;
		align-items: center;
		width: 400px;
		max-width: 100%;
		margin: 20px auto 0;
	}

	.product-info-details p {
		text-align: center;
	}

	.padding-right {
		padding-right: 15px;
	}

	.featureBox ul li {
		font-size: 13px;
		line-height: 18px;
	}

	.allApplication .box {
		width: 33%;
	}

	.featureBox .featureImg {
		text-align: center;
	}

	.dealerSec .col-md-5 {
		justify-content: center;
	}

	.dealerSec .col-md-5 img {
		width: 400px;
		max-width: 100%
	}

	.dealerSec .flexCol {
		padding: 20px 50px 0
	}

	.whyUsSec .box {
		width: 100%;
		margin: 0 0 20px;
		max-width: 100%;
		padding: 0;
	}

	.padd0 {
		padding: 0 15px;
	}

	.formVideo {
		width: 100%
	}

	.dealerForm {
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}

	.fleaturedRow .launchimg {
		padding: 15px
	}

	.fleaturedRow .launchimg {
		width: 100%
	}

	.addressSpace h5 {
		font-size: 16px;
	}

	.addressSpace .box {
		padding: 10px
	}

	.addressSpace {
		margin-top: 20px
	}

	.addressSpace .social-icon {
		margin-top: 20px
	}

	.aboutLumiron .imgBox img {
		width: auto;
		max-width: 100%;
	}

	.aboutLumiron .imgBox {
		width: 400px;
		margin: 0 auto 50px;
		max-width: 100%;
	}

	.aboutLumiron .detail h3 {
		line-height: 38px;
	}

	.ourValue p {
		font-size: 14px;
		line-height: 20px
	}

	.eastmanWork .box {
		padding-bottom: 30px;
		width: 320px;
		margin: 0 auto 30px;
	}

	.testimonialsOwl .owl-nav button span,
	.testimonialsOwl .owl-nav button.owl-prev span {
		width: 32px;
		height: 32px;
		background-size: contain;
	}

	.testimonialsOwl .owl-nav button {
		margin: 0 20px;
	}

	.testimonialsOwl .owl-nav {
		left: 41%
	}

	.ourJourney .year img {
		display: none;
	}

	.ourJourney {
		flex-direction: column;
	}

	.ourJourney .year {
		flex: 1;
		position: relative;
		display: flex;
		width: 300px;
		margin: 0 auto;

	}

	.ourJourney .year h3 {
		order: 1;
		flex: 1;
		margin: 0 !important;
		padding: 0 20px 73px 0 !important;
		text-align: right;
	}

	.ourJourney {
		padding: 30px 0 0 0;
	}

	.ourJourney .year p {
		order: 2;
		flex: 1;
		margin: 0 !important;
		font-size: 13px
	}

	.ourJourney .year:nth-child(odd) h3,
	.ourJourney .year:nth-child(even) h3 {
		border: none;
		border-right: 5px solid #102871;
		padding: 0;
		padding-right: 15px
	}

	.ourJourney .year:nth-child(even) h3 {
		border-color: #153DB8
	}

	.ourJourney .year:nth-child(odd):before,
	.ourJourney .year:nth-child(odd):after,
	.ourJourney .year:nth-child(even):after,
	.ourJourney .year:nth-child(even):before {
		content: none
	}

	.rickshawPerformance .proFeature {
		width: 300px;
		right: 24%;
	}

	.rickshawPerformance .proFeature:before,
	.rickshawPerformance .proFeature:after {
		content: none
	}

	.performanceSec .detail {
		padding: 140px 0 0 0;
		justify-content: center;
	}

	.performanceSec h3 {
		text-align: left;
	}

	.blogContent {
		padding: 10px 0 0
	}

	.products-grid-cards>a {
		height: auto;
	}

	.innerPageVideoBanner video {
		height: auto;
		object-fit: contain;
	}

	.fillForm {
		background-position: 75% center;
	}

	.dealerForm .webform-submission-partner-with-us-form {
		background: #f6f6f6;
		border-radius: 10px;
		padding: 25px 15px;
		margin: 0;
	}

	.dealerForm .webform-submission-partner-with-us-form>div {
		padding: 0;
	}

	.dealerForm .webform-submission-partner-with-us-form>div input,
	.dealerForm .webform-submission-partner-with-us-form>div select {
		padding-left: 15px;
	}

	.slideTabStyle .featuresOwl {
		padding-left: 15px !important;
	}
}

@media (max-width:580px) {
	.detailBack .flipHead h4 {
		font-size: 18px;
	}

	.detailBack .content p {
		font-size: 14px;
		overflow: hidden;
		height: 152px;
		overflow-y: auto;
	}

	.detailBack .flipHead h4,
	.detailBack .content p {
		text-align: center;
	}

	.detailBack .flipHead {
		display: block;
	}

	.detailBack .flipHead img {
		width: 64px;
		margin: 0 auto 15px;
	}

	.contactPage .faqPage .slideItem {
		height: 320px;
	}

	.block-link .btn-link {
		font-size: 12px;
	}

	.galleryOwl .item img {
		height: 100px
	}

	.galleryBlock {
		padding-top: 0
	}

	.blogSec .col {
		flex: none;
	}

	.blogList {
		margin-bottom: 20px
	}

	.faqPageSec {
		padding: 40px 0
	}

	.addressSec .col {
		flex: none;
		margin-bottom: 20px
	}

	.addressSpace .box {
		padding: 15px
	}

	.addressSpace {
		margin-top: 0;
	}

	.connectForm .formDesign:after {
		content: none
	}

	.connectForm .formDesign {
		padding: 25px 10px;
	}

	.formDesign .groupRow {
		flex-direction: column;
		margin-bottom: 0
	}

	.formDesign .groupRow .groupColm {
		margin-bottom: 12px
	}

	.catalogueSpace {
		padding: 0;
	}

	.dealheading {
		font-size: 20px;
	}

	.dealerSec .flexCol {
		padding: 20px 15px 0;
	}

	.featuredTab ul {
		position: relative;
		top: 0;
		right: 0;
		margin-top: 10px !important;
	}

	.fleaturedRow .singleCol {
		flex-direction: column;
	}

	.fleaturedRow .colBox {
		width: 100%
	}

	.dealFeatured,
	.dealerFormSec {
		padding: 40px 0;
	}

	.UPSComboList .col-md-4,
	.all-product-listing-page .col-md-9 .col-md-4 {
		width: 100%;
	}

	.products-grid-cards {
		padding: 15px;
		margin-bottom: 20px;
	}

	.slideItem .bg-mark {
		background: transparent !important;
	}

	.slideItem {
		height: 340px;
		padding: 0
	}

	.homeSlider .slick-dots li.slick-active:before,
	.homeSlider .slick-dots li.slick-active:after,
	.homeSlider .slick-dots li.slick-active button:before {
		content: none
	}

	.homeSlider .slick-dots li.slick-active {
		margin-top: 0
	}

	.homeSlider .slick-dots li {
		margin: 0 5PX
	}

	.homeSlider .slick-dots {
		position: absolute;
		top: auto;
		right: auto;
		transform: translate(0, 0);
		display: flex;
		align-items: center;
		bottom: 10px;
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.slideItem .slideContant h1 span {
		font-size: 40px;
	}

	.slideItem .slideContant,
	.slideItem .slideImage {
		flex: none;
		width: 100%;
	}

	.slideItem .slideImage {
		position: absolute;
		top: 27px;
		right: 15px;
	}

	.slideItem .slideImage .imageSide {
		width: 110px;
		height: 110px;
	}

	.slideItem .slideImage .imageSide img {
		width: 70px;
	}

	.slideItem .slideImage .imageSide span {
		width: 60px;
		height: 60px;
		font-size: 8px;
		left: -44px;
	}

	.slideItem .slideContant p {
		margin-bottom: 10px;
	}

	.slideItem .slideContant h1 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.lumiron-btn-design {
		padding: 8px 14px 10px 15px;
	}

 



	footer .col {
		width: 100%
	}

	footer h5 {
		margin-top: 20px;
	}

 

	.blogList .lumiron-btn-design,
	.assureSec .lumiron-btn-design {
		padding: 8px 32px 10px 15px;
	}





	.featuresOwl .keySlide .detail img {
		width: 70px
	}

	.featuresOwl .keySlide .detail p {
		font-size: 15px
	}

	.detailBack,
	.featuresOwl .keySlide .detail {
		padding: 15px;
	}

	.rangeTabArea .ui-tabs ul li a {
		font-size: 12px;
		padding: 7px 0 !important;
	}

	.seriesBody h3 {
		font-size: 20px;
		line-height: normal;
		text-align: center;
	}

	.seriesBody p {
		text-align: center;
	}

	.rangeTabArea .buttonArea a {
		margin: 0 5px;
		padding: 8px 30px 10px 15px;
	}

	.performanceSec .detail {
		padding-left: 0;
		text-align: center;
		display: flex;
		align-items: center;
	}

	.performanceSec {
		padding: 40px 0 40px;
		background-position: -110px 0;
	}

	.performanceSec a {
		padding: 8px 30px 10px 15px;
	}

	.performanceSec .performancImg {
		width: 270px;
		position: relative;
		bottom: -12px;
	}

	.seriesBody {
		text-align: left;
	}

	.rangeTabArea .buttonArea {
		margin: 0;
		width: 100%;
	}

	.seriesBody h3 {
		width: 100%;
		text-align: center;
	}

	.rangeBox .hightrange {
		right: 10px;
	}

	.rangeBox .hightrange li img {
		width: 30px;
	}

	.rangeBox .hightrange li h6 {
		font-size: 11px;
	}

	.downloadDetail {
		flex-direction: column;
	}

	.spaceTable {
		padding: 0 0;
		overflow: auto;
	}

	.sectionTab ul li a {
		padding: 0 5px;
		font-size: 11px;
		font-family: 'gothammedium';
	}

	.lumiron-btn-design {
		padding: 8px 30px 10px 15px;
	}

	.featureBox {
		display: flex;
		flex-direction: column;
	}

	.featureDetail {
		padding: 15px;
		width: 100%;
	}

	.allApplication .box {
		margin-bottom: 15px;
	}

	.popupContainer:after {
		content: none
	}

	.faqPage .slideItem {
		height: 260px;
		padding-top: 30px;
	}

	.faqPage .slideItem .slideImage .imageSide {
		top: -56px;
	}

	.faqTaber .ui-tabs .ui-tabs-nav li a {
		font-size: 13px;
		height: 39px;
		min-width: auto;
		padding: 0 9px;
	}

	.faqTaber .faqContainer .faqAccordion.ui-accordion .ui-accordion-header {
		padding: 12px 30px 12px 15px;
		font-size: 14px;
	}

	.faqTaber .faqAccordion.ui-accordion .ui-accordion-content {
		padding: 15px;
	}

	.aboutLumiron .detail {
		padding-left: 0;
	}

	.aboutLumiron .imgBox:after {
		top: 10px;
		left: 10px;
	}

	.ourValue .col {
		flex: none
	}

	.managementSec .detail h2 {
		font-size: 26px;
		line-height: normal;
	}

	.testimonialsOwl .clientView {
		padding: 0 15px 20px;
	}

	.clientBox .box {
		padding: 20px 15px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.clientBox .box .boxImg {
		min-width: auto;
		height: auto;
		margin: 0 0 20px 0;
                max-width: 100px;
	}

	.clientBg {
		padding: 40px 15px
	}

	.clientBox .box .detail:after {
		top: -16px;
		left: -6px;
	}

	.performanceSec .detail {
		flex-direction: column;
		position: relative;
		align-items: flex-start;
		padding: 0 15px;
	}

	.rickshawsImg {
		order: 3
	}

	.rickshawsDetail {
		order: 2
	}

	.rickshawPerformance .proFeature {
		width: 300px;
		right: 0;
		top: 0;
		position: relative;
		order: 1;
	}

	.performanceSec p {
		text-align: left;
	}

	.blogSec .col-md-6,
	.recentBlog .col-md-4 {
		width: 100%
	}

	.blogPage .blogContent,
	.recentBlog .blogContent {
		padding: 10px 0;
	}

	.pagingDesign ul li {
		margin: 0;
	}

	.recentArea .box figure img {
		width: 100px
	}

	.recentArea .box {
		aign-items: center;
	}

	.recentArea .box p {
		margin-bottom: 5px
	}

	.lumiron-card-section .lumiron-card-grid h3 {
		font-size: 15px;
		margin: 10px 0 18px;
	}

	.lumiron-card-section .lumiron-card-grid p {
		font-size: 12px
	}

	.assureContent h3 ul>li:not(:last-child) {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.assureContent h3 ul>li img {
		width: 20px;
	}

	.top-block .col-md-3 {
		width: 100%;
	}

	model-viewer {
		width: 200px;
		margin: 0 auto;
		height: 200px;
		margin: 0 auto;
	}
}