/*common css*/
:root{
	--h1:100px,900,Poppins;
	--h2:60px,900,Poppins;
	--h3:30px,900,Poppins;
	--h4:28px,500,Poppins;
	--h5:24px,500,Poppins;
	--h6:20px,600,Poppins;
	--body:16px,400,Poppins;
	--small:14px,400,Poppins;
	--big:18px,700,Poppins;
}
html{overflow-x: hidden;}
body{    overflow-x: hidden;font-family: "Maven Pro", sans-serif;color:#58595B;margin:0;padding:0;font-size:16px;line-height: 1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;  transition: background 1s ease;}
h1, h2, h3, h4, h5, h6 {margin-bottom:20px;line-height: 1.3;}
h1, h2, h3{font-weight: 500}
h4, h5{font-weight: 500;}
h6{font-weight: 300;line-height: 1.5;}

h1,.h1{font-size: 50px;}
h2,.h2{font-size: 48px;}
h3,.h3{font-size: 42px;line-height: 1.3;}
h4,.h4{font-size: 36px;}
h5,.h5{font-size: 24px}
h6,.h6{font-size: 22px;}
.big{font-size: 18px;}
.small{font-size: 14px;}
p{margin-bottom: 30px;font-size: 16px;}
p:nth-last-child(1){margin-bottom: 0}

.hero-slider h1 span{color: #099BD9;}
.hero-slider h2 span{color: #099BD9;}
.hero-slider h3 span{color: #099BD9;}
.hero-slider h4 span{color: #099BD9;}
.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6{color:#fff}
::-moz-selection{color:#fff;background:#099BD9;}
::selection{color:#fff;background:#099BD9;}

/*plaecholder*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #CBCBCB;opacity: 1}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #CBCBCB;opacity: 1}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #CBCBCB;opacity: 1}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder{color: #CBCBCB;opacity: 1}
input::placeholder,
textarea::placeholder{color: #CBCBCB;opacity: 1}

a{background-color: transparent;text-decoration: none;color:#099BD9;}
a:hover{text-decoration: none;color: #099BD9;}
a:visited,a:focus, a:active {text-decoration: none;outline: 0;}
.container{max-width: 1470px;}
.font-weight-light{font-weight: 300!important}
.font-weight-medium{font-weight: 500!important}
.font-weight-semibold{font-weight: 600!important}
.font-weight-black{font-weight: 900!important}

.slick-slide{outline: 0;overflow: hidden;}
.slick-arrow{background-color: transparent;/*position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);*/color: #fff;border:0;font-size:0;width:auto;height:auto;cursor:pointer;z-index:1;outline:0 !important;background-image:none !important;padding:5px;border-radius:50%;min-width: auto; position: absolute; bottom: 0;}
.slick-arrow:hover{background-color: transparent;box-shadow: none;}
.slick-arrow::after{text-rendering:auto;position:absolute;height:100%;top:50%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);font-size:40px;line-height:0;font-family: "Font Awesome 5 Pro";font-weight:400;color:#fff}
.slick-arrow:hover:after{color:#01FE8A}
.slick-prev::after{content:"\f177";}
.slick-next::after{content: "\f178";}
.slick-prev{left:0px;}
.slick-next{right:0px;}
.slick-dots{width:100%;list-style:none;text-align:center;position:relative;line-height:0;top:10px;text-align: right;padding: 0;}
.slick-dots li{position: relative;display: inline-block;cursor: pointer;list-style: none;margin: 0 5px;border: 1px solid #FDB913;border-radius: 50%;padding: 6px;height: 18px; width: 18px;}
.slick-dots li button {display: none;}
.slick-dots li:hover,.slick-dots li.slick-active{ background-color: #FDB913;}
img{ max-width: 100%;width: auto;}
.img-wrapper{
    position: relative;
    padding-top: 54.75%;
}
.img-wrapper img{
    position: absolute;
    top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;
}
.subtitle {
    letter-spacing: 0.125em;
    color: #EC7E3C;
    font-size: 16px;
    font-weight: 500;
    display: block;
    width: 100%;
}
.section-padding{padding-top: 100px;padding-bottom: 100px;}
.section-margin{margin-top: 100px;margin-bottom: 100px;}
.form-control:focus{box-shadow: none;}

/* button css */
.btn,button,.btn-secondary{
	font-weight: 500;
	font-size: 18px;	
	text-align: center;
	border-radius: 24px;
	padding: 10px 15px;
	text-transform: inherit;
	min-width: 172px;
	transition: all .5s;
    display: inline-block;
}
.btn,button{
	color: #FFFFFF;
	background-color: #099BD9;
	border: 1px solid #099BD9;
}
.btn:hover,button:hover{
	box-shadow: 0px 0px 24px #099BD9;
	background-color: #099BD9;
}
.btn-secondary,
.file-dwonload-a{
	color: #FFFFFF;
	background-color: #ED9F22;
	border: 1px solid #ED9F22;
	transition: all .5s;
}
.btn-secondary:hover,
.file-dwonload-a:hover,.btn-secondary:focus{
	box-shadow: 0px 0px 24px #ED9F22;
	background-color: #ED9F22;
	border: 1px solid #ED9F22;
}
.btn.dark,button.dark,.file-dwonload-a{
	color: #58595B;
}
.btn-secondary.dark{
	color:#FFF;
}

/* header css */
header .container{max-width: 100%;padding-left: 70px;padding-right: 40px;}
header {
    padding: 20px 0;
	position: absolute;
	z-index: 3;
	width: 100%;
}
header.state .logo{
    position: absolute;
    top: 70px;
    left: 70px;
	 transition: all 0.3s;
}
header.state .logo img{
	max-width:auto;
	max-height:112px;
	 transition: all 0.3s;
}
header.state.sticky .logo{
	position:relative;
	left:0;
	top:0;
}
header.state.sticky .logo img {
	max-height:80px;
}

.drawer-open .header-right{
	margin-top:21px;
}
header .header-right > a,
header .header-right .link-wrapper,
header .header-right .btn-wrp {
	display: inline-block;
	margin-bottom: 20px;
}
header .header-right a.link{
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
	color:#099BD9;
}

header .header-right .line{
	position: absolute;
	right: -80px;
	width: 0;
	height: 2px;
	background: linear-gradient(270deg, #099BD9 50%, rgba(9, 155, 217, 0) 90.66%);
	opacity: 1;
    top: 50px;
    transition: all 0.3s;
}
header .header-right .menu {
    width: 100%;
	margin-top: 10px;
}
header .header-right .menu:after{
	content: "";
	position: absolute;
	top: 0;
}
.header .header-right .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
header .menu ul li{
	display: inline-block;
	padding: 5px 18px;
    position: relative;
}
header .menu ul > li:last-child{
    padding-right: 0;
}
header .header-right .menu li a {
	font-family: "Maven Pro", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: center;
	color:#FFF;
}
header .header-right .menu ul ul {
    opacity: 0;
    position: absolute;
    width: 330px;
    left: 0;
    margin: 0;
    background-color: #191348;
    top: 100%;
    padding: 15px 0;
    visibility: hidden;
    transition: all 0.3s;
}
.drawer-open header .header-right .menu ul ul{
    left: 100%;
    top: 0;
}
header .menu ul ul li{
    display: block;
    text-align: left;
}
header .menu ul li.drop-down:hover ul{
    opacity: 1;
    visibility: visible;
}
.menu-icon .icon {height: 25px;width: 40px;margin-left: auto;border-radius: 2px;}
.menu-icon .icon span {display: block;width: 100%;height: 5px;width: 40px;background-color: #fff;transition: all .3s;position: relative;border-radius: 2px;}
.menu-icon .icon span+span {margin-top: 7px;}
header .header-right .menu-icon{
	display: none;
}
header.sticky .header-right .menu-icon{
	display: block;
}
.menu-icon .icon:hover span{
    background-color: #099BD9;
}
.menu-icon.active span:nth-child(1) {
    -webkit-transform: translate(4px,12px) rotatez(45deg);
    -ms-transform: translate(4px,12px) rotatez(45deg);
    transform: translate(4px,12px) rotatez(45deg);
}
.menu-icon.active span:nth-child(2) {
    -webkit-transform: translate(4px,0px) rotatez(-45deg);
    -ms-transform: translate(4px,0px) rotatez(-45deg);
    transform: translate(4px,0px) rotatez(-45deg);
}
.menu-icon.active span:nth-child(3) {
    -webkit-transform: translate(4px,-12px) rotatez(45deg);
    -ms-transform: translate(4px,-12px) rotatez(45deg);
    transform: translate(4px,-12px) rotatez(45deg);
}
header.sticky {
    position: fixed;
    background-color: #191348;
	padding:0;
    top: 0;
	width: 100%;
}
header.sticky .mega-menu {
    position: fixed;
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
	background-color: #191348;
	z-index: -1;
    padding: 110px;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
}
header.sticky .mega-menu.open{
    opacity: 1;
    visibility: visible;
}
header.sticky .mega-menu li a,
header.sticky .header-right .link {
    color: #fff;
}
header.sticky .header-right .link:hover {
    color:#099BD9;
}
header.sticky .mega-menu .menu-wrapper > ul > li> a{
	font-size: 32px;
	position: relative;
    opacity: 0;
}
header.sticky .mega-menu .menu-wrapper > ul > li> ul > li > a{
	font-size:25px;
}
header.sticky .menu-wrapper > ul{
	width: 20%;
    list-style: none;
    padding: 0;
    margin: 0;
}
header.sticky .mega-menu li{
	display: block;
	text-align: left;
	padding: 0 0 25px;
	position: relative;
}
header.sticky .mega-menu ul ul li{
    padding: 0px 0 12px;
}
header.sticky .mega-menu ul ul li a{
	font-weight: 400;
}
header.sticky .mega-menu ul ul {
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    top: 0px;
    padding: 0 0 0 30px;
    height: 100%;
    left: 100%;
    width: 100%;
    background-color: transparent;
    min-width: 300px;
}
.mega-menu.open ul li a {
    animation-name: NavLiAnimation;
    animation-duration: 0.6s;
    animation-direction: alternate;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}
.mega-menu.open ul>li:nth-child(1)>a {animation-delay: 0.6s;}
.mega-menu.open ul>li:nth-child(2)>a {animation-delay: 0.7s;}
.mega-menu.open ul>li:nth-child(3)>a {animation-delay: 0.8s;}
.mega-menu.open ul>li:nth-child(4)>a {animation-delay: 0.9s;}
.mega-menu.open ul>li:nth-child(5)>a {animation-delay: 1s;}
.mega-menu.open ul>li:nth-child(6)>a {animation-delay: 1.1s;}
.mega-menu.open ul>li:nth-child(7)>a {animation-delay: 1.2s;}
.mega-menu.open ul>li:nth-child(8)>a {animation-delay: 1.3s;}
@keyframes NavLiAnimation {from {opacity: 0;right: 40px}to {opacity: 1;right: 0}}
header.sticky .mega-menu ul>li:hover ul{
    opacity: 1;
    visibility: visible;
}
header.sticky .menu-wrapper {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.mega-menu ul li a:hover,
.mega-menu ul li.active > a{
    color: rgba(126, 211, 247, 1);
}
header.sticky .header-right .line.aos-animate{
    width: 0;
}

.home header.state .logo,
body.drawer-open header.state .logo{
	display: none;
}
.home header.sticky .logo{
    display: block;
}

.drawer-open header.sticky .header-right .line,
header .header-right .line.aos-animate {
    width: calc(100% + 80px);
}
header.sticky .header-right > a{
    margin-bottom: 0;
    font-size: 13px;
}
header.sticky .header-right .link-wrapper,
header.sticky .header-right .btn-wrp,
.drawer-open header .header-right .menu{
    margin: 0;
}
header.sticky .row{
    align-items: center;
}
header .header-right .btn-wrp a {
   font-family: "Maven Pro", sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 15px;
	letter-spacing: 0.025em;
	text-align: center;
    padding: 9px 20px;
	color:#FFF;
}
header .header-right .btn-wrp a.btn.dark{
	color:#fff;
}
.drawer-open {
    overflow: hidden;
}
.search input{
    font-weight: 400;
    /*color: #58595B;*/
	color:#099BD9;
    font-size: 13px;
    padding: 0 0 0 37px;
    position: relative;
    z-index: 1;
    background-color: transparent;
}
.search input:focus, .search input::placeholder {
  color: #099BD9;
}
.search input:focus{
    outline: none;
    background-color: transparent;
}
.search .search-icon{
    min-width: 25px;
    position: absolute;
    left: 0;
    z-index: 1;
}
.search {
    width: 110px;
}
.search input::-webkit-input-placeholder{color: #099BD9;opacity: 1}
.search input::-moz-placeholder{color: #099BD9;opacity: 1}
.search input:-ms-input-placeholder{color: #099BD9;opacity: 1}
.search input::-ms-input-placeholder{color: #099BD9;opacity: 1}
.search input::placeholder{color: #099BD9;opacity: 1}
header.sticky .search input::-webkit-input-placeholder{color: #fff;opacity: 1}
header.sticky .search input::-moz-placeholder{color: #fff;opacity: 1}
header.sticky .search input:-ms-input-placeholder{color: #fff;opacity: 1}
header.sticky .search input::-ms-input-placeholder{color: #fff;opacity: 1}
header.sticky .search input::placeholder{color: #fff;opacity: 1}
header.sticky .search input{color: #fff;}

/* hero slider css  */
.hero-section .slick-slide{
    height: 100vh;
    height: calc((var(--vh, 1vh) * 100));
}
.hero-section .hero-content {
    width: 30%;
	margin-left: 14%;
}
.hero-section .custom-slider .hero-content {
    width: 36%;
	margin-left: 8%;
	margin-top:10%;
}
.hero-section .hero-right{
    width: 56%;
    padding-top: 170px;
    padding-bottom: 100px;
    padding-left: 90px;
    display: flex;
    align-items: center;
    height: 100vh;
	position: relative;
	z-index: 1;
} 
.hero-section .hero-right .bg-img{
	background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero-section .hero-right:after{
	 content: "";
    position: absolute;
    background-image: url(../images/banner-shape-blue.png);
    background-position: top left;
    right: 0;
    top: 0;
    height: 100%;
    width: 100.1%;
    background-repeat: no-repeat;
	background-size:auto 100%;
    z-index: 1;
}
.hero-section .hero-right .shape{
    position: absolute;
    height: 100%;
    width: calc(100% + 90px);
    right: 0;
    bottom: 0;
    z-index: -1;
    object-fit: cover;
    object-position: right;
}
.hero-section .hero-right .icon-approved{
	position: absolute;
    z-index: 2;
    bottom: 20px;
    right: 35px;
	animation: zoomin 1s both;animation-delay: 0.2s;
	max-width:128px;
}
.hero-section .hero-right .icon-powers{
	position: absolute;
    z-index: 2;
    bottom: 8%;
    right: 71%;
	animation: zoomin 1s both;animation-delay: 0.2s;
}
.hero-section .hero-right .circle-wrapper{    
    position: relative;
    width: 100%;
    height: 100%;
}
.hero-section .hero-content h2{
	font-weight: 300;
	position: relative;
	opacity: 0;
}
.hero-section .hero-right .circle img{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.hero-section .hero-right .circle {
    display: block;
    border-radius: 100%;
    position: relative;
	opacity: 0;   
    overflow: hidden; 
}
.hero-section .hero-right .circle.circle-large {
    padding-top: 45%;
    width: 45%;
}
.hero-section .hero-right .circle .circle-img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	background-blend-mode: multiply, normal;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 100%;
    transition: all 0.3s;
}
.hero-section .hero-right .circle:hover .circle-img{
    transform: scale(1.3);
}
.hero-section .hero-right .circle:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    background-color: rgb(126, 211, 247);
}
.overlay-10,
.hero-section .hero-right .circle.overlay-10:after{
    opacity: 0.1;
}
.overlay-20,
.hero-section .hero-right .circle.overlay-20:after{
    opacity: 0.2;
}
.overlay-30,
.hero-section .hero-right .circle.overlay-30:after{
    opacity: 0.3;
}
.overlay-40,
.hero-section .hero-right .circle.overlay-40:after{
    opacity: 0.4;
}
.overlay-50,
.hero-section .hero-right .circle.overlay-50:after{
    opacity: 0.5;
}
.overlay-60,
.hero-section .hero-right .circle.overlay-60:after{
    opacity: 0.6;
}
.overlay-70,
.hero-section .hero-right .circle.overlay-70:after{
    opacity: 0.7;
}
.overlay-80,
.hero-section .hero-right .circle.overlay-80:after{
    opacity: 0.8;
}
.overlay-90,
.hero-section .hero-right .circle.overlay-90:after{
    opacity: 0.9;
}
.overlay-100,
.hero-section .hero-right .circle.overlay-100:after{
    opacity: 1;
}
.hero-section .hero-right .circle.circle-large .circle-img{
	background-color: #099BD9;
}
.hero-section .hero-right .circle.circle-large:hover .circle-img {
    background-color: #39afe2;
}
.hero-section .hero-right .circle.circle-medium {
    padding-top: 43%;
    width: 43%;
    position: absolute;
    top: 22%;
    left: 35%;
}
.hero-section .hero-right .circle.circle-medium .circle-img,
.hero-section .hero-right .circle-medium.circle:after{
	background-color: #C0D72F;
}
.hero-section .hero-right .circle.circle-medium:hover .circle-img {
    background-color: #9eb126;
}
.hero-section .hero-right .circle.circle-small {
    padding-top: 34%;
    width: 34%;
    position: absolute;
    right: 70px;
    top: 58%;
}
.hero-section .hero-right .circle.circle-small .circle-img,
.hero-section .hero-right .circle-small.circle:after{
	background-color: #FDB913;
}
.hero-section .hero-right .circle.circle-small:hover .circle-img {
    background-color: #ab7c08;
}
.hero-section .hero-right .circle:hover:after{
    opacity: 1;
    background-color: unset;
}
.hero-section .hero-right .circle span {
    position: absolute;
    z-index: 1;
    top: 50%;
    text-align: center;
    display: block;
    left: 50%;
    transform: translate(-50%, -50%);
	color: #fff;
	font-weight: 500;
	font-size: 32px;
}

.hero-section .slick-slide .row:after{
    /*
	content: "";
    position: absolute;
    right: -640px;
    z-index: 0;
    width: calc(55% + 670px);
    height: calc(100% + 670px);
    background-color: #fff;
    top: -630px;
    border-radius: 100%;
	background-size: 63%;
    background-position: 0px 630px;
	*/
}
.hero-section .hero-logo {
    margin-bottom: 20%;
	position: relative;
	opacity: 0;
}
.hero-section .hero-slide{
	background-repeat: no-repeat;
    background-size: contain;
	background-color: #191348;
}
.hero-section .hero-slide .left-img{
    position: absolute;
   /* bottom: 0; */
	top: 30px;
    left: 0;
   /* height: calc(100% - 40px);
    width: 100%;*/
    background-size: contain;
	background-repeat: no-repeat;
}
.hero-section .hero-slide .left-img img{
	margin-top:2%;
	margin-left:8%;
	max-height:180px;
	transition: all 0.3s ease;
	animation: zoomin 1s both;animation-delay: 0.2s;
}
.hero-section .slick-active .hero-right .circle{
	animation: zoomin 1s both;animation-delay: 0.2s;
}
.hero-section .slick-active .hero-logo{
	animation: SlideRightContentText 1s both;
    animation-delay: 0.2s;
}
.hero-section .slick-active .hero-content h2{
	font-family: "Maven Pro", sans-serif;
	animation: SlideRightContentText 1s both;
    animation-delay: 0.4s;	
}
.hero-section .custom-slider .hero-content .sm-heading,
.hero-section .custom-slider .hero-content h2,
.hero-section .custom-slider .hero-content .txt-editor,
.hero-section .custom-slider .hero-content .btn-secondary,
.hero-section .slick-slide .row:after{
	opacity: 0;
}
.hero-section .custom-slider .hero-content .sm-heading{
	font-family: "Maven Pro", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 18.8px;
	letter-spacing: 0.125em;
	color:#EC7E3C;
	text-transform:uppercase;
}
.hero-section .custom-slider .hero-content h2{
	font-family: "Maven Pro", sans-serif;
	font-size: 62px;
	font-weight: 700;
	line-height: 72.85px;
	color:#FFFFFF;
}

.hero-section .custom-slider .txt-editor p,
.hero-section .custom-slider .txt-editor span{
	font-family: "Maven Pro", sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 56.4px;
	text-align: left;
	
}
.hero-section .custom-slider .txt-editor p strong,
.hero-section .custom-slider .txt-editor strong{
	font-weight: 700;	
}
.hero-section .slick-active .custom-slider .hero-content .sm-heading,
.hero-section .slick-active .custom-slider .hero-content h2,
.hero-section .slick-active .custom-slider .hero-content .txt-editor,
.hero-section .slick-active .custom-slider .btn-secondary{
	animation: SlideRightContentText 1s both;
    animation-delay: 0.6s;	
}
.hero-section .custom-slider .hero-content .btn-secondary{
	background-color:#EC7E3C;
	border-color:#EC7E3C;
}
.hero-section .slick-slide.slick-active .row:after{
	animation:  fadein 1s both;
    animation-delay: 0.4s;
}
@keyframes SlideRightContentText {from {left: -80px;opacity: 0}to {left: 0;opacity: 1}}
@keyframes zoomin {from {opacity: 0;transform: scale(0.6);}to {opacity: 1;transform: scale(1);}}
@keyframes fadein {from {opacity: 0;}to {opacity: 1;}}
/* image module  */
.hotspot-module .pointer-wrp .text {
    color: #fff;
    letter-spacing: 0.105em;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    background-color: rgba(3, 24, 138, 1) !important;
    border-radius: 28px;
    line-height: normal;
    padding: 13px 0;
    width: 0;
    display: inline-block;
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 1 !important;
    transform: none !important;
    white-space: nowrap;
    margin: -12px 0 0 -11px;
}
.hotspot-module .pointer-wrp .dot {
    display: inline-block;
    height: 32px!important;
    width: 32px!important;
    border: 3px solid rgba(212, 209, 209, 1);
    border-radius: 100%;
    background-color: rgba(3, 24, 138, 1) !important;
    position: absolute;
    left: 12px;
    top: 13px;
    z-index: 1 !important;
}
.hotspot-module .pointer-wrp a:hover .dot,
.hotspot-module .pointer-wrp a:focus .dot{
    background-color: #fff !important;
}
.hotspot-module .pointer-wrp a .dot:before{
    content: "";
    position: absolute;
    height: 48px;
    width: 48px;
    left: -11px;
    top: -11px;
    border: 3px solid rgb(212 209 209 / 20%);
    border-radius: 100%;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0;
}
@-webkit-keyframes pulsate {
    0% {
      -webkit-transform: scale(0.1, 0.1);
      opacity: 0; }
  
    50% {
      opacity: 1.0; }
  
    100% {
      -webkit-transform: scale(1.2, 1.2);
      opacity: 0; } 
}
.hotspot-module .pointer-wrp a:hover:before{
    display: none;
}
.hotspot-module .pointer-wrp a{
    display: inline-block;
    transition: all 0.3s ease;
}
.hotspot-module .pointer-wrp a:hover .text{
    width: auto;
    padding: 13px 57px;
}
.hotspot-module .pointer-wrp a:hover .dot:before{
    -webkit-animation: none;
}
.hotspot-module .hotspot-module-content {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    padding: 220px 150px 60px 200px;
    background-image: url(../images/round-shape.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
/* .hotspot-module .block-img img{
    object-fit: contain;
} */
/* image with text module css */
.img-with-txt {
	 font-family: "Maven Pro", sans-serif;
    padding-top: 75px;
    padding-bottom: 170px;
    position: relative;
	font
}
.img-with-txt .img-with-txt-content{
    padding-bottom: 80px;    
    position: relative;
}
.img-with-txt h2{
	color:#191348;
}
.img-with-txt p{
    font-weight: 300;
	color:#242424;
}
.img-with-txt.right h2,
.img-with-txt.right p{
	color:#FFF;
}
.img-with-txt .img-with-txt-content:before{
    content: "";
    position: absolute;
    left: -110px;
    /*background-image: url(../images/dot-three.png);*/
    background-repeat: no-repeat;
    background-position: 0px 100%;
    height: 100%;
    width: 100%;
    bottom: 80px;
    z-index: -1;
}
.img-with-txt .img-with-txt-content .subdesc {
    margin-bottom: 60px;
   }
.img-with-txt .img-with-txt-content .subdesc p,
.img-with-txt .img-with-txt-content .subdesc ul li,
.img-with-txt .img-with-txt-content .bodyText p,
.img-with-txt .img-with-txt-content .bodyText ul li{
    font-size: 22px;
}
/* .img-with-txt .img-with-txt-content .btn{
    position: absolute;
    bottom: 0;
} */
.img-with-txt .container {
    padding-right: 115px;
    padding-left: 250px;
    max-width: 100%;
}
.img-with-txt.right .container {
    padding-left: 115px;
    padding-right: 250px;
}
.img-with-txt.dark-bg{
    background-color: #191348;
}
.img-with-txt.right .row{
    flex-direction: row-reverse;
}
.img-with-txt.right .img-with-txt-content{
    color: #fff;
}
.img-with-txt.right .subtitle{
    color: #EC7E3C;
}
.img-with-txt.right .img-with-txt-content:before{
    background-position: right 100%;
    right: -100px;
    left: auto;
    /* background-image: url(../images/righdot-img-withtext-2.png); */
}
.img-with-txt .img-block{
    width: 45%;
    position: relative;
}
.img-with-txt .img-block::before{
    content: "";
    position: absolute;
    height: calc(100% + 245px);
    width: 100%;
    right: 0;
   /* background-image: url(../images/img-with-text.png);*/
    background-image: url(../images/eclipse.png);
    background-repeat: no-repeat;
    top: -75px;
    background-position: -55px top;
    z-index: 1;
    background-size: cover;
}
.img-with-txt.right .img-block::before{
    /*
	background-image: url(../images/img-with-txt-right.png);
    left: 0;
    background-position: right top;
	*/
	transform:scaleX(-1);
	 background-position: 50% top;
}
.img-with-txt.right .img-block::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 5%;
    background-image: url(../images/img-with-txt-right-desktop-dot.png);
    background-repeat: no-repeat;
    top: 0;
    background-position: 0px top;
    z-index: 1;
}
.img-with-txt .img-block img {
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.img-with-txt .img-block .img-wrapper{
    padding-top: 100%;
}
.img-with-txt .img-block .icons{
	position: absolute;
    width: 53px;
    height: 53px;
}
.img-with-txt .img-block .icons.icon-positive{
	    left: -5%;
    top: 8%;
}
.img-with-txt .img-block .icons.icon-negative{
	bottom: 5%;
    top: auto;
    right: 0;
    left: auto;
}
.img-with-txt .img-block .icons.icon-power{
	    top: -3%;
    left: 16%;
}
.img-with-txt.right .img-block .icons.icon-negative{
	left:0;
	right:auto;
}
.img-with-txt.right .img-block .icons.icon-positive{
	left:auto;
	right:5%;
}
.img-with-txt.right .img-block .icons.icon-power{
	left:auto;
    right: 16%;
}
.img-with-txt.right .img-with-txt-content .btn{
    color: #FFF;
    background-color: #EC7E3C;
    border: 1px solid #EC7E3C;
}
.img-with-txt.right .img-with-txt-content .btn:hover{
    box-shadow: 0px 0px 24px #fdb913;
}
/* call to action  */
.call-to-cation{
    padding: 180px 0;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: cover;
}
.call-to-cation:before{
    content: "";
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.call-to-cation p {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 22px;
}
.call-to-cation .btn-secondary{
    min-width: 230px;
}
/* testimonail section */
.testimonial{
    /*background-color: #58595B;*/
	background: linear-gradient(90deg, #1B1469 0%, #191348 99.15%);
   /* background-image: url(../images/testimonial.png);*/
    background-repeat: no-repeat;
    padding-bottom: 140px;
    z-index: 1;
    position: relative;
    background-position: 0 30px;
	font-family: "Maven Pro", sans-serif;
}
.testimonial::before{
	background-image:url(/assets/images/eclipse-testimonial.png);
	  content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    background-repeat: no-repeat;
    z-index: -1;
}

.testimonial .auth{
    color: #099BD9;
}
.testimonial p{
    line-height: 1.5;
    font-size: 22px;
    font-weight: 300;
}
.testimonial:after{
    content: "";
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: -1;
    background-image: url(../images/testimonial-right-dot.png);
    height: calc(100% - 90px);
    width: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}
.testimonial .icons{
	position:absolute;
}
.testimonial .icons.icon-positive{
	top: 47%;
    right: 6%;
}
.testimonial .icons.icon-negative{
	top: 15%;
    right: 5%;
}
.testimonial .icons.icon-power{
	top: 30%;
    right: 12%;
}
/* footer css */
footer {
    background-color: #191348;
    padding: 55px 0 20px;
    z-index: 1;
}
footer .container{
    padding-left: 85px;
    padding-right: 60px;
    max-width: 100%;
}
footer .footer-title,
footer h6{
    font-weight: 500;
    color: #7ED2F6 !important;
    margin: 0 0 5px;
    font-size: 16px;
}
footer ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
footer p{
    margin-bottom: 0;
}
footer label{
    color: #7ED2F6;
}
footer a{
    color: #fff;
}
/*
footer .right-col:before {
    content: "";
    background-image: url(../images/footer.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    right: -50px;
    width: calc(100% + 50px);
    height: calc(100% + 170px);
    z-index: -1;
    bottom: -20px;
    background-size: cover;
}
*/
/* contact scetion */
body .form-section .fui-label,
body .form-section .fui-legend {color: #58595B;font-weight: 500;font-size: 18px;line-height: normal;font-family: "Maven Pro", sans-serif;}
.form-section .fui-required {color: red;}
.form-section .fui-page-field select,
.form-section .fui-page-field input,
.form-section .fui-page-field textarea {border: 1px solid #191348;padding: 14px 15px;color: #58595B;overflow: hidden;font-family: "Maven Pro", sans-serif;font-size: 16px;line-height: normal;border-radius: 0;font-weight: 300;}
.form-section .fui-page-field select {color: #58595B;}
.form-section textarea {height: 200px;resize: none;}
.form-section .fui-field:not(.fui-type-hidden-field) {margin-bottom: 30px;}
.form-section .fui-submit:active,
.form-section .fui-submit:focus {border-color: transparent;-webkit-box-shadow: none;box-shadow: none;background-color: transparent;}
.form-section .fui-checkbox label,
.form-section .fui-radio label {color: #58595B;font-weight: 500;font-size: 18px;line-height: normal;font-family: "Maven Pro", sans-serif;min-height: 32px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-left: 50px;font-weight: 300;}
.form-section .fui-checkbox label:before,
.form-section .fui-radio label:before {width: 32px;height: 32px;border: 1px solid #58595B;top: 0;}
.form-section .fui-checkbox input:checked+label:before,
.form-section .fui-radio input:checked+label:before {background-color: #fcb814;border-color: #fcb814;-webkit-box-shadow: inset 0px 0px 0px 5px #fff;box-shadow: inset 0px 0px 0px 5px #fff;background-image: none;}
body .form-section .fui-radio {display: inline-block;padding-right: 30px;margin: 10px 0 0;}
.form-section .fui-select:not([multiple]):not([size]) {background-image: url(../images/select-arrow.png);background-size: auto;background-position: 88% center;min-width: 190px;}
.form-section .fui-instructions p {font-size: 14px;}
.form-section .fui-input:focus,
.form-section .fui-select:focus {-webkit-box-shadow: none;box-shadow: none;}
.form-section .fui-loading:after {display: none;}
.form-section .fui-field {padding-left: 15px;padding-right: 15px;}
.form-section .fui-row {margin-left: -15px;margin-right: -15px;}
.form-section input::-webkit-input-placeholder,
.form-section textarea::-webkit-input-placeholder {color: #58595B;opacity: 1}
.form-section input::-moz-placeholder,
.form-section textarea::-moz-placeholder {color: #58595B;opacity: 1}
.form-section input:-ms-input-placeholder,
.form-section textarea:-ms-input-placeholder {color: #58595B;opacity: 1}
.form-section input::-ms-input-placeholder,
.form-section textarea::-ms-input-placeholder {color: #58595B;opacity: 1}
.form-section input::-webkit-input-placeholder,
.form-section textarea::-webkit-input-placeholder {color: #58595B;opacity: 1}
.form-section input::-moz-placeholder,
.form-section textarea::-moz-placeholder {color: #58595B;opacity: 1}
.form-section input:-ms-input-placeholder,
.form-section textarea:-ms-input-placeholder {color: #58595B;opacity: 1}
.form-section input::-ms-input-placeholder,
.form-section textarea::-ms-input-placeholder {color: #58595B;opacity: 1}
.form-section input::placeholder,
.form-section textarea::placeholder {color: #58595B;opacity: 1}
.form-section {padding: 65px 0;background-color: #F4F4F4;background-repeat: no-repeat;background-size: cover;z-index: 1;overflow: hidden;}
.form-section .fui-submit{background-color: #FCB813;color: #FFF;border: 1px solid #FCB813;min-width: 223px; font-weight: 500;
    font-size: 18px; text-align: center; border-radius: 24px; padding: 10px 15px;}
.form-section .fui-submit:hover {box-shadow: 0px 0px 24px #fdb913;background-color: #FCB813;border: 1px solid #FCB813;}
.form-section .form-wrapper { max-width: 690px; margin: 0 auto; background-color: #fff; padding: 55px 35px;}
.form-section .form-wrapper .text-center h2{
	color:#191348;
	font-family: Maven Pro;
	font-size: 48px;
	font-weight: 500;
	line-height: 56.4px;
}
.form-section .form-wrapper .text-center p{
	color:#242424;
	font-family: Maven Pro;
	font-size: 22px;
	font-weight: 400;
	line-height: 25.85px;
	letter-spacing: 0.03em;
}
/* .form-section .fui-label { display: none;} */
.form-section:before{ 
	content: ""; 
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
	z-index: -1;
}
.form-section:after{ 
	/*
	content: ""; 
	position: absolute;
	left: 140px;
	bottom: 140px;
	height: 100%;
	width: 100%;
	z-index: -1;
	background-image: url(../images/dot-three.png);
	background-repeat: no-repeat;
	background-position: left bottom; */
	display:none;
}
.form-section .form-wrapper:before{ 
	/* content: ""; 
	position: absolute;
	right:160px;
	top:160px;
	height: 100%;
	width: 100%;
z-index: -1;
background-image: url(../images/two-dot.png);
background-repeat: no-repeat;
background-position: right top;
	*/
	display:none;
}
.form-section .formie-recaptcha-placeholder>* {
    margin: 0 auto 30px;
}

/* genral page css  */
.inner-banner{
    background-color: #191348;
}
.inner-banner .left-content{
    padding: 100px 15px 70px 80px;
}
.inner-banner .left-content:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../images/inner-banner-dots-new.png);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
}
.inner-banner .left-content:after{
	 content: "";
    position: absolute;
    bottom: -30px;
    left: 127px;
    background-image: url(/assets/images/icon-powers.svg);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
	    transform: rotate(12deg);

}
.inner-banner .slick-slide .row{
    height: 738px;
    position: relative;
}
.inner-banner .inner-banner-img{
    z-index: 1;
}
.inner-banner .inner-banner-img:after {
    content: "";
    position: absolute;
    background-image: url(../images/banner-shape-blue.png);
    background-position: top left;
    right: 0;
    top: 0;
    height: 100%;
    width: 100.1%;
    background-repeat: no-repeat;
	background-size:auto 100%;
    z-index: 1;
}
.inner-banner .inner-banner-img:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
   /* background: linear-gradient(180deg, #FFFFFF 16.55%, rgba(255, 255, 255, 0) 51.98%);*/
   background:linear-gradient(180deg, rgba(0,0,0, 0.5) 10%, rgba(255, 255, 255, 0) 44.98%);
}
.inner-banner-img img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner-banner .subtitle {
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
    display: block;
    width: 100%;
}
.inner-banner .subtitle::before{
    content: "";
    position: absolute;
    left: -80px;
    bottom: 0;
    height: 2px;
    width: 0;
    background: linear-gradient(90deg, #7ED2F6 0%, rgba(126, 210, 246, 0) 85.15%);
    opacity: 0;
    transition: all 1.5s;
}
.inner-banner .aos-animate .subtitle::before{
    opacity: 1;
    width: 100%;
}
.container.inner{
    max-width: 870px;
}
.common-content-section .heading{
    color: #1B1850;
	font-family: "Maven Pro", sans-serif;
	font-size: 50px;
	font-weight: 500;
	line-height: 58.75px;
	text-align: center;
}
.common-content-section .subheading, .common-content-section .subheading p {
    font-family: "Maven Pro", sans-serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 29.38px;
	text-align: center;
	color:#EC7E3C;
}
blockquote {
	color:#242424;
	font-family: "Maven Pro", sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 25.85px;
	letter-spacing: 0.03em;
	text-align: left;
    border-left: 5px solid #ED9F22;
    padding-left: 27px;
    margin: 0 0 50px;
}
.figure-left {margin-right: 30px !important;margin-bottom: 30px!important;margin-left: 0 !important;}
.figure-right {margin-left: 30px!important;margin-bottom: 30px!important;margin-right: 0 !important;}
.figure-center {margin-bottom: 30px!important;}
.figure-left img,
.figure-right img,
.figure-center img {margin-left: 0!important;margin-right: 0!important;}
.common-content-section table td p {margin-bottom: 0;}
.common-content-section table thead th {border-top: 0;color: #1B1850;}
.common-content-section table {margin-bottom: 30px;width: 100%;}
.common-content-section table td,
.common-content-section table th {padding: 18px 15px;border-bottom: 1px solid #099BD9;}
.common-content-section table tr td:first-child,
.common-content-section table tr th:first-child {padding-left: 0;}
.common-content-section table tr td:last-child,
.common-content-section table tr th:last-child {padding-right: 0;}
.common-content-section table tr:first-child th{border-bottom: 1px solid #ED9F22;}
.common-content-section p,
.common-content-section ul li,
.common-content-section table,
.common-content-section table td,
.common-content-section table td p,
.common-content-section table td span {color: #1B1850;letter-spacing: 0.06em;}
.common-content-section h1,.common-content-section h2,.common-content-section h3,.common-content-section h4,.common-content-section h5,.common-content-section h6{
    color: #1B1850;
}
.common-content-section h1{
    font-family: "Maven Pro", sans-serif;
	font-size: 36px;
	font-weight: 500;
	line-height: 42.3px;
}
.common-content-section h2{
   font-family: "Maven Pro", sans-serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 35.25px;
}
.common-content-section h3{
   font-family: "Maven Pro", sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 28.2px;

}
.common-content-section h4{
   font-family: Maven Pro;
	font-size: 18px;
	font-weight: 500;
	line-height: 21.15px;
}
.common-content-section h5{
   font-family: "Maven Pro", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 18.8px;
}
.common-content-section h6{
    font-size: 16px;
}
.common-content-section p{
    color: #242424;
    margin-bottom: 35px;	
	font-family: "Maven Pro", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 27.84px;
	letter-spacing: 0.05em;

}
figcaption {
    margin-top: 3px;	
	font-family: "Maven Pro", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 24.15px;
	color:#ED9F22;
}
.common-content-section ol, .common-content-section ul {
    padding-left: 23px;
    margin-bottom: 35px;
}
.common-content-section ol li, .common-content-section ul li{
    margin-bottom: 7px;
    color: #2C2C2C;
}
.common-content-section li::marker {
    font-size: 12px;
}
/* .common-content-section a{
    color: #099BD9;
} */
.common-content-section a:hover{
    text-decoration: underline;
}
.common-content-section .link-wrapper {
    margin-bottom: 30px;
}
.common-content-section a.btn-secondary:hover{
    text-decoration: none;
}
.gallery-section .slick-slide{
    padding: 0 15px;
}
.gallery-section .slick-slide img{
    height: 815px;
}
.gallery-slider{
    padding-bottom: 35px;
}
.gallery-slider .slick-track{
    margin: 0 -15px;
}
.gallery-section .container{
    padding-left: 75px;
    padding-right: 75px;
    max-width: 1520px;
}
.gallery-slider .slick-dots{
    position: absolute;
    right: 0;
    bottom: 0;
    top: auto;
    margin: 0;
    padding-right: 100px;
}
.gallery-slider .slick-prev {
    left: auto;
    right: 26px;
}
.gallery-slider .slick-list{
    width: 100%;
}
.gallery-slider .slick-arrow{
    padding: 0;
}
.gallery-slider .slick-arrow::after{
    display: none;
}
.gallery-slider .slick-arrow:hover svg path{
    fill: #58595B;
}
/* service page module  */
.service-box {
    margin-bottom: 38px;
    z-index: 1;
    padding-bottom: 13px;
}
.service-box:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(90deg, #C0D72F 0%, rgba(192, 215, 47, 0) 100%);
}
.service-box .img-wrapper{
    padding-top: 62%;
    overflow: hidden;
}
.service-box .title {
    color: #000000;
    font-size: 22px;
    margin-bottom: 5px;
}
.service-box .link {
    font-size: 18px;
    color: rgba(253, 185, 19, 1);
    font-weight: 300;
}
.service-box .link:hover{
    color: #ED9F22;
}
.service-box .img-wrapper img{
    transition: all 0.9s;
}
.service-box:hover .img-wrapper img{
    transform: scale(1.2);
}
.service .row {
    margin-bottom: -38px;
}

.choosebattery-slider{
	background: #F0F0F0;
	background-image:url(/assets/images/bg-battery-slider.png?2);
	background-repeat:no-repeat;
	background-position:-300px 40px;
	padding-top:150px;
}
.choosebattery-slider .section-header h4{
	font-family: "Maven Pro", sans-serif;
	font-size: 48px;
	font-weight: 500;
	line-height: 56px;
	letter-spacing: 0em;
	text-align: left;
	color: #191348;
}
.choosebattery-slider .section-header p{
	font-family: "Maven Pro", sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color: #242424;
}
.choosebattery-slider .battery-slider-wrp{max-width:100%;margin-left:200px;}
.choosebattery-slider .battery-box{
	background:#FFF;
	box-shadow: 0px 0px 18px 0px #00000040;
    margin: 17px 15px 17px;
	width:445px;
	height:100%;
}
.choosebattery-slider .battery-img-wrapper{
	width: 100%;
    height: 450px;
    text-align: center;
}
.choosebattery-slider .battery-img-wrapper > a{
	display:block;
	width:100%;
	height:100%;
}
.choosebattery-slider .battery-img-wrapper > a > img{
	margin:auto;
	max-height:100%;
}
.choosebattery-slider .battery-content{
	padding:0 15px 0;
	min-height:290px;
}
.choosebattery-slider .battery-content .text-contents{
	min-height:160px;
}
.choosebattery-slider .battery-content h3{
	font-family: "Maven Pro", sans-serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 30.55px;
	text-align: center;
	color:#191348;
}
.choosebattery-slider .battery-content p{
	font-family: "Maven Pro", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	text-align: center;
	color: #242424;
	margin-bottom:0;
}
.choosebattery-slider .battery-content p strong{
	font-weight:500;
}
.choosebattery-slider .battery-content a.lnk{
	font-family: "Maven Pro", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 21.15px;
	text-align: center;
	color: #ED9F22;
	padding-bottom:35px;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
}
.choosebattery-slider .bot-line{
	position:absolute;
	width:100%;
	height:1px;
	border-top: 1px solid;
	border-color:#ED9F22;
	left:0;
	bottom:16px;
}
.choosebattery-slider .slick-arrow{
	position:absolute;
	top:45%;
}
.choosebattery-slider .slick-arrow.slick-next{right:10%;}
.choosebattery-slider .slick-arrow.slick-prev{left:-7%;}
.choosebattery-slider .slick-arrow .icon {
    border-radius: 100%;
	background:#fff;
    width: 64px;
    height: 64px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
	box-shadow: 0px 0px 18px 0px #00000040;
}
.choosebattery-slider .slick-arrow .icon:hover{
	background:#191348;
}
.choosebattery-slider .slick-arrow .icon:hover svg path{
	fill:#FFF;
}
.choosebattery-slider .icon svg {
    margin: auto;
    display: block;
}
.choosebattery-slider .slick-arrow::after{
	display:none;
}
.choosebattery-slider .btn-wrp .btn.dark,
.choosebattery-slider .btn-wrp .btn-secondary{
	font-family: Maven Pro;
	font-size: 13px;
	font-weight: 700;
	line-height: 15.28px;
	letter-spacing: 0.025em;
	color:#191348;
}
.choosebattery-slider .btn-wrp .btn-secondary{
	color:#FFF;
}
footer .brand-logo img {
    max-width: 128px;
}
.scroll-bottom {
    position: absolute;
    left: 8%;
    bottom: 20px;
    z-index: 1;
}
.scroll-bottom .one {
    left: 50%;
    position: absolute;
    animation: move 1.2s linear infinite;
    top: 0;
}
@keyframes move {
    0% {
      transform: translate(0%,0px);
      opacity: 0;
    }
    50% {
      transform: translate(0%,10px);
      opacity: 1;
    }
    100% {
      transform: translate(0%,20px);
      opacity: 0;
    }
}
.scroll-bottom .two {
    top: -50px;
    opacity: 1;
    -webkit-animation: arrow2 1.2s ease 0s infinite;
    animation: arrow2 1.2s ease 0s infinite;
    opacity: 0;
}
.scroll-bottom .three {
    top: -25px;
    -webkit-animation: arrow1 1.2s ease 0.25s infinite;
    animation: arrow1 1.2s ease 0.25s infinite;
    opacity: 0;
}
@keyframes arrow1 {
    from {
      opacity: 0;
      top: -25px;
    }
    
    to {
      opacity: 0;
      top: 0px;
    }
    
    50% {
      opacity: 1;
    }
}  
@keyframes arrow2 {
    from {
      opacity: 0;
      top: -35px;
    }
    
    to {
      opacity: 0;
      top: -10px;
    }
    
    50% {
      opacity: 1;
    }
}

/*responsive css*/
@media only screen and (min-width: 1920px) {    
	.hero-section .slick-slide .row:after{background-size:70%;}
	.img-with-txt.right .img-block::before{background-position:20% top;}
}
@media only screen and (min-width:2700px){
	.hero-section .slick-slide .row:after{background-size:72%;}
}
@media only screen and (min-width:2800px){
	.hero-section .slick-slide .row:after{background-size:74%;}
}
@media only screen and (min-width:3000px){
	.hero-section .slick-slide .row:after{background-size:76%;}
}
@media only screen and (min-width:3200px){
	.hero-section .slick-slide .row:after{background-size:78%;}
}
@media only screen and (min-width:3400px){
	.hero-section .slick-slide .row:after{background-size:80%;}
}
@media only screen and (min-width:3600px){
	.hero-section .slick-slide .row:after{background-size:82%;}
}
@media only screen and (min-width:3800px){
	.hero-section .slick-slide .row:after{background-size:84%;}
}
@media only screen and (min-width:4000px){
	.hero-section .slick-slide .row:after{background-size:86%;}
}
@media only screen and (min-width:4200px){
	.hero-section .slick-slide .row:after{background-size:88%;}
}
@media only screen and (min-width:4400px){
	.hero-section .slick-slide .row:after{background-size:90%;}
}

/* CSS for tablets in portrait mode */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .hero-section .slick-slide .row:after{background-size:cover;}
}

@media only screen and (max-width: 1830px) {
    header .menu ul li{
        padding: 5px 15px;
    }
    .hero-section .hero-logo img {
        max-width: 485px;
    }
}
@media only screen and (max-width: 1730px) {
    .hero-section .hero-logo img {
        max-width: 430px;
    }
    header .menu ul li {
        padding: 5px 13px;
    }
    .hero-section .hero-right{
        padding-bottom: 30px;
    }
    .brand-logo img {
        max-width: 180px;
    }
    .search {
        width: 95px;
    }
	.img-with-txt.right .img-block::before {
		transform: scaleX(-1);
		background-position: 15% top;
	}
}
@media only screen and (max-width: 1630px) {
    .hero-section .slick-slide .row:after{
        width: calc(57% + 670px);
    }
    .hero-section .hero-right{
        width: 59%;
    }
    .hero-section .hero-content,
	.hero-section .custom-slider .hero-content{
        width: 33%;
    }
    .hero-section .hero-logo img {
        max-width: 390px;
    }
    .hero-section .hero-content h2{
        font-size: 36px;
    }
	.hero-section .custom-slider .hero-content h2{
		 font-size: 45px;
		 line-height:normal;
	}
	.hero-section .custom-slider .txt-editor p, .hero-section .custom-slider .txt-editor span{
		font-size:35px;
		line-height:normal;
	}
    .hotspot-module .hotspot-module-content{
        padding: 180px 100px 50px 150px;
    }
    header .container{
        padding-right: 25px;
    }
    header .header-right .btn-wrp a{
        min-width: 160px;
    }
	.img-with-txt .img-block::before{
		background-position:-50px top;
	}
}
@media only screen and (max-width: 1540px) {
	
    header .container{
        padding-left: 25px;
        padding-right: 25px;
    }
    header .menu ul li {
        padding: 5px 8px;
    }
    .hero-section .hero-logo img {
        max-width: 350px;
    }
    .hero-section .hero-logo{
        margin-bottom: 50px;
    }
    .hero-section .hero-content h2{
        font-size: 32px;
    }
    .hotspot-module .hotspot-module-content {
        padding: 180px 70px 50px 110px;
    }
    footer .container{
        padding-left: 60px;
    }
    footer li, footer li a, footer p {
        font-size: 14px;
    }
    .brand-logo img {
        max-width: 160px;
    }
    .gallery-section .slick-slide img {
        height: 803px;
    }
    .img-with-txt.right .img-block::after{
        left: 0;
    }
    header .header-right .btn-wrp a {
        min-width: 140px;
        padding: 9px 10px;
    }
	.img-with-txt .img-block .icons{
		width:43px;
		height:43px;
	}
	.img-with-txt .img-block::before {
		background-position: -30px top;
	}
	.img-with-txt .img-block .icons.icon-power {
		left: 10%;
	}
}
@media only screen and (max-width: 1440px) {
    h2 {
        font-size: 46px;
    }
    .hero-section .slick-slide .row:after{
        width: calc(58% + 670px);
        top: -550px;
		background-position:0px 550px;
    }
    .hero-section .hero-content{
        margin-left: 14%;
        width: 28%;
    }
    .hero-section .hero-right {
        width: 58%;
    }
    .hero-section .hero-right .circle.circle-large{
        padding-top: 43%;
        width: 43%;
    }
    .hero-section .hero-right .circle.circle-medium{
        padding-top: 40%;
        width: 40%;
    }
    .hero-section .hero-right .circle.circle-small{
        padding-top: 31%;
        width: 31%;
    }
    .hero-section .hero-right .circle span{
        font-size: 28px;
    }
    .hotspot-module .pointer-wrp.nine{
        top: 79.5%;
    }
    .hotspot-module .pointer-wrp.eight{
        top: 79%;
    }
    .img-with-txt.right .container{
        padding-left: 60px;
        padding-right: 90px;
    }
    .img-with-txt .container{
        padding-left: 90px;
        padding-right: 60px;
    }
    .img-with-txt{
        padding-bottom: 75px;
    }
    .img-with-txt .row{
        align-items: center;
    }
    .img-with-txt .img-with-txt-content:before{
        background-size: 55px;
        left: -50px;
    }
    .img-with-txt.right .img-with-txt-content:before{
        background-size: 55px;
        right: -50px;
    }
    .call-to-cation{
        padding: 140px 0;
    }
    .brand-logo img {
        max-width: 140px;
    }
    .img-with-txt .img-block::before{
        height: calc(100% + 150px);
    }
    .gallery-section .slick-slide img {
        height: 761px;
    }
	.choosebattery-slider{
		background-position: -510px 40px;
		padding-top: 50px;
	}
	.choosebattery-slider .section-header .container,
	.choosebattery-slider .btn-wrp .container{
		padding-left:50px;
		padding-right:50px;
	}
	.choosebattery-slider .battery-slider-wrp{
		margin-left:40px;
	}
	.choosebattery-slider .slick-arrow.slick-prev{
		left:-2%;
	}
	.choosebattery-slider .slick-arrow.slick-next{
		right:1%;
	}
}
@media only screen and (max-width: 1366px) {
    h2 {
        font-size: 44px;
    }
    header .header-right .btn-wrp a{
        font-size: 12px;
        min-width: auto;
        padding: 9px 10px;
    }
    header .menu ul li{
        padding: 5px 5px;
    }
    .hero-section .hero-logo img {
        max-width: 280px;
    }
    .hero-section .hero-content h2{
        font-size: 26px;
    }
    .hero-section .hero-right .circle.circle-small{
        right: 40px;
    }
    .hero-section .hero-right .circle span{
        font-size: 24px;
    }
    .hero-section .hero-content {
        margin-left: 11%;
    }
    .hero-section .slick-slide .row:after{
        width: calc(61% + 670px);
        top: -550px;
    }
    footer .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .img-with-txt::before{
        width: 49%;
    }
    .hero-section .hero-right .circle.circle-small{
        top: 48%;
    }
    .brand-logo img, footer .brand-logo img {
        max-width: 120px;
    }
    footer li, footer li a, footer p {
        font-size: 12px;
    }
    .gallery-section .slick-slide img {
        height: 718px;
    }
    .form-section:after{
        left: 60px;
        bottom: 60px;
    }
    .form-section .form-wrapper:before{
        right: 60px;
        top: 60px;
    }
}
@media only screen and (max-width: 1199px) {
    h1,.h1 { font-size: 40px; }
    h2,.h2 {font-size: 33px;}
    h3,.h3{font-size: 30px;}
    h4,.h4{font-size: 28px;}
    h5,.h5{font-size: 22px}
    h6,.h6,blockquote { font-size: 18px; }
    header .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    header .header-right a.btn, header .header-right .btn-secondary {
        font-size: 13px;
        min-width: 170px;
    }
    header .header-right > a, header .header-right .link-wrapper{
        margin-bottom: 15px;
    }
    header .header-right .line{
        top: 56px;
    }
    header .header-right .link-wrapper {
        margin: 23px 0 0;
    }
    header.sticky .mega-menu ul ul li a,
    header.sticky .mega-menu ul ul li a{
        font-weight: 400;
    }
    header .header-right .menu-icon{
        display: block;     
        margin-top: 0px;   
    }
    header .mega-menu {
        position: fixed;
        height: 100vh;
        width: 100%;
        left: 0;
        top: 0;
        background-color: #191348;
        z-index: -1;
        padding: 110px;
        display: flex;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s;
    }
    header .mega-menu.open{
        opacity: 1;
        visibility: visible;
    }
    header .mega-menu .menu-wrapper > ul > li> a{
        font-size: 18px;
        position: relative;
        opacity: 0;
    }
    body header .menu-wrapper > ul,
    header.sticky .menu-wrapper > ul{
        width: 30%;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    body header .mega-menu li{
        display: block;
        text-align: left;
        padding: 0 0 25px;
        position: relative;
    }
    body header .mega-menu ul ul li{
        padding: 0px 0 12px;
    }
    body header .mega-menu ul ul li a{
        font-weight: 400;
    }    
    body header .mega-menu ul ul,
    header .header-right .menu ul ul {
        position: absolute;
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        top: 0px;
        padding: 0 0 0 30px;
        height: 100%;
        left: 100%;
        width: 100%;
        background-color: transparent;
        min-width: 300px;
    }
    body header .mega-menu ul>li:hover ul{
        opacity: 1;
        visibility: visible;
    }
    body header .menu-wrapper {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        display: flex;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
    }
    body header .header-right > a{
        margin-bottom: 0;
        font-size: 13px;
    }
    header{
        padding: 12px 0;
    }
    header .header-right .btn-wrp {
        width: 100%;
        order: -1;
        text-align: right;
    }
    header .header-right .btn-wrp{
        margin-bottom: 25px;
    }
    header .header-right .link-wrapper {
        margin: 10px 0 0;
    }
    .menu-icon .icon span{
        height: 4px;
        width: 30px;
        background-color: #099BD9;
    }
    .drawer-open .menu-icon .icon span,
    header.sticky .menu-icon .icon span{
        background-color: #fff;
    }
    .menu-icon .icon span+span {
        margin-top: 5px;
    }
    .menu-icon .icon{
        width: 30px;
    }
    header .header-right .menu{
        margin-top: 0px;
    }
    header .mega-menu li a,.drawer-open header .header-right .link,
    header.sticky .header-right .link{color: #fff;}
    .menu-icon.active span:nth-child(3) {
        -webkit-transform: translate(4px,-9px) rotatez(45deg );
        -ms-transform: translate(4px,-9px) rotatez(45deg);
        transform: translate(4px,-9px) rotatez(45deg);
    }
    .menu-icon.active span:nth-child(1) {
        -webkit-transform: translate(4px,9px) rotatez(45deg);
        -ms-transform: translate(4px,9px) rotatez(45deg);
        transform: translate(4px,9px) rotatez(45deg);
    }
    header.sticky .header-right .btn-wrp{
        width: auto;
        order: inherit;
    }
    header.sticky .header-right .link-wrapper a{font-size: 0; margin-right: 50px !important;}
    header.sticky .header-right .menu-icon {
        margin: 2px 0 0 40px !important;
    }
    header.sticky .header-right > a{
        font-size: 0;
    }
    header.sticky .container {
        padding-left: 35px;
        padding-right: 35px;
    }
	/*
    .hero-section .hero-slide .left-img{
        height: calc(100% - 135px);
    }
	*/
    .hero-section .hero-content {
        margin-left: 16%;
        width: 29%;
    }
    .hero-section .hero-right {
        width: 58%;
        padding-left: 60px;
    }
    .hero-section .slick-slide .row:after{
        width: calc(51% + 670px);
    }
    .hero-section .hero-right .circle.circle-large {
        padding-top: 45%;
        width: 45%;
    }
    .hero-section .hero-right .circle.circle-medium {
        padding-top: 43%;
        width: 43%;
        left: 30%;
    }
    .hero-section .hero-right .circle.circle-small {
        padding-top: 34%;
        width: 34%;
        right: 30px;
    }
    .hero-section .hero-logo {
        margin-bottom: 40px;
    }
    .hotspot-module .pointer-wrp a .dot:before{
        height: 38px;
        width: 38px;
        left: -10px;
        top: -10px;
    }
    .hotspot-module .pointer-wrp .dot{
        height: 22px !important;
        width: 22px !important;
        border-width: 2px;
    }
    .hotspot-module .pointer-wrp .text,.call-to-cation p,.testimonial p{
        font-size: 18px;
    }
    .hotspot-module .hotspot-module-content {
        padding: 140px 60px 30px 100px;
        width: 55%;
    }
    header .logo img {
        max-width: 100%;
        padding-left: 55px;
    }
    header.sticky .logo img{
        padding-left: 0;
    }
    .img-with-txt .img-with-txt-content .subdesc {
        margin-bottom: 30px;        
    }
    .img-with-txt .img-with-txt-content .subdesc p,
	.img-with-txt .img-with-txt-content .subdesc ul li,
	.img-with-txt .img-with-txt-content .bodyText p,
	.img-with-txt .img-with-txt-content .bodyText ul li{
        font-size: 18px;
    }
    .img-with-txt.right .img-with-txt-content .btn{
        color: #fff;
    }
    footer:before{
        background-position: left top;
        width: 83%;
    }
    footer .right-col {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
    .img-with-txt .img-block::before{
        /*
		background-image: url(../images/txt-with-img-tablet.png);
        background-position: 0 center;
        width: calc(100% + 100px);
        height: calc(100% + 130px);
        top: -60px;
        left: 0;
		*/
    }
    .img-with-txt {
        padding: 135px 0;
    }
    .img-with-txt.right .img-block::before{
		/*
        background-image: url(../images/txt-with-imgright-tablet.png);
        background-position: right center;
        right: 0;
        left: auto;
		*/
	}
    .img-with-txt.right::before{
        background-size: contain;
    }
    .img-with-txt::before{
        background-position: 0 top;
        width: 47%;
        background-size: contain;
    }
	.img-with-txt .img-block .icons {
		width: 33px;
		height: 33px;
	}
	.img-with-txt .img-block .icons.icon-power {
		left: 6%;
	}
    footer li, footer li a, footer p {
        font-size: 14px;
    }
    footer .right-col:before{
        bottom: 0;
    }
    .testimonial{
        padding-bottom: 120px;
		/*
        background-image: url(../images/testimonial-tablet.png);
        background-position: -70px 50px;
		*/
    }
    .brand-logo img {
        max-width: 90px;
    }
    footer .container{
        padding-left: 80px;
    }
    .gallery-section .slick-slide img {
        height: 555px;
    }
    .inner-banner .inner-banner-img:after{
        /*
		background-image: url(../images/heroimagetablet.png);
        background-size: cover;
		*/
    }
    .section-margin {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .common-content-section .heading{
        font-size: 42px;
    }
    .common-content-section h1,
    .inner-banner h1 {
        font-size: 33px;
    }
    .common-content-section p{
        line-height: 26px;
        margin-bottom: 30px;
    }
    .common-content-section ol, .common-content-section ul{
        margin-bottom: 30px;
    }
    .form-section:after,.form-section .form-wrapper:before{
        display: none;
    }
    .form-section .fui-field:not(.fui-type-hidden-field) {
        margin-bottom: 15px;
    }
    .hotspot-module .pointer-wrp a .text{
        padding: 9px 0;
    }
    .hotspot-module .pointer-wrp a:hover .text{
        padding: 9px 45px;
    }
    .inner-banner .slick-slide .row{
        height: 100vh;
        height: calc((var(--vh, 1vh) * 100));
    }
    .service-box .link{
        font-size: 16px;
    }
    .service-box .title{
        font-size: 20px;
    }
    .service-box{
        padding-bottom: 10px;
        margin-bottom: 30px;
    }
    .service .row {
        margin-bottom: -30px;
    }
    .testimonial:after{
        background-size: 55px;
        background-position: right 55%;
        bottom: 60px;
        right: 30px;
    }
    .img-with-txt.right .img-block::after{
        display: none;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(3) .dot {
        left: 17% !important;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(2) .dot {
        left: 18% !important;
    }
	header.state .logo img{padding-left:0;}
	.inner-banner .inner-banner-img:after{width:103%;}
	.hero-section .custom-slider .hero-content h2{font-size:38px;}
	.hero-section .custom-slider .txt-editor p, .hero-section .custom-slider .txt-editor span{font-size:30px;}
}
@media only screen and (max-width: 1024px) {
    header.sticky .header-right .link-wrapper a{
        margin-right: 30px !important;
    }
	.hero-section .hero-slide .left-img img{max-width:200px;}
	.img-with-txt .img-block::before {
		background-position: -16px top;
	}
	.img-with-txt .img-block .icons {
		width: 23px;
		height: 23px;
	}
	.testimonial::before{left:-20%;}
	.testimonial .icons{width:25px;}
	.inner-banner .left-content:after{
		transform:none;
		bottom: 30px;
		left: 30px;
	}
}
@media only screen and (max-width: 991px) {
    h1,.h1 { font-size: 48px; }
    h2,.h2 {font-size: 34px;}
    h3,.h3{font-size: 32px;}
    h4,.h4{font-size: 26px;}
    h5,.h5{font-size: 20px}
    h6,
	.h6,
	.img-with-txt .img-with-txt-content .subdesc p, 
	.img-with-txt .img-with-txt-content .subdesc ul li,
	.img-with-txt .img-with-txt-content .bodyText p,
	.img-with-txt .img-with-txt-content .bodyText ul li{ font-size: 16px; }
    .container{padding-left: 30px;padding-right: 30px;}
    header .mega-menu{
        padding: 110px 60px;
    }
    .hero-section .hero-logo img {
        max-width: 200px;
    }
    .hero-section .slick-slide .row:after {
        width: calc(52% + 670px);
    }
    .hotspot-module .pointer-wrp .dot{
        height: 20px !important;
        width: 20px !important;
        border-width: 2px;
    }
    .hotspot-module .pointer-wrp a .dot:before{
        height: 36px;
        width: 36px;
    }
    header.sticky .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    header.sticky .header-right .menu-icon {
        margin: 2px 0 0 15px !important;
    }
    header.sticky .header-right .link-wrapper a {
        margin-right: 10px !important;
    }
    header .header-right a.btn, header .header-right .btn-secondary{
        min-width: 140px;
    }
    footer:before{
        width: 90%;
    }
    footer .brand-logo img {
        max-width:90px;
    }
    footer .container{
        padding-left: 30px;
    }
    .hotspot-module .hotspot-module-content{
        padding: 140px 30px 30px 100px;
    }
    .hotspot-module .hotspot-module-content h2{
        font-size: 24px;
    }
    .img-with-txt {
        padding: 70px 0;
    }
    header .logo img{
        padding-left: 10px;
    }
    .inner-banner .left-content {
        padding: 100px 15px 70px 40px;
    }
    .common-content-section h1, .inner-banner h1 {
        font-size: 26px;
    }
    header .header-right a.link.email,header .header-right a.link.phone{font-size: 0;}
    .search {
        width: 27px;
        min-height: 24px;
    }
    .search form{
        position: absolute;
        top: -5px;
		right:-5px;
    }
    .search.active-search form {
        width: 120px;
        background-color: #fff;
        border-radius: 20px;
    }
    .search input{
        padding: 5px 5px 5px 35px;
    }
    .search.active-search .search-icon{
        width: 18px;
        min-width: 18px;
        left: 7px;
        top: 0px;
    }
    header.sticky .search input::-webkit-input-placeholder{color: #58595B;opacity: 1}
    header.sticky .search input::-moz-placeholder{color: #58595B;opacity: 1}
    header.sticky .search input:-ms-input-placeholder{color: #58595B;opacity: 1}
    header.sticky .search input::-ms-input-placeholder{color: #58595B;opacity: 1}
    header.sticky .search input::placeholder{color: #58595B;opacity: 1}
    header.sticky .search input{color: #58595B;}
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(2) .dot{
        left: 18% !important;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(3) .dot{
        left: 14% !important;
    }
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .hero-section .hero-right .circle-wrapper,
    .hero-section .hero-right .shape{
        height: auto;
    }
	/*
    .hero-section .hero-slide .left-img {
        height: 60%;
    }
	*/
    .hero-section .hero-right .circle-wrapper{
        margin-top: -170px;
    }
    .hero-section .hero-right .circle.circle-medium{
        top: 50%;
    }
    .hero-section .hero-right .circle.circle-small {
        top: 95%;
    }

}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    header.sticky .search input {
        padding: 9px 5px 9px 35px;
    }
    .search form{
        top: -6px;
    }
}
@media only screen and (max-width: 820px) {
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(2) .dot {
        left: 16% !important;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(3) .dot {
        left: 15% !important;
    }
}
@media only screen and (max-width: 767px) {
	.hero-section .custom-slider .hero-content{margin-top:0;}
	.hero-section .hero-content, .hero-section .custom-slider .hero-content{width:90%;}
	.hero-section .custom-slider .hero-content h2 { font-size: 28px; }
	.hero-section .custom-slider .txt-editor p, .hero-section .custom-slider .txt-editor span{font-size:20px;}
	.hero-section .custom-slider .hero-content .btn-secondary{font-size:13px;}
	.hero-section .custom-slider .hero-content .sm-heading, .hero-section .custom-slider .hero-content h2{margin-bottom:10px;}
	.hero-section .custom-slider .hero-content .txt-editor{margin-bottom:10px !important;}
	.hero-section .custom-slider .hero-content .btn-secondary{font-size: 13px;min-width: auto;padding: 7px 15px;}
    h1,.h1 { font-size: 42px; }
    h2,.h2 {font-size: 32px;}
    h3,.h3{font-size: 30px;}
    h4,.h4{font-size: 24px;}
    h5,.h5{font-size: 18px;}
    header .header-right .btn-wrp {
        position: fixed;
        bottom: 15px;
        width: 100%;
        left: 0;
        text-align: center;
        margin: 0;
    }
	header:not(.sticky)::before{
		content: "";
		top: 0;
		left: 0;
		z-index: -1;
		height: 150%;
		width: 100%;
		position: absolute;
		background:linear-gradient(360deg, rgba(25, 19, 72, 0) 0%, #191348 145%);
	}
    header.sticky .header-right .btn-wrp{
        width: 100%;
    }
    header .header-right .link-wrapper {
        margin: 0;
        line-height: 0;
    }  
    header .header-right .menu-icon{
        margin-top: 0;
    }  
    header .header-right .line{
        display: none;
    }
    header .header-right .link-wrapper a {
        font-size: 0;
    }
    .drawer-open header.sticky .header-right .btn-wrp,
    .drawer-open header .header-right .btn-wrp{
        position: static;
        order: -1;
        text-align: right;
        margin: 0 0 30px;
    }
    header.sticky .header-right .btn-wrp a,
    header .header-right .btn-wrp a{
        padding: 8px 10px;
    }
    .drawer-open header .header-right .btn-wrp .btn{
        margin-left: 0 !important;
    }
    .drawer-open header .header-right .btn-wrp .btn-secondary{
        margin-right: 0 !important;
    }
    .drawer-open header .header-right .line{
        display: block;
        top: 52px;
    }
    .drawer-open .header-right {
        width: 100%;
    }  
    header.sticky .mega-menu,
    header .mega-menu{
        padding: 130px 35px 100px;
    }  
    body header .menu-wrapper > ul, header.sticky .menu-wrapper > ul{
        width: 100%;
    }
    body header .mega-menu ul ul, header .header-right .menu ul ul{
        position: static;
        opacity: 1;
        visibility: visible;
        padding-left: 25px;
        margin: 20px 0 0;
        min-width: auto;
        display: none;
    }
    header .mega-menu .menu-inner ul > li:hover ul {
        display: block;
    }
    .mega-menu.open ul li.drop-down a,
    header.sticky .mega-menu .menu-wrapper > ul > li> a{
        -webkit-animation-name: none;
        animation-name: none;
        opacity: 1;
    }
    header .header-right a.link{
        font-size: 0;
    }
    .hero-section .hero-right {
        width: 100%;
        padding: 65px 25px;
        order: -1;
        height: 60vh;
    }
    .hero-section .hero-content{
        height: 40vh;
        margin-left: 23px;
        width: calc(100% - 88px);
    }
    .hero-section .slick-slide .row:after {
        width: calc(85% + 260px);
        height: calc(20% + 260px);
        right: -90px;
        /*top: -260px;*/
		top:0;
		background-position:top;
		background-size:cover; 
    }
    .hero-section .hero-slide .left-img {
		display:none;
        /*
		height: calc(45% - 140px);
        top: 5px;
		bottom: auto;
		z-index: 1;
		max-width: 180px;
		*/
    }
	.home header.state .logo{display:block;}
	.hero-section .hero-slide .left-img img{width:100%;}
    .hero-section .hero-content h2 {
        font-size: 32px;
		margin-bottom:0;
    }
	.hero-section .hero-right .icon-approved{max-width:80px;bottom:60px;}
	.hero-section .hero-right .icon-powers{right:auto;left:5%;}
    /* .hotspot-module .img-wrapper{
        padding-top: 470px;
    } */
    .hotspot-module .pointer-wrp .dot{
        height: 12px !important;
        width: 12px !important;
        left: 6px;
        top: 6px;
    }
    .hotspot-module .pointer-wrp .dot:before {
        height: 18px;
        width: 18px;
    }
    .hotspot-module .pointer-wrp{
        left: 137px;
    }
    .hotspot-module .pointer-wrp.two {
        top: 25%;
        left: 143px;
    }
    .hotspot-module .pointer-wrp.three{
        left: 134px;
    }
    .hotspot-module .pointer-wrp.four {
        top: 44%;
        left: 115px;
    }
    .hotspot-module .pointer-wrp.five {
        top: 44%;
        left: 115px;
    }    
    .hotspot-module .pointer-wrp.six {
        top: 49.5%;
        left: 138px;
    }
    .hotspot-module .pointer-wrp.seven{
        left: 180px;
    }
    .hotspot-module .pointer-wrp.eight{
        top: 78%;
        left: 195px;
    }
    .hotspot-module .hotspot-module-content{
        /* background-image: none; */
        position: relative;
        width: 100%;
        z-index: 1;
        padding: 0 30px;
    }
    .hotspot-module .img-block::before {
        content: "";
        position: absolute;
        bottom: -125px;
        left: -80px;
        height: 220px;
        width: calc(100% + 80px);
        background-image: url(../images/round-shape.png);
        background-repeat: no-repeat;
        background-position: 0px top;
        background-size: 100% 100%;
        z-index: 1;
        right: 0;
    }
    .hotspot-module .pointer-wrp.nine {
        top: 79%;
        left: 220px;
    }
    .img-with-txt.right .container, .img-with-txt .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .img-with-txt {
        padding: 45px 0 75px;
    }
    /* .img-with-txt .img-with-txt-content .btn{
        position: static;
    } */
    .img-with-txt .img-with-txt-content:before {
        left: auto;
        right: -10px;
        background-position: right bottom;
        bottom: 90px;
    }
    .img-with-txt .img-block{
        width: 100%;
    }
    .img-with-txt .img-block::before{
        /*
		background-image: url(../images/img-with-text-mobile.svg);
        width: calc(100% + 40px);
        height: calc(100% + 70px);
        top: -40px;
        left: 0;
		*/
		background-position: -25px top;
    }
	.img-with-txt .img-block .icons.icon-positive {
		left: 0%;
		top: 8%;
	}
	.img-with-txt .img-block .icons.icon-power {
		left: 8%;
	}
    .img-with-txt.right .img-block::before{
        /* background-image: url(../images/img-with-text-mobile-right.png);*/
    }
    .img-with-txt.right .img-with-txt-content:before{
        right: 0;
    }
    .call-to-cation {
        padding: 90px 0;
    }
    .testimonial p{
        font-size: 16px;
    }
    .testimonial {
        padding: 60px 0 190px;
        /* background-image: url(../images/testimonial-mobile.png);
        background-position: left bottom; */
        position: relative;
        z-index: 1;
    }
    .testimonial:before{
        /*
		content: "";
        position: absolute;
        top: 15px;
        left: 10px;
        z-index: -1;
        background-image: url(../images/three-dot-2.png);
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
		*/
    }
    footer .right-col:before {
        bottom: auto;
        width: calc(100% + 42px);
        right: -18px;
        height: 240px;
        background-size: cover;
        top: -120px;
        background-position: left top;
    }
    footer .right-col:after {
        content: "";
        position: absolute;
        bottom: -40px;
        width: calc(100% + 42px);
        right: -18px;
        height: 230px;
        background-size: cover;
        background-position: left bottom;
        background-image: url(../images/footer-mobile.png);
        z-index: -1;
    }
    footer .right-col .row{
        position: relative;
    }
    footer .right-col {
        padding-bottom: 70px;
        margin-bottom: 0;
    }
    footer .right-col .row:before {
        content: "";
        position: absolute;
        top: 70px;
        height: 100px;
        width: calc(100% + 50px);
        left: -30px;
        background-color: #fff;
        z-index: -1;
    }
    footer li, footer li a, footer p,footer .footer-title,footer h6 {
        font-size: 13px;
    }
    footer{
        padding-bottom: 100px;
    }
    footer .brand-logo img {
        max-width: 150px;
    }
    .inner-banner .slick-slide .row{
        flex-direction: column-reverse;
    }
    .inner-banner .inner-banner-img{
        height: 50vh;
    }
    .inner-banner .left-content {
        height: 50vh;
        padding: 30px 30px 130px;
    }
    .inner-banner .inner-banner-img:after,
	.hero-section .hero-right:after	{
        background-image: url(../images/heroimagemobile-blue.png?1);
        background-size: contain;
        background-position: left bottom;
    }
    .inner-banner .left-content:before{
        /*
		bottom: 60px;
        background-image: url(../images/inner-banner-dot-mobile.png);
		*/
		display:none;
    }
    .inner-banner .left-content .logo{
        max-width: 218px;
    }
    .inner-banner .subtitle{
        margin-bottom: 20px;
    }
	.form-section:before {
        display: none;
    }
    header.sticky .logo{
        display: block;
    }
    .section-margin {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .section-header img {
        max-width: 45px;
    }
    .figure-left {margin-right: 0px !important;}
    .figure-right {margin-left: 0px !important;}
    .gallery-section .container{
        padding-left: 0;
        padding-right: 0;
    }
    .slick-dots li{
        height: 12px;
        width: 12px;
        margin: 0 2px;
    }
    .gallery-slider {
        padding-bottom: 20px;
    }
    .gallery-slider .slick-dots{
        padding-right: 33px;
    }
    .gallery-section .slick-slide img {
        height: 220px;
    } 
    .common-content-section h4 {
        font-size: 18px;
    }   
    .common-content-section h5 {
        font-size: 16px;
    }
    .common-content-section .link-wrapper a {
        display: block;
    }
    .form-section{
        background-image: none !important;
        padding: 0;
    }
    .form-section .container{
        padding: 0;
    }
    .form-section .fui-field{
        flex: auto;
    }
    .hotspot-module .pointer-wrp .text{
        font-size: 13px;
        padding: 2px 0;
        margin: -6px 0 0 -6px;
    }
    .hotspot-module .pointer-wrp a:hover .text{
        padding: 2px 10px 2px 24px;
    }
    .hotspot-module .pointer-wrp a .dot:before {
        height: 29px;
        width: 29px;
    }
    .testimonial:after{
		/*
        background-image: url(../images/testimonial-mobile-right-dot.png);
        right: 15px;
        background-size: 34px;
        background-position: right 80%;
		*/
    }
    body header .mega-menu li:hover ul {
        display: block;
    }
    header .header-right .menu ul ul li a {
        font-size: 16px;
        font-weight: normal;
    }
    header .header-right .menu ul ul li{
        padding-bottom: 5px;
    }
    figure{
        width: 100% !important;
    max-width: 100% !important;
    }
    .common-content-section .link-wrapper a{
        font-size: 16px;
    }
    footer .brand-logo img:first-child {
        max-width: 100px;
    }
    .hotspot-module .img-wrapper img{
        object-position: 47% 30%;
    }
    .hotspot-module .img-wrapper {
        padding-top: 47.75%;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(3) .dot {
        left: 17% !important;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(2) .dot {
        left: 18% !important;
    }
	footer .right-col:after,
	footer .right-col .row:before{display:none;}
	.inner-banner .left-content:after{
		/*
		bottom: 0;
		left: 20px;
		transform:none;
		*/
		display:none;
	}
	header.state .logo{
		top:10px;
		left:10px;
	}
	header.state .logo img{
		max-height:80px;
	}
	.inner-banner-img img.icon-approved{
		position: absolute;
		top: auto;
		bottom: -33px;
		right: 28px;
		width: 77px;
		height: 77px;
		z-index: 3;
	}
	.inner-banner-img img.dots-eclipse{
		position: absolute;
		min-width: 90%;
		height: auto;
		z-index: 2;
		bottom: -75px;
		top: auto;
	}
	.inner-banner-img img.power-icons{
		left: 19px;
		width: 180px;
		height: auto;
		z-index: 3;
		top: auto;
		bottom: -42px;
	}
    .scroll-bottom{
        bottom: 65px;
    }
    .scroll-bottom svg{
        height: 75px;
        width: 31px;
    }
}
@media only screen and (max-width: 575px){
	.hero-section .custom-slider .hero-content .sm-heading{font-size:12px;}
	.hero-section .custom-slider .hero-content h2{font-size:21px;}
	.hero-section .custom-slider .txt-editor p, .hero-section .custom-slider .txt-editor span{font-size:16px;}
    .hotspot-module .img-block::before {
        bottom: -145px;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(2) .dot{
        left: 12% !important;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(3) .dot{
        left: 12% !important;
    }
	.choosebattery-slider .battery-box{
		width:94%;
	}
	.choosebattery-slider .battery-img-wrapper{
		height:350px;
		padding-top:20px;
	}
	.choosebattery-slider .battery-slider-wrp{
		margin-left:0;
	}
	.choosebattery-slider .section-header h4{
		font-size:38px;
		line-height:46px;
	}
	.choosebattery-slider .section-header p{
		font-size:16px;
		line-height:23px;
	}
	footer .brand-logo img {
        max-width:70px;
    }
	.choosebattery-slider .slick-arrow{top:49%;}
	.choosebattery-slider .slick-arrow .icon{width:50px;height:50px;}
	.choosebattery-slider .slick-arrow.slick-prev{left:0;}
	.choosebattery-slider .slick-arrow.slick-next{right:0;}
}
@media only screen and (max-width: 480px){
    .hotspot-module .img-wrapper{
        padding-top: 35.75%;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(2) .dot{
        left: 16% !important;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(3) .dot{
        left: 16% !important;
    }
}
/* @media only screen and (max-width: 425px){
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(2) .dot{
        left: 8.834% !important;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(3) .dot{
        left: 8.544% !important;
    }
} */
@media only screen and (max-width: 390px){
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(2) .dot{
        left: 11% !important;
    }
    .hotspot-module .img-wrapper .pointer-wrp:nth-last-child(3) .dot{
        left: 11% !important;
    }
}
@media only screen and (max-width: 380px){
    .scroll-bottom svg{
        height: 50px;
        width: 23px;
    }
    .scroll-bottom {
        bottom: 45px;
    }
}
@media only screen and (max-width: 374px){
    header .header-right a.btn, header .header-right .btn-secondary {
        min-width: 130px;
    }
    .hero-section .hero-right .circle span {
        font-size: 16px;
    }

    footer .right-col .row:before{
        height: 80px;
    }
    .testimonial:after{
        background-position: right 84%;
    }
    .testimonial:before{
        background-size: 14%;
    }
    .form-section .formie-recaptcha-placeholder>*{
        transform: scale(0.83);
        -webkit-transform: scale(0.83);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    .form-section .formie-recaptcha-placeholder>* {
        margin: 0 auto 0;
    }
}