@font-face {
    font-family: 'GothamBlack';
    src: url('../fonts/Gotham-Black.woff') format('woff2'), url('../fonts/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/Gotham-Bold.woff') format('woff2'), url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: 700;
    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: '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: '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;
}

body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px !important;
    border-radius: 10px;
    background: #144B83;
}
body::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px !important;
    border-radius: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'GothamBold';
    font-weight: 700;
}

html {
    overflow-x: hidden;
}

body {
    font-family: 'GothamBook';
    overflow-x: hidden;
}

p {
    font-family: 'GothamBook';
}

a {
    text-decoration: none !important;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    font-weight: 300;    
}

a:focus {
    outline: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.header .navbar {
    display: block;
    padding: 10px 0;
}
.header.sticky .navbar {
    padding: 5px 0;
}
.header .container .row {
    width: 100%;
    align-items: center;
}
.top-menu {
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    padding-bottom: 5px;
}
.navbar-collapse ul {
    margin-left: auto;
    margin-right: 0 !important;
    position: relative;
}
.dropdown-toggle::after {
    width: 12px;
    height: 12px;
    background: url(../images/arrow-down.svg) no-repeat center;
    background-size: 12px;
    border: none;
    vertical-align: middle;
    margin: 0;
}
ul.navbar-nav>li>a {
    color: #fff;
    font-family: 'GothamMedium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    padding: 18px 20px !important;
}
ul.navbar-nav>li>a.Search-icon {
    padding: 0 !important;
}
ul.navbar-nav>li>a:hover {
    color: #fff;
}
ul.navbar-nav>li>a.Search-icon:before {
    display: none;
}
ul.navbar-nav>li.mob-item {
    display: none;
}
.navbar-expand-lg .navbar-nav {
    align-items: center;
}
.main-menu .form-select {
    color: #fff;
    background-color: transparent;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    padding: 2px 27px 0px 12px;
}
.main-menu .form-select:focus {
    box-shadow: none;
    outline: none;
}
.lightTheme .header.sticky .main-menu .form-select {
    color: #000;
    filter: none;
    -webkit-filter: none;
}
.main-menu .form-select option {
    color: #000;
}
.header.stickyHead{position: relative; background: #000000;}
.header.stickyHead ul.navbar-nav>li>a{color: #fff}
.header.stickyHead .navbar .main-menu {
    border-bottom: none;
}
/* .header.stickyHead .whiteLogo{display: none;}
.header.stickyHead .blueLogo{display: block;} */
.logo {
    display: block;
    padding: 0;
    width: 160px;
}
.navbar-brand img {
    width: 152px;
}
.top-menu > ul>li>a>i {
    margin-right: 5px;
}
.header.sticky {
    position: fixed;
    background: #fff;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    animation: sticky 1.2s;
    box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
}
@-webkit-keyframes sticky {
    0% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}
@keyframes sticky {
    0% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}
.blueLogo {
    display: none;
}
.header.sticky .row {
    align-items: center;
}
.bodyFix .header.sticky .whiteLogo {
    display: none;
}
.bodyFix .header.sticky .blueLogo {
    display: block;
}
.bodyFix:not(.lightTheme) .header.darkTheme.sticky .whiteLogo {
    display: block;
}
.bodyFix:not(.lightTheme) .header.darkTheme.sticky .blueLogo {
    display: none;
}
.Search-icon {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background-image: url(../images/search.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.Search-icon.open {
    background-image: url(../images/close-btn.png);
    background-size: 20px;
}
.header .search-bar .form-group {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.header .search-bar .form-group .form-control {
    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;
}
.header .search-bar .form-group .btn {
    background: #173880;
    border-radius: 0;
    color: #fff;
    height: 40px;
    font-size: 16px;
    border: 1px solid #173880;
}
ul>li.multi-language ul>li:first-child .language-link::after {
    content: "";
    width: 13px;
    height: 13px;
    background: url(../images/arrow-search.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.header .navbar .main-menu {
    position: relative;
}
.header .navbar .main-menu .btn-right {
    display: flex;
    justify-content: space-between;
    width: 80px;
}
.header .navbar .main-menu .btn-right>a {
    display: inline-block;
    vertical-align: middle;
}
.toggleButton {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
body.scroll-hidden {
	overflow: hidden !important;
}
.header .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;
}
.header .search-bar.active {
    bottom: -62px;
    z-index: 9;
    visibility: visible;
    opacity: 1;
}
.dropdown-icon::after {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/arrow-down.svg) no-repeat center;
    background-size: 14px;
    border: none;
    vertical-align: middle;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    margin-left: 3px;
    display: inline-block;
}
ul.navbar-nav>li:hover>a::after {
    transform: rotate(180deg);
    transition: all linear 0.3s;
}
.header.header_style:not(.sticky) .dropdown-icon::after, .header.header_style:not(.sticky) .toggleButton img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
ul.navbar-nav>li.static .dropdown-menu {
    padding: 0;
    background: #fff;
    border: none;
    top: 100%;
    min-height: 87px;
    border-radius: 10px;
    box-shadow: 0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);
}
ul.navbar-nav>li.static .dropdown-menu::before {
    content: "";
    border: 10px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: -18px;
    left: 45px;
}
ul.navbar-nav>li.static:hover .dropdown-menu {
    display: block;
}
ul.navbar-nav>li.static .dropdown-menu li:not(:last-child) {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
ul.navbar-nav>li.static .dropdown-menu li a {
    display: block;
    padding: 10px;
    color: #000;
    font-size: 13px;
    transition: all linear 0.3s;
}
.header .navbar .main-menu {
    position: relative;
    /* border-bottom: 1px solid #616A71; */
    display: flex;
    align-items: center;
    justify-content: end;
}

.banner-title h1 {
    font-size: 80px;
    line-height: normal;
    font-family: 'GothamBold';
    font-weight: 700;
    text-transform: uppercase;
    color: #FFDE00;
}
.banner-title h1 span {
    display: block;
    font-size: 38px;
    line-height: normal;
    text-transform: none;
    color: #fff;
}
.banner-home .btn-custom {
    padding: 18px 30px;
    margin-top: 30px;
}
.blue-strip {
    background: linear-gradient(90deg, #F06C06 0%, rgba(45, 56, 125, 0) 96.81%);
    display: inline-block;
    padding: 4px 15px;
}
.banner-product {
    position: absolute;
    bottom: -68px;
    right: -30px;
}
.btn-custom {
    background: #FFDE00;
    border-radius: 100px;
    padding: 6px 20px 6px 6px;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #000000;
    font-family: 'GothamBook';
    font-weight: 400;
}
.btn-custom:hover {
    background: #000 !important;
    color: #fff !important;
}
.btn-custom:hover>img.arrow-blk {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.block {
    padding: 90px 0;
}
.block-2 {
    padding: 60px 0;
}
.block-power {
    background: url(../images/power-bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.section-title h2 {
    font-size: 55px;
    line-height: normal;    
    font-family: 'GothamBold';
    font-weight: 700;
    margin-bottom: 20px;
}
.section-title p {
    font-size: 18px;
    line-height: 30px;
    font-family: 'GothamBook';
    font-weight: 400;
    margin-bottom: 30px;
}
.block-power .section-title p {
    font-size: 24px;
}
.ev-product {
    position: absolute;
    left: 0;
}
.number-box {
    background: #F5F5F5;
    padding: 30px;
    display: flex;
    align-items: center;
    align-content: center;
}
.number-box>div {
    height: 134px;
}
.number-box h3 {
    font-size: 54.5372px;
    color: #0F38A1;
    margin: 0;
}
.number-box h3 {
    font-size: 54.5372px;
    font-family: 'GothamBold';
    font-weight: 700;
    color: #0F38A1;
    margin: 0;
}
.number-box p {
    font-size: 23px;
    font-family: 'GothamBook';
    font-weight: 400;
    color: #000;
    margin: 0;
}
.block-power>.container-fluid {
    padding: 0 60px;
}
.ev-product {
    position: absolute;
    left: 0;
    bottom: -15%;
}
.block-product {
    background: #F6F6F6;
    position: relative;
}
.block-product::before {
    content: "";
    width: 489px;
    height: 450px;
    background: url(../images/product-bg.png) no-repeat center;
    position: absolute;
    top: 42%;
    left: 0;
}
.block-product .section-title h2 {
    text-transform: capitalize;
    margin-top: 120px;
}
.product-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.product-icon {
    background: #F9CB2D;
    border-radius: 11.4px;
    width: 147px;
    flex: 0 0 147px;
    height: 124px;
    text-align: center;
    line-height: 124px;
    margin-right: 20px;
}
.product-text {
    width: calc(100% - 102px);
    flex: 0 0 calc(100% - 102px);
}
.product-wrapper .product-box:not(:last-child) {
    border-bottom: 1px solid #E8E1E1;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.product-text h4 {
    font-size: 27px;
    line-height: 40px;
    color: #2F2525;
    font-family: 'GothamBold';
    font-weight: 700;
    margin: 0;
}
.banner-bg {
    position: relative;
    height: 815px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
}
.section-logo {
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.block-ourProduct {
    background: #0F38A1;
    padding-bottom: 120px;
}
.product-item {
    text-align: center;
    background: rgba(255, 255, 255, 0.95);
    padding: 120px 20px 20px;
    position: relative;
}
.product-img {
    margin-bottom: 65px;
    min-height: 264px;
}
.product-content h3 {
    font-size: 28px;
    line-height: 40px;
    text-transform: capitalize;
    color: #000000;
    text-align: left;
    margin: 0;
    font-family: 'GothamBold';
    font-weight: 700;
}
.block-ourProduct .container-fluid {
    padding: 0 0 0 60px;
}
.row-scroll {
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 -40px;
}
.row-scroll>div {
    width: 40%;
    padding: 0 40px;
}
.click-view {
    position: absolute;
    right: -110px;
    bottom: 75px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.btn-view {
    background: linear-gradient(180deg, #F9CC2D 0%, #F88F1D 100%);
    border: none;
    border-radius: 0px;
    font-size: 28px;
    line-height: 40px;
    color: #000000 !important;
    font-family: 'GothamBold';
    font-weight: 700;
    padding: 14px 18px;
}
.block-story {
    background: #fff;
}
.block-tStory {
    position: relative;
    padding-bottom: 120px !important;
}
.block-tStory::before {
    content: "";
    background: linear-gradient(180deg, #F9CC2D 0%, #F88F1D 98.5%);
    transform: rotate(-180deg);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.story-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 12.6635px 3.89646px rgba(171, 158, 158, 0.25);
    padding: 60px 40px;
}
.story-item .slick-slide .story-wrapper {
    transform: scale(0.9);
    transition: all linear 0.3s;
    margin: 30px 0;
    opacity: 0.8;
}
.story-item .slick-slide.slick-current.slick-active.slick-center .story-wrapper {
    transform: scale(1.2);
    opacity: 1;
}
.story-icon {
    text-align: center;
    width: 80px;
    margin: 0 auto 20px;
}
.story-icon>img {
    border-radius: 50%;
    border: 5px solid #fff;
    outline: 1px dashed #C7BEBE;
}
.story-text p {
    font-size: 19.0861px;
    line-height: 29px;
    text-transform: capitalize;
    color: #000000;
    position: relative;
    margin-bottom: 30px;
    min-height: 134px;
}
.story-text p span {
    position: absolute;
    left: 0;
    top: 0;
}
.story-text p .left-quote {
    left: 0;
    top: -30px;
}
.story-text p .right-quote {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}
.story-profile h4 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
    font-family: 'GothamMedium';
}
.story-profile h4 span {
    font-size: 16px;
    color: #F7781C;
    display: block;
    margin-top: 5px;
    font-family: 'GothamBook';
    font-weight: 400;
}
.story-item .slick-arrow {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    border: none;
    font-size: 0;
    width: 46px;
    height: 16px;
    z-index: 1;
}
.story-item .slick-arrow.slick-prev {
    background: url(../images/arrow-left.png) no-repeat center;
    left: 48%;
}
.story-item .slick-arrow.slick-next {
    background: url(../images/arrow-right.png) no-repeat center;
    left: 52%;
}
.story-item .slick-list {
    margin: 0 -30px;
}
.story-item .slick-slide {
    padding: 0 30px;
}
.block-enquiry {
    background: #0D2D81;
}
.block-enquiry .section-title {
    padding: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.call-bg {
    background-size: cover !important;
    background-position: center !important;
}
.call-bg .section-title p {
    font-size: 21px;
}
.call-now {
    font-family: 'gothammedium';
    font-weight: 500;
    font-size: 30px;
    line-height: 134.8%;
    color: #FFFFFF;
}
.enquiry-form {
    padding: 90px 60px;
}
.enquiry-form h3 {
    font-size: 47.0214px;
    line-height: 45px;
    color: #fff;
    margin-bottom: 30px;
}
.footer-text h3 {
    font-family: 'gothambold';
    font-weight: 700;
    font-size: 16px;
    line-height: 134.8%;
    text-transform: uppercase;
    color: #252424;
    margin-bottom: 15px;
}
.footer-text h3 a {
    color: #252424;
}
.footer-text ul>li:not(:last-child) {
    margin-bottom: 10px;
}
.footer-text ul>li>a {
    font-family: 'GothamBook';
    font-weight: 400;
    font-size: 14px;
    line-height: 134.8%;
    color: #252424;
}
.footer {
    background: #fff;
    padding-top: 90px;
}
.social-media ul {
    display: flex;
    margin-top: 30px;
}
.social-media ul>li:not(:last-child) {
    margin-right: 15px;
}
.social-media ul>li>a {
    display: block;
    font-size: 16px;
    color: #252424;
}
ul.useful-link>li {
    position: relative;
    padding-left: 30px;
}
.footer-link ul>li:not(:last-child) {
    margin-bottom: 10px;
}
ul.useful-link>li::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 0;
}
ul.useful-link>li.location::before {
    background: url(../images/location-pin.png) no-repeat center;
}
ul.useful-link>li.call::before {
    background: url(../images/call2.png) no-repeat center;
}
ul.useful-link>li.tollfree::before {
    background: url(../images/tollfree.png) no-repeat center;
}
ul.useful-link>li.mail::before {
    background: url(../images/mail.png) no-repeat center;
}
.middle-footer {
    margin-bottom: 45px;
}
.bottom-footer {
    border-top: 1px solid #E9D5D5;
    padding: 25px 0;
}
.bottom-footer p {
    margin: 0;
    font-size: 14px;
    color: #252424;
    font-family: 'GothamBook';
    font-weight: 400;
}
.footer-text>p {
    font-family: 'gothambold';
    font-weight: 700;
    color: #252424;
    font-size: 16px;
    text-transform: uppercase;
}

.banner-inner {
    height: 100vh;
    min-height: 720px;
    background-size: cover !important;
    background-position: center !important;
}
.block-feature {
    background: url(../images/power-bg.jpg) no-repeat center;
    background-size: cover;
    /* padding-top: 120px !important; */
}
.block-feature .container-fluid {
    padding: 0 0 0 60px;
}
.flip-card {
    background-color: transparent;
    width: 337px;
    height: 511px;
    perspective: 1000px;
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    background-color: #bbb;
    color: black;
  }
  
  .flip-card-back {
    background-color: #F9CB2D;
    color: #000;
    transform: rotateY(180deg);
    padding: 20px;
    font-size: 18px;
}
.flip-card-back img {
    margin-bottom: 15px;
}
  .front-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: left;
    padding: 15px;
}
  .front-content img {
    margin-bottom: 15px;
}
.front-content p {
    font-family: 'gothambold';
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #FFFFFF;
    text-transform: capitalize;
}
/* .flip-row {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -10px;
    overflow: hidden;
    overflow-x: auto;
}
.flip-row>div {
    padding: 0 10px;
} */
.banner-center {
    max-width: 720px;
    width: 100%;
    margin: auto;
    position: absolute;
    bottom: -13%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    align-items: center;
}
.product-container {
    background: linear-gradient(269.31deg, rgba(247, 120, 28, 0.95) 3.03%, rgba(249, 203, 45, 0.95) 88.6%);
    padding: 30px;
}
.product-container h2 {
    font-size: 35px;
    color: #000000;
    margin-bottom: 25px;
}
.product-container p {
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 0;
}
.product-banner-image {
    width: 260px;
    flex: 0 0 260px;
    margin-left: -20px;
}
.popupOverLay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #0009;
    z-index: 99;
    display: none;
}
.btn-link {
    font-size: 20px;
    text-decoration: none;
    color: #000000;
    font-family: 'gothambold';
    font-weight: 700;
}
.product-block>a>img {
    margin-bottom: 15px;
}
.block-link {
    padding: 40px;
}
.blogList>a>img {
    margin-bottom: 15px;
    border-radius: 5px;
    width: 100%;
}
.blogContent .date {
    font-size: 18px;
    color: #000;
    margin-bottom: 5px;
    display: inline-block;
    font-family: 'GothamLight';
    font-weight: 300;
}
.blogContent h4 a {
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin: 0;
}
.blogContent .blog-text {
    margin-top: 0;
}
.block-faq {
    background: url(../images/faq-bg.jpg) no-repeat center;
    background-size: cover;
}
.block-faq .accordion-flush .accordion-item {
    background: transparent;
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #fff;
}
.block-faq .accordion-button {
    color: #fff;
    font-family: 'GothamBold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
    padding: 15px 0;
    padding-left: 30px;
    background: transparent;
}
.block-faq .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #FFDE00;
    box-shadow: none;
}
.block-faq .accordion-button::after {
    margin-right: 20px;
    background: url(../images/plus.png) no-repeat center;
    background-size: 20px;
}
.block-faq .accordion-button:not(.collapsed)::after {
    background: url(../images/minus.png) no-repeat center;
    background-size: 20px;
}
.block-faq .accordion-flush .accordion-collapse {
    border-width: 0;
}
.block-faq .accordion-body {
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    padding-bottom: 25px;
    background: #FFDE00;
}
.block-faq .accordion-body p {
    color: #000;
    text-align: justify;
    font-family: 'GothamBook';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.block-faq .accordion-flush .accordion-collapse .accordion-body p {
    color: #000;
}
/* .Range-content .Range-tab-content {
    display: none;
}
.Range-content .Range-tab-content.current {
    display: inherit;
} */
.Range-content .Range-tab-content {
    display: block;
    height: 0;
    overflow: hidden;
}
.Range-content .Range-tab-content.current {
    height: auto;
}
ul.Range {
    font-size: 0;
    text-align: center;
    margin-bottom: 40px;
}
ul.Range>li {
    display: inline-block;
    font-size: 22px;
    color: #000;
    font-family: 'GothamBold';
    font-weight: 700;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}
ul.Range>li.current {
    color: #F7781C;
    border-bottom: 2px solid #F7781C;
}
ul.Range>li:not(:last-child) {
    margin-right: 20px;
}
.product-range-img {
    max-width: 680px;
    width: 100%;
    margin: 0 auto 30px;
}
.range-button ul {
    text-align: center;
}
.range-button ul>li {
    display: inline-block;
}
.range-button ul>li:not(:last-child) {
    margin-right: 10px;
}
.btn-white {
    padding: 17px 10px !important;
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
.btn-white>img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.block-listing {
    background: url(../images/product-listing-bg.jpg) no-repeat center;
    background-size: cover;
}
.listing-block {
    background: rgba(0, 0, 0, 0.49);
    padding: 30px 15px 15px;
}
.listing-image {
    width: 85%;
    margin: 0 auto 15px;
    height: 136px;
}
.listing-image img {
    object-fit: cover;
    width: auto;
    height: 136px;
}
.listing-text {
    border-top: 1px solid #383333;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
}
.prduct-detail h3 {
    font-size: 20px;
    color: #fff;
}
.prduct-detail p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
}
.listing-text .prduct-detail {
    flex: calc(100% - 42px);
    width: calc(100% - 42px);
}
.listing-text .prduct-arrow {
    flex: 0 0 32px;
    width: 32px;
    margin-left: 10px;
}

/* <store locator page css start> */
.StoreLocator {
	width: 100%;
	position: relative;
	padding: 50px 0;
}
.searchLoaction .inputBox{
	position: relative;
	margin-bottom: 20px
}
.searchLoaction .inputBox input{
	width: 100%;
	border-radius: 4px;
	border: 0.4px solid #D3D3D3;
	font-size: 18px;
	padding: 10px 20px 10px 40px;
}
.searchLoaction .inputBox img{    
	position: absolute;
	top: 18px;
	left: 11px;
	width: 14px; 
}
.searchLoaction .addresList{
    max-height: 330px;
    overflow: hidden;
    overflow-y: scroll;
}
.searchLoaction .addresList .box {
    position: relative;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);
    padding: 14px 20px 14px 50px;
    border-left: 5px solid #FFDE00;
    margin-bottom: 40px;
    cursor: pointer;
}
.searchLoaction .addresList .box img {
    position: absolute;
    left: 20px;
    top: 20px;
} 
.searchLoaction .addresList .box p {
    font-family: 'GothamBook';
	font-size: 16px;
	line-height: 28px; 
	color: #000000;
	margin: 0;
}  
/* Store Locator page css close */


/* <catalogue page css  start> */
.catalogueBlock {
	width: 100%;
	position: relative;
	padding: 90px 0;	
} 
.catalogueBlock .catalogue-listting {	
	width: 100%;	
	max-width: 1024px;	
	margin: auto;
}
.catalogueBlock .downloadBox{
    border-radius: 16px;
    border: 1px solid #ebebeb;
    padding: 20px;
    display: inline-block;
    width: 100%;
    height: calc(100% - 24px);
    margin: 12px 0;
}
.catalogueBlock .downloadBox .imgBox {
    width: 100%;
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalogueBlock .downloadBox .imgBox img {
    max-width: 200px;
}
.catalogueBlock .downloadBox p {
    margin: 0;
    font-family: 'GothamBold';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.2px;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* Catalogue page css close */

/* <contact us page css start> */
.addressBlock {
	width: 100%;
	padding-top: 50px;
    background-image: url(../images/contact-us-bg.jpg);

    background-repeat: no-repeat;
    background-size: cover;
    
}
.addressSpace {
    position: relative;
    padding: 0 100px;
    margin-top: 30px;
}
.addressSpace .box {
    border-radius: 10px;
    background: #FFDE00;
    padding: 40px 42px;
    height: 100%;
}
.contactp {
    font-size: 18px;
    line-height: 30px;
    font-family: 'GothamBook';
    font-weight: 400;
    margin-bottom: 30px;
    color: white;
}
.contacth2 {
    font-size: 55px;
    line-height: normal;
    font-family: 'GothamBold';
    font-weight: 700;
    margin-bottom: 20px;
    color: white;
}
.addressSpace h5 {
    font-size: 20px;
    font-family: 'gothambold';
    color: #000000;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.addressSpace .box  ul {
    display: flex;
    flex-wrap: wrap;	
}
.addressSpace .box  ul li {
    width: 50%;
    padding: 8px 30px 8px 0;
    padding-left: 40px;
    position: relative;
    color: #000000;
    font-size: 17px;
    text-transform: capitalize;
}
.addressSpace .box  ul li>a {
    color: #000;
}
.addressSpace p, .addressSpace p a {
    color: #000000;
    font-size: 17px;
    text-transform: capitalize;
}
.addressSpace p {
	padding-left: 40px;
	position: relative;
}
.addressSpace .box img{
    position: absolute;
    left: 0;
    top: 10px;
}

.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 h2, .stoeLocation h2, .allCatalogue h2{margin-bottom: 45px}    
.googleMap{position: relative;}
.googleMap img{width: 100%}
.connectForm .formDesign{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    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;
}
form {
    display: block;
    margin-top: 0em;
    unicode-bidi: isolate;
}
.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;
}
/* <contact us page css end> */

/* <about  us page css start> */
.aboutUs {
    position: relative;
    padding: 45px 0;
    background: #F5F5F5;
}
.aboutUs h4 {
    font-size: 55px;
    line-height: 118px;
    color: #000;
}
.aboutUs .imgBox {
    position: relative;
}
.aboutUs .imgBox img {
    width: 100%;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
img, svg {
    vertical-align: middle;
}
.aboutUs .detail{
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #0D2D81;
}
.aboutUs .detail h4{
    font-family: 'gothambold';
    color: #fff;
    line-height: 53.16px;
    font-weight: 700;
    font-size: 65px;
    margin-bottom: 10px;
}
.aboutUs .detail h3{
    font-family: 'gothambold';
    color: #fff;
    line-height: 46px;
    font-weight: 700;
    font-size: 40px;
    margin: 0 0 5px;
}
.aboutUs .detail .founded {
    font-family: 'GothamBook';
	font-size: 18px;
	line-height: 40px;	
    color: #fff;
	padding-bottom: 20px;
}
.aboutUs .detail .founded span {
    font-family: 'gothambold';	
    font-weight: 700;
	font-size: 24px;
	line-height: 40px;
	color:#fff;	
}
.aboutUs .detail .section-title p {
	font-size: 16px;
    color:#ffff;
    margin-top: -20px;

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

/* <about us page css end> */

/* <blogs detail page css start> */
/* blogs detail page css  strat */
.blog-icon{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex; 
}
.img-form {
vertical-align: center;
margin-left: 150px;
width: 70%;
align-items: center;
margin-top: 30px;
}
.blog-items2 .slick-list {
margin: 0 -10px;
}
.blog-items2 .slick-slide {
padding: 0 10px;
}
.blog-items2 .blog-title {
font-size: 24px;
}
.blog-items2 .slick-arrow {
    bottom: 60%;    
    display: none !important;
}
.block-blog {
    background: #EDEDED;
}
.blog-image {
    position: relative;
    margin-bottom: 25px;
}
.blog-title {
    font-family: 'gothambold';
    font-weight: 700;
    font-size: 28px;
    line-height: 96.66%;
    color: #000000;
   margin-bottom: 20px;
}
.blog-text{
    margin-top: 20px;
   
}
/* <blogs detail page css end> */

/* <blogs page css start> */
.blog-box {
    position: relative;
}
.blog-img {
    position: relative;
}
.date {
    font-family: 'gothambook';
    font-size: 14px;
    line-height: normal;
    color: #F7781C;
    display: block;
    margin: 5px 0;
}
/* <er charger combo page css start> */
.UPSComboList{
    background-image: url(../images/catalogue-img.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.rProduct-box {
    background: #00004d;
    padding: 20px;
    margin-bottom: 25px;
	border-radius: 10px;
}
.rProduct-box .rProduct-img {
    text-align: center;
}
.rProduct-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.rProduct-content h3>a {
    color: white;
    font-family: 'GothamBold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    min-height: auto;
    margin: 0;
}
/* .section-title h2 {
    font-size: 42px;
    color: white;
} */
.section-title p {
    font-size: 24px;
    color: white;
    font-weight: 400;
}
.rProduct-content .btn-round {
    padding: 0;
}
.addressBlock {
	width: 100%;
	padding: 50px 0;
}
.addressSpace {
    position: relative;
    padding: 0 100px;
    margin-top: 30px;
}
/* .addressSpace .box {
    border-radius: 10px;
    background: #E46F23;
    padding: 40px 42px;
    height: 100%;
} */
/* <er charger combo page css end> */
.block-detail {
    background: #0F235E;
}
.product-detail-img {
    background: rgba(0, 0, 0, 0.49);
    text-align: center;
    padding: 70px;
}
.product-detail-content {
    padding-left: 50px;
}
.product-detail-content h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 15px;
    font-family: 'GothamBold';
    font-weight: 700;
}
.product-detail-content ul {
    margin-bottom: 20px;
}
.product-detail-content ul>li {
    font-size: 18px;
    color: #fff;
    font-family: 'GothamBook';
    font-weight: 400;
}
.product-detail-content ul>li:not(:last-child) {
    margin-bottom: 5px;
}
.row-5{
    justify-content: center;
}
.row-5>div {
    width: 14.28%;
}
.feature-icon img {
    height: 75px;
    margin-bottom: 15px;
}
.feature-text p {
    font-family: 'gothammedium';
    font-weight: 500;
    font-size: 12.867px;
    line-height: 19px;
    text-align: center;
    color: #000000;
}
.bg-grey {
    background: #F6F6F6;
}
/* .spaceTable {
    padding: 0 100px;
} */
.spaceTable table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}
.specificationsSec table .orangeBg th {
    background: #E46F23;
    font-family: 'gothambold';
    font-size: 20px;
    padding: 8px 0;
    color: #fff;
    text-align: center;
}
.specificationsSec table th {
    font-family: 'gothambold';
    font-size: 14px;
    color: #000;
    line-height: 32px;
    padding: 8px 20px;
}
.specificationsSec table td {
    font-size: 16px;
    color: #000;
    line-height: 30px;
    padding: 10px 20px;
}
.specificationsSec table th, .specificationsSec table td {
    border: 1px solid #000;
}
.application-box {
    background: #F9CB2D;
    border-radius: 10.5615px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 70px;
}
.application-icon {
    margin-right: 5px;
}
.application-text {
    font-size: 16px;
    color: #000;
    font-family: 'GothamBold';
    font-weight: 700;
}
.application-icon img {
    width: 36px;
}
.product-detail .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    background: #FFDE00;
    width: 38px;
    height: 38px;
    border: none;
    font-size: 0;
    border-radius: 50%;    
}
.product-detail .slick-prev {
    background: #FFDE00 url(../images/arrow-left.png) no-repeat center;
    background-size: 20px;
}
.product-detail .slick-next {
    background: #FFDE00 url(../images/arrow-right.png) no-repeat center;
    background-size: 20px;
    left: auto;
    right: 0;
}
.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);
    z-index: 9;
}
.frameMenu.active {
    right: 0;
}
.closeMenu {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}
.frameMenu li {
    position: relative;
    transition: .2s ease-out 100ms;
    border-top: 1px solid rgba(0,0,0,0.2);
}
.child-trigger {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 4px;
    right: 5px;
    cursor: pointer;
}
.child-trigger::before, .child-trigger::after {
    content: "";
    width: 10px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
}
.child-trigger::after {
    transform: rotate(90deg);
}
.child-trigger.child-open::after {
    transform: rotate(0deg);
}
.frameMenu li a {
    font-size: 14px;
    padding: 10px 20px;
    color: #000;
    display: block;
    position: relative;
}
.frameMenu li.menu-item-has-children a {
    display: inline-block;
}
.subMenu {
    display: none;
}
.frameMenu li .subMenu a {
    padding: 8px 30px;
}
/* <privacy  policy css start> */
.privacyPolicySec {
	width: 100%;
	position: relative;
	padding: 50px 0;
}
.privacyPolicySec p {
    font-family: 'GothamBook';
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
}
.privacyPolicySec h4 {
    font-family: 'gothambold';
    font-size: 30px;
    color: #252424;
    margin-bottom: 20px;
}
.privacyInfo ul{
	margin-bottom: 35px;
	padding-left: 20px;
}
.privacyInfo ul li{
    font-family: 'GothamBook';
	list-style-type: disc;    
	font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;    
	color: #0F0F0F;
}
h2.titleBorder:after {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, 0);    
    background: #F06C06;;
    width: 83px;
    height: 5px;
    content: '';
}
h2.titleBorder {
    position: relative;
    margin-bottom: 30px;
}
/* <privacy policy css end> */

.block-partner {
    background-size: cover !important;
    background-position: center center !important;
    padding-bottom: 120px;
}
.partner-right {
    background: #F5F5F5;
    padding: 40px;
}
.partner-right ul>li {
    display: flex;
    flex-wrap: wrap;
}
.partner-icon {
    width: 63px;
    margin-right: 20px;
}
.partner-text {
    width: calc(100% - 83px);
}
.partner-text h2 {
    font-size: 22px;
    color: #000;
    font-family: 'GothamBold';
    font-weight: 700;
    margin-bottom: 7px;
}
.partner-text p {
    font-size: 18px;
    line-height: 28px;
    color: #615C5C;
    margin-bottom: 0;
}
.partner-right ul>li:not(:last-child) {
    margin-bottom: 35px;
}
.partner-product-img {
    margin-bottom: -60px;
}
.text-black {
    color: #000 !important;
}
.block-partner-form {
    background: #F6F6F6;
}
.block-choose {
    background: #0F38A1;
}
.choose-us-box {
    background: #FFFFFF;
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.08);
    padding: 20px;
    text-align: center;
    transition: all linear 0.3s;
}
.choose-icon {
    background: #F6F6F6;
    width: 102px;
    height: 102px;
    line-height: 102px;
    text-align: center;
    margin: 0 auto 20px;
    border-radius: 50%;
    transition: all linear 0.3s;
}
.choose-us-box:hover .choose-icon {
    background: #0F38A1;
}
.choose-us-box:hover .choose-icon img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.choose-us-box h3 {
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #0F38A1;
    min-height: 50px;
}
.choose-us-box p {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #615C5C;
    min-height: 154px;
    margin: 0;
}

.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 h2 {
    font-size: 2rem;
    line-height: normal;
    margin-bottom: 40px;
    text-align: center;
}
.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;
}
.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;
}
.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;
}
.flip-row .flip-card {
    width: 100%;
}
.flip-row .flip-card-front>img {
    width: 100% !important;
}
.flip-row .slick-list {
    margin: 0 -15px;
    padding-right: 260px;
}
.flip-row .slick-slide {
    padding: 0 15px;
}
.slider-arrow .slick-arrow {
    width: 40px;
    height: 40px;
    font-size: 0;
    background: #f9cb2d;
    border: none;
    position: absolute;
    bottom: -60px;
    right: 30px;
    border-radius: 50%;
    z-index: 1;
    background-size: 20px;
}
.slider-arrow .slick-prev {
    right: 82px;
    background: #f9cb2d url(../images/arrow-sm-left.svg) no-repeat center;
    background-size: 20px;
}
.slider-arrow .slick-next {
    background: #f9cb2d url(../images/arrow-sm-right.svg) no-repeat center;
    background-size: 20px;
}
.ourProduct .slick-list {
    margin: 0 -25px;
    padding-right: 220px;
}
.ourProduct .slick-slide {
    padding: 0 25px;
}
.ourProduct .slick-slide .product-img>img {
    display: inline-block;
}

.successStory .slick-list {
    margin: 0 -10px;
}
.successStory .slick-slide {
    padding: 0 10px;
}
.successStory.slider-arrow .slick-arrow {
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
}
.successStory.slider-arrow .slick-prev {
    left: 48%;
}
.successStory.slider-arrow .slick-next {
    left: 52%;
}
.blogPage {
    padding: 50px 0;
}
.blogPage ul.Range>li {
    color: #000;
    font-family: 'GothamBold';
}
.blogPage ul.Range>li.current {
    color: #F7781C;
    border-bottom: 2px solid #F7781C;
}
.blog-box p {
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'GothamBold';
    min-height: 48px;
}
.blog-box p>a {
    color: #000;
}
.csb-5 {
    margin-bottom: 20px;
}
.slider-arrow.blog-slider .slick-arrow {
    bottom: auto;
    top: 35%;
}
.slider-arrow.blog-slider .slick-arrow.slick-prev {
    left: 10px;
}
.slider-arrow.blog-slider .slick-arrow.slick-next {
    right: 10px;
}
.header.sticky .whiteLogo {
    display: none;
}
.header.sticky .blueLogo {
    display: block;
}
.header.sticky .navbar .main-menu {
    border-bottom: none;
}
.header.sticky ul.navbar-nav>li>a {
    color: #000;
}
.header.sticky .Search-icon,
.header.sticky .toggleButton,
.header.sticky .dropdown-icon::after {
    filter: none;
    -webkit-filter: none;
}
.olive-logo {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.block-story {
    padding-bottom: 90px;
}
.innerPageSimpleBanner {
    position: relative;
}
.innerPageSimpleBanner::before {
    content: "";
    width: 100%;
    height: 190px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

/* 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;
}
.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;
}
.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;
    width: auto;
    height: auto;
    position: absolute;
    top: 20px;
    right: 30px;
    background: transparent;
}
.comboform .closePop>img {
    width: 21px;
}
.popupContainer.comboform:after {
    content: none;
}
/* <form css> */
.dealerForm{width: 100%;max-width: 100%;vertical-align: middle;margin-top: 30px;}
.mb-1{
    font-size: 40px;
}
.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}
.dealerForm .fomrGroup .inputGroup input::placeholder {
    color: #000;
}
.dealerForm .fomrGroup .inputGroup select:focus,
.dealerForm .fomrGroup .inputGroup input:focus {
    outline: none;
}
/* <form css end> */
.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;
}
.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);
}

/* Filter CSS */
.filter-box {
    border: 1px solid #fff;
    padding: 20px;
}
.filter-box>div:not(:last-child) {
    margin-bottom: 15px;
}
.filter-box .form-gruop label {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
    display: block;
}
.filter-box .form-gruop .form-control {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    appearance: auto;
}
.filter-box .form-gruop .form-control option {
    color: #000;
}
.custom-button {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}
.custom-button>button {
    width: 48%;
    font-size: 14px;
    text-align: center;
    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;
}
.btn-custom img {
    display: inline-block;
}
.block-rickshaw {
    background: url(../images/e-rickshaw-bg.jpg) no-repeat center;
    height: auto !important;
}
.block-three-wheeler {
    background: url(../images/three-wheeler-bg.jpg) no-repeat center;    
}
.block-rickshaw-charger {
    background: url(../images/e-rickshaw-charger.jpg) no-repeat center;    
}

.webform-submission-enquiry-form-add-form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.webform-submission-enquiry-form-add-form>div {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.webform-submission-enquiry-form-add-form>div input, 
.webform-submission-enquiry-form-add-form>div select,
.webform-submission-enquiry-form-add-form>div textarea {
    background: #fff;
    border: none;
    border-radius: 0px;
    height: 48px;
    width: 100%;
    appearance: auto;
    font-size: 14px;
    padding: 10px;
    color: #666;
    margin: 0;
}
.webform-submission-enquiry-form-add-form>div textarea {
    height: 120px;
}
.webform-submission-enquiry-form-add-form>div.form-item-name,
.webform-submission-enquiry-form-add-form>div.js-form-type-textarea {
    width: 100%;
}
.webform-submission-enquiry-form-add-form>div input:focus, 
.webform-submission-enquiry-form-add-form>div select:focus,
.webform-submission-enquiry-form-add-form>div textarea:focus {
    border: none;
    box-shadow: none;
    outline: none;
}
.webform-submission-enquiry-form-add-form .text-count-wrapper {
    font-size: 12px;
    color: red;
}
.webform-submission-enquiry-form-add-form>div.form-actions .form-submit {
    width: auto;
    padding: 20px 70px;
    height: auto;
    background: #ffde00;
    color: #000;
    font-size: 14px;
    border-radius: 30px;
}
/* End Filter CSS */

/*Login form CSS*/
.user-login-form, .user-register-form, .user-pass {
    margin: 120px auto 40px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    padding: 20px 20px 35px 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 14px 38px 3px #eeeeeec9;
}
.user-login-form .js-form-item, .user-register-form .js-form-item, .user-pass .js-form-item {
    width: 100%;
    margin-bottom: 30px !important;
    text-align: left;
}
form.user-login-form .js-form-item .form-text, form.user-register-form .js-form-item .form-text, form.user-register-form .js-form-item .form-email, form.user-pass .js-form-item .form-text {
    font-size: 16px;
    color: #3A3B3F;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    border-bottom: 1px solid #7E7E7E;
    padding: 5px 0 10px;
    outline: none;
    box-shadow: none;
    font-weight: 400;
    line-height: 1.5;
    display: block;
    width: 100%;
    background-color: #fff;
}
form.user-login-form .js-form-item .description, form.user-register-form .js-form-item .description, form.user-pass .js-form-item .description {
    font-size: 12px;
    line-height: 20px;
    color: #848484;
    padding-bottom: 0;
}
form.user-login-form .js-form-item label, form.user-register-form .js-form-item label, form.user-pass .js-form-item label {
    font-weight: 400;
    font-size: 14px;
    color: #3A3B3F;
    display: block;
}
.user-login-form .form-submit, .user-register-form .form-submit, .user-pass .form-submit {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #FEFEFE;
    background: #144B83;
    border-radius: 5px;
    border: 1px solid #144B83;
    padding: 10px 30px;
}

/*Login form CSS*/

/* Search CSS */
header .search-bar .search-block-form form {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
header .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;
}
header .search-bar .search-block-form form input[type="submit"] {
    background: #0f38a1;
    border-radius: 0;
    color: #fff;
    height: 40px;
    font-size: 16px;
    border: 1px solid #0f38a1;
    padding: 0 12px;
}
/* End Search CSS */

/* Download Card Box CSS */
.webform-submission-download-catalogue-form,
.catalogueBlock .webform-submission-form,
.webform-submission-download-catalogue-lithium-form,
.webform-submission-download-catalogue-chargers-form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 10px;
}
.webform-submission-download-catalogue-form>div,
.catalogueBlock .webform-submission-form>div,
.webform-submission-download-catalogue-lithium-form>div,
.webform-submission-download-catalogue-chargers-form>div {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.webform-submission-download-catalogue-form>div input,
.webform-submission-download-catalogue-form>div textarea,
.catalogueBlock .webform-submission-form>div input,
.catalogueBlock .webform-submission-form>div textarea,
.webform-submission-download-catalogue-lithium-form>div input,
.webform-submission-download-catalogue-lithium-form>div textarea,
.webform-submission-download-catalogue-chargers-form>div input, 
.webform-submission-download-catalogue-chargers-form>div textarea{
    width: 100%;
    margin: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 42px;
    padding: 10px;
}
.webform-submission-download-catalogue-form>div input:focus,
.webform-submission-download-catalogue-form>div textarea:focus,
.catalogueBlock .webform-submission-form>div input:focus,
.catalogueBlock .webform-submission-form>div textarea:focus,
.webform-submission-download-catalogue-lithium-form>div input:focus,
.webform-submission-download-catalogue-lithium-form>div textarea:focus,
.webform-submission-download-catalogue-chargers-form>div input:focus, 
.webform-submission-download-catalogue-chargers-form>div textarea:focus {
   box-shadow: none;
   outline: none;
}
.webform-submission-download-catalogue-form>div textarea,
.catalogueBlock .webform-submission-form>div textarea,
.webform-submission-download-catalogue-lithium-form>div textarea,
.webform-submission-download-catalogue-chargers-form>div textarea {
    height: 120px;
}
.webform-submission-download-catalogue-form>div.form-item-message,
.webform-submission-download-catalogue-form>div.form-actions,
.catalogueBlock .webform-submission-form>div.form-item-message,
.catalogueBlock .webform-submission-form>div.form-actions,
.webform-submission-download-catalogue-lithium-form>div.form-item-message,
.webform-submission-download-catalogue-lithium-form>div.form-actions,
.webform-submission-download-catalogue-chargers-form>div.form-item-message,
.webform-submission-download-catalogue-chargers-form>div.form-actions {
    width: 100%;
}
.text-count-wrapper {
    font-size: 12px;
    color: red;
}
.webform-submission-download-catalogue-form>div.form-actions input[type="submit"],
.catalogueBlock .webform-submission-form>div.form-actions input[type="submit"],
.webform-submission-download-catalogue-lithium-form>div.form-actions input[type="submit"],
.webform-submission-download-catalogue-chargers-form>div.form-actions input[type="submit"] {
    width: auto;
    padding: 15px 52px 15px 50px;
    font-size: 14px;
    color: #fff;
    height: auto;
    border: none;
    background: #E46F23 url(../images/down-arrow.png) no-repeat;
    background-position: 80% 20px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}
.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;
}
/* End Download Card Box CSS */

/* Filter on listing page */
.filter {
    border: 1px solid #fff;
    padding: 20px;
}
.filter form>div:not(:last-child) {
    margin-bottom: 15px;
}
.filter form>div label {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
    display: block;
}
.filter form>div select {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    appearance: auto;
}
.filter form>div select:focus {
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}
.filter form>div select option {
    color: #000;
}
.filter form>div.form-actions input[type="submit"] {
    width: 48%;
    font-size: 14px;
    text-align: center;
    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;
}
.product-detail-img>div img {
    margin: auto;
}
/* End Filter on listing page */
.application-bg {
    background: url(../images/application-bg.jpg);
}

/* E-rickshaw combo Page CSS */
.erComboPopup .modal-dialog {
    max-width: 920px;
}
.erComboPopup .modal-content {
    background: #F6F6F6;
    border-radius: 15px;
    display: block;
}
.erComboPopup .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 35px;
    height: 35px;
    font-size: 14px;
    opacity: 1;
    z-index: 1;
}
.erComboPopup .comboform {
    background: transparent;
    border-radius: 15px;
    position: static;
    transform: translate(0%, 0%) !important;
    width: 100%;
    max-width: 100%;
}
/* End E-rickshaw combo Page CSS */

/* Search Page CSS */
.block-search {
    padding: 45px 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;
}
/* End Search Page 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);
}
.page-container p {
    margin-bottom: 30px;
}
.page-container .btn-white {
    margin: 0;
    padding: 12px 19px !important;
}

/* E-rickshaw Combo page CSS */
.webform-submission-er-charger-combo-form-form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.webform-submission-er-charger-combo-form-form>div {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 15px;
}
.webform-submission-er-charger-combo-form-form>div input,
.webform-submission-er-charger-combo-form-form>div textarea {
    width: 100%;
    margin: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 42px;
    padding: 10px;
}
.webform-submission-er-charger-combo-form-form>div input:focus,
.webform-submission-er-charger-combo-form-form>div textarea:focus {
   box-shadow: none;
   outline: none;
}
.webform-submission-er-charger-combo-form-form>div textarea {
    height: 120px;
}
.webform-submission-er-charger-combo-form-form>div.form-item-message, 
.webform-submission-er-charger-combo-form-form>div.form-actions {
    width: 100%;
    text-align: center;
}
.text-count-wrapper {
    font-size: 12px;
    color: red;
}
.webform-submission-er-charger-combo-form-form>div.form-actions input[type="submit"] {
    width: auto;
    padding: 15px 52px 15px 50px;
    font-size: 14px;
    color: #fff;
    height: auto;
    border: none;
    background: #E46F23 url(../images/down-arrow.png) no-repeat;
    background-position: 80% 20px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}
/* End E-rickshaw Combo page CSS */
.social-media + .footer-submenu {
    display: none;
}
.block-rickshaw-bg {
    background: url(../images/e-rickshaw-bg-2.jpg) no-repeat center;
}
.banner-product img {
    display: inline-block;
}
.application-bg {
    height: 615px;
}
.application-bg .section-title p {
    font-size: 18px;
    display: none;
}

/* Partner with us CSS */
.dealerFormSec {
    padding: 45px 0;
}
.dealerFormSec .dealerForm {
    margin-top: 0;
}
.webform-submission-partner-with-us-form-form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.webform-submission-partner-with-us-form-form>div {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 10px;
}
.webform-submission-partner-with-us-form-form>div:not(:last-child) {
    margin-bottom: 20px;
}
.webform-submission-partner-with-us-form-form>div input, 
.webform-submission-partner-with-us-form-form>div select {
    height: 42px;
    margin: 0;
    border-radius: 0px;
    color: #000;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #ADADAD;
    width: 100%;
    padding: 0;
    white-space: normal;
}
.webform-submission-partner-with-us-form-form>div input:focus, 
.webform-submission-partner-with-us-form-form>div select:focus {
    outline: none;
    box-shadow: none;
}
.webform-submission-partner-with-us-form-form>div input::placeholder, 
.webform-submission-partner-with-us-form-form>div select::placeholder {
    color: #000;
}
.webform-submission-partner-with-us-form-form>div.form-actions {
    width: 100%;
}
.webform-submission-partner-with-us-form-form>div input[type="submit"] {
    width: auto;
    padding: 16px 60px;
    height: auto;
    background: #ffde00;
    color: #000;
    font-size: 14px;
    border-radius: 30px;
    border: none;
}

/* End Partner with us CSS */
.spaceTable {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
.block-blog {
    padding-top: 30px;
}
.blog-items2 {
    margin-bottom: 20px;
}

/* New Faq CSS */
.accordion_container .accordion_item {
    background: transparent;
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #000;
}
.accordion_container .accordion_title {
    color: #000;
    font-family: 'GothamBold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
    padding: 15px 0;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}
.accordion_container .accordion_body {
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    padding-bottom: 25px;
    background: #F7781C;
    display: none;
}
.accordion_container .accordion_body p {
    color: #000;
    text-align: justify;
    font-family: 'GothamBook';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.accordion_container .accordion_title.active {
    color: #fff;
    background-color: #F7781C;
    box-shadow: none;
}
.accordion_container .accordion_title h6 {
    margin: 0;
}
.accordion_container .accordion_title::after {
    content: "";
    background: url(../images/plus.png) no-repeat center;
    background-size: 20px;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
    filter: brightness(0) invert(0);
}
.accordion_container .accordion_title.active::after {
    background: url(../images/minus.png) no-repeat center;
    background-size: 20px;
    filter: brightness(0) invert(1);
}
.block-link .btn-link>img {
    margin-left: 5px;
}
.accordion_title.active + .accordion_body p {
    color: #fff;
}
.section-logo img {
    border-radius: 10px;
}
/* ENd New Faq CSS */
.block-rickshaw ul.Range>li {
    color: #fff;
}
.block-rickshaw ul.Range>li.current {
    color: #f7781c;
}
.block-2.blogSec .row {
    justify-content: center;
}
.blog-box>span {
    font-size: 14px;
}
.top-footer {
    padding-bottom: 15px;
}
.top-menu ul>li {
    display: inline-block;
    margin-left: 15px;
}
.top-menu ul>li>a {
    color: #fff;
    font-size: 12px;
}
.header.sticky .top-menu {
    display: none;
}
.innerPageVideoBanner {
    position: relative;
}
.innerPageVideoBanner video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.banner-title p {
    font-size: 18px;
    color: #fff;
}
.block-rickshaw-bg .section-title h2, .block-three-wheeler .section-title h2, .block-rickshaw-charger .section-title h2 {
    color: #FFDE00 !important;
}
.innerPageVideoBanner {
    position: relative;
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; */
}
.innerPageVideoBanner::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.40);
    position: absolute;
    top: 0;
    left: 0;
}
.innerPageVideoBanner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-home-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-home {
    position: relative;
    height: 100vh;
    min-height: 660px;
}
/* .banner-home::before {
    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;
} */
.banner-home>img {
    object-fit: cover;
    height: 100%;
}
@media (max-width: 1399px) {
    .banner-home .btn-custom {
        padding: 14px 19px;
    }
    .front-content p {
        line-height: 24px;
    }
    .partner-icon {
        width: 54px;
        margin-right: 15px;
    }
    .partner-text h2 {
        font-size: 18px;
    }
    .partner-text p {
        font-size: 14px;
        line-height: 24px;
    }
    .product-detail-content h2 {
        font-size: 32px;
    }
    .application-text, .product-detail-content ul>li {
        font-size: 14px;
    }
    ul.Range>li {
        font-size: 16px;
    }
    .front-content img, .flip-card-back img {
        width: 72px;
    }
    .product-container h2 {
        font-size: 28px;
    }
    .btn-link, .blogContent h4 a, .front-content p {
        font-size: 16px;
    }
    .flip-card-back, .product-container p {
        font-size: 14px;
        line-height: 28px;
    }
    .banner-title h1 {
        font-size: 52px;
    }
    .banner-title h1 span {
        font-size: 26px;
    }
    .banner-product {
        right: 8%;
    }
    .section-title h2 {
        font-size: 42px;
    }
    .block-power .section-title p {
        font-size: 18px;
    }
    .section-title p, .number-box p, .blogContent .date {
        font-size: 14px;
        line-height: 24px;
    }
    .number-box h3 {
        font-size: 42px;
    }
    .number-box>div {
        height: auto;
    }
    .number-box p {
        min-height: 48px;
    }
    .number-box {
        padding: 20px 60px;
    }
    .product-text h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .product-icon {
        width: 82px;
        flex: 0 0 82px;
        height: 82px;
        line-height: 82px;
    }
    .product-icon img {
        width: 42px;
    }
    .block {
        padding: 60px 0;
    }
    .block-2 {
        padding: 40px 0;
    }
    .product-wrapper .product-box:not(:last-child) {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .banner-bg {
        height: 615px;
    }
    .btn-custom {
        padding: 2px 15px 2px 2px;
    }
    .product-content h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .product-item {
        padding: 70px 20px 20px;
    }
    .btn-view {
        font-size: 18px;
    }
    .click-view {
        right: -68px;
        bottom: 40px;
    }
    .story-text p {
        font-size: 14px;
        line-height: 28px;
    }
    .story-wrapper {
        padding: 40px 20px;
    }
    .enquiry-form h3 {
        font-size: 35px;
        line-height: 35px;
    }
    .btn-custom img:not(.arrow-blk) {
        width: 48px;
    }
    .banner-inner {
        min-height: 620px;
    }
    .block-partner {
        padding-bottom: 120px;
    }
    .block-feature {
        padding-bottom: 120px !important;
    }
    .block-ourProduct {
        padding-bottom: 120px;
    }
    .block-story {
        padding-bottom: 90px;
    }
    .application-bg {
        height: 415px;
    }
    .application-bg .section-title p {
        font-size: 14px;
        line-height: 24px;
    }
    .block-blog {
        padding-top: 30px;
    }
}
@media (max-width: 1365px) {
    .ev-product {
        width: 500px;
    }
    .number-box h3 {
        font-size: 32px;
    }
}
@media (max-width: 1199px) {
    .block-power .section-title p {
        font-size: 14px;
    }
    .ev-product {
        bottom: 0;
    }
    .footer {
        padding-top: 45px;
    }
    .block, .block-2 {
        padding: 45px 0;
    }
    .successStory.slider-arrow .slick-prev {
        left: 46%;
    }
    .successStory.slider-arrow .slick-next {
        left: 54%;
    }
    .block-product .section-title h2 {
        margin-top: 0;
    }
    .number-box {
        padding: 20px 35px;
    }
    .ev-product {
        width: 420px;
    }
    .number-box h3 {
        font-size: 32px;
    }
    .banner-title h1 {
        font-size: 52px;
        line-height: 62px;
    }
    .header .navbar .main-menu {
        border-bottom: none;
    }
    ul.navbar-nav>li>a {
        padding: 18px 15px !important;
    }    
    .banner-title h1 span {
        font-size: 24px;
        line-height: 42px;
    }
    .banner-product {
        right: 0;
        bottom: -10%;
    }    
    .block-listing {
        padding: 60px 0;
    }
    .spaceTable {
        padding: 0;
    }
    .call-bg .section-title p {
        font-size: 14px;
        line-height: normal;
    }
    .product-container h2 {
        margin-bottom: 10px;
    }
    .story-item .slick-arrow.slick-prev {
        left: 47%;
    }
    .story-item .slick-arrow.slick-next {
        left: 54%;
    }
    .block-link .container-fluid .btn-link {
        font-size: 14px;
        display: inline-block;
        line-height: normal;
    }
}

@media (max-width: 991px) {    
    .header .navbar .main-menu .btn-right {
        position: absolute;
        top: -50px;
        right: 0;
        display: block;
        width: auto;
    }
    .top-menu {
        display: none;
    }
    .application-bg {
        height: auto;
    }
    .block-rickshaw ul.Range>li {
        color: #fff;
        border: 2px solid #fff;
    }
    .block-rickshaw ul.Range>li.current {
        color: #fff;
        background: #F7781C;
        border: 2px solid #F7781C;
    }
    .story-item .slick-slide .story-wrapper {
        margin: 0 0 30px;
    }
    .story-item .slick-arrow.slick-prev {
        left: 40%;
    }
    .story-item .slick-arrow.slick-next {
        left: 58%;
    }
    .product-text h4 {
        font-size: 14px;
        line-height: normal;
    }
    .product-icon {
        width: 62px;
        flex: 0 0 auto;
        height: 62px;
        line-height: 62px;
        margin-right: 10px;
    }
    .product-text {
        width: calc(100% - 72px);
        flex: 0 0 calc(100% - 72px);
    }
    .product-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .product-wrapper>div {
        flex: 0 0 auto;
        width: 50%;
    }
    .front-content p br {
        display: none;
    }
    .flip-row .slick-list {
        padding-right: 170px;
    }
    .ourProduct .slick-list {
        padding-right: 62px;
    }
    .btn-view {
        padding: 8px 12px;
    }
    .product-img {
        min-height: 210px;
    }
    .product-combo {
        padding: 15px;
    }
    .formDesign.comboform .centerAlign {
        padding: 0;
    }
    .msg-block {
        padding: 15px 20px;
        font-size: 18px;
    }
    .popupContainer {
        padding: 40px 15px 0;
    }
    .comboform h2 {
        font-size: 24px;
    }
    .formDesign .groupRow {
        margin-bottom: 30px;
    }
    .connectForm .formDesign {
        padding: 40px;
    }
    .addressSpace {
        padding: 0;
    }
    .addressSpace .box {
        padding: 25px;
    }
    .partner-product-img {
        margin-bottom: 0;
        text-align: center;
    }
    .partner-right ul>li:not(:last-child) {
        margin-bottom: 20px;
    }
    .partner-text h2 {
        font-size: 16px;
    }
    .partner-icon {
        width: 45px;
    }
    .block-choose .row .col-lg-3:not(:last-child) {
        margin-bottom: 20px;
    }
    .choose-us-box p {
        min-height: auto;
    }
    .row-5>div {
        width: 33.333333%;
    }
    .product-detail-content {
        padding-left: 0;
        text-align: center;
    }
    .block-listing .section-title {
        text-align: center;
    }
    .listing-text {
        align-items: center;
    }
    .filter, .product-detail {
        margin-bottom: 20px;
    }
    .filter img {
        width: 100%;
    }
    .blogSec .container .row .col-lg-4:not(:last-child) {
        margin-bottom: 20px;
    }
    .block-link .container-fluid .row .col-lg-3 {
        margin-top: 15px;
    }
    ul.Range>li {
        width: 33.333333%;
        text-align: center;
    }
    ul.Range>li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .banner-center {
        bottom: -10%;
        flex-direction: column-reverse;
        align-content: center;
    }
    .product-banner-image {
        width: auto;
        flex: 0 0 auto;
        margin: 0;
    }
    .block-feature .container-fluid {
        padding: 0 0 0 30px;
    }
    .enquiry-form {
        padding: 45px 15px;
    }
    .aboutUs {
        padding: 45px 0;
    }
    .aboutUs h4 {
        font-size: 35px;
        line-height: 66px;
    }
    .banner-title {
        text-align: center !important;
    }
    .banner-title p {
        font-size: 14px;
    }
    .banner-title h1 span {
        font-size: 18px;
        line-height: 36px;
    }
    .banner-title h1 {
        font-size: 45px;
        line-height: 62px;
    }
    .banner-product {
        position: static;
        text-align: center;
    }
    .top-footer .container>.row>div:not(:last-child) {
        margin-bottom: 20px;
    }
    .section-title h2 {
        font-size: 35px;
    }
    .block-ourProduct {
        padding-bottom: 90px !important;
    } 
    .block-tStory {
        padding-bottom: 45px !important;
    }
    .block-story {
        padding-bottom: 90px !important;
    }       
    .block-product .section-title h2 {
        margin-bottom: 20px !important;
        text-align: center;
    }
    .block-rickshaw .section-title {
        text-align: center;
    }
    .ev-product {
        width: 100%;
        z-index: -1;
        bottom: 0;
    }
    .number-box {
        background: rgba(245, 245, 245, 0.9);
    }
    .catalogueBlock {
        padding: 45px 0;
    }
    .catalogueBlock .downloadBox p {
        font-size: 18px;
        font-style: normal;
    }
    .story-item .slick-arrow {
        bottom: 0;
    }
    .story-item .slick-list {
        margin: 0 -10px;
    }
    .story-item .slick-slide {
        padding: 0 10px;
    }
    .block-link>div.container-fluid>div>div {
        width: 50%;
    }
    .block-link>div.container-fluid>div {
        justify-content: center;
    }
    .product-block>a>img {
        margin-bottom: 5px;
    }    
    .block-link .container-fluid .btn-link img {
        margin-left: 5px;
    }
    .blog-box>span:not(.date) {
        margin-bottom: 15px;
        display: block;
    }    
    .banner-inner {
        /* background: url(../images/banner-mobile.jpg) !important; */
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-size: 100% !important;
        background-color: #9192c1 !important;
    }
    
}
@media (max-width: 767px) {
    .banner-home::before {
        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;
    }
    .banner-home .btn-custom {
        margin-top: 0;
        padding: 10px;
    }
    .banner-home {
        height: 100%;
        min-height: auto;
    }
    .banner::before {
        background: linear-gradient(180deg,rgba(2,4,35,0.76) 0%,rgba(3,7,55,0.0532) 98.76%);
    }
    .banner-title h1 {
        font-size: 32px;
        line-height: normal;
    }
    .banner-title h1 span {
        font-size: 16px;
        line-height: normal;
    }
    .ev-product {
        max-width: 320px;
    } 
    .banner-bg {
        background-attachment: unset !important;
        position: relative;
    } 
    .block-rickshaw-bg {
        background: url(../images/e-rickshaw-battery-mobile.jpg) no-repeat center;
    }
    .block-three-wheeler {
        background: url(../images/three-wheeler-mobile.jpg) no-repeat center;
    }
    .block-rickshaw-charger {
        background: url(../images/e-rickshaw-charger-mobile.jpg) no-repeat center;
    }
    .block-rickshaw-bg::before, .block-three-wheeler::before, .block-rickshaw-charger::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.50);
    }
    .btn-custom img:not(.arrow-blk) {
        width: 38px;
    }
    .btn-view {
        font-size: 14px;
        padding: 0px 10px;
    }
    .click-view {
        right: -55px;
        bottom: 36px;
    }
    .block-product::before {
        width: 320px;
        height: 300px;
        background-size: 100%;
    }
    
    .product-banner-image {
        width: 260px;
    }
    .addressSpace .box  ul li {
        font-size: 14px;
    }
    .banner-bg {
        height: auto;
    }
    .blogPage {
        padding: 40px 0;
    }
    ul.Range {
        margin-bottom: 0px;
    }
    ul.Range>li {
        font-size: 14px;
    }
    .block-rickshaw ul.Range>li:nth-child(odd) {
        border-right: none;
    }
    .block-rickshaw ul.Range>li:last-child {
        border: 2px solid #fff;
    }
    .block-rickshaw ul.Range>li.current:last-child {
        border: 2px solid #F7781C;
    }
    .block-power .row .g-3 {
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        justify-content: start;
    }
    .accordion_container .accordion_title {
        padding: 10px 45px;
        padding-left: 15px;
    }
    .accordion_container .accordion_title::after {
        right: 10px;
    }
    .accordion_container .accordion_body {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 5px;
    }
    .accordion_container .accordion_body p {
        text-align: left;
    }
    .block-link .container-fluid .row .col-lg-3:not(:last-child) {
        margin-bottom: 0;
    }
    .specificationsSec table .orangeBg th,
    .specificationsSec table td {
        font-size: 14px;
    }    
    .block-faq ul.Range>li:not(:last-child) {
        margin-bottom: 0;
    }
    .block-faq ul.Range>li {
        border: 1px solid #f7781c;
        padding: 10px 8px;
        line-height: 22px;
    }
    .block-faq ul.Range>li.current {
        color: #fff;
        border: 1px solid #f7781c;
        background: #f7781c;
    }
    .successStory.slider-arrow .slick-prev {
        left: 40%;
    }
    .successStory.slider-arrow .slick-next {
        left: 55%;
    }
    .number-box {
        padding: 15px;
        height: 135px;
    }
    .number-box h3 {
        font-size: 24px;
    }
    .webform-submission-partner-with-us-form-form>div,
    .webform-submission-download-catalogue-lithium-form>div,
    .webform-submission-download-catalogue-chargers-form>div {
        width: 100%;
    }
    .block-faq .accordion-body {
        padding-left: 10px;
        padding-right: 10px;
    }
    .block-power>.container-fluid {
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
    .number-box p {
        min-height: auto;
    }
    #search-form .js-form-item {
        max-width: 230px;
    }
    .formDesign .closePop {
        top: 15px;
        right: 15px;
    }
    .webform-submission-download-catalogue-form>div, 
    .catalogueBlock .webform-submission-form>div {
        width: 100%;
    }
    .flip-row .slick-list {
        padding-right: 60px;
    }
    .popupContainer.comboform>.row>div {
        margin: 10px 0;
    }
    .aboutUs .imgBox {
        max-width: 390px;
        margin: auto;
        width: 100%;
    }
    .addressSpace p, .addressSpace p a {
        font-size: 14px;
    }
    .formDesign .groupRow {
        margin-bottom: 0;
        flex-wrap: wrap;
    }
    .connectForm .formDesign {
        padding: 15px;
    }
    .formDesign .groupRow .groupColm {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 15px;
    }
    .addressSpace .box  ul li {
        width: 100%;
    }
    .partner-right {
        padding: 20px 15px;
    }
    .row-5>div {
        width: 50%;
    }
    .block-link {
        padding: 40px 10px;
    }
    .block-faq .accordion-button {
        padding: 10px 0;
        padding-left: 10px;
    }
    ul.Range>li {
        width: 50%;
    }
    .range-button ul>li {
        display: block;
    }
    .range-button ul>li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .block-enquiry .section-title {
        padding: 45px 15px;
        text-align: center;
    }
    .block-tStory .container-fluid {
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
    .story-item .slick-list {
        margin: 0 -10px;
    }
    .story-item .slick-slide {
        padding: 0 10px;
    }    
    .section-logo {
        position: static;
        margin: 20px auto 0;
        text-align: center;
    }
    .story-item .slick-slide.slick-current.slick-active.slick-center .story-wrapper {
        transform: scale(1);
    }
    .block-ourProduct .container-fluid {
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
    .section-title p br {
        display: none;
    }    
    
}
@media (max-width: 575px) {
    .slider-arrow.blog-slider .slick-arrow {
        top: 20%;
    }
    .ourProduct .slick-slide .product-img>img {
        width: 180px;
    }
    .block-feature .container-fluid {
        padding: 0 10px;
    }
    .video-story iframe {
        height: 230px;
    }
    .product-wrapper>div {
        width: 100%;
    }
    header .search-bar .search-block-form form input[type="search"] {
        max-width: 210px;
    }    
    .ourProduct .slick-list {
        margin: 0 -15px;
    }
    .ourProduct .slick-slide {
        padding: 0 15px;
    }
    .product-img {
        min-height: auto;
        margin-bottom: 20px;
    }
    .product-item {
        padding: 15px;
    }    
    .product-content h3 {
        font-size: 14px;
        line-height: normal;
    }
}
@media (max-width: 360px) {
    .block-link .container-fluid .btn-link {
        font-size: 12px;
    }
}