@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bakbak+One:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.homeslide .captions-inner h1,
.homeslide .captions-inner p {
font-weight: 300;
font-family: var(--font-family);
color: #fff;
margin: 0;
}
.footer-bottom ul,
.footer-items,
.footer-top ul,
.footer-top ul ul,
.footer-top ul ul ul,
.grey-section ul,
.utility-nav ul,
.utility-nav ul li {
list-style-type: none;
}
* {
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
--brand-blue-color: #00709d;
--brand-secondary-color: #2cb2e7;
--white: #ffffff;
--font-family: "Manrope", serif;
--secondary-font-family: "Work Sans", serif;
--tertiary-font-family: "Bakbak One", sans-serif;
--brand-orange-color: #f58220;
--bs-navbar-toggler-icon: url(//electraev.com/wp-content/themes/evelectra/assets/images/nav-icon.svg);
}
body,
html {
padding: 0;
margin: 0;
overflow-x: hidden;
}
.navbar.fixed-top {
top: 36px !important;
}
.utility-nav {
background: #262626;
height: 36px;
padding: 5px 0;
}
.utility-nav ul {
margin: 0;
padding: 0;
text-align: right;
}
.utility-nav ul li {
margin: 0 8px;
padding: 0;
display: inline-block;
font-size: 16px;
}
.utility-nav ul li a {
color: #c5c5c5;
text-decoration: none;
}
.utility-nav ul li a:hover {
color: #fff;
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Manrope, serif, sans-serif;
}
p {
font-size: 18px;
line-height: 28px;
}
.navbar-expand-lg .navbar-nav .nav-link {
color: #fff;
font-family: var(--font-family);
font-size: 16px;
}
#menu-primary-menu .dropdown-menu .menu-item:hover,
.about-us.hero-section .hero-overlay p .home-page-title:hover,
.battery-section .battery-card .img-wrapper .card-title a:hover,
.blog-card:hover,
.blog-card:hover .card-container .post-title,
.edrive-section .edrive-cards .card-title a:hover,
.nav-link.dropdown-toggle.show,
.navbar-expand-lg .navbar-nav .nav-link:hover,
.sidebar-container .recently-wrapper a:hover p {
color: #2cb2e7;
}
#menu-primary-menu .dropdown-menu .menu-item {
padding: 10px 20px !important;
}
#menu-primary-menu .dropdown-menu.show .menu-item:hover {
background: #fff;
}
#menu-primary-menu .dropdown-menu.show li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #c4c4c4;
padding: 0 !important;
}
#menu-primary-menu .dropdown-menu.show li a {
padding: 10px 20px;
}
#menu-primary-menu .dropdown-menu.show li:last-of-type,
#vehicleTabs,
.section-experience .nav-item {
border: none;
}
.dropdown-item.active,
.dropdown-item:active {
background-color: #fff;
}
.get-in-touch-btn .nav-link,
.section-experience .experience-wrap {
background: var(--brand-blue-color);
}
.nav-link.dropdown-toggle::after {
content: "";
background-image: url(//electraev.com/wp-content/themes/evelectra/assets/images/header-dropdown.svg);
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
width: 16px;
height: 16px;
text-align: center;
vertical-align: bottom;
border: none;
}
.nav-fill > .nav-link,
.navbar {
padding: 20px 0;
}
.navbar.scrolled {
padding: 8px 0 !important;
}
.navbar.scrolled .navbar-brand img {
height: 40px;
transition: 0.4s;
}
#navbarSupportedContent,
.footer-bottom .powered-logo-wrap {
justify-content: end;
}
#navbarSupportedContent .form-search {
display: flex;
align-items: center;
color: #fff;
background: #242728;
padding: 7px;
justify-content: center;
}
.navbar-nav li {
padding-right: 5px !important;
}
.get-in-touch-btn .nav-link {
padding: 4px 11px;
border-radius: 5px;
font-family: var(--font-family);
}
.navbar-nav {
align-items: center;
}
.ceo-video p,
.homeslide,
.homeslide .item,
.homeslide .owl-nav,
.homeslide .owl-nav button,
section.vehicles-section.ev-section .row.vehicles-grid {
position: relative;
}
.homeslide .captions-inner {
position: absolute;
top: 30%;
z-index: 999999999999999999999999999;
}
.homeslide .captions-inner h1 {
font-size: 60px;
line-height: 70px;
margin-bottom: 20px;
}
.homeslide .captions-inner p {
font-size: 30px;
padding-top: 10px;
padding-bottom: 40px;
line-height: 40px;
}
.btn-primary {
font-size: 18px;
background: var(--brand-orange-color);
color: #131313;
padding: 18px 55px;
font-family: var(--tertiary-font-family);
font-weight: 800;
border: none;
line-height: 21px;
}
.btn-secondary,
.experience-wrap li a,
.rightside-wrap .cards-title,
.title {
font-family: var(--font-family);
}
.btn-secondary {
font-size: 16px;
color: #fff;
padding: 15px 50px;
font-weight: 900;
border: none !important;
background: linear-gradient(141.61deg, #0c5877 -23.79%, #5abce4 119.64%) !important;
border-radius: 4px;
width: 100%;
}
.btn:hover {
color: #fff;
background-color: var(--brand-blue-color);
}
.homeslide .owl-dots {
margin-top: 0;
position: absolute;
bottom: 35px;
width: 100%;
}
.homeslide .owl-dots .owl-dot span {
background: #00709d !important;
display: block;
width: 12px;
height: 12px;
transform: rotate(45deg);
border-radius: 0;
}
.homeslide .owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
background: var(--brand-orange-color) !important;
}
#Testimonials .carousel-control-next-icon,
#Testimonials .carousel-control-prev-icon {
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
color: #6a6a6a;
}
#Testimonials .carousel-control-prev-icon img {
width: 20px;
height: 20px;
}
.homeslide .owl-nav button {
background: #030101 !important;
width: 60px;
height: 60px;
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
}
.homeslide .owl-nav button span {
color: #fff;
font-size: 35px;
height: 100%;
}
.homeslide .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
position: absolute;
top: 44%;
left: 0;
display: flex;
width: 100%;
align-items: center;
}
.homeslide .owl-nav .owl-prev {
position: absolute;
left: 1%;
}
.homeslide .owl-nav .owl-next {
position: absolute;
right: 1%;
}
.careers-section-heading .row-wrapper .btn-wrapper,
.careers-section-heading .row-wrapper .wrapper-location,
.footer-bottom .col-lg-3:nth-child(2),
.footer-bottom .col-lg-3:nth-child(3),
.quality-focus.certificate-section .certificate.section-wrap .title,
.section-experience .container,
.solution-introduction .title-introduction {
text-align: center;
}
.section-experience .container .title {
padding: 120px 0 60px;
margin: 0;
}
.manufacturing-section {
padding: 280px 0 120px;
}
.title {
font-size: 75px;
font-weight: 200;
line-height: 85px;
color: #000;
margin: 0;
}
.description {
font-family: var(--secondary-font-family);
font-size: 21px;
font-weight: 300;
margin: 0;
line-height: 31px;
}
.max-width-950 {
max-width: 950px !important;
margin: auto;
}
.max-width-850 {
max-width: 850px;
margin: auto;
}
.max-width-1250 {
max-width: 1250px;
margin: auto;
}
.max-width-1150 {
max-width: 1150px;
margin: auto;
}
.max-width-1000 {
max-width: 1031px;
margin: auto;
}
.homepage-section.section-experience .description {
padding: 40px 10%;
margin-top: 120px;
background: #00709d;
color: #fff;
}
.homepage-section .experience-excellence {
padding-bottom: 20px;
}
.edrive-section .container .battery-page-description,
.homepage-section.engineering-excellence .title {
padding-bottom: 60px;
}
.manufacturing-section .manufacturing-wrap {
width: 100%;
padding: 70px 0 0;
background: url(//electraev.com/wp-content/themes/evelectra/assets/images/manufacturing-section-2.png) top center/cover no-repeat;
height: 750px;
position: relative;
}
.manufacturing-wrap .container .banner-content {
position: absolute;
bottom: 74%;
background: #fff;
padding: 10px;
}
.manufacturing-wrap .container .banner-content img {
width: 600px;
}
.manufacturing-section .text-overlay {
position: absolute;
left: 0;
width: 100%;
text-align: center;
bottom: 12%;
}
.manufacturing-section .text-overlay h1 {
color: #fff;
padding-bottom: 70px;
}
.experience-wrap li a {
color: #fff;
}
.section-experience .nav-tabs .nav-link.active {
background: 0 0;
border: none;
color: #00d4f4;
font-weight: 500;
line-height: 29px;
}
.section-experience .nav-tabs .nav-link {
font-weight: 500;
font-size: 20px;
font-family: var(--font-family);
padding: 0 0 50px;
text-align: left;
line-height: 29px;
color: #fff;
}
.section-experience .nav-tabs .nav-link:focus,
.section-experience .nav-tabs .nav-link:hover {
border: none;
color: #00d4f4;
font-weight: 500;
}
.nav-tabs .nav-link {
border: 0 !important;
}
.section-experience .nav-link:focus-visible {
outline: 0;
box-shadow: none;
}
.rightside-wrap .cards-title {
font-size: 50px;
color: #fff;
text-align: left;
padding: 20px 0;
margin: 0;
line-height: 53px;
font-weight: 400;
}
#Testimonials h6,
.rightside-wrap .cards-description {
font-size: 21px;
margin: 0;
font-family: var(--font-family);
}
.rightside-wrap .cards-description {
text-align: left;
color: #fff;
font-weight: 300;
line-height: 31px;
padding: 0 0 25px;
}
.homepage-section .experience-wrap-inner .leftside-wrap {
padding: 90px 0 0;
}
.homepage-section .experience-wrap-inner .rightside-wrap {
padding: 50px 0 0 50px;
}
.homepage-section .experience-wrap-inner {
margin: 0 85px 40px;
padding: 0;
}
.excellence-cards ul {
padding: 0 80px;
}
.excellence-cards #myTab {
display: flex;
justify-content: center;
border: none;
}
.excellence-cards #myTab li {
width: 20%;
}
.excellence-cards #myTab li a {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-family: var(--font-family);
padding: 40px 30px;
font-weight: 600;
line-height: 25px;
}
.excellence-cards #myTab li a.active,
.excellence-cards .tab-content {
background: #f1f5fd;
}
.excellence-cards .tab-content img {
width: 100%;
height: 500px;
object-fit: contain;
}
.excellence-cards .tab-content .content {
padding: 60px 0 120px;
border-bottom: 1px solid #d3dfff;
}
#Testimonials h6 {
font-weight: 600;
line-height: 22px;
padding-top: 50px;
padding-bottom: 10px;
}
.excellence-cards .tab-content h2 {
font-family: var(--font-family);
font-size: 40px;
margin: 25px 0 50px;
font-weight: 400;
line-height: 48px;
}
.homepage-section .excellence-cards .btn-primary {
border-radius: 7px;
}
.ev-specality-section .vehicles-grid,
.excellence-cards a {
margin-top: 30px;
}
.section-product,
section.section-technology {
padding-top: 120px;
}
.section-product .title {
padding-bottom: 45px;
}
.section-product .description {
padding-bottom: 55px;
font-family: var(--font-family);
}
.ceo-video a:hover,
.product-section-cards a {
text-decoration: none;
color: inherit;
}
.product-section-cards .product-card:hover {
background: linear-gradient(340deg, #0c5877 18%, #5abce4 90%);
color: #fff;
cursor: pointer;
}
.about-us.services-section .services-row .products-cards:hover .service-card .card-body h5,
.about-us.services-section .services-row .products-cards:hover .service-card .card-body p,
.footer-bottom ul li a:hover,
.footer-top ul li a:hover,
.product-section-cards .product-card:hover .product-title,
.technology-cards-section .technology-card:hover .card-text {
color: #fff;
}
.product-section-cards .product-card img {
width: 100%;
height: 550px;
object-fit: contain;
}
.product-section-cards .product-card-details .product-subtitle {
color: #ff961a;
font-weight: 800;
font-family: var(--tertiary-font-family);
font-size: 16px;
margin-bottom: 10px;
line-height: 16px;
}
.product-section-cards .product-card-details .product-title {
font-size: 38px;
font-weight: 500;
font-family: var(--font-family);
color: #282828;
line-height: 42px;
}
.section-technology p.description.text-center {
padding-top: 80px;
padding-bottom: 80px;
color: #070609;
}
.section-technology .technology-cards-section {
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 50px;
}
.section-technology .technology-cards-section .technology-card {
padding: 45px 0 0;
}
.technology-cards-section .technology-card {
background: linear-gradient(180deg, #f1f5fd 0, #fff 100%);
padding: 90px 0;
display: flex;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
}
.about-us.cars-section,
.technology-cards-section .technology-card:hover {
background: #00719d;
}
.news-and-press a,
.news-and-press a:focus,
.news-and-press a:hover,
.technology-cards-section a {
text-decoration: none;
}
.technology-cards-section .col-lg-4 {
margin-bottom: 25px;
}
.author-information.row .author-img,
.life-electrae-wrap .fourth-col .one-row-img,
.life-electraev .life-electrae-wrap .second-col .two-img-wrapper img,
.life-electraev .one-row-img img,
.technology-card-image,
.technology-cards-section .technology-card.top-card {
height: 100%;
}
.section-technology .technology-card-detail {
padding: 40px 20px;
}
.technology-cards-section .technology-card-detail p {
font-size: 21px;
font-family: var(--font-family);
color: #282828;
font-weight: 500;
line-height: 29px;
}
.section-technology img {
width: 230px;
height: 230px;
border: 1px solid #fff;
background: #fff;
border-radius: 50%;
object-fit: none;
max-width: none;
}
.technology-cards-section .technology-card-image {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 250px;
}
.testimonials-section {
background: linear-gradient(180deg, #f1f5fd 0, #fff 100%);
padding: 120px 80px;
}
.testimonials-section .carousel-control-prev {
left: 0;
bottom: 50px;
}
.testimonials-section .carousel-control-next {
right: 0;
bottom: 50px;
}
.testimonials-section .title {
padding-bottom: 50px;
color: #282828;
}
section.container-fluid.sustainability-excellence.text-center {
background: #008f96;
padding: 120px 0;
}
.sustainability-excellence h3.title {
padding: 0 0 80px;
color: #fff;
}
.sustain-leftside .text-description {
color: #fff;
text-align: start;
padding: 0;
font-size: 21px;
font-weight: 100;
font-family: var(--font-family);
line-height: 31px;
margin: 0;
}
.sustainability-excellence .sustain-leftside {
padding-right: 2%;
}
.sustainability-excellence .sustain-leftside h5.heading {
font-family: var(--font-family);
font-size: 42px;
text-align: left;
color: #fff;
padding-top: 50px;
padding-bottom: 25px;
margin: 0;
font-weight: 400;
}
.homepage-table td {
background: 0 0 !important;
text-align: center;
}
.homepage-table tbody tr td.heading {
font-size: 24px;
font-weight: 800;
font-family: var(--font-family);
line-height: 38px;
color: #fff;
}
.homepage-table tbody tr {
height: 90px;
vertical-align: middle;
}
.carbon-table .heading {
font-size: 40px;
line-height: 42px;
width: 145px;
font-family: var(--font-family);
font-weight: 800;
}
.carbon-table .content,
.homepage-table tbody tr td.content {
margin: 0;
font-size: 21px;
font-weight: 400;
font-family: var(--font-family);
line-height: 31px;
color: #fff;
}
.operation-list li span.listed-span {
line-height: normal;
font-size: 27px;
}
.press-release-section .press-release-row .select-wrapper .press-release-select .year,
footer p,
ul.list-unstyled.text-start.text-white.operation-list {
margin: 0;
}
.sustainability-excellence-right-section .highlight-box p {
margin: 0;
font-weight: 400;
line-height: 42px;
color: #000;
font-size: 30px;
}
.sustainability-excellence-right-section .highlight-box p.content {
font-family: var(--secondary-font-family);
background: #f58220;
}
.sustainability-excellence-right-section .highlight-box p.author-name {
padding-top: 30px;
text-align: left;
font-weight: 700;
font-family: var(--secondary-font-family);
line-height: 40px;
}
.sustainability-excellence-right-section .highlight-box p.designation {
text-align: left;
font-size: 29px;
line-height: 30px;
font-weight: 400;
font-family: var(--secondary-font-family);
padding-top: 10px;
}
.sustainability-excellence-right-section .highlight-box {
padding: 60px 60px 0;
background: #f58220;
}
.ratan-tata-sir-img {
display: flex;
justify-content: end;
background: #f58220;
}
.ratan-tata-sir-img img {
width: 85%;
height: 100%;
object-fit: contain;
}
section.get-in-touch {
background: #e8f8ff;
padding: 120px 0;
}
.get-in-touch-title {
font-size: 60px;
font-weight: 200;
margin-bottom: 20px;
font-family: var(--font-family);
color: #282828;
line-height: 66px;
}
.contact-form-title {
font-size: 60px;
font-weight: 100;
padding-bottom: 4px;
padding-top: 20px;
color: #fff;
font-family: var(--font-family);
}
.contact-form input,
.contact-form textarea {
height: 60px;
border-radius: 4px;
border: 1px solid #717171;
background: #282828;
margin-bottom: 28px;
line-height: 27px;
font-size: 18px;
font-weight: 300;
padding: 15px 15px 15px 30px;
color: #fff;
font-family: var(--secondary-font-family);
}
.contact-form textarea,
.img-press-release,
.press-release-description {
height: 150px;
}
.form-control:focus {
color: #fff;
background-color: transparent;
border-color: #282828;
outline: 0;
box-shadow: none;
}
.get-in-touch .description {
padding: 0 0 40px;
font-weight: 300;
font-size: 21px;
line-height: 31px;
color: #070609;
}
.get-in-touch-wrapper {
padding-right: 8%;
}
.get-in-touch .explore {
font-family: var(--font-family);
font-size: 21px;
font-weight: 700;
text-decoration: none;
color: #00709d;
line-height: 31px;
}
.contact-form {
background: linear-gradient(120.77deg, #58595b 31.34%, #343537 111.31%);
padding: 0 60px 60px;
margin-top: 60px;
}
.footer-heading a {
font-size: 22px;
color: #fff;
font-weight: 400;
margin-top: 20px;
font-family: var(--font-family);
line-height: 20px;
}
.footer-items li a {
font-size: 16px;
color: #aeaeae;
font-weight: 300;
font-family: var(--font-family);
line-height: 16px;
}
.dropend .dropdown-menu,
.hide-desktop-description,
.mobile-banner {
display: none;
}
.footer-items li {
margin-bottom: 11px;
color: #aeaeae;
font-size: 14px;
line-height: 21px;
}
.footer-items li.heading {
color: #fff;
margin-bottom: 11px;
}
.nav-fill > .nav-link:focus-visible {
border: none;
}
.about-us.hero-section {
background: url(//electraev.com/wp-content/themes/evelectra/assets/images/about_us_header.png) center center/cover no-repeat;
height: 55vh;
}
.about-us.hero-section.segments .hero-overlay {
align-items: baseline;
}
.hero-section.segments .hero-overlay h3.title {
font-size: 28px;
font-family: var(--font-family);
font-weight: 800;
line-height: 40px;
}
.about-us.hero-section.segments h3 {
color: #fff;
text-transform: uppercase;
font-weight: 800;
font-size: 40px;
margin: 0;
line-height: 56px;
font-family: var(--font-family);
}
.about-us.hero-section.segments .hero-overlay h1 {
font-family: var(--font-family);
font-size: 60px;
font-weight: 300;
line-height: 72px;
max-width: 1080px;
}
.about-us.hero-section.segments .hero-overlay .hero-description {
color: var(--white);
text-decoration: none;
font-size: 30px;
max-width: 950px;
font-family: var(--secondary-font-family);
font-weight: 300;
line-height: 36px;
padding-top: 30px;
}
.about-us.hero-section.segments .hero-overlay .hero-bread-crumb {
position: absolute;
bottom: 5px;
font-weight: 400;
font-family: var(--secondary-font-family);
line-height: 23px;
}
.about-us.hero-section .hero-overlay {
position: relative;
display: flex;
justify-content: center;
align-items: center;
min-height: 55vh;
color: #fff;
flex-direction: column;
}
.about-us.hero-section .hero-overlay h1 {
font-family: var(--font-family);
font-size: 60px;
font-weight: 300;
line-height: 72px;
margin: 0;
}
.about-us.hero-section .hero-overlay p {
position: absolute;
bottom: 5px;
color: var(--white);
text-decoration: none;
font-size: 18px;
}
.about-us.hero-section .hero-overlay p .home-page-title {
color: var(--white);
text-decoration: none;
font-size: 18px;
font-family: var(--secondary-font-family);
font-weight: 400;
}
.about-us.hero-section .hero-overlay p .about-us-title:hover {
color: var(--white);
}
.about-us.hero-section .hero-overlay p .about-us-title {
color: var(--brand-secondary-color);
text-decoration: none;
font-size: 18px;
font-family: var(--secondary-font-family);
font-weight: 400;
}
.about-us.introduction-section,
.about-us.services-section,
.about-us.stats-section,
.blog-content-description,
.blog-listing,
.contact-form.section,
.ev-validation-section,
.leadership-section,
.press-release-section,
.product-detail.features-product,
.testimonials-main-section {
padding: 120px 0;
}
.about-us .grey-section-wrap,
.after-sales.grey-section-wrap,
.careers-section-description .grey-section-wrap {
background: #58595b;
}
.about-us.introduction-section .container .row .grey-section-wrap .grey-section {
padding: 40px 45px;
background: #58595b;
}
.about-us.introduction-section.after-sales-introduction .container .row .grey-section-wrap .grey-section {
padding: 30px 38px;
}
.about-us.introduction-section.after-sales-introduction
.container
.row
.after-sales.grey-section-wrap
.grey-section
p.author-name {
margin: 25px 0 0;
color: #fff;
font-weight: 600;
line-height: 31px;
}
.about-us.introduction-section.after-sales-introduction
.container
.row
.after-sales.grey-section-wrap
.grey-section
p.designation {
font-size: 16px;
line-height: 24px;
padding-bottom: 25px;
}
.about-us.introduction-section .container .row .grey-section-wrap .grey-section p {
color: #fff;
font-family: var(--secondary-font-family);
font-size: 22px;
line-height: 32px;
font-weight: 300;
margin-bottom: 20px;
}
.grey-section br {
display: none !important;
}
.grey-section ul {
padding: 0;
margin: 0 0 20px 30px;
}
.grey-section ul li {
color: #fff;
list-style: disc;
margin: 5px 0;
font-size: 20px !important;
line-height: 32px;
font-weight: 300 !important;
}
.about-us.introduction-section .container .row .grey-section-wrap .grey-section p:last-child {
margin-bottom: 0;
}
.about-us.introduction-section .container .row .col-lg-6 .white-section p {
font-family: var(--secondary-font-family);
font-size: 18px;
font-weight: 300;
margin: 0 0 10px;
line-height: 27px;
}
.about-us.introduction-section .container .title-introduction h1,
.our-people-introduction .our-people-heading {
font-size: 80px;
font-family: var(--font-family);
font-weight: 200;
padding-bottom: 30px;
margin: 0;
line-height: 88px;
}
.quality-focus .white-section,
.solution-content .leftside-content {
padding-right: 80px;
}
.quality-focus .container .title-introduction h2 {
font-size: 80px;
font-family: var(--font-family);
font-weight: 200;
margin: 0;
padding-bottom: 50px;
}
.about-us.cars-section .tab-content h2,
.about-us.cars-section .tab-content p {
font-weight: 300;
font-family: var(--secondary-font-family);
color: #fff;
margin: 0;
}
.about-us.solutions-section .solution-cards .cards img,
.battery-img-section img,
.blog-listing .blog-row .blog-card img,
.cars-section .cars-section-cards .tab-content .content img,
.ceo-video img,
.contact-form-row .iframe-container iframe,
.leadership-section .leader-detail-img,
.leadership-section img.leader-img,
.life-electraev .life-electrae-wrap .second-col .heading img,
.life-electraev .life-electrae-wrap .second-col .img-wrap-five img,
.life-electraev .life-electrae-wrap .second-col .img-wrap-four img,
.life-electraev .rightside-section .two-img-wrapper img.img-ten,
.life-electraev img,
.modal-body img,
.our-people-section .our-people-card.item .our-people-card-wrap .person-image img,
.press-block-img img,
.press-release-blog-row .pres-release-card img,
.press-release.modal-content img,
.product-detail.about-product .about-product-row .img-wrap img,
.quality-focus.awards-section img,
.quality-focus.certificate-section .certificate.section-wrap img,
.solution-detail-main .section-heading .section-img-wrap img,
.solution-detail-main img,
.tech-capablity-detail .solution-detail-main .solution-content .description {
width: 100%;
}
.about-us.introduction-section .row .white-section-wrap {
padding-left: 40px;
}
.about-us.cars-section .tab-content {
padding: 0 0 50px;
}
.about-us.cars-section .tab-content h2 {
padding: 60px 0 5px;
font-size: 40px;
line-height: 60px;
}
.about-us.cars-section .tab-content p {
font-size: 20px;
line-height: 30px;
}
.about-us li.nav-item {
border-radius: 0;
}
.about-us a.nav-link.active {
background: #00597d;
color: #fff;
}
.about-us .nav-link {
padding: 30px;
color: #fff;
margin: 0;
font-family: var(--secondary-font-family);
font-size: 30px;
border-radius: 0;
line-height: 31px;
font-weight: 700;
}
.about-us.cars-section #myTab,
.sidebar-container .recently-wrapper .post-content:last-of-type .blog-title {
border: none;
}
.about-us.solutions-section {
background: #58595b;
padding: 100px 0;
}
.about-us.solutions-section h3 {
font-family: var(--font-family);
font-size: 40px;
font-weight: 200;
padding: 0 0 20px;
text-align: center;
margin: 0;
line-height: 44px;
color: #fff;
}
.scrolled {
background-color: #010203 !important;
box-shadow: 0 3px 15px 3px rgba(0, 0, 0, 0.11);
transition: 0.4s;
}
.about-us.solutions-section .title-solution {
text-align: center;
font-family: var(--font-family);
font-size: 80px;
color: #fff;
font-weight: 200;
padding-bottom: 70px;
line-height: 88px;
}
.about-us.solutions-section .solution-cards {
border: none;
border-radius: 0;
}
.about-us.solutions-section .solution-cards .cards {
border: none;
padding: 17px 17px 0;
background: linear-gradient(140.1deg, #656565 22.77%, #000 119.27%);
border-radius: 0;
min-height: 500px;
}
.about-us.solutions-section .solution-cards .cards-text {
margin: 0;
padding: 15px 10px 0 0;
font-size: 21px;
color: #fff;
font-family: var(--font-family);
font-weight: 200;
}
.about-us.services-section .container .services-title {
color: #010101;
font-size: 40px;
font-weight: 200;
padding-bottom: 20px;
font-family: var(--font-family);
margin: 0;
line-height: 44px;
}
.about-us.services-section .container .services-description {
font-size: 80px;
font-weight: 200;
color: #010101;
padding-bottom: 70px;
font-family: var(--font-family);
line-height: 88px;
margin: 0;
}
.about-us.services-section .services-row {
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap;
gap: 17px;
}
.about-us.services-section .services-row .products-cards {
padding: 30px;
background: #f1f1f1;
margin: 0;
width: 24%;
}
.about-us.services-section .container,
.after-sales-col,
.dropdown-menu.show,
.edrive-section .edrive-cards,
.product-detail .title-introduction .sub-title,
.product-detail.features-product.after-sales-col,
section.container-fluid.ev-solutions-products .product .products-row .products-detail {
padding: 0;
}
.about-us.services-section .row .products-cards .service-card .cards-img img {
width: 75px;
height: 75px;
object-fit: contain;
}
.about-us.services-section .row .products-cards .service-card .card-body .card-title {
color: #010101;
font-size: 25px;
font-family: var(--font-family);
font-weight: 500;
}
.about-us.services-section .row .products-cards .service-card .card-body .card-text {
font-size: 16px;
line-height: 24px;
font-family: var(--secondary-font-family);
padding: 10px 0 0;
color: #010101;
font-weight: 300;
}
.about-us.services-section .row .products-cards .service-card .cards-img {
width: 144px;
padding: 20px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
margin-bottom: 30px;
height: 132px;
}
.about-us.services-section .services-row .products-cards:hover {
background-color: #00719d;
cursor: pointer;
color: #fff;
}
.about-us.services-section .services-row .products-cards:hover .service-card .cards-img {
background: #1b8bb9;
}
.products-cards:hover .service-card .cards-img img {
filter: invert(1) brightness(1000%) contrast(1000%);
}
.stats-cards {
background: linear-gradient(140.1deg, #0c5877 22.77%, #5abce4 119.27%);
}
.stats-section .stats-rows {
display: flex;
justify-content: space-between;
}
.stats-section .stats-rows .stats-cards {
width: 24%;
padding: 0;
}
.stats-img-wrapper {
display: flex;
justify-content: right;
}
.stats-img-wrap {
padding: 20px;
background: #0c5877;
border-bottom-left-radius: 20px;
}
.stats-cards .service-card-wrap .card-body {
padding: 0 25px 40px;
color: #fff;
font-family: var(--secondary-font-family);
font-size: 16px;
font-weight: 300;
}
.stats-cards .service-card-wrap .card-body h4 {
font-size: 60px;
line-height: 78px;
font-family: var(--secondary-font-family);
font-weight: 300;
margin: 0;
}
.stats-cards .service-card-wrap .card-body .content {
font-size: 18px;
margin: 0;
font-family: var(--secondary-font-family);
font-weight: 400;
line-height: 28px;
}
section ul {
margin-left: 30px;
}
section ul li {
font-size: 18px;
}
.leadership-section .leader-card-wrap,
section.container-fluid.ev-solutions-products .product {
margin-bottom: 40px;
}
.leadership-section .leader-card-body {
background: #efffff;
padding: 23px 44px 20px;
margin: 0;
}
.leadership-section h5.card-title {
font-size: 30px;
font-weight: 400;
line-height: 55px;
font-family: var(--font-family);
color: #010101;
}
.leadership-section p.card-text {
font-size: 18px;
font-family: var(--secondary-font-family);
font-weight: 300;
line-height: 23px;
}
.leadership-section .leader-card {
position: relative;
cursor: pointer;
}
.leadership-section .leader-card-detail {
transition: opacity 0.3s;
background: #fff;
width: 100%;
top: 0;
box-shadow: 0 44px 54px 0 rgba(0, 0, 0, 0.15);
}
.leadership-modal .btn-close {
z-index: 9999;
position: absolute;
right: 20px;
top: 18px;
font-size: 22px;
}
.leadership-modal {
max-width: 1029px;
}
.leadership-section .even-leadership {
right: 11px;
}
.leadership-section .leader-card:hover .leader-card-detail {
display: block;
opacity: 1;
}
.leadership-section .leader-card-detail-wrapper .leader-card .title {
padding: 0 21px 0 0;
font-size: 40px;
font-weight: 200;
font-family: var(--font-family);
margin: 0;
line-height: 40px;
color: #010101;
}
.leadership-section .leader-card-detail-wrapper .leader-card .description p {
line-height: 24px;
font-size: 16px;
font-family: var(--secondary-font-family);
font-weight: 300;
color: #010101;
}
footer h4,
footer h4 a {
font-family: var(--font-family);
}
.leadership-section .leader-card-detail-wrapper.row {
padding: 50px;
}
.leadership-section .leader-card .heading-wrap {
display: flex;
align-items: baseline;
padding-bottom: 20px;
}
.leadership-section p.desingation {
font-family: var(--secondary-font-family);
font-size: 18px;
font-weight: 300;
line-height: 23px;
color: #010101;
margin: 0;
}
.footer-bottom .copyrights-text,
.footer-bottom .copyrights-text a,
.footer-bottom .powered-logo-wrap a span {
font-size: 14px;
font-family: var(--secondary-font-family);
}
footer {
background: linear-gradient(264deg, #58595b -9.09%, #343537 83.49%);
font-weight: 400;
}
.footer-top {
padding: 60px 0 40px;
}
.footer-top ul {
margin: 10px 0 25px;
padding: 0;
}
.footer-top ul ul,
.footer-top ul ul ul {
margin: 5px 0 0;
padding: 0;
}
.footer-top ul li {
margin-bottom: 5px;
}
.footer-top ul li a {
font-size: 13px;
color: #ccc;
font-weight: 300;
}
.footer-top ul li li {
color: #aeaeae;
margin-left: 20px;
padding: 0;
list-style-type: disc;
}
.footer-top ul li li a {
font-size: 13px;
font-weight: 300;
}
.footer-top ul li li li {
color: #aeaeae;
margin-left: 20px;
padding: 0;
list-style-type: circle;
}
.footer-top ul li li li a {
font-size: 13px;
color: #aeaeae;
font-weight: 300;
list-style-type: disc;
}
.footer-bottom .copyrights-text {
font-weight: 400;
color: #aeaeae;
}
.footer-bottom .powered-logo {
padding-right: 10px;
}
.footer-bottom .footer-container {
justify-content: center;
align-items: center;
}
footer .section_links_wraps {
padding-top: 10px;
}
.footer-bottom {
padding: 35px 0;
background: #1e1e1e;
}
.footer-bottom .copyrights-text a {
font-weight: 300;
color: #aeaeae;
}
.footer-bottom .privacy-text a {
color: #898989;
padding-right: 10px;
padding-left: 10px;
}
.footer-bottom .powered-logo-wrap a span {
color: #898989;
}
.footer-bottom .privacy-footer,
.footer-bottom .social-media {
justify-content: center;
}
.brand-assets-pdf .container.wrap .row,
.footer-bottom .footer-container .footer-wrapper,
.our-people-section .our-people-card.item .our-people-card-wrap {
display: flex;
align-items: center;
}
.footer-bottom .social-media i {
font-size: 24px;
color: #fff;
}
.footer-bottom .privacy-text {
color: #898989;
}
.footer-bottom p,
footer a {
color: #aeaeae;
text-decoration: none;
}
footer h4 {
margin: 15px 0 0;
color: #fff;
font-size: 20px;
font-weight: 400;
}
footer h4 a {
color: #fff;
font-size: 18px;
}
footer .logo-class {
padding: 10px 0;
}
footer .logo-class img {
height: 48px;
}
.footer-bottom .col-lg-3:nth-child(4),
.iso {
text-align: right;
}
.footer-bottom img {
margin-top: -17px;
width: 100px;
}
.footer-bottom ul {
margin: 0;
padding: 0;
font-size: 18px;
}
.footer-bottom ul li {
display: inline-block;
margin: 0 10px;
}
.iso-icon .image-class {
width: auto;
height: auto;
}
.after-sales-col img,
.iso-icon .image-class img,
section.vehicles-section .row.vehicles-grid .vehicles-item.remove-bg img {
width: 100%;
height: 100%;
}
.about-us.introduction-section.careers-section-heading,
.our-people-introduction,
section.vehicles-section {
padding: 120px 0 0;
}
section.vehicles-section .row.vehicles-grid .vehicles-item {
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
min-height: 390px;
}
section.vehicles-section .row.vehicles-grid .vehicles-item.remove-bg {
background: 0 0;
display: block;
max-height: 390px;
height: 100%;
}
.vehicles-section .car-component {
display: flex;
align-items: center;
max-width: 1250px;
flex-wrap: wrap;
}
.vehicles-section .car-component .car-component-wrap {
text-align: center;
margin: 30px 25px 30px 0;
}
.vehicles-section .car-component .car-component-wrap .wrapper-image {
background: #efffff;
padding: 20px;
margin-bottom: 5px;
}
.vehicles-section .car-component .car-component-wrap .wrapper-image img {
width: 100px;
height: 45px;
}
.vehicles-section .car-component .car-component-wrap .component-title p {
font-size: 18px;
line-height: 21px;
font-family: var(--font-family);
font-weight: 300;
color: #010101;
}
section.vehicles-section .sub-title,
section.vehicles-section h4 {
font-family: var(--secondary-font-family);
font-size: 28px;
font-weight: 300;
color: #010101;
padding: 20px 0;
}
section.vehicles-section p {
margin: 0;
font-size: 18px;
font-family: var(--font-family);
line-height: 26px;
}
section.vehicles-section .vehicle-description {
margin: 0;
font-size: 20px;
font-family: var(--font-family);
line-height: 32px;
}
.about-us.hero-section.segments .hero-overlay .hero-description {
position: static;
}
.home-page-title:hover {
color: var(--brand-secondary-color);
}
.benefits-products,
.our-people-section,
.press-release-section .btn-readmore,
.technology-capabilities.section-technology,
.vehicles-section.ev-section {
padding-bottom: 120px;
}
section.vehicles-section.ev-section .row.vehicles-grid .vehicles-item {
background: 0 0;
padding: 0;
display: block;
position: relative;
margin-right: 20px;
margin-top: 0;
}
section.vehicles-section.ev-section .row.vehicles-grid .vehicles-item .vehicles-item-content {
position: relative;
background: #fff;
z-index: 999;
}
section.vehicles-section.ev-section .row.vehicles-grid .vehicles-item .vehicles-item-content h3 {
position: absolute;
left: 0;
bottom: 15px;
background: #fff;
z-index: 99;
padding: 7px 20px 7px 25px;
font-size: 26px;
font-family: var(--font-family);
font-weight: 300;
line-height: 31px;
}
section.vehicles-section.ev-section .row.vehicles-grid .vehicles-item img {
width: 100%;
height: 100%;
object-fit: fill;
}
.section.quality-focus {
padding-top: 20px;
}
.quality-focus h1 {
line-height: 88px;
padding-bottom: 50px;
}
.quality-focus .bottom-description .description {
font-family: var(--secondary-font-family);
font-weight: 300;
color: #010101;
font-size: 18px;
padding: 0;
line-height: 27px;
}
.quality-focus .bottom-description .description.first-sentence {
padding-top: 50px;
padding-bottom: 15px;
}
.quality-focus.certificate-section .certificate.section-wrap {
position: relative;
padding: 60px 0 0;
background: #f7f7f7;
}
.solution-introduction {
padding: 0 70px;
}
.solution-introduction .title-introduction .sub-title {
text-align: start;
font-size: 36px;
margin: 0;
line-height: 46px;
font-weight: 300;
font-family: var(--secondary-font-family);
padding-bottom: 10px;
color: #000;
}
.solution-introduction .title-introduction .description {
padding: 0;
text-align: start;
font-size: 18px;
color: #000;
font-family: var(--secondary-font-family);
font-weight: 300;
line-height: 27px;
}
section.container-fluid.ev-solutions-products {
background: #00719d;
padding: 120px 0;
}
section.container-fluid.ev-solutions-products .product .products-row .img-wrapper {
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding: 50px;
background: url(//electraev.com/wp-content/themes/evelectra/assets/images/bg-img.png);
}
.edrive-section .img-wrapper img,
section.container-fluid.ev-solutions-products .product .products-row .img-wrapper img {
width: 100%;
height: 300px;
object-fit: contain;
}
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper {
background: linear-gradient(141.34deg, #0c5877 22.22%, #5abce4 188.01%);
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
text-align: left;
width: 100%;
padding: 50px;
}
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper .heading {
font-size: 36px;
margin: 0;
color: #fff;
display: block;
width: 100%;
font-weight: 400;
padding-bottom: 0;
font-family: var(--font-family);
line-height: 50px;
max-width: 600px;
}
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper .description {
padding: 25px 0 35px;
color: #fff;
line-height: 24px;
font-size: 15px;
font-weight: 400;
font-family: var(--font-family);
max-width: 500px;
}
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper .view-more-btn {
text-align: left;
display: block;
width: 100%;
color: #ffe13b;
font-size: 16px;
text-decoration: none;
font-weight: 400;
line-height: 16px;
font-family: var(--tertiary-font-family);
}
.dark-header {
height: 80px;
background: #010101;
}
.solution-detail-main {
padding: 82px 0;
}
.solution-detail-main .solution-detail {
font-size: 18px;
font-family: var(--secondary-font-family);
font-weight: 400;
line-height: 23px;
padding-top: 90px;
color: #010101;
margin: 0;
}
.solution-detail-main .solution-detail .home-page-title {
color: #010101;
font-size: 18px;
padding-right: 13px;
text-decoration: none;
font-family: var(--secondary-font-family);
font-weight: 400;
}
.solution-detail-main .solution-detail .home-page-title:hover {
color: #48cbff;
}
.solution-detail-main .solution-detail .solution-detail-title {
color: #48cbff;
font-weight: 600;
font-family: var(--secondary-font-family);
text-decoration: none;
font-size: 18px;
}
.solution-detail-main .section-heading .title {
font-size: 60px;
padding-bottom: 40px;
line-height: 72px;
}
.solution-detail-main .solution-content {
padding-top: 85px;
}
.solution-detail-main .solution-content .heading-wrap h3 {
font-weight: 300;
font-size: 28px;
font-family: var(--secondary-font-family);
line-height: 36px;
margin-bottom: 20px;
}
.solution-detail-main .solution-content .description {
font-family: var(--secondary-font-family);
font-size: 18px;
padding: 0 0 25px;
font-weight: 300;
color: #010101;
line-height: 27px;
}
.solution-detail-main .solution-content .sub-heading h5 {
font-size: 18px;
font-weight: 600;
font-family: var(--secondary-font-family);
margin: 0;
padding: 0 0 18px;
color: #010101;
line-height: 27px;
}
.solution-content .heading-wrap .main-heading {
font-family: var(--secondary-font-family);
font-size: 28px;
line-height: 42px;
font-weight: 600;
margin: 0 0 7px;
color: #010101;
}
.solution-content .heading-wrap .sub-description {
line-height: 27px;
font-family: var(--secondary-font-family);
font-weight: 600;
font-size: 16px;
color: #010101;
}
.solution-detail-main .solution-content .sub-heading h6 {
font-size: 20px;
font-weight: 400;
font-family: var(--font-family);
margin: 0;
padding: 0;
line-height: 37px;
}
.technology-capabilities .heading {
font-family: var(--font-family);
font-weight: 200;
font-size: 28px;
line-height: 39px;
}
.technology-capabilities-page .heading {
margin: 0;
font-family: var(--secondary-font-family);
color: #010101;
font-weight: 300;
line-height: 36px;
}
.technology-capabilities .technology-cards-section .technology-card {
width: 31.33%;
margin: 0 15px 0 0;
padding: 45px 0;
text-decoration: none;
}
.technology-capabilities .technology-cards-section {
padding: 40px 0 30px;
}
.technology-capabilities img {
width: 250px;
height: 250px;
border: 1px solid #fff;
background: #fff;
border-radius: 50%;
object-fit: none;
max-width: none;
}
.tech-capablity-detail .section-heading .section-img-wrap {
background: url(//electraev.com/wp-content/themes/evelectra/assets/images/tc-detail.png) center/cover;
height: 500px;
object-fit: contain;
padding: 40px 0 0;
}
.tech-capablity-detail .leftside {
padding-right: 35px;
}
.main-battery-section {
border-bottom: 1px solid #c3c3c3;
padding: 0;
}
.blog-content-description .content-post .wrapper:first-of-type,
.main-battery-section .battery-section,
.sidebar-container .recently-wrapper a p.first-date {
padding-top: 0;
}
.main-battery-section .battery-section .battery-card:first-of-type {
border-right: 1px solid #c3c3c3;
}
.main-battery-section .battery-section .battery-card {
padding-bottom: 80px;
}
.main-battery-section .battery-section img {
width: 100%;
height: 400px;
object-fit: contain;
}
.main-battery-section .card-title a {
font-family: var(--font-family);
font-size: 35px;
font-weight: 200;
margin: 0;
color: #000;
text-decoration: none;
line-height: 42px;
}
.battery-page-description {
font-size: 27px;
font-weight: 300;
font-family: var(--secondary-font-family) !important;
line-height: 34px;
color: #010101;
padding-bottom: 90px;
}
.battery-img-section {
padding: 60px 0 120px;
border-bottom: 0.5px solid #c3c3c3;
display: flex;
justify-content: center;
}
.edrive-section {
margin-bottom: 120px;
border-bottom: 0.5px solid #c3c3c3;
}
.edrive-section .card-title a {
font-size: 35px;
font-family: var(--font-family);
font-weight: 200;
color: #010101;
text-decoration: none;
}
.edrive-section .edrive-cards .card-title {
margin: 0;
padding-bottom: 80px;
color: #000;
}
.edrive-section .edrive-cards .card-title a {
font-size: 35px;
margin: 0;
color: #000;
line-height: 42px;
font-family: var(--font-family);
padding-bottom: 80px;
}
.edrive-section .edrive-cards .img-wrapper {
padding: 60px;
}
.complete-ev-section .container .title,
.main-battery-section .container .title {
padding: 120px 0 40px;
font-size: 90px;
line-height: 99px;
}
.edrive-cards:nth-child(2),
.edrive-section .edrive-cards:first-child {
border-right: 0.5px solid #c3c3c3;
}
.battery-page-description {
margin: auto;
}
.benefits-products .heading-text,
.product-detail.about-product .about-product-row .heading,
.product-detail.features-product .heading {
font-family: var(--font-family);
font-size: 60px;
line-height: 66px;
font-weight: 200;
}
.complete-ev-section .battery-page-description {
padding-bottom: 0;
}
.edrive-section .container .title {
padding: 120px 0 20px;
}
.product-detail.about-product .about-product-row {
background: #ededed;
display: flex;
align-items: center;
}
.product-detail.about-product .about-product-row .heading {
margin: 0;
padding-bottom: 15px;
}
.product-detail.about-product .about-product-row .description {
padding: 0;
font-family: var(--secondary-font-family);
font-weight: 300;
font-size: 18px;
line-height: 27px;
}
.product-detail.features-product .heading {
margin-bottom: 40px;
color: #000;
}
.product-detail.features-product .features-points .heading-text {
font-family: var(--secondary-font-family);
font-weight: 300;
padding-bottom: 15px;
font-size: 18px;
margin: 0;
}
.product-detail.features-product .features-points .bullet-points li {
font-family: var(--secondary-font-family);
font-weight: 300;
padding-bottom: 10px;
font-size: 18px;
position: relative;
padding-left: 25px;
line-height: 27px;
color: #000;
}
.product-detail.features-product .features-points .bullet-points {
list-style-type: none;
padding: 0;
margin: 0;
}
.product-detail.features-product .features-points .bullet-points li::before {
content: "";
position: absolute;
left: 0;
top: 45%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url(//electraev.com/wp-content/themes/evelectra/assets/images/feature-icon.svg);
background-size: contain;
background-repeat: no-repeat;
}
.container-product {
padding: 100px 0;
margin: auto;
background: #ededed;
max-width: 1600px;
}
.product-detail.features-product .features-points {
padding: 40px;
background: #efffff;
}
.after-sales .product-detail.features-product .features-points {
padding: 0 0 0 20px;
max-width: 580px;
}
.benefits-products .heading-text {
margin-bottom: 30px;
}
.benefits-products p {
padding: 0;
font-family: var(--secondary-font-family);
font-weight: 300;
font-size: 18px;
line-height: 27px;
color: #000;
}
.after-sales-rightside {
background: #efffff;
align-items: center;
display: flex;
}
.after-sales-row,
.author-information {
display: grid;
grid-template-columns: 1fr 1fr;
}
.after-sales-rightside.product-detail.features-product .features-points .bullet-points li::before {
left: 0;
top: 18%;
width: 13px;
height: 15px;
}
.after-sales-rightside.product-detail.features-product .features-points .bullet-points li {
font-size: 18px;
line-height: 27px;
padding-bottom: 8px;
}
.after-sales.white-section-wrap .white-section p {
color: #000;
font-family: var(--secondary-font-family);
font-size: 20px;
line-height: 30px;
font-weight: 300;
}
.about-us.introduction-section .row .after-sales.white-section-wrap {
padding: 20px 40px 0 0;
}
.about-us.introduction-section .container .row .after-sales.white-section-wrap p {
font-size: 23px;
line-height: 37px;
margin: 0;
}
.about-us.introduction-section.after-sales-introduction .container .row .after-sales.white-section-wrap p {
font-size: 18px;
line-height: 27px;
margin: 0;
}
.about-us.introduction-section .container .row .after-sales.grey-section-wrap .grey-section p,
.about-us.introduction-section.after-sales-introduction .container .row .after-sales.grey-section-wrap .grey-section p {
font-size: 21px;
line-height: 37px;
}
.after-sales .img-wrap {
margin-bottom: 15px;
}
.after-sales .author-name {
font-weight: 600;
font-size: 29px;
font-family: var(--secondary-font-family);
line-height: 35px;
}
.after-sales .designation {
font-size: 18px;
line-height: 25px;
}
.ev-job-description {
padding: 120px;
background: #efffff;
}
.ev-job-description .features-points .heading {
font-size: 50px;
font-weight: 200;
margin: 0;
color: #010101;
}
.ev-job-description .features-points .ev-job-description-detail {
font-weight: 500;
font-size: 20px;
padding: 20px 0;
margin: 0;
}
.ev-job-description .features-points .ev-job-description-detail span {
margin-right: 40px;
font-weight: 500;
color: #010101;
}
.ev-job-description .bullet-points li {
font-size: 23px;
line-height: 37px;
padding-bottom: 11px;
font-family: var(--secondary-font-family);
font-weight: 300;
}
.ev-job-description .bullet-points li::marker {
color: #00709d;
}
.careers-section-heading .row-wrapper .wrapper-location p,
.careers-section-heading .row-wrapper .wrapper-text p,
.our-people-txt p {
color: #010101;
margin: 0;
font-weight: 200;
font-family: var(--font-family);
}
.btn.btn-light {
border: 0.5px solid #000;
padding: 10px 45px;
background: #fff;
font-weight: 500;
font-family: var(--font-family);
font-size: 20px;
}
.btn.btn-light:hover {
color: #fff;
background: var(--brand-blue-color);
border: none;
}
.careers-section-heading .row-wrapper .wrapper-location .wrapper-details,
.careers-section-heading .row-wrapper .wrapper-text {
align-content: center;
}
.careers-section-heading .row-wrapper .wrapper-text p {
font-size: 34px;
line-height: 37px;
}
.careers-section-heading .row-wrapper .wrapper-location p {
font-size: 20px;
line-height: 22px;
}
.careers-row .row.col-lg-12.col-md-12.col-sm-12.row-wrapper {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
padding: 30px;
margin-bottom: 25px;
align-items: center;
}
.life-electrae-wrap .first-col,
.life-electraev .life-electrae-wrap .second-col .heading,
.section.life-electrae-wrap .img-container {
flex-direction: row;
display: flex;
}
.careers-section-heading .row-wrapper .btn-wrapper .btn.btn-light {
padding: 10px 25px;
font-family: var(--tertiary-font-family);
font-weight: 400;
font-size: 18px;
line-height: 21px;
}
.careers-section-heading .row-wrapper .btn-wrapper .btn.btn-light:hover {
color: #fff;
background-color: var(--brand-blue-color) !important;
}
.life-electrae-wrap .first-col {
align-items: center;
padding-bottom: 15px;
}
.life-electrae-wrap .first-col .two-img-wrapper,
.life-electrae-wrap .third-col .three-img-row-wrapper img.img-seven,
.life-electrae-wrap .third-col .three-img-row-wrapper img.img-six {
padding-right: 15px;
}
.life-electrae-wrap .first-col .two-img-wrapper .first-img {
padding-bottom: 15px;
}
.life-electrae-wrap .first-col .heading {
background: #efffff;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.life-electraev .life-electrae-wrap {
display: flex;
flex-direction: column;
}
.life-electrae-wrap .fourth-col,
.life-electraev .life-electrae-wrap .second-col {
display: flex;
}
.life-electraev .life-electrae-wrap .second-col .two-img-wrapper {
padding-right: 15px;
height: 100%;
}
.life-electraev .life-electrae-wrap .second-col .img-wrap-four {
width: 49%;
margin-right: 15px;
height: 100%;
}
.life-electraev .life-electrae-wrap .second-col .img-wrap-five {
width: 49%;
}
.life-electrae-wrap .first-col .heading p {
font-size: 60px;
font-weight: 200;
font-family: var(--font-family);
}
.life-electrae-wrap .third-col .three-img-row-wrapper {
display: flex;
flex-direction: row;
width: 100%;
padding-left: 15px;
background: #fff;
height: 100%;
}
.life-electrae-wrap .third-col .three-img-row-wrapper img {
width: 33.33%;
}
.life-electraev .rightside-section .two-img-wrapper {
width: 34.85%;
padding-top: 15px;
padding-left: 15px;
}
.life-electraev .rightside-section .third-col {
height: 33%;
}
.life-electraev .rightside-section .fourth-col {
height: 67%;
}
.life-electrae-wrap .fourth-col .one-row-img {
width: 65.15%;
padding: 15px 0 15px 15px;
background: #fff;
}
.life-electraev .rightside-section .two-img-wrapper .img-ten {
height: 47%;
padding-bottom: 15px;
}
.life-electraev .rightside-section .two-img-wrapper .img-ten img {
height: 100%;
padding: 0;
}
.life-electraev,
.life-electraev .img-container {
display: flex;
justify-content: center;
}
.author-information .grey-section p {
font-size: 18px !important;
line-height: 23px !important;
}
.author-information .grey-section img {
width: 100%;
padding-right: 23px;
height: 100%;
}
.our-people-txt p {
font-size: 40px;
line-height: 44px;
padding-top: 30px;
padding-bottom: 50px;
}
.our-people-section .our-people-card {
background: #efffff;
padding: 30px 30px 0;
width: 425px;
position: relative;
}
.our-people-heading {
padding: 0 !important;
}
.blog-listing .blog-row .blog-card {
margin-bottom: 60px;
}
.blog-listing .blog-row .blog-card .card-container .date {
color: #848484;
font-size: 15px;
margin-bottom: 15px;
font-family: var(--secondary-font-family);
font-weight: 400;
}
.blog-listing .blog-row .blog-card .card-container .post-title {
font-weight: 300;
font-family: var(--secondary-font-family);
font-size: 36px;
line-height: 43px;
color: #010101;
}
.blog-listing .blog-row .blog-card .card-container .post-description {
font-size: 18px;
font-family: var(--secondary-font-family);
font-weight: 300;
line-height: 27px;
margin: 0;
}
.blog-listing .blog-row .blog-card .card-container {
background: #f4f4f4;
padding: 24px 35px 0 30px;
min-height: 310px;
}
.blog-card {
text-decoration: none;
color: #010101;
}
.about-us.hero-section.blog-view-header .hero-overlay {
align-items: flex-start;
}
.blog-content-description .content-post .main-title {
font-size: 28px;
color: #010101;
font-family: var(--font-family);
font-weight: 200;
}
.blog-content-description .content-post .wrapper,
.ceo-video .row {
padding-top: 50px;
}
.blog-content-description .content-post .description-text {
font-size: 18px;
line-height: 27px;
color: #010101;
font-family: var(--font-family);
}
.sidebar-container .recently-wrapper {
background: #ebebeb;
padding: 20px 40px;
}
.sidebar-container .recently-wrapper h4 {
font-size: 40px;
font-weight: 500;
font-family: var(--secondary-font-family);
line-height: 52px;
margin: 0;
padding-bottom: 24px;
}
.sidebar-container .recently-wrapper a {
text-decoration: none;
border-bottom: 1px solid #a8a8a8;
}
.sidebar-container .recently-wrapper a p {
margin: 0;
color: #848484;
}
.sidebar-container .recently-wrapper a p:last-of-type {
color: #010101;
border-bottom: 1px solid #a8a8a8;
padding-bottom: 20px;
}
.sidebar-container .recently-wrapper a p.date {
margin: 0;
color: #848484;
font-weight: 400;
font-size: 16px;
line-height: 20px;
padding-bottom: 9px;
font-family: Inter, serif;
padding-top: 20px;
}
.sidebar-container .recently-wrapper a p.blog-title {
color: #010101;
border-bottom: 1px solid #a8a8a8;
padding-bottom: 20px;
font-family: var(--secondary-font-family);
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
.blog-view-header {
align-items: self-start;
}
.blog-content-description .content-post .heading {
font-size: 28px;
color: #010101;
font-family: var(--secondary-font-family);
font-weight: 300;
line-height: 36px;
}
.blog-content-description .content-post .main-heading {
padding-bottom: 40px;
margin: 0;
}
.content-post .sub-heading {
padding-top: 40px;
padding-bottom: 20px;
margin: 0;
}
.blog-content-description .content-post p {
font-size: 18px;
color: #010101;
font-family: var(--secondary-font-family);
font-weight: 300;
line-height: 27px;
margin: 0;
}
.contact-form-container {
background: #efffff;
padding-right: 70px;
}
.contact-form-row .leftside-details {
padding: 90px 155px 180px 90px;
}
.contact-form-row .leftside-details .address-detail h3 {
font-size: 28px;
font-family: var(--secondary-font-family);
font-weight: 300;
margin-bottom: 8px;
line-height: 36px;
color: #000;
}
.contact-form-row .leftside-details a {
color: #1f7192;
font-weight: 500;
font-family: var(--secondary-font-family);
font-size: 18px;
line-height: 27px;
text-decoration: none;
display: flex;
align-items: center;
}
.contact-form-row .leftside-details a img {
margin-right: 5px;
}
.address-two {
margin-top: 42px;
}
.contact-form-row .leftside-details .address-detail p {
font-size: 24px;
font-family: var(--secondary-font-family);
font-weight: 300;
line-height: 27px;
}
.contact-form-row .contact-form-title {
font-size: 36px;
font-family: var(--secondary-font-family);
line-height: 43px;
color: #fff;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
color: #fff;
font-family: var(--secondary-font-family);
font-weight: 300;
font-size: 18px;
line-height: 27px;
}
.contact-form input::-webkit-input-placeholder {
color: #fff;
}
.contact-form input::-moz-placeholder {
color: #fff;
}
.contact-form input:-ms-input-placeholder {
color: #fff;
}
.contact-form-row button {
font-family: var(--secondary-font-family);
font-weight: 300;
font-size: 18px;
line-height: 27px;
border-radius: 4px;
}
.iframe-container {
padding-left: 90px;
padding-top: 60px;
padding-bottom: 90px;
}
.press-release-section .press-release-row {
justify-content: space-between;
display: flex;
}
.press-release-section .press-release-row .select-wrapper {
display: flex;
justify-content: right;
align-items: center;
}
.press-release-section .press-release-row h3 {
font-size: 40px;
font-weight: 300;
font-family: var(--secondary-font-family);
}
.press-release-section .press-release-row .select-wrapper .press-release-select {
border: 1px solid #717171;
padding: 10px 50px 10px 10px;
margin-right: 15px;
}
.press-release-blog-row {
border-top: 0.5px solid #e2e2e2;
border-bottom: 0.5px solid #e2e2e2;
padding: 40px 0;
}
.press-release-blog-row .pres-release-card .press-release-description {
display: flex;
flex-direction: column;
justify-content: center;
}
.press-release-blog-row .pres-release-card .press-release-description .date {
color: #848484;
font-weight: 300;
font-family: var(--secondary-font-family);
font-size: 16px;
}
.press-release-blog-row .pres-release-card .press-release-description .date span {
color: #00709d;
font-weight: 500;
font-family: var(--secondary-font-family);
padding-left: 10px;
font-size: 16px;
letter-spacing: 0;
}
.press-release-blog-row .pres-release-card .press-release-description .title-press-relase {
color: #010101;
font-family: var(--secondary-font-family);
font-weight: 300;
font-size: 20px;
margin: 0;
}
.press-release-blog-row .pres-release-card {
text-decoration: none;
cursor: pointer;
}
.press-release-blog-row .pres-release-card:hover .title-press-relase {
text-decoration: none;
color: #00709d;
cursor: pointer;
}
.press-release-section .btn-readmore button {
padding: 10px 25px;
margin-top: 40px;
font-weight: 300;
font-size: 19px;
border: 1px solid #4baad0;
}
.row.press-release-row {
padding-bottom: 40px;
}
.brand-assets-pdf .container.wrap {
padding: 60px;
background: #efffff;
}
.brand-assets-pdf .container.wrap .row p {
font-size: 25px;
font-family: var(--secondary-font-family);
font-weight: 300;
}
.brand-assets-pdf .container.wrap .row button {
font-size: 22px;
font-family: var(--secondary-font-family);
font-weight: 300;
border-radius: 5px;
}
i.bi.bi-chevron-compact-left,
i.bi.bi-chevron-compact-right {
font-size: 19px;
}
.testimonials-card {
background: linear-gradient(180deg, #f1f5fd 0, #fff 100%);
padding: 40px;
margin-bottom: 26px;
}
.date,
.tech-detail-content img {
margin-bottom: 10px;
}
.testimonials-card .author-feedback {
font-family: var(--font-family);
font-size: 22px;
font-weight: 500;
line-height: 35px;
color: #282828;
margin-bottom: 30px;
}
.testimonials-card .author-name .name {
font-family: var(--font-family);
font-size: 22px;
font-weight: 700;
line-height: 35px;
color: #282828;
margin-bottom: 3px;
}
.testimonials-card .author-name .designation {
font-family: var(--font-family);
font-size: 22px;
font-weight: 200;
line-height: 35px;
color: #282828;
}
.solution-detail .breadcrumb-content {
margin: 0;
font-size: 18px;
font-family: var(--secondary-font-family);
font-weight: 400;
color: #010101;
}
.tech-capablity-detail .section-heading .title {
max-width: 950px;
}
.max-width-650 {
max-width: 650px !important;
}
.page-not-found {
padding: 200px 0 120px;
}
.page-not-found-container {
display: flex;
align-items: center;
flex-direction: column;
}
.page-not-found-container h3 {
padding: 25px 0 15px;
font-family: var(--secondary-font-family);
font-size: 60px;
line-height: 78px;
font-weight: 300;
color: #010101;
}
.page-not-found-container p {
font-size: 30px;
font-weight: 300;
font-family: var(--secondary-font-family);
line-height: 39px;
max-width: 550px;
text-align: center;
margin: 0;
padding-bottom: 30px;
}
.page-not-found-container a {
width: 200px;
font-weight: 700;
font-size: 13px;
line-height: 20px;
background: #00709d !important;
}
.black-bg {
background: #000 !important;
}
.our-people-section .icon img {
position: absolute;
width: 80px;
height: 80px;
top: 7px;
left: 10px;
}
.ceo-video a:before,
.ceo-video a:hover:before {
content: "";
width: 70px;
height: 72px;
display: block;
bottom: 0;
right: 0;
margin: auto;
}
.our-people-section .our-people-card.item .content p {
font-family: var(--secondary-font-family);
font-size: 20px;
font-weight: 300;
line-height: 36px;
margin: 0;
padding-top: 50px;
min-height: 420px;
color: #010101;
}
.our-people-section .our-people-card.item .our-people-card-wrap .person-image {
width: 160px;
}
.our-people-section .our-people-card.item .our-people-card-wrap .people-designation {
padding-left: 15px;
}
.our-people-section .our-people-card.item .our-people-card-wrap .people-designation h3 {
font-family: var(--font-family);
font-size: 25px;
line-height: 27px;
font-weight: 300;
margin: 0 0 5px;
}
.our-people-section .our-people-card.item .our-people-card-wrap .people-designation p {
margin: 0;
font-family: var(--font-family);
font-size: 16px;
line-height: 17px;
}
.menu-item:focus,
.menu-item:focus-visible {
border: 0;
box-shadow: none;
outline: 0;
}
.dropdown-menu.show li:hover a {
color: inherit;
outline: 0;
}
.dropdown.dropend .dropdown-menu {
left: 130px;
top: 0;
}
.dropend:hover > .dropdown-menu {
top: 0;
margin-top: -1px;
display: block;
left: 138px !important;
}
.dropend a.dropdown-toggle {
padding: 10px 25px 10px 0;
font-size: 14px;
font-family: var(--font-family);
}
.dropend .dropdown-menu li .dropdown-item {
padding: 10px 25px 10px 0;
}
.sustainability-excellence-right-section {
background: #f58220;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.navbar-expand-lg .nav-item.get-in-touch-btn:hover a {
background: #fff;
color: #000;
}
.ceo-video {
background: url(//electraev.com/wp-content/themes/evelectra/assets/images/video-bg.jpg) center center/cover no-repeat;
color: #fff;
transition: 0.4s;
}
.ceo-video h2 {
font-size: 36px;
line-height: 43px;
margin: 15px 0 40px;
}
video {
width: 100%;
height: auto;
}
.ceo-video a {
display: inline-flex;
text-decoration: none;
color: inherit;
position: relative;
margin-left: -10px;
}
.ceo-video a:before {
transition: 0.4s;
background: url(//electraev.com/wp-content/themes/evelectra/assets/images/play-icon.png) center center no-repeat;
top: 0;
left: 0;
}
.ceo-video a:hover:before {
background: url(//electraev.com/wp-content/themes/evelectra/assets/images/play-icon-hover.png) center center no-repeat;
top: 0;
left: 0;
}
.ceo-video p.quote {
position: relative;
padding-left: 35px;
font-size: 1.25rem;
font-weight: 300;
}
.ceo-video p span {
position: absolute;
left: 0;
top: 0;
font-size: 50px;
opacity: 0.7;
line-height: 30px;
margin-bottom: -30px;
margin-right: 5px;
}
#menu-item-342 a.nav-link {
background: var(--brand-blue-color) !important;
border-radius: 6px;
}
#menu-item-342 a.nav-link:hover {
background: #fff !important;
color: inherit;
}
.carousel img,
.solution-detail-main img {
max-width: 100%;
height: auto;
}
.press-block {
border: 1px solid #e2e2e2;
height: 100%;
padding: 0;
transition: 0.4s;
}
.press-block-txt {
padding: 20px;
}
.date {
color: #848484;
font-weight: 300;
}
.date span {
color: #000;
font-weight: 400;
}
.press-block p {
color: #010101;
font-weight: 300;
font-size: 18px;
margin: 0;
text-decoration: none;
}
a:hover .press-block {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
#section7 {
padding-bottom: 100px;
}
.dropdown-menu.shadow {
position: absolute;
left: 150px;
top: 0;
}
.navbar-brand img {
height: 48px;
transition: 0.4s;
}
.row.col-sm-6.col-md-6.col-lg-6.life-electrae-wrap:last-child .two-img-wrapper {
padding-bottom: 15px;
margin-left: 20px;
}@media (max-width: 1700px) {
.manufacturing-section .manufacturing-wrap {
background-size: cover !important;
}
.hero-section {
background-color: #000!important;
}
}
@media (max-width: 1920px) {
.container {
max-width: 1440px;
}
}
@media (max-width: 1600px) {
.container {
max-width: 1320px;
}
}
@media (min-width: 992px) {
.dropend:hover > .dropdown-menu {
display: block;
top: 0;
left: 100%;
margin-top: -1px;
}
}
@media (max-width: 991px) {
.dropdown-menu {
display: none;
}
.dropdown-menu.show {
display: block;
}
}
@media (max-width: 600px) {
.press-release-section .press-release-row .select-wrapper {
justify-content: space-between;
}
.cards-description .btn-primary{margin-top: 25px !important;}
.sustain-leftside .text-description{text-align: center!important;}
.after-sales-row,
.author-information,
.hide-desktop-description,
.life-electrae-wrap .first-col,
.life-electrae-wrap .first-col .heading,
.life-electrae-wrap .fourth-col,
.life-electrae-wrap .third-col .three-img-row-wrapper,
.life-electraev,
.life-electraev .img-container,
.life-electraev .life-electrae-wrap .second-col,
.life-electraev .life-electrae-wrap .second-col .heading,
.mobile-banner,
.sustainability-excellence-right-section {
display: block;
}
footer .image-class{margin-top: 30px;}
.about-us.introduction-section.after-sales-introduction
.container
.row
.after-sales.grey-section-wrap
.grey-section
p {
font-size: 14px;
line-height: 23px;
}
.about-us.hero-section,
.about-us.hero-section.segments {
height: 35vh;
}
.about-us.hero-section .hero-overlay,
.about-us.hero-section.segments .hero-overlay {
min-height: 35vh;
}
#Testimonials button,
.about-us.hero-section p,
.desktop-banner,
.homeslide .owl-nav,
.leader-card-body .hide-desktop-description,
.our-people-section .owl-nav {
display: none;
}
section.vehicles-section .row.vehicles-grid .vehicles-item {
min-height: 250px;
}
section.vehicles-section .row.vehicles-grid .vehicles-item.remove-bg img {
margin-top: 10px;
}
section.vehicles-section .row.vehicles-grid .vehicles-item.remove-bg {
max-height: 300px;
margin-top: 10px;
}
.homepage-section .experience-wrap-inner .rightside-wrap,
.page-not-found {
padding: 50px 0;
}
.about-us.solutions-section .solution-cards .cards img,
.leadership-section img.leader-img,
.life-electrae-wrap .fourth-col .one-row-img,
.life-electrae-wrap .third-col .three-img-row-wrapper img,
.life-electraev .life-electrae-wrap .second-col .heading img,
.life-electraev .life-electrae-wrap .second-col .img-wrap-five,
.page-not-found img,
.technology-capabilities .technology-cards-section .technology-card {
width: 100%;
}
.page-not-found-container p {
font-size: 18px;
line-height: 20px;
padding-bottom: 10px;
}
.page-not-found-container h3 {
text-align: center;
font-size: 30px;
line-height: 30px;
}
.about-us.introduction-section,
.blog-content-description {
padding: 30px 0;
}
.blog-content-description .content-post .main-heading {
font-size: 20px;
line-height: 26px;
padding-bottom: 20px;
}
.blog-content-description .content-post p {
font-size: 14px;
line-height: 21px;
}
.blog-content-description .content-post .heading {
padding-top: 20px;
padding-bottom: 10px;
font-size: 20px;
}
.sidebar-container .recently-wrapper a p.date {
font-size: 12px;
line-height: 15px;
padding-bottom: 0;
}
.sidebar-container .recently-wrapper {
padding: 20px;
margin-top: 20px;
}
.about-us.hero-section .hero-overlay p,
.about-us.hero-section .hero-overlay p .about-us-title,
.about-us.hero-section .hero-overlay p .home-page-title,
.brand-assets-pdf .container.wrap .row button,
.sidebar-container .recently-wrapper a p.blog-title {
font-size: 16px;
}
.sidebar-container .recently-wrapper h4 {
line-height: 24px;
font-size: 24px;
padding-bottom: 15px;
}
.about-us.introduction-section.after-sales-introduction
.container
.row
.after-sales.grey-section-wrap
.grey-section
p.designation {
font-size: 12px;
line-height: 16px;
padding-bottom: 8px;
}
.after-sales-cards-section .about-us.introduction-section .container .row .col-lg-6 .white-section p {
line-height: 20px;
}
.about-us.introduction-section.after-sales-introduction .container .row .after-sales.white-section-wrap p {
font-size: 15px;
line-height: 21px;
margin: 0;
padding-bottom: 20px;
}
.about-us.solutions-section,
.blog-listing,
.ev-validation-section,
.footer-top,
.leadership-section,
.press-release-section,
.product-detail.features-product,
.section-technology p.description.text-center,
.testimonials-section,
section.get-in-touch {
padding: 60px 0;
}
.technology-capabilities-page .heading {
line-height: 29px;
font-size: 21px;
}
.testimonials-section .title,
footer .logo-class {
padding-bottom: 25px;
}
#Testimonials .description,
#vehicleTabs,
.about-us.hero-section.segments .hero-overlay .hero-bread-crumb,
.author-information .grey-section img,
.contact-form-container,
.engineering-excellence .description,
.experience-wrap .experience-wrap-inner,
.hide-desktop-description p,
.leader-card-detail .description,
.life-electrae-wrap .first-col .two-img-wrapper,
.life-electrae-wrap .third-col .three-img-row-wrapper,
.main-battery-section,
.main-battery-section .battery-section,
.nav-fill > .nav-link,
.quality-focus .bottom-description,
.quality-focus .white-section,
.section-experience .nav-fill .nav-item,
.section-product .description,
.section-technology .technology-cards-section .technology-card,
.solution-detail-main,
.solution-detail-main .solution-detail .home-page-title,
.sustainability-excellence-right-section {
padding: 0;
}
.quality-focus .container .title-introduction h2 {
font-size: 40px;
line-height: 40px;
}
.quality-focus .bottom-description .description.first-sentence,
.quality-focus.certificate-section .certificate.section-wrap .title {
padding-top: 0;
}
.btn-primary {
padding: 15px 30px;
}
.stats-cards .service-card-wrap .card-body h4 {
font-size: 46px;
line-height: 46px;
}
nav .navigation a img {
width: 200px;
}
.press-release-section .press-release-row h3 {
font-size: 30px;
margin-bottom: 15px;
}
.row.press-release-row {
padding-bottom: 20px;
}
.section-experience .nav-tabs .nav-link.active {
font-size: 20px;
}
.press-release-blog-row {
padding: 0;
justify-content: center;
}
.img-press-release,
.press-release-description {
height: auto;
padding: 0;
}
.press-release-blog-row .pres-release-card {
margin-bottom: 30px;
}
.press-release-blog-row .pres-release-card .press-release-description,
.product-detail.about-product .about-product-row .img-wrap img {
margin-top: 15px;
}
.brand-assets-pdf .container.wrap .row p,
.press-release-blog-row .pres-release-card .press-release-description .title-press-relase,
.solution-detail-main .solution-content .sub-heading h6 {
font-size: 15px;
}
.press-release-blog-row .pres-release-card .press-release-description .date,
.press-release-blog-row .pres-release-card .press-release-description .date span,
.press-release-section .btn-readmore button,
.vehicles-section .car-component .car-component-wrap .component-title p {
font-size: 14px;
}
.about-us.stats-section,
.experience-wrap .experience-wrap-inner .rightside-wrap,
.our-people-section,
.press-release-section .btn-readmore,
.vehicles-section.ev-section {
padding-bottom: 60px;
}
.brand-assets-pdf .container.wrap,
.leadership-section .leader-card-detail-wrapper.row {
padding: 15px;
}
.brand-assets-pdf .container.wrap .row p,
.ceo-video,
.utility-nav ul {
text-align: center;
}
.brand-assets-btn button {
padding: 10px 50px;
}
.blog-listing .blog-row .blog-card .card-container .post-title {
font-size: 21px;
line-height: 27px;
}
.blog-listing .blog-row .blog-card .card-container .post-description,
.solution-detail-main .solution-detail .solution-detail-title {
font-size: 17px;
}
.blog-listing .blog-row .blog-card .card-container {
min-height: 270px;
padding: 12px 15px 0;
}
.navbar {
position: relative;
background: #000;
padding-top: 15px;
padding-bottom: 15px;
}
.about-us.hero-section .hero-overlay p,
.solution-content .leftside-content,
.tech-capablity-detail .leftside,
header nav .navigation {
padding: 0 15px;
}
.navbar-expand-lg .navbar-nav .nav-link {
color: #fff;
}
.navbar-nav {
align-items: baseline;
}
.navbar-toggler-icon {
background-image: var(--bs-navbar-toggler-icon);
}
.navbar-nav li.nav-item {
padding-right: 6px;
width: 100%;
padding-bottom: 8px;
border-bottom: 1px solid #424242;
}
.homeslide .captions-inner p {
line-height: 30px;
font-size: 20px;
padding-top: 2px;
padding-bottom: 20px;
}
.homeslide .captions-inner h1 {
font-size: 40px;
line-height: 50px;
margin-bottom: 10px;
}
.experience-wrap .experience-wrap-inner .rightside-wrap .cards-description {
padding: 0;
margin: 0;
}
.section-experience .nav-tabs .nav-link {
margin-right: 20px;
padding-bottom: 0;
}
.homeslide .captions-inner {
top: 50px;
}
.homeslide .owl-dots {
bottom: 11px;
}
.owl-carousel .owl-item img {
height: 750px;
}
.section-experience .container .title {
padding: 40px 0 20px;
line-height: 36px;
font-size: 40px;
text-align: center;
}
.main-battery-section .card-title a {
font-size: 26px;
line-height: 27px;
}
.battery-page-description {
font-size: 20px;
line-height: 22px;
padding: 0 !important;
}
.get-in-touch-title,
.section-product .title,
.section-technology .title,
.sustainability-excellence .title,
.title {
line-height: 55px;
}
.contact-form-row .leftside-details,
.edrive-section .edrive-cards .img-wrapper {
padding: 30px;
}
.about-us.services-section .services-row .products-cards:last-of-type,
.contact-form .get-in-touch-title,
.homepage-section .experience-wrap-inner {
margin: 0;
}
.homepage-section.section-experience .description {
padding: 40px 10%;
}
.main-battery-section .battery-section .battery-card,
.section-experience .container {
padding-bottom: 40px;
}
.vehicles-section .car-component .car-component-wrap .wrapper-image {
padding: 10px;
}
.vehicles-section .car-component .car-component-wrap .wrapper-image img {
width: 80px;
height: 40px;
}
.vehicles-section .car-component .car-component-wrap {
margin: 15px 15px 10px 0;
}
section.vehicles-section .sub-title {
font-size: 18px;
padding: 15px 0 10px;
margin: 0;
}
.title {
font-size: 50px;
}
section.vehicles-section.ev-section .row.vehicles-grid .vehicles-item .vehicles-item-content h3 {
font-size: 18px;
line-height: 20px;
}
.about-us.introduction-section .row .after-sales.white-section-wrap,
.description,
.stats-section .stats-rows {
padding: 0 20px;
}
.leftside-wrap .scrollable-menu {
overflow-x: auto;
flex-wrap: nowrap;
max-width: 100%;
scrollbar-width: none;
}
.leftside-wrap .nav-tabs {
display: flex;
padding: 0;
}
.leftside-wrap .nav-item {
flex-shrink: 0;
}
.manufacturing-section {
padding: 240px 0 0;
}
.homepage-section .experience-wrap-inner .leftside-wrap {
padding: 80px 0 0;
}
.edrive-cards:nth-child(2),
.edrive-section .edrive-cards:first-child,
.experience-wrap-inner .leftside-wrap {
border: none;
}
.manufacturing-wrap .container .banner-content img {
width: 300px;
}
.manufacturing-wrap .container .banner-content {
padding: 12px;
margin-left: 10px;
bottom: 93%;
}
.manufacturing-section .manufacturing-wrap {
height: 500px;
padding: 0;
}
.engineering-excellence h3.title {
padding: 60px 0;
line-height: 55px;
}
.excellence-cards #myTab {
overflow-x: auto;
flex-wrap: nowrap;
max-width: 100%;
scrollbar-width: none;
padding: 0 0 0 136%;
}
.excellence-cards #myTab li {
width: auto;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
flex: 1 0 auto;
}
.excellence-cards #myTab li a {
line-height: 20px;
font-size: 15px;
padding: 20px;
}
.excellence-cards .tab-content img,
.product-section-cards .product-card img {
height: 300px;
}
.section-product {
padding-top: 60px;
}
.ceo-video p.quote {
padding: 30px 0 0;
margin-top: 20px;
}
.ceo-video p span {
left: 0;
right: 0;
}
.about-us.services-section .container .services-description {
padding-bottom: 60px;
font-size: 40px;
line-height: 41px;
}
.about-us.services-section .services-row .products-cards,
.sustainability-excellence-right-section .highlight-box,
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper {
padding: 20px;
}
.container .technology-card:first-child {
visibility: visible;
}
.section-technology .technology-cards-section {
flex-direction: column;
}
.technology-cards-section .technology-card {
width: 100%;
margin-bottom: 0;
}
.section-technology img {
width: 190px;
height: 190px;
}
.sustainability-excellence-right-section .highlight-box p {
font-size: 21px;
line-height: 31px;
}
.sustainability-excellence-right-section .highlight-box p.author-name {
padding-top: 15px;
}
.sustainability-excellence-right-section .highlight-box p.designation {
font-size: 21px;
padding-top: 0;
}
.about-us.solutions-section h3,
.benefits-products p,
.contact-form-row .leftside-details .address-detail p,
.homepage-table tbody tr td.content,
.product-detail.features-product .features-points .bullet-points li,
.solution-detail-main .solution-content .sub-heading h5,
.solution-introduction .title-introduction .description,
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper .view-more-btn {
font-size: 18px;
}
.sustainability-excellence .sustain-leftside h5.heading {
font-size: 33px;
}
.homepage-table tbody tr {
vertical-align: top;
}
.sustainability-excellence .sustain-leftside {
padding: 0 20px 60px;
}
.sustainability-excellence h3.title {
padding: 0 0 40px;
}
.about-us.introduction-section.careers-section-heading,
.contact-form.section,
.our-people-introduction,
section.container-fluid.sustainability-excellence.text-center,
section.vehicles-section {
padding: 60px 0 0;
}
.get-in-touch-title {
font-size: 50px;
padding-bottom: 30px;
margin: 0;
}
.get-in-touch-wrapper {
padding: 0 0 34px;
}
.contact-form.col-lg-6,
section.container-fluid.ev-solutions-products {
padding: 60px 20px;
}
.contact-form-title {
font-size: 50px;
margin: 0;
padding: 0;
}
.excellence-cards .tab-content .content {
padding: 30px 0 60px;
}
.excellence-cards .tab-content h2 {
line-height: 40px;
}
section.section-technology {
padding-top: 30px;
padding-bottom: 30px;
}
.technology-cards-section .technology-card.top-card {
margin: 0 0 30px;
}
.ratan-tata-sir-img {
justify-content: center;
}
.ratan-tata-sir-img img {
width: 300px;
height: 100%;
object-fit: contain;
max-width: unset;
margin-top: 25px;
}
.get-in-touch .description {
padding-bottom: 30px;
}
.about-us.hero-section .hero-overlay h1 {
font-size: 20px;
line-height: 20px;
}
.about-us.introduction-section .container .title-introduction h1 {
font-size: 40px;
line-height: 50px;
}
.about-us.introduction-section .container .row .grey-section-wrap .grey-section {
padding: 20px 0;
}
.about-us.introduction-section .row .white-section-wrap {
padding: 20px 20px 0;
}
.about-us.introduction-section .container .row .grey-section-wrap .grey-section p {
font-size: 18px;
line-height: 28px;
}
.about-us.cars-section .tab-content h2 {
padding-top: 30px;
font-size: 40px;
line-height: 55px;
}
.about-us.cars-section .tab-content p {
font-size: 18px;
line-height: 26px;
}
.cars-section-cards {
display: flex;
flex-direction: column-reverse;
}
.about-us .nav-link {
padding: 15px;
font-size: 18px;
}
.about-us.solutions-section .title-solution {
padding: 0 0 30px;
font-size: 40px;
line-height: 45px;
}
.about-us.solutions-section .solution-cards .cards {
min-height: auto;
padding: 17px 17px 30px;
margin-bottom: 25px;
}
.about-us.services-section {
padding: 60px 15px;
}
.about-us.services-section .services-row .products-cards {
width: 100%;
margin: 0 0 30px;
}
.about-us.services-section .row .products-cards .service-card .card-body .card-text {
padding: 10px 0 50px;
}
.about-us.services-section .services-row {
justify-content: center;
padding: 0;
margin: 0;
}
.stats-cards .service-card-wrap .card-body {
padding: 0 25px 20px;
}
.stats-section .stats-rows .stats-cards {
margin-bottom: 20px;
padding: 0;
width: 100%;
}
.leadership-section .leader-card-body {
margin: 0;
padding: 25px 10px;
}
.leadership-section .leader-detail-img {
height: 300px;
object-fit: contain;
margin-top: 55px;
}
.leadership-section .leader-card-detail-wrapper .leader-card .title {
margin-bottom: 10px;
}
.leadership-modal .btn-close {
z-index: 9999;
}
.leadership-section .leader-card .heading-wrap {
padding-top: 25px;
flex-direction: column;
}
.leadership-section h5.card-title {
font-size: 30px;
font-weight: 300;
line-height: 35px;
}
.leadership-section .leader-card:hover .leader-card-detail {
display: none;
opacity: 0;
}
.about-us.hero-section.segments .hero-overlay .hero-description {
font-size: 18px;
padding: 15px 0 0;
line-height: 25px;
}
.about-us.hero-section.segments h3 {
font-size: 20px;
line-height: 30px;
margin: 0;
}
.about-us.hero-section.segments .hero-overlay h1 {
font-size: 20px;
line-height: 30px;
}
.about-us.introduction-section .container .row .after-sales.white-section-wrap p,
section.vehicles-section .vehicle-description {
font-size: 16px;
line-height: 25px;
}
section.vehicles-section .row.vehicles-grid .vehicles-item img {
width: 250px;
height: 100%;
}
section.vehicles-section .row.vehicles-grid .vehicles-item section.vehicles-section .row.vehicles-grid {
position: static;
margin-top: 20px;
}
section.vehicles-section .row.vehicles-grid .odd .vehicles-item {
margin-right: 0;
margin-bottom: 10px;
min-height: 250px;
}
section.vehicles-section.ev-section .row.vehicles-grid .vehicles-item {
margin-right: 0;
margin-top: 20px;
margin-bottom: 0;
}
.about-us.introduction-section.quality-focus .container .title-introduction h1 {
font-size: 40px;
margin: 0;
}
.quality-focus .bottom-description .description {
margin-bottom: 0;
font-size: 18px;
padding: 0 20px;
}
.quality-focus.certificate-section .certificate.section-wrap {
padding: 30px 0 0;
}
.quality-focus.certificate-section .certificate.section-wrap .title {
line-height: 25px;
font-size: 40px;
}
.solution-introduction .title-introduction .sub-title {
font-size: 20px;
line-height: 24px;
}
section.container-fluid.ev-solutions-products .product .products-row .img-wrapper img {
height: 100%;
}
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper .heading {
font-size: 25px;
line-height: 30px;
}
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper .description {
line-height: 29px;
font-size: 18px;
padding: 15px 0 25px;
}
.solution-detail-main .section-heading .title {
font-size: 30px;
padding-bottom: 15px;
padding-top: 15px;
line-height: 40px;
}
.solution-detail-main .solution-detail {
font-size: 23px;
margin: 0;
padding: 20px 0 0;
}
.solution-detail-main .section-heading .section-img-wrap img {
padding: 20px 0 0;
}
.solution-detail-main .solution-content {
padding-top: 20px;
}
.solution-detail-main .solution-content .heading-wrap h3 {
font-size: 23px;
line-height: 30px;
}
.solution-detail-main .solution-content .description {
font-size: 15px;
padding-bottom: 15px;
}
.solution-content .heading-wrap .main-heading {
font-size: 21px;
line-height: 30px;
}
.technology-cards-section .technology-card-detail {
padding: 25px;
}
.technology-capabilities .technology-cards-section .technology-card-image .img-fluid {
width: 200px;
height: 200px;
object-fit: none;
}
.tech-capablity-detail .section-heading .section-img-wrap {
height: 250px;
background-size: contain;
}
.main-battery-section .card-title {
font-size: 22px;
}
.main-battery-section .battery-section img {
width: 200px;
height: 200px;
object-fit: contain;
}
.complete-ev-section .title {
font-size: 39px;
}
.battery-img-section {
padding: 0 0 60px;
}
.edrive-section .edrive-cards {
padding: 0 0 20px;
}
.edrive-section .img-wrapper img {
height: 200px;
}
.edrive-section .edrive-cards .card-title a {
font-size: 30px;
padding: 0;
}
.edrive-section {
margin-bottom: 60px;
}
.edrive-section .edrive-cards .card-title {
padding-bottom: 0;
}
.edrive-section .card-title {
font-size: 23px;
}
.product-detail-header .hero-overlay h1 {
text-align: center;
padding: 0 7px;
}
.container-product {
padding: 15px 0;
max-width: fit-content;
}
.product-detail.about-product .about-product-row .heading {
font-size: 40px;
}
.product-detail.features-product .heading {
margin-bottom: 15px;
font-size: 40px;
}
.product-detail.features-product .features-points {
padding: 15px 0;
}
.product-detail.features-product .features-points .heading-text {
font-size: 18px;
padding: 10px;
}
.about-us.hero-section.blog-header .hero-overlay h1 {
font-size: 24px;
}
.product-detail.features-product .features-points .bullet-points {
padding: 0 0 0 11px;
}
.benefits-products .heading-text {
font-size: 40px;
margin-bottom: 15px;
}
.about-us.introduction-section .container .row .after-sales.grey-section-wrap .grey-section {
padding: 30px 20px;
}
.after-sales-rightside.product-detail.features-product .features-points .bullet-points li {
font-size: 15px;
line-height: 20px;
}
.after-sales-rightside .features-points .bullet-points {
padding: 20px !important;
}
.about-us.introduction-section .container .row .after-sales .white-section p {
line-height: 22px;
font-size: 15px;
}
.about-us.introduction-section .container .row .after-sales.grey-section-wrap .grey-section p {
font-size: 15px;
line-height: 25px;
}
.after-sales-white-section .white-section p {
font-size: 15px !important;
}
.ev-job-description {
padding: 30px 15px 15px;
}
.contact-form-row .contact-form-title,
.contact-form-row .leftside-details .address-detail h3,
.ev-job-description .features-points .heading {
font-size: 30px;
}
.ev-job-description .features-points .ev-job-description-detail span {
font-size: 17px;
margin-bottom: 15px;
}
.ev-job-description .bullet-points li {
font-size: 14px;
line-height: 20px;
}
.ev-job-description .btn {
background: #efffff;
}
.btn.btn-light {
font-size: 12px;
}
.about-us.introduction-section.careers-section-heading .container .title-introduction h1 {
margin: 0;
padding-bottom: 15px;
}
.careers-section-heading .row-wrapper .btn-wrapper .btn.btn-light {
padding: 12px 25px;
font-size: 16px;
line-height: 16px;
font-weight: 700;
}
.ev-job-description .features-points .ev-job-description-detail {
display: flex;
flex-direction: column;
}
.life-electraev .life-electrae-wrap .second-col .two-img-wrapper,
.life-electraev .life-electrae-wrap .second-col .two-img-wrapper img,
.our-people-section.owl-carousel .owl-item img {
height: auto;
}
.life-electraev img.second-img {
padding-bottom: 15px;
}
.life-electrae-wrap .second-col {
background: #fff;
}
.life-electrae-wrap .second-col .two-img-wrapper {
padding: 15px 0 !important;
}
.life-electraev .life-electrae-wrap .second-col .img-wrap-four {
width: 100%;
padding-bottom: 15px;
}
.life-electrae-wrap .third-col .three-img-row-wrapper img.img-seven,
.life-electrae-wrap .third-col .three-img-row-wrapper img.img-six {
padding: 0 0 15px;
}
.life-electrae-wrap .fourth-col .one-row-img {
padding: 15px 0 0;
}
.life-electraev .rightside-section .two-img-wrapper {
width: 100%;
padding: 0;
}
.life-electraev .rightside-section .two-img-wrapper .img-ten {
height: auto;
padding: 15px 0;
}
.our-people-introduction .our-people-heading {
font-size: 46px;
line-height: 55px;
}
.our-people-section .our-people-card {
padding: 20px 50px;
}
.our-people-section .icon img {
width: 40px;
height: 40px !important;
top: 7px;
left: 46px;
}
.our-people-section .our-people-card.item .content p {
font-size: 16px;
padding-top: 25px;
line-height: 25px;
min-height: auto;
padding-bottom: 25px;
}
.our-people-section .our-people-card.item .our-people-card-wrap .people-designation p {
font-size: 12px;
line-height: 12px;
}
.our-people-section .our-people-card.item .our-people-card-wrap .people-designation h3 {
font-size: 16px;
line-height: 20px;
}
.our-people-txt p {
font-size: 30px;
padding-top: 15px;
line-height: 36px;
padding-bottom: 15px;
}
.careers-section-heading .row-wrapper .wrapper-text p {
font-size: 26px;
line-height: 30px;
margin-bottom: 15px;
}
.careers-section-heading .row-wrapper .btn-wrapper,
.careers-section-heading .row-wrapper .wrapper-location p,
footer .image-class {
text-align: left;
}
.life-electrae-wrap .first-col .heading p {
font-size: 40px;
padding: 50px;
}
.life-electraev .life-electrae-wrap {
flex-direction: row;
}
.contact-form-row .contact-form,
.contact-form-row .iframe-container {
padding: 60px 30px;
}
.contact-form-row .contact-form .get-in-touch-title {
font-size: 30px;
padding-bottom: 30px;
}
footer .image-class img {
width: 150px;
}
.footer-bottom p {
padding: 20px 0 10px;
text-align: center;
}
.utility-nav {
border-bottom: 1px solid #333;
}
.navbar.fixed-top {
top: 36px !important;
}
.navbar.fixed-top.scrolled {
position: fixed;
}
.careers-section-heading .row-wrapper .wrapper-location p {
font-size: 16px;
line-height: 19px;
margin-bottom: 15px;
}
.contact-form {
margin-top: 0;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.iso,
footer .image-class {
text-align: left;
}
.blog-content-description {
padding: 40px 0;
}
.contact-form-row .leftside-details .address-detail h3 {
font-size: 24px;
margin-bottom: 5px;
line-height: 30px;
}
.contact-form-row .leftside-details .address-detail p {
font-size: 16px;
line-height: 19px;
margin-bottom: 10px;
}
.contact-form-row .leftside-details a {
font-size: 14px;
line-height: 27px;
}
.contact-form-row .leftside-details a img {
width: 10px;
}
.blog-content-description .content-post .heading {
font-size: 20px;
line-height: 26px;
padding: 15px 0 10px;
}
.blog-content-description .content-post .main-heading,
.row.press-release-row {
padding-bottom: 20px;
}
.sidebar-container .recently-wrapper {
padding: 15px 20px;
}
.sidebar-container .recently-wrapper h4 {
font-size: 20px;
line-height: 29px;
padding-bottom: 15px;
}
.sidebar-container .recently-wrapper a p.blog-title {
font-size: 12px;
padding-bottom: 10px;
line-height: 16px;
}
.blog-content-description .content-post p {
font-size: 16px;
line-height: 20px;
}
.sidebar-container .recently-wrapper a p.date {
font-size: 9px;
line-height: 10px;
}
.blog-listing .blog-row .blog-card .card-container {
padding: 12px 15px 0;
}
.blog-listing .blog-row .blog-card .card-container .date {
margin-bottom: 3px;
}
.technology-cards-section .technology-card-image {
height: 200px;
}
.product-detail.features-product.after-sales-col {
padding: 20px 0;
}
.after-sales.grey-section-wrap img {
width: 50px;
}
.about-us.introduction-section.after-sales-introduction
.container
.row
.after-sales.grey-section-wrap
.grey-section
p {
font-size: 18px;
line-height: 30px;
}
.technology-capabilities img {
width: 200px;
height: 200px;
}
.product-detail .container .title-introduction .sub-title {
font-size: 22px;
margin: 0;
line-height: 34px;
}
.benefits-products .heading-text {
margin-bottom: 15px;
line-height: 46px;
}
.product-detail.features-product .heading {
margin-bottom: 20px;
line-height: 46px;
}
.about-us.services-section .row .products-cards .service-card .card-body .card-text,
.author-information .grey-section img,
.contact-form-container,
.experience-wrap .experience-wrap-inner,
.get-in-touch-wrapper,
.main-battery-section,
.manufacturing-section .text-overlay h1,
.section-technology p.description.text-center,
.solution-detail-main .solution-detail {
padding: 0;
}
.solution-content .leftside-content {
padding-right: 20px;
}
.about-us.hero-section.segments h3 {
font-size: 20px;
line-height: 35px;
}
.about-us.hero-section.segments .hero-overlay .hero-description {
margin: 0;
font-size: 20px;
line-height: 23px;
padding-top: 15px;
}
.about-us.hero-section.segments .hero-overlay .hero-bread-crumb {
bottom: 32px;
}
.about-us.hero-section.segments {
height: 55vh;
}
.about-us.hero-section.segments .hero-overlay {
min-height: 55vh;
}
.homeslide .owl-nav button span {
height: 66px;
}
.technology-capabilities-page .heading {
margin: 0 15px;
font-size: 21px;
}
.quality-focus .container .title-introduction h2 {
font-size: 40px;
padding-bottom: 25px;
}
.quality-focus .bottom-description .description.first-sentence {
padding: 25px 0;
}
.navbar {
padding: 10px 0;
}
.desktop-banner,
.section-product {
padding-top: 60px;
}
.excellence-cards #myTab li a {
padding: 20px 15px;
line-height: 18px;
font-size: 15px;
}
nav.navbar {
background: #010203;
}
.about-us.services-section .container .services-description,
.about-us.solutions-section .title-solution,
.homeslide .captions-inner h1 {
font-size: 50px;
line-height: 55px;
}
header nav .navigation a img {
width: 120px;
}
.navbar-expand-lg .navbar-nav .nav-link {
font-size: 10px;
}
.about-us.hero-section .hero-overlay,
.about-us.introduction-section .row .after-sales.white-section-wrap,
header nav .navigation {
padding: 0 20px;
}
.navbar-nav li.nav-item {
width: 100%;
}
.blog-listing .blog-row .blog-card .card-container .post-title {
font-size: 18px;
line-height: 24px;
}
.blog-listing .blog-row .blog-card .card-container .post-description {
font-size: 12px;
line-height: 20px;
}
.blog-listing .blog-row .blog-card .card-container {
min-height: 200px;
}
.blog-listing .blog-row .blog-card {
margin-bottom: 30px;
}
.about-us.introduction-section,
.about-us.solutions-section,
.blog-listing,
.ev-validation-section,
.leadership-section,
.press-release-section,
.product-detail.features-product,
section.container-fluid.ev-solutions-products,
section.get-in-touch {
padding: 60px 0;
}
footer .image-class img {
width: 150px;
}
.footer-bottom p {
padding: 20px 0 10px;
text-align: center;
}
.btn-primary {
font-weight: 400;
padding: 10px 30px;
}
#vehicleTabs {
overflow-x: auto;
flex-wrap: nowrap;
max-width: 100%;
scrollbar-width: none;
}
.leadership-section .leader-card .heading-wrap {
flex-direction: column;
padding: 0;
}
.leadership-section .leader-card-detail-wrapper .leader-card .title {
padding-bottom: 10px;
}
.homeslide .captions-inner p {
padding-top: 15px;
padding-bottom: 15px;
font-size: 20px;
line-height: 30px;
}
.homeslide .captions-inner {
top: 22%;
z-index: 999999999999999999999999999;
left: 10%;
}
.section-experience .container .title {
padding: 60px 0 20px;
font-size: 50px;
line-height: 55px;
}
.homepage-section.section-experience .description {
padding: 0 0 60px;
}
.about-us.hero-section .hero-overlay h1,
.about-us.introduction-section .container .title-introduction h1,
.title {
font-size: 50px;
}
.description,
.section-experience p {
font-size: 20px;
}
.navbar-toggler-icon {
background-image: var(--bs-navbar-toggler-icon);
}
.homepage-section.engineering-excellence .title {
padding: 0 0 20px;
line-height: 55px;
}
.carousel-control-prev,
.carousel-control-prev-icon,
.leadership-section .leader-card:hover .leader-card-detail,
.testimonials-section .carousel-control-next {
display: none;
}
.homepage-section .experience-wrap-inner {
margin: 0;
}
.section-experience .nav-tabs .nav-link,
.sustainability-excellence h3.title {
padding: 0 0 40px;
}
.homepage-section .experience-wrap-inner .leftside-wrap,
section.vehicles-section {
padding: 60px 0 0;
}
.manufacturing-section {
padding: 200px 0 60px;
}
.manufacturing-section .manufacturing-wrap {
height: 650px;
}
.excellence-cards ul {
overflow-x: auto;
width: 100%;
padding: 0;
}
.product-section-cards .product-card img {
height: 300px;
}
section.section-technology {
padding-top: 30px;
padding-bottom: 30px;
}
.contact-form-row .rightside-details,
.contact-form.col-lg-6,
.product-detail.features-product .features-points,
.section-technology .technology-cards-section,
.technology-cards-section .technology-card-detail {
padding: 20px;
}
.about-us.services-section,
.testimonials-section {
padding: 60px 20px;
}
section.container-fluid.sustainability-excellence.text-center {
padding: 60px 20px 0;
}
.get-in-touch .explore {
line-height: 58px;
}
.sustainability-excellence .sustain-leftside {
padding-right: 5%;
padding-bottom: 60px;
}
.technology-cards-section .technology-card.top-card,
section.container-fluid.ev-solutions-products .product {
margin-bottom: 20px;
}
.technology-cards-section .technology-card {
width: 48%;
padding: 45px 0;
}
.excellence-cards .tab-content .content {
padding: 30px 0 60px;
}
.manufacturing-wrap .container .banner-content img {
width: 450px;
}
.excellence-cards .tab-content img {
height: 350px;
}
.about-us.introduction-section .container .row .col-lg-6 .white-section p {
font-size: 22px;
color: #000;
padding-top: 25px;
}
.about-us.solutions-section .title-solution {
padding: 0 35px 35px;
}
.about-us.solutions-section .solution-cards .cards {
min-height: 350px;
}
.about-us.stats-section {
padding: 0 15px 120px;
}
.about-us.services-section .services-row {
justify-content: space-between;
}
.about-us.services-section .services-row .products-cards {
width: 48%;
margin: 20px 0;
}
.stats-section .stats-rows .stats-cards {
width: 49%;
margin-bottom: 15px;
}
.leadership-section .leader-card-body {
height: 150px;
}
.contact-form-row .leftside-details,
.leadership-section .leader-card-detail-wrapper.row,
section.container-fluid.ev-solutions-products .product .products-row .img-wrapper {
padding: 25px;
}
.about-us.introduction-section .row .white-section-wrap {
padding-left: 20px;
}
.quality-focus .bottom-description .description {
text-align: center;
line-height: 22px;
font-size: 21px;
}
.quality-focus.certificate-section .certificate.section-wrap {
padding: 40px 0 0;
}
.quality-focus.certificate-section .certificate.section-wrap .title {
padding-top: 0;
}
section.container-fluid.ev-solutions-products .product .products-row .img-wrapper img,
section.vehicles-section .row.vehicles-grid .vehicles-item img {
height: 250px;
}
section.vehicles-section .row.vehicles-grid {
position: static;
padding: 20px 0;
}
section.vehicles-section .row.vehicles-grid .vehicles-item {
margin: 0 0 20px;
}
.about-us.hero-section.segments .hero-overlay h1 {
font-size: 40px;
line-height: 46px;
}
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper {
padding: 35px;
}
.solution-introduction .title-introduction .sub-title {
font-size: 30px;
margin: 0;
line-height: 37px;
}
.solution-detail-main {
padding: 120px 0;
}
.solution-detail-main .section-heading .title {
font-size: 50px;
padding-bottom: 30px;
line-height: 55px;
}
.solution-detail-main .section-heading .section-img-wrap img {
height: 400px;
object-fit: contain;
padding: 20px 0 0;
}
.solution-detail-main .solution-content {
padding-top: 40px;
}
.solution-detail-main .solution-content .heading-wrap h3 {
font-size: 26px;
}
.brand-assets-pdf .container.wrap .row button,
.press-release-section .btn-readmore button,
.solution-detail-main .solution-content .description {
font-size: 16px;
}
.technology-capabilities .technology-cards-section .technology-card {
width: 46%;
}
.technology-capabilities .technology-capabilities .technology-cards-section .technology-card-image .img-fluid {
width: 250px;
height: 250px;
object-fit: none;
}
.battery-page-description {
font-size: 24px !important;
}
.main-battery-section .battery-section img {
width: 300px;
height: 300px;
}
.main-battery-section .card-title {
font-size: 30px;
}
.edrive-section .card-title,
.life-electrae-wrap .first-col .heading p {
font-size: 29px;
}
.iso {
margin-top: 40px;
}
.footer-bottom,
.footer-bottom .col-lg-3:nth-child(4) {
text-align: center;
}
.footer-bottom .col-lg-3 {
margin: 15px 0;
text-align: center;
}
.container-product {
padding: 15px;
}
.benefits-products .heading-text,
.product-detail.about-product .about-product-row .heading,
.product-detail.features-product .heading {
font-size: 40px;
}
.product-detail.features-product .features-points .bullet-points li,
.product-detail.features-product .features-points .heading-text {
font-size: 24px;
}
.after-sales-row,
.author-information {
display: block;
}
.about-us.introduction-section .container .row .grey-section-wrap .grey-section {
padding: 30px 0;
}
.about-us.introduction-section .container .row .grey-section-wrap .grey-section p {
line-height: 46px;
}
.ev-job-description {
padding: 60px;
}
.careers-section-heading .row-wrapper .wrapper-text p {
text-align: center;
margin-bottom: 15px;
}
.careers-section-heading .row-wrapper .wrapper-location p {
margin-bottom: 15px;
}
.contact-form.section {
padding: 30px 0 0;
}
.contact-form.section .contact-form {
padding: 0 50px;
}
.iframe-container {
padding: 60px 50px;
}
.press-release-blog-row .pres-release-card .press-release-description .date,
.press-release-blog-row .pres-release-card .press-release-description .title-press-relase {
font-size: 14px;
}
.press-release-blog-row {
padding: 15px 0;
}
.press-release-blog-row .pres-release-card .press-release-description .date span {
font-size: 13px;
}
.img-press-release,
.press-release-description {
display: flex;
align-items: center;
}
.brand-assets-pdf .container.wrap {
padding: 30px;
}
.brand-assets-pdf .container.wrap .row p {
font-size: 18px;
}
.homeslide .owl-nav button {
width: 40px;
height: 40px;
position: absolute;
bottom: 15px;
}
.homeslide .owl-dots {
bottom: 11px;
}
.homeslide .owl-dots .owl-dot span {
width: 10px;
height: 10px;
}
.tech-capablity-detail .section-heading .title {
max-width: 800px;
}
}
@media (min-width: 1024px) and (max-width: 1400px) {
#menu-primary-menu .dropdown-menu .menu-item {
padding: 8px 15px 8px 0;
font-size: 12px;
}
.contact-form-row .leftside-details {
padding: 45px 77px 90px 45px;
}
.homepage-section .max-width-1150 {
max-width: 1000px;
}
.homepage-section .max-width-1000 {
max-width: 850px;
}
.about-us.solutions-section,
.blog-content-description,
.blog-listing,
.contact-form.section,
.container-product,
.footer-top,
.our-people-introduction,
.product-detail.features-product,
section.container-fluid.ev-solutions-products,
section.container-fluid.sustainability-excellence.text-center {
padding: 80px 0;
}
.section-product .max-width-1150 {
max-width: 950px;
}
.blog-content-description .content-post .heading,
.contact-form-row .leftside-details .address-detail h3 {
font-size: 24px;
line-height: 30px;
}
.contact-form-row .leftside-details .address-detail p {
font-size: 18px;
line-height: 24px;
}
.contact-form-row .btn-secondary {
padding: 11px 50px;
}
.contact-form-row .leftside-details a {
font-size: 18px;
line-height: 20px;
}
.navbar-nav li.nav-item {
padding: 0;
}
.homeslide .owl-nav button span {
height: 60px;
}
.contact-form.col-lg-6 {
padding: 0 30px 30px;
}
.contact-form-row .contact-form-title {
margin: 0;
font-size: 30px;
}
.about-us.hero-section .hero-overlay h1,
.about-us.solutions-section .title-solution,
.homeslide .captions-inner h1,
.stats-cards .service-card-wrap .card-body h4 {
font-size: 48px;
line-height: 60px;
}
.homeslide .captions-inner p {
font-size: 28px;
line-height: 40px;
padding-bottom: 20px;
}
.btn-primary {
font-weight: 400;
padding: 10px 20px;
font-size: 14px;
}
.homeslide .owl-dots .owl-dot span,
.nav-link.dropdown-toggle::after {
width: 10px;
height: 10px;
}
.section-experience .container .title {
padding: 80px 0 20px;
}
.get-in-touch-title,
.title {
font-size: 64px;
line-height: 70px;
}
.about-us.cars-section .tab-content p,
.about-us.introduction-section .container .row .grey-section-wrap .grey-section p,
.carbon-table .content,
.description,
.homepage-table tbody tr td.content {
font-size: 18px;
line-height: 27px;
}
.homepage-section .experience-wrap-inner .leftside-wrap {
padding: 70px 0 0;
}
.section-experience .nav-tabs .nav-link {
font-size: 18px;
padding: 0 0 50px;
}
.section-experience .nav-tabs .nav-link.active {
font-size: 18px;
line-height: 19px;
font-weight: 800;
}
.rightside-wrap .cards-title {
font-size: 40px;
padding: 10px 0;
line-height: 42px;
}
.careers-section-heading .row-wrapper .wrapper-location p,
.rightside-wrap .cards-description,
.sustain-leftside .text-description,
footer .bi-linkedin,
footer .bi-youtube {
font-size: 18px;
}
.carbon-table .heading,
.product-section-cards .product-card-details .product-title {
font-size: 30px;
line-height: 31px;
}
.manufacturing-section {
padding: 280px 0 80px;
}
.manufacturing-wrap .container .banner-content img {
width: 500px;
}
.manufacturing-section .manufacturing-wrap {
height: 680px;
}
.homepage-section.engineering-excellence .title {
padding-bottom: 50px;
}
.excellence-cards #myTab li a {
font-size: 16px;
line-height: 22px;
padding: 20px 30px;
}
.excellence-cards .tab-content img {
height: 400px;
}
.excellence-cards .tab-content h2 {
font-size: 36px;
line-height: 43px;
margin: 15px 0 40px;
}
.section-product,
section.section-technology {
padding-top: 80px;
}
.section-product .description,
.section-product .title,
.testimonials-section .title {
padding-bottom: 25px;
}
.product-section-cards .product-card img {
height: 350px;
}
.section-technology p.description.text-center {
padding-top: 15px;
padding-bottom: 40px;
}
.section-technology img {
width: 200px;
height: 200px;
}
.technology-cards-section .technology-card-image {
height: 200px;
}
.technology-cards-section .technology-card-detail p {
font-size: 18px;
line-height: 25px;
}
.section-technology .technology-cards-section {
padding-bottom: 0;
}
.testimonials-section {
padding: 80px 40px;
}
.testimonials-section .carousel-control-prev {
left: -70px;
bottom: 90px;
}
.testimonials-section .carousel-control-next {
right: -70px;
bottom: 90px;
}
.excellence-cards .tab-content .content {
padding: 60px 0 80px;
}
.technology-cards-section .technology-card.top-card {
margin-bottom: 40px;
}
.section-technology .technology-cards-section .technology-card {
padding: 45px 0;
}
.sustainability-excellence h3.title {
padding: 0 0 40px;
}
.sustainability-excellence .sustain-leftside h5.heading {
padding-top: 30px;
padding-bottom: 15px;
font-size: 28px;
}
.sustainability-excellence-right-section .highlight-box p,
.sustainability-excellence-right-section .highlight-box p.author-name {
line-height: 25px;
font-size: 21px;
}
.carbon-table .heading {
width: 105px;
}
.sustainability-excellence-right-section .highlight-box p.designation {
font-size: 20px;
line-height: 28px;
}
.contact-form-title {
font-size: 60px;
line-height: 70px;
}
.contact-form input {
height: 50px;
}
.contact-form textarea {
height: 140px;
}
.about-us .nav-link {
font-size: 20px;
padding: 15px;
}
.about-us.introduction-section {
padding: 80px 0;
margin: 0 15px;
}
.about-us.cars-section .tab-content h2 {
padding: 20px 0 2px;
}
.about-us.solutions-section .title-solution,
.edrive-section .edrive-cards .card-title {
padding-bottom: 40px;
}
.about-us.solutions-section .solution-cards .cards {
min-height: 450px;
}
.about-us.services-section {
padding: 80px 15px;
}
.about-us.services-section .container .services-description {
font-size: 48px;
line-height: 60px;
padding-bottom: 30px;
}
.about-us.services-section .row .products-cards .service-card .card-body .card-text {
padding: 10px 0 0;
font-size: 12px;
line-height: 20px;
}
.about-us.services-section .row .products-cards .service-card .cards-img img {
width: 60px;
height: 60px;
}
.about-us.services-section .row .products-cards .service-card .cards-img {
width: 100px;
height: 80px;
padding: 10px;
}
.about-us.services-section .row .products-cards .service-card .card-body .card-title {
font-size: 21px;
}
.about-us.solutions-section h3 {
padding: 0 0 10px;
}
header nav .navigation a img {
width: 150px;
}
.dropend .dropdown-menu li .dropdown-item,
.dropend a.dropdown-toggle,
.navbar-expand-lg .navbar-nav .nav-link {
font-size: 12px;
}
.about-us.services-section .services-row .products-cards {
width: 32%;
}
.about-us.introduction-section .container .title-introduction h1 {
font-size: 48px;
}
.quality-focus .white-section {
padding-right: 0;
}
.quality-focus .container .title-introduction h2 {
font-size: 48px;
line-height: 60px;
padding-bottom: 25px;
}
.quality-focus .bottom-description .description.first-sentence {
padding-top: 25px;
padding-bottom: 10px;
}
.about-us.introduction-section .container .row .col-lg-6 .white-section p {
font-size: 12px;
line-height: 20px;
margin: 0 0 5px;
}
.about-us.introduction-section .container .row .grey-section-wrap .grey-section {
padding: 20px 22.5px;
}
.cars-section .cars-section-cards .tab-content .content img {
height: 500px;
object-fit: contain;
}
.about-us.services-section .container .services-title {
font-size: 36px;
line-height: 36px;
padding-bottom: 10px;
}
.about-us.services-section .services-row {
margin: 0 5px;
}
.about-us.stats-section {
margin: 0 15px;
padding-bottom: 80px;
}
.manufacturing-section .text-overlay h1,
footer .logo-class {
padding-bottom: 30px;
}
footer .image-class img {
width: 100%;
}
.footer-bottom {
padding: 15px 0;
}
.footer-bottom p {
font-size: 14px;
}
.leadership-section .leader-card-body {
padding: 14px 22px 25px;
}
.leadership-section h5.card-title {
line-height: 50px;
font-size: 36px;
}
header nav .navigation {
padding: 0 20px;
}
.leadership-section .leader-card-detail-wrapper .leader-card .title {
font-size: 36px;
}
.homeslide .captions-inner {
top: 19%;
left: 75px;
}
.excellence-cards ul {
padding: 0 40px;
}
.excellence-cards .btn {
padding: 18px 50px;
}
.about-us.hero-section.segments h3 {
font-size: 28px;
line-height: 30px;
}
.about-us.hero-section.segments .hero-overlay h1 {
font-size: 48px;
line-height: 60px;
max-width: 850px;
}
.about-us.hero-section.segments .hero-overlay .hero-description {
font-size: 23px;
line-height: 36px;
padding-top: 15px;
margin: 0;
}
.solution-introduction .title-introduction .sub-title {
font-size: 30px;
line-height: 34px;
}
.solution-introduction .title-introduction .description {
font-size: 21px;
line-height: 26px;
}
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper .heading {
font-size: 30px;
line-height: 34px;
max-width: 367px;
}
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper .description {
padding: 12px 0 17px;
}
section.container-fluid.ev-solutions-products .product .products-row .img-wrapper img {
height: 170px;
}
section.container-fluid.ev-solutions-products .product {
margin-bottom: 20px;
}
section.container-fluid.ev-solutions-products .product .products-row .description-wrapper {
padding: 25px;
}
.solution-detail-main .solution-detail {
padding-top: 45px;
}
.solution-detail-main .section-heading .title {
font-size: 48px;
line-height: 60px;
padding-bottom: 30px;
padding-top: 15px;
}
.solution-detail-main .section-heading .section-img-wrap img {
padding: 40px 180px 5px;
}
.solution-detail-main .solution-content {
padding-top: 40px;
}
.solution-content .leftside-content {
padding-right: 50px;
}
.complete-ev-section .container .title,
.main-battery-section .container .title {
font-size: 50px;
line-height: 55px;
}
.battery-page-description {
padding-bottom: 60px;
max-width: 850px !important;
}
.main-battery-section .battery-section img {
height: 300px;
}
.main-battery-section .card-title a {
font-size: 26px;
line-height: 35px;
}
.main-battery-section .battery-section .battery-card {
padding-bottom: 60px;
}
.battery-img-section img {
width: 700px;
height: 100%;
object-fit: cover;
}
.battery-img-section {
padding: 60px 0;
}
.edrive-section .edrive-cards .img-wrapper {
padding: 40px;
}
.edrive-section .edrive-cards .card-title a {
font-size: 25px;
line-height: 25px;
padding: 0;
}
.edrive-section {
margin-bottom: 60px;
}
.product-detail.about-product .about-product-row .heading {
line-height: 55px;
font-size: 46px;
}
.benefits-products .heading-text {
font-size: 46px;
font-weight: 200;
margin-bottom: 15x;
line-height: 46px;
}
.product-detail.features-product .heading {
font-size: 46px;
margin-bottom: 20px;
line-height: 46px;
}
.blog-listing .blog-row .blog-card .card-container .post-title {
font-size: 26px;
line-height: 30px;
}
.blog-listing .blog-row .blog-card .card-container .date {
margin-bottom: 8px;
}
.blog-listing .blog-row .blog-card .card-container .post-description {
font-size: 16px;
line-height: 22px;
}
.blog-listing .blog-row .blog-card .card-container {
min-height: 220px;
padding: 12px 16px 0 15px;
}
.blog-content-description .content-post .main-heading {
padding-bottom: 20px;
}
.blog-content-description .content-post p {
font-size: 16px;
line-height: 24px;
}
.sidebar-container .recently-wrapper h4 {
font-size: 25px;
line-height: 23px;
}
.sidebar-container .recently-wrapper {
padding: 15px 20px;
}
.sidebar-container .recently-wrapper a p.blog-title {
font-size: 16px;
line-height: 20px;
}
.sidebar-container .recently-wrapper a p.date {
font-size: 12px;
line-height: 15px;
}
.homeslide .owl-nav button {
width: 40px;
height: 40px;
}
.page-not-found {
padding: 150px 0 100px;
}
.page-not-found-container h3 {
font-size: 46px;
line-height: 50px;
}
.page-not-found-container p {
font-size: 20px;
line-height: 30px;
padding-bottom: 15px;
}
.about-us.introduction-section.careers-section-heading,
section.vehicles-section {
padding: 80px 0 0;
}
section.vehicles-section .sub-title {
margin: 0;
padding: 10px 0;
}
.vehicles-section .car-component .car-component-wrap .wrapper-image {
padding: 15px;
}
.vehicles-section .car-component .car-component-wrap .wrapper-image img {
width: 90px;
height: 45px;
}
.about-us.introduction-section.careers-section-heading .container .title-introduction h1 {
line-height: 48px;
padding-bottom: 15px;
}
.careers-section-heading .row-wrapper .wrapper-text p {
font-size: 24px;
}
.careers-section-heading .row-wrapper .btn-wrapper .btn.btn-light {
padding: 7px 15px;
}
.life-electrae-wrap .first-col .heading p {
font-size: 40px;
}
.our-people-introduction .our-people-heading {
font-size: 48px;
line-height: 55px;
}
.our-people-txt p {
font-size: 30px;
line-height: 35px;
padding-bottom: 0;
padding-top: 15px;
}
.our-people-section {
padding-bottom: 80px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
padding: 5px 14px;
}
}