@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: 18px;line-height: 26px;font-family: 'gothambook';}
h2{font-size: 2.75rem;font-family: 'gothambold';line-height: 66px;}
h2 span{display: block;}
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*/

.btnStyle {font-size: 14px;padding: 15px 40px 15px 30px;border: 1px solid transparent;border-radius: 50px;display: flex;align-items: center;line-height: normal;}
.btnStyle img{margin:4px 0 0 7px !important;}
.whitebtn{border-color: #fff;color: #fff;}
.whitebtn:hover{border-color: #E46F23;background: #E46F23;color: #fff;}
.blackbtn{border-color: #000;color: #000;background: url(../images/black-icon.png) no-repeat 87% center;}
.blackbtn:hover{border-color: #E46F23;background: #E46F23 url(../images/white-arrow.png) no-repeat 87% center;;color: #fff;}
.orangebtn {
    border-color: #E46F23;
    background: #E46F23 url(../images/white-arrow.png) no-repeat 87% center;
    color: #fff;
}
.orangebtn:hover{color: #fff;border-color: #000;color: #000;background: transparent url(../images/black-icon.png) no-repeat 87% center;}
.buttonArea{display: flex;justify-content: center;margin-top: 30px;}
.inverterSec .inverterDetail .blackbtn{background-position: 92% center;}
/*page button style*/
.inverterSec .blackbtn, .solarBatterSec .whitebtn {
    border-color: #E46F23;
    background: #E46F23 url(../images/white-arrow.png) no-repeat 87% center;
    color: #fff;
}
.solarBatterSec .whitebtn {
	background: #E46F23;
}

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 .headerBlock{display: flex;justify-content: space-between;align-items: center;}
.menuToggle{display: flex;align-items: center;}
.menu{font-family: 'gothambold';border-radius: 50px;background: #283E84;display: flex;overflow: hidden;}
.menu li a {
    display: block;
    font-size: 16px;
    color: #fff;
    background: #283E84;
    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{width: 160px} 
.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:#E46F23 ;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: 182px}
.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(../images/mask-img-bg.webp) 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: #E46F23;
    font-family: 'gothambold';
    margin-left: -5px;
}
.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;}
.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: #0D0A0A;top: 40%;left: -70px;background: #EBCE00;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: #E46F23;margin-top: 120px;}
.homeSlider .slick-dots li.slick-active button{background: #E46F23;}
.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*/
.developmentSec{position: relative;padding: 45px 0;}
.developmentSec h2 span {
    display: block;
    font-size: 18px;
}
.developmentBox {display: flex;flex-wrap: wrap;padding-right: 140px;}
.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;}
.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;font-size: 19px;line-height: 22px;color: #000; font-family: 'gothammedium';}
.developmentBox .box:hover h6{color: #fff;text-align: left;}
.imgEffect{margin-bottom: 20px;
    display: inline-block;
    position: relative;
    left: 50%;
    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:  #273D83;}
.developmentBox .box:hover .imgEffect{left: 0;transform: translate(0, 0);}


/*inverterSec battery Section*/

.inverterSec{position: relative;background: linear-gradient(268deg, #F2F2EE 2.56%, #F2F2F2 51.8%, #FFF 99.03%);min-height: 850px;align-items: center;display: flex;}
.home-inverter{position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);}
.inverterSec .col{    display: flex;justify-content: flex-end;}
.inverterSec .inverterDetail{width: auto;display: flex;flex-direction: column;max-width: 100%;align-items: center;color: #000;padding-right: 0;}
.inverterSec .inverterDetail img{width: auto;max-width: 100%}
.inverterSec .inverterDetail h3{margin: 30px 0 35px;}
.inverterSec .inverterDetail h3 sup{font-size: 16px;top: 0;}
.inverterSec .inverterDetail h3 span{    color: #F06C06;} 
h2.titleBorder{position: relative;margin-bottom: 30px;}
h2.titleBorder:after{position: absolute;bottom: -15px;left: 50%;transform: translate(-50%, 0);background: url(../images/title-border.png) no-repeat; width: 146px;height: 12px;content: '';}
.inverterSec .inverterDetail p{font-size: 18px;text-align: center;line-height: 26px;margin-bottom: 25px;}

.eRickshaw{background: linear-gradient(122deg, #F5BA01 16.67%, #FEDC5C 60.41%, #FFE366 102.37%);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.titleBorder:after{left: 0;    transform: translate(0, 0);}
/*Solar Batter Section*/

.solarBatterSec {
    background: url(../images/solar-bg.webp) no-repeat;
    padding: 20px 0 25px;
    background-size: cover;
}
.solarBatterSec .solarContent{display: flex;flex-direction: column;align-items: center;color: #fff;}
.solarBatterSec .solarContent span.Warranty{font-size: 16px;margin-bottom: 10px;}
.solarBatterSec .solarContent p{text-align: center;margin: 0}        
.solarBatterSec .solarContent img{ margin: 30px 0 10px;} 
.solarBatterSec .solarContent h3{margin-bottom: 30px;}   
.solarBatterSec .solarContent h3 span{color: #F06C06;}


/*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;}

.enquirySec{position: relative;background: #273D83;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;}

.enquiryForm h2{font-size: 1.8rem;}
.enquiryForm h2.titleBorder:after{left: 0;transform: translate(0, 0);}
.enquiryForm{border-radius: 10px;background: #FD0;padding: 20px 30px 40px;}
.enquiryForm .formGroup{display: flex;margin: 18px -7px 0;}
.enquiryForm .formGroup .group{flex: 1;    padding: 0 7px;}
.inputStyle{width: 100%;border-radius: 5px;border: 1px solid #DED8D8;background: #FFF;padding: 14px 26px;font-size: 15px;color: #796D6D;height: 52px;}
.enquiryForm .formGroup textarea{font-size: 15px;width: 100%;border-radius: 5px;border: 1px solid #DED8D8;background: #FFF;padding: 14px 26px;height: 115px;}
.submitBtn {font-size: 14px;padding: 15px 60px 15px 50px;border: 1px solid transparent;border-radius: 50px;background: #E46F23 url(../images/white-arrow.png) no-repeat 74% center;box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);color: #fff;}
.enquiryDetail{height: 100%;display: flex;flex-direction: column;justify-content: center;}

/*Footer Sectin*/
footer{position: relative;padding-top: 60px;}
footer h5{font-size: 16px;font-family: 'gothamblack';color: #000;margin-bottom: 14px;text-transform: uppercase;}
footer a, footer p{color: #000;font-size: 14px;font-family: 'gothammedium'}
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: 0 8px;}
.social-icon i{color: #273D83;font-size: 18px;}
.footerLogo{margin: 85px 0 0;
    width: 190px;;}
footer .copyright{padding: 30px 0;background: url(../images/footerborder.png) no-repeat top center;margin-top: 60px;}
footer .copyright .col {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer .copyright p, footer .copyright p a{font-size: 17px;color: #000;margin: 0;}


/*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: #273D83;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(../images/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, #273D83 -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: #283e84 !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(../images/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(../images/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: #273D83; }
.performanceSec h3 span.orangeColor{color: #E46F23;}
.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: #273D83;
    padding: 35px 0;
}
.catalogueSec .downloadDetail h2 {
    color: #fff;
}
.catalogueSec h2.titleBorder: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(../images/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: #E46F23 url(../images/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: #273D83; padding: 60px 0; }
.compatibilityList tr.orangeBg { background: #E46F23; 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}
.UPSBox{background: #fff;display: flex;flex-direction: column;align-items: center;padding: 50px 0;margin-bottom: 30px}
.AllBatteryList .UPSBox{padding: 40px 15px 30px;}
.AllBatteryList .UPSBox p{color: #000;font-size: 14px;display: flex;justify-content: space-between;width: 100%;font-family: 'gothammedium';margin: 0}
.AllBatteryList.solarList .UPSBox img{width: 180px;height: 180px;object-fit: contain;}
.UPSBox img{width: auto;max-width: 100%}    
.UPSBox h5{font-family: 'gothambold';font-size: 16px;color: #000;margin: 12px 0 20px;text-align: center;}
.UPSBox h5>a{color: #000;}
.UPSBox a{padding: 10px 35px 10px 16px}    
/* .UPSBox>a{height: 190px} */
.UPSBox>a img{width: 100%;height: 100%;}
.AllBatteryList{background: #F1F0F0;padding: 45px 0;margin-bottom: 50px}
.AllBatteryList 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: #E46F23;border-color: #E46F23;}
.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(../images/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: #E46F23;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;
}
.infoDetail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    justify-content: center;
    padding-left: 50px;
}
.infoDetail h3{font-family: 'gothambold';
    color: #000;
    font-size: 24px;}
.infoDetail 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(../images/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: #E46F23;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(../images/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: #E46F23;padding: 40px 42px;height: 100%}
.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(../images/catalogue-tag.png) no-repeat;
    width: 194px;
    height: 183px;
}
.connectForm .formDesign .submitBtn{background: #E46F23 url(../images/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 #E46F23;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(../images/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(../images/down-big-icon.png) no-repeat;background-position: 96% center;}
.aboutUs{position: relative;padding: 45px 0}
.colSpace{padding: 0 100px}
.aboutUs .imgBox{position: relative;}
.aboutUs .imgBox img{width: 100%}
/* .aboutUs .imgBox:after{position: absolute;content: '';top: 27px;left: 27px;width: 100%;height: 100%;background: #EFEEEE; z-index: -1} */
.aboutUs .detail {padding-left: 60px;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.aboutUs .detail .tag {color: #000;font-size: 14px;}
.aboutUs .detail h2 {
    font-family: 'gothammedium';
    color: #000;
    line-height: 30px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 30px;
}
.aboutUs .detail h3 {
    position: relative;
    font-family: 'gothambold';
    color: #000;
    font-size: 18px;
    line-height: 45px;
    margin-bottom: 10px;
}
.aboutUs .detail h3 small {
    font-size: 24px;
    color: #F06C06;
}
.aboutUs .detail h3 span {font-family: 'gothamblack'; display: block;font-size: 55px;color: #000;}
strong{    font-family: 'gothambold';}
.aboutUs .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(../images/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(../images/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: #273D83;border-color: #273D83}
.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: #273D83}
.whyUsSec .box h5{font-family: 'gothambold';font-size: 18px;margin:15px 0 10px;color: #273D83; 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%}
.testimonialsSec{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%}
.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(../images/text-icon.png) no-repeat;}
.clientView .clientSay:before{position: absolute;content: '';bottom: 0;right: 0;width: 17px;height: 15px;background: url(../images/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: #F7781C;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(../images/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(../images/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(../images/text-icon.png) no-repeat;}
.clientBox .box .detail:before{position: absolute;content: '';bottom: 0;right: 0;width: 17px;height: 15px;background: url(../images/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: #F7781C;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: #E46F23; }
.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(../images/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(../images/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;}
.batteriesPowers{position: relative;background: #F2F2F1;padding: 45px 0}
.batteriesPowers .btryFlex {
    display: flex;
    justify-content: space-between;
    white-space: normal;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
}
.batteriesPowers .btryFlex .box {
    width: 185px;
    border-radius: 10px;
    padding: 15px;
    flex: 0 0 auto;
}
.batteriesPowers .btryFlex .box:hover{background: #273D83;color: #fff}
.batteriesPowers .btryFlex .box:hover img{filter: brightness(0) invert(1);}
.batteriesPowers .btryFlex h3{font-size: 21px;position: relative;margin: 15px 0 25px}
.batteriesPowers .btryFlex h3:after{position: absolute;left: 0;bottom: -10px;background: #000;width: 32px;height: 1px;content: ''}
.batteriesPowers .btryFlex .box:hover h3:after{background: #fff}
.batteriesPowers .btryFlex p{font-size: 14px;line-height: normal;margin: 0}
.batteriesPowers .btryFlex p span{display: block;}
.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: #F7781C;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}
.developmentSec 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 {
    height: 100vh;
    min-height: 600px;
    max-height: 100vh;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    position: relative;
}
.trending-title {
    background: #283e84;
    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: #E46F23;
    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.titleBorder.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: #273d83;
    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: #E46F23;
    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: #283E84 url(../images/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(../images/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(../images/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(../images/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(../images/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: #E46F23 url(../images/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: #273D83;
    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: #E46F23;
    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: #273D83;
    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;
}
.aboutUs::after {
    content: "";
    background: url(../images/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(../images/arrow-pdf.png) no-repeat center;
}
/* Enquiry Form */
.webform-submission-enquiry-form-add-form .js-form-item {
    margin-bottom: 7px;
}
.webform-submission-enquiry-form-add-form .js-form-item label {
    font-size: 14px;
    color: #796D6D;
}
.webform-submission-enquiry-form-add-form .js-form-item input,
.webform-submission-enquiry-form-add-form .js-form-item select,
.webform-submission-enquiry-form-add-form .js-form-item textarea {
    padding: 10px 16px;
    font-size: 14px;
    height: 45px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #DED8D8;
    background: #FFF;
    color: #796D6D;
}
.webform-submission-enquiry-form-add-form .js-form-item textarea {
    height: 85px;
}
.webform-submission-enquiry-form-add-form [type="submit"] {
    font-size: 14px;
    padding: 15px 60px 15px 50px;
    border: 1px solid transparent;
    border-radius: 50px;
    background: #E46F23 url(../images/white-arrow.png) no-repeat 74% center;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
    margin-top: 20px;
}
.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: #E46F23 url(../images/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(../images/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: #E46F23;
    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: #283E84;
    border-radius: 0;
    color: #fff;
    height: 40px;
    font-size: 16px;
    border: 1px solid #283E84;
    padding: 0 12px;
}
body .Search-icon {
    width: 18px;
    height: 18px;
    background: url(../images/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(../images/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: #283e84;
    font-size: 0;
    left: 0;
}
.productSlider .slick-arrow.slick-prev {
    background: #283e84 url(../images/white-arrow.png) no-repeat center;
    transform: rotate(180deg);
    margin-top: -14px;
}
.productSlider .slick-arrow.slick-next {
    right: 0;
    left: auto;
    background: #283e84 url(../images/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: #273D83;
    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: #273D83;
    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: #283E84;
    border-radius: 50%;
}
.other-content .founded-year h3 {
    margin-bottom: 30px;
}
.other-content p>a {
    color: #283E84;
}
/* 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: #E46F23 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: #E46F23;
    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: #E46F23;
    color: #fff;
    border: 1px solid #E46F23;
    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(../images/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: #E46F23 url(../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);
}

/* 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: #273D83;
    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: #273D83;
    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: #273D83;
    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: #273d83;
    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: #E46F23 url(../images/white-arrow.png) no-repeat 87% center;
    border-color: #E46F23;
    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.titleBorder {
    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(../images/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(../images/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:#E46F23;
}
.avg-text {
    font-size: 22px;
    color: #fff;
    font-family: 'gothambold';
    text-transform: uppercase;
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: #273D83;
    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 #E46F23;
    padding: 18px 46px;
    border-radius: 30px;
    transition: all linear 0.3s;
    background: #E46F23;
    font-family: 'gothambold';
}
.avg-calc-tile div>a:hover {
    background:#E46F23;
    border: 1px solid #E46F23;
}
.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: #E46F23;
    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}
body{font-size: 10px}
.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;}
.developmentBox .imgEffect img{width: 40px}
.developmentBox .box h6{    font-size: 14px;
    line-height: 18px;}
.imgEffect {margin-bottom: 10px;text-align: center;}
.developmentBox .box{display: flex;
    flex-direction: column;
    justify-content: center;height: 140px;}
.developmentBox .box:hover .imgEffect img{text-align: left;}
h2{font-size: 2rem;line-height: 50px}
.enquiryForm h2{font-size: 1.4rem;}
h3{font-size: 1.5rem}
h4{font-size: 1rem}
.inverterSec{min-height: 540px}
.inverterSec .inverterDetail h3 {margin: 15px 0 15px;}
.home-inverter img{width: 550px}
.inverterDetail img{width: 370px}
.inverterSec .inverterDetail p, p, .blogContent p{font-size: 14px;line-height: 20px;}
.btnStyle{font-size: 12px}
.solarimg{width: 600px}
.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}
.enquiryForm .formGroup textarea{height: 85px;padding: 10px 16px;}
footer a, footer p{font-size: 13px;line-height: 24px;}
footer .copyright{margin-top: 30px; padding: 20px 0;}
footer .copyright p, footer .copyright p a{font-size: 14px}
.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: 130px}
.inverterSec .inverterDetail img{    width: 630px;}
.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;}
.batteriesPowers .btryFlex h3{font-size: 16px}
.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}
.developmentSec 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(../images/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(../images/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(../images/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(../images/insta_shade.png);
}
.linkedin-bg::before {
    background: url(../images/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(../images/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: #283e84;
    color: #fff;
    border: 1px solid #283e84;
}
.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: #e46f23;
	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: #e46f23;
	border-bottom: 3px solid #e46f23;		
}
ul.case_store li.current::after,
ul.case_store li:hover::after {
	content: "";
	border: 6px solid transparent;
	border-bottom-color: #e46f23;
	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: #E46F23;
    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 */ 

/* India Expo overlay CSS */
.popupoverlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 1rem;
}
.popupoverlay.open {
	display: flex;
}
.popupoverlay .popup {
    background: white;
    width: 100%;
    max-width: 820px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    padding: 5px;
    position: relative;
}
.popupoverlay .popup-close-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    background: transparent;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
    line-height: normal;
}

@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}    
.logo img {width: 150px;}
.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;}
.enquiryForm h2{font-size: 1.2rem;}
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 .copyright p, footer .copyright p a {font-size: 12px;}
footer {    padding-top: 50px;}
footer .copyright {margin-top: 10px;}
.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;}
.UPSBox{padding: 30px 15px;}
.padding-left {padding-left: 50px;}
.infoDetail h3{font-size: 20px}
.infoDetail 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}
.aboutUs .detail {padding-left: 40px;}
.colSpace {padding: 0 50px;}
.aboutUs .detail h2{font-size: 2.3rem;}    
.aboutUs .detail h3{font-size: 1.5rem}
.aboutUs .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;}
.batteriesPowers .btryFlex 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}    
.batteriesPowers{padding-bottom: 10px} 
.mobileMenu{display: block;}    
.menu, .rightMenu{display: none!important;}    
.inverterSec .inverterDetail img{width: 550px;    margin: 12px 0;}  
.inverterSec .inverterDetail h3 sup {
    font-size: 10px;
    top: -10px;
}  
.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;}
.logo img {width: 110px;}
.contact-box span img{width: 12px}
header .container-md{max-width: 100%}
.mobileMenu{display: flex;align-items: center;}
.mobileMenu li{margin-left: 15px}
.headerBlock{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}
.developmentSec{padding: 40px 0}
.developmentBox{padding: 0}
.home-inverter img {width: 430px;}
.inverterSec .inverterDetail{width: auto;padding: 0}
.inverterSec {min-height: 500px;}
.solarimg {width: 440px;}
h2{font-size: 1.5rem;}
.enquiryForm h2{font-size: 1.1rem;}
h3 {font-size: 1.2rem;}
.solarBatterSec .solarContent span.Warranty {font-size: 13px;}
.btnStyle{padding: 12px 30px 12px 20px;}
.assureLogo{width: 300px}
.assureSec h2 {font-size: 1.5rem;}
.assureSec{padding: 40px 0}
.enquiryForm{padding: 10px 15px 20px;}
.enquiryDetail a{font-size: 18px;}
.enquiryDetail a img{width: 18px}
.inputStyle{    height: 38px;font-size: 12px;padding: 10px 9px;}
.enquiryForm .formGroup {margin: 10px -7px 0;}    
.enquiryForm .formGroup textarea{font-size: 12px;padding: 10px 9px;height: 50px}
.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;
}
.UPSBox h5{    margin: 10px 0;font-size: 14px;}
.buttonArea{margin: 0}
.orangebtn{padding: 12px 40px 12px 20px}
.AllBatteryList .col-md-3, .AllBatteryList .col-md-9{width: 100%}
.filter{margin-bottom: 20px}
.padding-left {padding-left: 0;}
.inforimg{height: 320px}
.inforimg img{width: auto;max-width: 100%}
.infoDetail{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;}
.aboutUs .detail h2 {
    font-size: 2rem;
}
.aboutUs .detail h3 {
    font-size: 22px;
}
.aboutUs .detail h3 span {font-size: 50px;}
.aboutUs .detail p {font-size: 14px;line-height: 24px;margin-bottom: 4px;}
.aboutUs, .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);}
.developmentSec h2{font-size: 1.2rem;}
	.avg-calc-tile {
		margin-bottom: 20px;
	}

}

@media (max-width:767px){
.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);
	}
	.aboutUs .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 .btnStyle {
    margin-bottom: 15px;
}
.section-title img {
    width: 290px;
}
.developmentSec 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}  
.headerBlock{padding: 0}
.col-5, .col-7, .col-md-6{width: 100%}
h2{font-size: 1.2rem;line-height: 30px;}
.enquiryForm h2{font-size: 1rem;}
h3 {font-size: 1rem;}
.inverterSec .inverterDetail h3 {margin: 10px 0 8px;}
.developmentBox .box h6 {font-size: 12px;line-height: 15px;}
.developmentBox .box {padding: 10px;height: 120px;}
.inverterSec{flex-direction: column;min-height: auto;overflow: hidden;padding: 30px 0;}
.inverterSec .inverterDetail {width: 100%;}
.home-inverter {display: none;}
.inverterSec .inverterDetail p, p, .blogContent p {font-size: 12px;line-height: 18px;}
.inverterSec .inverterDetail{align-items: center;}
.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}
.enquirySec{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;}
footer .copyright .col{width: 100%;width: 100%;flex-direction: column;}
footer .copyright{background-size: contain;}
.developmentSec 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.titleBorder:after {left: 50%;transform: translate(-50%, 0);}
footer .copyright p, footer .copyright p a {text-align: center;}
.solarBatterSec .solarContent p br{display: none}
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;}
.AllBatteryList .col-md-9 .col-md-4{width: 50%}
.filter {padding: 15px;}
.AllBatteryList{padding: 50px 0}
.AllBatteryList .UPSBox{padding: 15px}
.padding-left{padding-left: 15px}
.inforimg {width: 100%;height: auto;margin: 0 auto;padding: 15px;}
.infoDetail {padding: 0;display: flex;align-items: center;width: 400px;max-width: 100%;margin: 20px auto 0;}
.infoDetail 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}
.aboutUs .imgBox img {
    width: auto;
    max-width: 100%;
}
.aboutUs .imgBox {
    width: 400px;
    margin: 0 auto 50px;
    max-width: 100%;
}
.aboutUs .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 }
.UPSBox>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, .AllBatteryList .col-md-9 .col-md-4{width: 100%;}    
.UPSBox {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;}
.btnStyle {padding: 8px 14px 10px 15px;}
.inverterDetail img, .solarBatterSec .solarContent .solarimg {width: 80%;}
.inverterSec .inverterDetail .blackbtn {padding: 8px 40px 10px 15px;}
footer .col{width: 100%}
footer h5 {margin-top: 20px;}
.solarBatterSec .solarContent h3 {margin-bottom: 20px;text-align: center;font-size: 16px;}
.blogList .btnStyle, .assureSec .btnStyle {padding: 8px 32px 10px 15px;}
.inverterSec .inverterDetail p{text-align: center;}
.inverterSec .inverterDetail p br{display: none}
.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';
}
.btnStyle {
    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;
}    
.aboutUs .detail {padding-left: 0;}
.aboutUs .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;
}
.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}
.batteriesPowers .btryFlex h3{font-size: 16px;margin: 10px 0 18px;}
.batteriesPowers .btryFlex 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;
    }
}