@import 'https://www.flo.com/wp-content/themes/flo/css/components/_explain-panel.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/_featured-product-slider.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_product-feature.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_partners-cta.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_target-faq.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/_cta-panel.css';
@import 'https://www.flo.com/wp-content/themes/flo/css/components/_testimonials.css';



.business h1 { font-size: 36px; line-height: 48px; }
.business .top-container { padding:43px 0 0; }

.business .top-container .top-connector { margin-bottom:0; }
.business .intro-inner .mr-reset { padding: 63px 100px 315px; }
.flo-charge-hub {  float: left; }
.flo-charge-hub .circled-icon { width:274px; margin:0; }
.flo-charge-hub .seg-content h4{ color:#0061A0; } 
.flo-charge-hub .seg-content p { color:#353535; }
.flo-charge-hub .seg-four-col .col { margin:-277px 0 0; }
.flo-charge-hub .seg-four-col.first { border-color: #63B5D8; border-bottom:none; border-radius:0 32px 0 0; }
.flo-charge-hub .first .seg-inner { padding-bottom: 0; position:relative; justify-content: space-around}
.flo-charge-hub .circled-inner img{max-height: inherit;}

.business .explain-container { margin:-2px 0 0; float:left; }
.business .explain-wrapper { position: relative; z-index: 10;}
.business .explain-wrap-inner { width: calc(100% - 28px); position:relative; padding:0; border-radius:0 0 32px 0; border: 2px solid #63B5D8; border-left:0; margin: 0 0 0 28px; border-top:none; }



.business .product-feature { background: linear-gradient(180deg, #63B5D8 0%, #00607f 100%); }
.business .pf-details { padding-bottom:40px; margin-bottom:0; }
.business .pf-right .h1 { color:#002942; }
.business .pf-right .pf-item{color: #fff;}
.business .pf-right h5{color: #fff;}
.business .pf-right .link a { color:#fff; }
.business .pf-right .link a span.link-arrow{background-image: url('https://www.flo.com/wp-content/themes/flo/images/link-arrow-white.svg');}
.business .pf-right .link a:hover{opacity: 0.75;}

/*-- Business Segments blue bg section --*/
.nc-segment .seg-content .link a{color: #fff; display: flex; align-items: center;}
.nc-segment .seg-content .link a:hover{opacity: 0.8;}
#business-segments .tail-end{display: none;}

/*-- media css starts here --*/
@media only screen and (min-width:751px) {
    .flo-charge-hub .seg-four-col .seg-content >* { display:none; }
}
@media only screen and (min-width:751px) and (max-width:1023px) {
    .flo-charge-hub .seg-four-col .col { margin:0; }
    .flo-charge-hub .seg-four-col .col { width: 33.33%;  padding-bottom: 20px; border: none; align-items: center;  margin: -212px 0 0; justify-content: flex-end; }
    .flo-charge-hub .seg-inner .circled-icon { margin:0; width:200px; }
    .flo-charge-hub .seg-four-col.first { border-right:2px solid #63B5D8; border-top:2px solid #63B5D8; }

    .nc-segment .seg-four-col .col { border-color:#002942;  padding-bottom:162px !important;}
    .nc-segment .seg-four-col .col:nth-of-type(2):after { content:""; position:absolute; border-radius:0 32px 32px 0; border:2px solid #002942; width:62px; border-left:none; top:-2px; bottom:-2px; right:-28px; }
    .nc-segment .seg-four-col .col:nth-of-type(3):after { content:""; position:absolute; border-radius:32px 0 0 32px; border:2px solid #002942; width:62px; border-right:none; top:-2px; bottom:0; left:-28px;  }
    .nc-segment .seg-four-col.last .col:nth-of-type(3):after { border-radius:32px 0 0; border-bottom:none;  }
}
@media only screen and (max-width:1023px) {
    .business .intro-inner .mr-reset {padding: 63px 50px 248px; }
    .business .end-line { height:26px; }
    .nc-segment .seg-inner { padding-bottom:0 !important; }
}
@media only screen and (max-width:750px) {
    .business .top-container { padding: 18px 0 0; }
    .business .intro-inner .mr-reset { padding: 30px 20px 266px; }
    .flo-charge-hub .container { padding:0 50px; }
    .business .top-container .top-connector { height: 26px; width: 16px; min-height: inherit; margin: 0; }
    .business .top-container .top-connector .plug-icon { position: absolute;  right: auto; top: 0; left: -8px; }
    .business .top-container .top-connector:before { display:none; }
    .business .top-container .intro-inner { border-radius: 0 0 0 32px;}
    .business .top-container .intro-inner:before { border-top:none; border-radius: 0 0 0 32px; top:0; }
    .flo-charge-hub .seg-four-col .col { margin:0; padding:0 20px 230px;  border-bottom:2px solid #63B5D8; }
    .flo-charge-hub .circled-icon { width: 219px; margin: -197px auto 0; }
    .flo-charge-hub .seg-four-col .col:last-child { border:none; padding-bottom: 110px; }
    .flo-charge-hub .seg-four-col .col:nth-of-type(odd):after,
    .flo-charge-hub .seg-four-col .col:nth-of-type(even):after { border:2px solid #63B5D8; border-left:none; content:""; position:absolute; top:-2px; bottom:-2px; right:-30px; border-radius:0 32px 32px 0; width:62px; }
    .flo-charge-hub .seg-four-col .col:nth-of-type(even):after { border-left:2px solid #63B5D8; border-right:none;  border-radius:32px 0 0 32px; right:auto; left:-30px; }
    .flo-charge-hub .seg-four-col .col:last-child:after { border-radius: 0 32px 0 0; border-bottom:none; }

    .nc-segment .seg-intro { padding:38px 20px 138px; }
    .nc-segment .seg-inner { padding-left:28px; padding-right:28px; }
    .nc-segment .seg-four-col.last { margin:0; width:100%; }
    .nc-segment .seg-four-col .col { border-bottom:2px solid #002942; padding-left:0; padding-right:0; }
    .nc-segment .seg-four-col.last .col:last-child { padding-bottom:54px !important; border-bottom:none; }
    .nc-segment .seg-four-col .col:nth-of-type(odd):after {content:""; position:absolute; border-radius:0 32px 32px 0; border:2px solid #002942; width:62px; border-left:none; top:0; bottom:-2px; right:-28px; }
    .nc-segment .seg-four-col .col:nth-of-type(even):after {content:""; position:absolute; border-radius:32px 0 0 32px; border:2px solid #002942; width:62px; border-right:none; top:0; bottom:-2px; left:-28px; }
    .nc-segment .seg-four-col.last .col:last-child:after { border-radius:32px 0 0; border-bottom:none; }
}
@media only screen and (max-width:565px) {
    .business .product-feature { padding-bottom:12px; }
    .business .pf-details { padding-bottom:0; }
}