@import 'https://www.flo.com/wp-content/themes/flo/css/components/_flo-network.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_two-col-content.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_feature-segment.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_testimonials.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_cta-panel.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_target-faq.css';

.ev-drivers .ev-drivers-intro { padding: 45px 0 0; }
.ev-drivers .default-banner-text h1 { font-size:48px; line-height: 56px; }
.ev-drivers-intro .ev-intro-wrapper { margin-top:2px; padding-top: 60px; position:relative; border-bottom:none; }
.ev-drivers-intro .ev-intro-wrapper:after { content:""; position:absolute; left:-2px; border-radius: 0 0 0 32px; border-left:2px solid #63B5D8; border-bottom:2px solid #63B5D8; z-index: -1; bottom:0; width:100px; height:100px;  }
.ev-drivers-intro .ev-intro-wrapper .home-icon { padding: 42px 0 0; }
.ev-drivers .curve-connector { float:left; }
.ev-drivers .curve-connector .right-curve-downward { width:calc(50% - 28px); }

.ev-drivers .flo-home-charger { padding: 0 0 45px; }
.ev-drivers .flo-charge-inner { padding: 0 38px; width: 100%; text-align: center; }
.ev-drivers .flo-charge-item { width:50%; text-align: center; padding: 0 0 40px; position: relative; z-index: 1; }
.ev-drivers .flo-charge-item .left-curve,
.ev-drivers .flo-charge-item .right-curve { height:90px; }
.ev-drivers .flo-charge-item .left-curve { right: -146px; top: -66px; }
.ev-drivers .flo-charge-item .right-curve { left:-146px; top: 26px; }

.ev-drivers .flo-charge-item .left-curve .plug-icon { top: 77px; }
.ev-drivers .flo-charge-item .right-curve .plug-icon { top: -12px; }

.ev-drivers .flo-charge-item.left { padding-right: 146px; }
.ev-drivers .flo-charge-item.right { padding-left: 146px; }

.ev-drivers .flo-charge-item .h1 { padding:0 0 24px; }
.ev-drivers .flo-charge-item p { font-size:20px; line-height: 28px; padding: 0 0 36px;}
.ev-drivers .flo-line-seperator { flex:auto;  }
.ev-drivers .flo-charge-item .btn-link > * { margin:0 8px; }

.ev-drivers .connector-wrap  { padding:8px 0 0; }
.ev-drivers .connector-wrap .top-connector { width:640px; margin-bottom: 0;}

.ev-drivers .two-col-inner .container { margin:0; padding:0; width:100%; max-width:inherit; }
.ev-drivers .non-circled .last .seg-inner { padding-bottom:0; }
.ev-drivers .non-circled .end-line { display: inline-block; width: 16px; height: 26px; margin: 0 0 0 -7px; }
.ev-drivers .benefits .introduction {padding-top: 60px; padding-bottom: 200px; }

.ev-drivers .non-circled .first .seg-inner { padding-bottom: 154px }
.ev-drivers .seg-content h4{ color: #0061A0; }
.ev-drivers .seg-content p { color: #353535; }
.ev-drivers .seg-four-col.first, .ev-drivers .seg-four-col.last { border-color:#63B5D8;}
.ev-drivers .feature-slider-wrap { padding: 48px 0 0; min-height: 718px; }

.ev-drivers .faq-outer-wrap { padding-bottom:62px; }
.ev-drivers .reverse .cta-panel { padding:80px 0; }
.light-blue{clear: both;}

/*-- media css starts here --*/
@media only screen and (min-width: 1024px) {
    .ev-drivers .non-circled .end-line.end-curve-left{position: relative; padding-top: 80px; border: none; background: none;}
    .ev-drivers .non-circled .end-line.end-curve-left:before{content: ""; display: block; width: 34px; height: 72px; background-color: transparent; top: -1px; position: absolute; left: 4px; border-top-left-radius: 32px; border-left: 2px solid #63B5D8; border-top: 2px solid #63B5D8; }
    .ev-drivers .non-circled .end-line.end-curve-left img{left: -3px;}
}
@media only screen and (max-width:1182px) {
    .ev-drivers .default-banner-text h1 { font-size:32px; line-height: 40px; margin: 0 0 30px; } 
}
@media only screen and (max-width:1052px) { 
    .ev-drivers .flo-charge-item.left { padding-right: 116px; }
    .ev-drivers .flo-charge-item.right { padding-left: 116px; }
    .ev-drivers .flo-charge-item .left-curve,
    .ev-drivers .flo-charge-item .right-curve { width:72px; }
    .ev-drivers .flo-charge-item .left-curve {  right: -116px; }
    .ev-drivers .flo-charge-item .right-curve { left: -116px; }
}
@media only screen and (max-width:1023px) { 
    .ev-drivers .seg-four-col.first, .ev-drivers .seg-four-col.last { border:none; padding:0 0 0 28px; }
    .ev-drivers .non-circled  { position: relative; }
    .ev-drivers .non-circled .seg-inner { display:inherit; }
    .ev-drivers .non-circled .seg-four-col .col { float:left; }
    .ev-drivers .non-circled .end-line { position:absolute; bottom:0; }
    .ev-drivers .connector-wrap .top-connector { width:calc(50% - 28px); }
    .ev-drivers .feature-slider-wrap { padding: 58px 0 10px; }
    .ev-drivers .cta-panel-wrap.reverse .btn { min-width: 174px; margin:0 0 10px; }
}
@media only screen and (min-width: 768px) and (max-width:1023px) { 
    .ev-drivers .non-circled .seg-four-col .col{min-height: 377px;}
    .ev-drivers .non-circled .seg-four-col.first .col:nth-child(1),
    .ev-drivers .non-circled .seg-four-col.first .col:nth-child(2) { border-top:none; }
    .ev-drivers .non-circled .seg-four-col.first .col:nth-child(2):after {width:62px; top: 0; bottom:-2px; border-radius:0 32px 32px 0; border:2px solid #63B5D8; border-left:none; content:''; position: absolute; right:-26px; }
    .ev-drivers .non-circled .seg-four-col.first .col:nth-child(3) { padding-bottom: 161px; clear: both; }
    .ev-drivers .non-circled .seg-four-col.first .col:nth-child(3):before {width:62px; top: -2px; bottom:-2px; border-radius:32px 0 0 32px; border:2px solid #63B5D8; border-right:none; content:''; position: absolute; left:-54px; }

    .ev-drivers .seg-four-col.last .col:nth-child(3):after { width:62px; content:""; position:absolute; right:-26px; border-radius:0 32px 0 0; top:-2px; bottom:0; border-top:2px solid #63B5D8; border-right:2px solid #63B5D8; bottom: -2px; }
    .ev-drivers .non-circled .end-line {  position: absolute;  bottom: -26px;  right: 15px; }
    .ev-drivers .non-circled .end-line.end-curve-left{width: calc(100% - 90px); right: 25px; border-top: 2px solid #63B5D8; text-align: right; display: block; border-top-right-radius: 32px; border-right: 2px solid #63B5D8; } 
    .ev-drivers .non-circled .end-line.end-curve-left img{margin-left: auto; right: -9px; position: relative; top: 21px;}
}
@media only screen and (max-width:952px) { 
    .ev-drivers .flo-charge-item .h1 { font-size:32px; line-height:40px; }
}
@media only screen and (max-width:896px){
    .ev-drivers .flo-charge-inner { padding:0; }
    .ev-drivers .flo-charge-item .left-curve, 
    .ev-drivers .flo-charge-item .right-curve { width:26px; }
    .ev-drivers .flo-charge-item.left {  padding-right: 60px; }
    .ev-drivers .flo-charge-item.right {  padding-left: 60px; }

    .ev-drivers .flo-charge-item .left-curve { right: -60px; }
    .ev-drivers .flo-charge-item .right-curve { left: -60px; }
}

@media only screen and (max-width:750px) {
    .ev-drivers .connector-wrap .top-connector { min-height: 48px; }
    .ev-drivers .flo-charge-inner { flex-direction: column-reverse; }
    .ev-drivers .curve-connector .right-curve-downward { width: calc(100% - 28px); }
    .ev-drivers .flo-charge-item img { max-width:550px; margin:0 auto; width:100%; }
    .ev-drivers .curve-connector { display: none;}
    .ev-drivers .flo-charge-item .right-curve,
    .ev-drivers .flo-charge-item .left-curve { display: none; }
    .ev-drivers .flo-home-charger { margin:-2px 0 0; }
    .ev-drivers .flo-img-wrap, .ev-drivers .flo-charge-details { padding:0 50px; position: relative; }
    .ev-drivers .flo-charge-details  { padding:20px 20px 0; }
    .ev-drivers .flo-charge-item:before { content: "";  width: calc(100% - 28px); height: 38vw; border-radius: 0 32px 32px 0;  border: 2px solid #63B5D8;  border-left: none; position: absolute; top: -38vw; right: 0;  z-index: -1; }
    
    .ev-drivers .flo-charge-item {  width:100%; margin:38vw 0 0; padding:0 0 48px !important; }
    .ev-drivers .flo-charge-item:after { content:""; position:absolute; border:2px solid #63B5D8; top:2px; width:calc(100% - 28px); bottom:0; border-radius: 32px 0 0 32px; border-right:none; left:0; bottom:-2px;z-index: -1;}
    .ev-drivers .flo-charge-item .flo-img-wrap { margin-top:-35vw; z-index: 1; padding:0 20px; }

    .ev-drivers .flo-charge-item.left:after { border-bottom:none; border-radius:32px 0 0; }

    .ev-drivers .flo-charge-inner .center-seperator {order:1; width: 16px; left: -6px; }
    .ev-drivers .flo-charge-inner .center-seperator .car-start{display: none;}
    .ev-drivers .flo-charge-item.left { order:2; }
    .ev-drivers .flo-charge-item.right { order:3; }

    .ev-drivers .seg-four-col.first, .ev-drivers .seg-four-col.last { padding:0; width:100%;}
    .non-circled .seg-four-col.last .col:nth-child(3) { padding-bottom:100px; }

    .ev-drivers .seg-four-col.first .col:nth-child(odd):after, .ev-drivers .seg-four-col.last .col:nth-child(even):after {content:""; border:2px solid #63B5D8; border-radius: 0 32px 32px 0; border-left:none; position: absolute; right:0; width:calc(100% - 28px); top:0; bottom:0; z-index: -1;}
    .ev-drivers .seg-four-col.first .col:nth-child(even):after, .ev-drivers .seg-four-col.last .col:nth-child(odd):after {content:""; border:2px solid #63B5D8; border-radius: 32px 0 0 32px; border-right:none; position: absolute; left:0; width:calc(100% - 28px); top:0; bottom:0; z-index: -1;}
    .non-circled .seg-four-col.last .col:nth-child(3):after { width:calc(50% - 28px); }
    .ev-drivers .non-circled .end-line { position:relative; height:52px; left:0; right:auto; width:calc(50% - 28px) ;margin:-2px 0 0 28px; border-top:2px solid #63B5D8; border-right:2px solid #63B5D8; border-radius:0 32px 0 0; }
    .ev-drivers .non-circled .end-line img { width:16px; height:26px; position: absolute; bottom: -25px; right: -9px; left: auto;}
    .ev-drivers .reverse .cta-panel { padding:40px 0 30px; }
    .ev-drivers .faq-outer-wrap { padding-bottom: 0; }
    .ev-drivers .flo-charge-item .btn-link{position: relative; z-index: 12;}
    .ev-drivers .non-circled .end-line.end-curve-left{width: 60px; left: calc(100% - 86px); margin-top: -1px; border-left: none;} 
}