/*
Theme Name: electric-car
Theme URI: 
Author: electric-car
Author URI: http://www.pco.training
Description: Wordpress Theme
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
body{
    margin: 0px;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
}
.top-bar{ background: #33363e !important;}
.map.headertop-box address {
    margin: 0px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    padding-left: 26px;
}
.headertop-box a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    padding-left: 26px;
}
.phone{ background: url(../electric-car/images/header-phone.png) no-repeat left;}
.email{ background: url(../electric-car/images/header-email.png) no-repeat left;}
.map{ background: url(../electric-car/images/header-map.png) no-repeat left;}
.main-header a.navbar-brand img {
    height: 52px;
}
.header-right-button {
    border: solid 2px #0d7b3f;
    border-radius: 100px;
    color: #0d7b3f;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    margin-left: 20px;
}
.header-right-button a span{
    color: #0d7b3f;
    font-size: 13px;
    display: block;
    padding: 5px 28px 5px 5px;
    background: url(../electric-car/images/header-chating.png) no-repeat right;
}
.header-right-button a {
    margin: 0px 15px 0px 8px;
    display: block;
    text-decoration: none;
}
.header-bottom {
    background: url(../electric-car/images/header-bootom-shadow.png) no-repeat bottom;
    padding-bottom: 23px !important;
}
ul.nav {
    width: 100%;
    justify-content: center;
    gap: 30px;
}
ul.nav li a {
    color: #4e535e;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
}
.footer_bar {
    background: #121417;
    padding: 60px 0px;
}
.logoanddetails a {
    margin-bottom: 20px;
    display: block;
}
.logoanddetails p {
    color: #cfcfcf;
    font-weight: 400;
}
.footer_bar {
    background: #121417;
    padding: 50px 0px;
}

.logoanddetails a {
    margin-bottom: 20px;
    display: block;
}

.logoanddetails p {
    color: #cfcfcf;
    font-weight: 400;
}
.footer-icon-box {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.footer-text p {
    margin: 0px;
    color: #dee2e6;
    font-size: 14px;
    font-weight: 500;
}
.footer-text a{
    color: #cfcfcf;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px;
}
.foter-social-icon{ display:flex; gap:10px;}
.footer_bar ul.nav li:before {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 7px solid #bfbfbf;
    height: 8px;
    content: "";
    display: inline-block;
}
.footer_bar ul.nav{
    display: flex;
    gap: 15px;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 15px;
}
.footer_bar ul.nav li {
    position: relative;
    padding-left: 0px;
	width:40%;
}
.footer_bar ul.nav li a{ 
    padding-left: 5px;
    font-size: 14px;
    color:#dee2e6;
}
.footer_bar_inn {
    background: #060606;
    padding: 10px 0px;
}
.footer_bar_inn address {
    margin: 0px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}
.content {
    position: relative;
    margin-top: -14px;
}
.contact7 label {
    width: 100%;
}

.contact7 input {
    width: 100%;
    margin-top: 12px;
    border-radius: 25px;
    border: solid 1px #ccc;
    padding: 12px 20px;
}

.contact7 textarea {
    width: 100%;
    border-radius: 25px;
    border: solid 1px #ccc;
    margin-top: 12px;
	padding:12px 15px;
}

.contact7 input[type="submit"] {
    background: #0d7b3f;
    color: #fff;
    font-size: 20px;
    FONT-WEIGHT: 700;
    text-transform: uppercase;
}
.navbar-toggler-icon .nav-icon {
    width: 100%;
    height: 3px;
    background: #333;
    display: block;
    margin: 5px 0px;
}
.multi-step-form select {
    border: 0px;
}

.multi-step-form #field_1_5 .ginput_container, .multi-step-form #field_1_6 .ginput_container {
    border: solid 1px #ddd;
    padding: 8px 20px 8px 10px;
    border-radius: 100px;
}
.multi-step-form .gchoice {
    width: 50%;
    border: solid 1px #ddd;
    border-radius: 50px;
    text-align: center;
}

.multi-step-form .gfield_radio {
    display: flex;
    gap: 20px;
}
.multi-step-form #field_1_26 .gfield_radio .gchoice label, .multi-step-form #field_1_25 .gfield_radio .gchoice label {
    font-size: 14px !important;
    position: relative;
    max-width: 100%;
    display: block;
    padding: 56px 0px;
    border: solid 1px #ddd;
    border-radius: 10px;
}
.multi-step-form input, .gform_wrapper.gravity-theme .ginput_right select {
    border: solid 1px #ddd;
    padding: 15px 25px !important;
    border-radius: 100px;
}
.multi-step-form input[type="submit"] {
    background: #0d7b3f;
    color: #fff;
    font-weight: 700;
}
.multi-step-form .gchoice label{
}
.multi-step-form .gchoice label {
    font-size: 42px !important;
    font-weight: bold;
    display: block;
}
.multi-step-form .gfield_radio .gchoice input[type="radio"]:checked+label {
	border-color: #5CC240;
    box-shadow: 1px 0px 14px 0px rgb(100 219 92 / 50%);
    color: #5CC240;
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
    border: solid 1px;
}
.multi-step-form .gfield_radio .gchoice {
    border: none;
	position:relative;
}
.multi-step-form .gfield_radio .gchoice input[type="radio"] {
    display: none !important;
}
.multi-step-form .gfield_radio .gchoice input[type="radio"]+label:before{
	content: "";
    position: absolute;
    display: block;
    border-top: solid 8px;
    width: 100%;
    border-radius: 40px;
    left: 0px;
    top: 0px;
}
.multi-step-form .gfield_radio .gchoice input[type="radio"]+label {
    padding: 40px 0px;
    border: solid 1px #000;
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
}
legend.gfield_label {
    text-align: center;
    font-size: 20px !important;
    margin-bottom: 20px !important;
}
.multi-step-form input[type="button"] {
    background: #0d7b3f;
    color: #ffff;
    font-weight: bold;
}
div#gform_confirmation_message_1 {
    font-size: 16px;
    text-align: center;
    color: #679446;
    border: solid 1px #679446;
    padding: 9px 4px;
    border-radius: 10px;
    box-shadow: 6px 5px 8px rgb(0 0 0 / 15%);
}
ul.elementor-icon-list-items {
    list-style: none;
}
.header-box{ display:flex; gap:30px;}
@media only screen and (max-width: 767px) {
	.multi-step-form #field_1_26 .gfield_radio, .multi-step-form #field_1_25 .gfield_radio {
    display: block;
}
.multi-step-form #field_1_26 .gfield_radio .gchoice, .multi-step-form #field_1_25 .gfield_radio .gchoice{
    width: 100%;
	margin-bottom: 12px;
}
.multi-step-form #field_1_26 .gfield_radio .gchoice label, .multi-step-form #field_1_25 .gfield_radio .gchoice label {
    padding: 25px 0px;
}

	.headertop-box a{ font-size:12px;}
	.map.headertop-box address {
    font-size: 12px;
}
	.header-box{ display:block !important;}
    .header-right-button {
        background: #0d7b3f;
        width: 100%;
        margin: 0px;
        margin-top: 15px;
    }
    ul.nav {
        gap: 10px;
        margin: 20px 0px;
    }
    .header-right-button a{ text-align: center;}
    .header-right-button a span {
        color: #fff;
        display: inline-block;
    }
    .footer_bar ul.nav li {
        width: 100%;
    }
    
}