@import 'https://www.flo.com/wp-content/themes/flo/css/components/_cta-panel.css';


.incentives .step-first { max-width:890px; width:100%; margin:0 auto; display:flex;  justify-content: space-between; padding:0 20px 100px; }
.incentives .interest-option {  width: 245px; height: 245px;  border: 2px solid #63B5D8; border-radius: 50%; position:relative; display: flex;  justify-content: center; overflow:hidden; padding: 15px; flex-direction: column; cursor: pointer; }
.incentives .interest-option input { opacity:0; position:absolute; }
.incentives .interest-option .label { font-size:18px; line-height:22px; font-weight: 700; font-family: 'Lexend'; padding: 10px 30px 0; }
.incentives .title-wrap { flex:1; }
.steps-incentives .caption { line-height: 24px; padding: 0 0 10px; opacity:0.5; }

.interest-option.active { border-color: #115E67; }
.interest-option.active img.default, .interest-option img.hover { display:none; }
.interest-option img.default, .interest-option.active img.hover { display:block; }

.step-connector {  margin: 0 auto;  max-width: 890px;  width: 100%;  padding: 0 118px; }
.step-connector .step-hide{display: none;}
.step-connector .step-hide.active{display: block;}
.step-connector .top-connector { width:calc(50% - 29px) }
.step-connector .top-connector:before { border-color:  #115E67; }
.step-connector .left-curve-downward, .step-connector .right-curve-downward  { position:absolute; top:100%; left:-29px; border-color:  #115E67; }
.step-connector .right-curve-downward { width:62px; left:auto; right:-29px; }
.left-section .top-connector { float:left; margin:0; }
.right-section .line-end { position:absolute; top:100%; left: -9px; }
.left-section .line-end { position: absolute; top:100%; right:-9px; }

.step-two { max-width:366px; margin:0 auto; text-align: center; padding: 20px 0 0; }

.state-slider-wrap { padding:70px 0 90px; }
.state-slider { width:100%; height:186px; }
.state-slider .state-slide-item { float:left; width:218px; height:186px; justify-content: center; align-items: center; font-family: 'Lexend'; font-size:20px; line-height: 24px; font-weight:700; padding:0 16px; color: #0061A0; }
.ss-inner { position:relative; width:100%; height:100%; }
.state-slide-item img { position: absolute; object-fit: cover;  width: 100%;  height: 100%; }
.state-slide-item span { padding: 0;  width: 100%;  text-align: center;  height: 100%;  display: flex; justify-content: center;  align-items: center; }
.state-slide-item span a { z-index: 99999; }
.state-slider .slick-arrow { width:72px; height:72px; }

.incentives .step-three { padding:0 0 70px; }
.incentives .step-three .container > h2 { padding:0 0 46px; }
.incentives .card-list-item { width: 48.4%; text-align: left; }
.incentives .card-list-item span a { color: #27333D; }
.incentives .card-info { padding: 10px 0 6px; }
.incentives .card-list-item p { padding: 0 0 6px; }
.incentives .card-details h4 { padding:4px 0 0; }

.incentives .plug-line { width:26px; margin:0 auto; }
.incentives .plug-line:before { position:absolute; top:0; content:""; width:2px; height:100%; left:50%; margin:0 0 0 -1px; background:#63B5D8; }
.incentives .plug-line .tail-end { position: absolute; bottom: -25px; left: 5px; }

.step-first .plug-line .plug-icon { left:4px; right:auto; }
.incentives .step-first .plug-line { height:174px; margin:-90px auto 26px; }
.incentives .step-three .plug-line { height:70px; margin:0 auto 10px; top:-36px; }
.incentives .step-three .plug-line:before { background:  #115E67; }
.step-three .plug-line .plug-dot { width:12px; height:12px; background: #115E67; border-radius:50%; position:absolute; top:-12px; left:7px; }
.incentives .card-info span { display: inline-block; }


/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
    .secondary-banner-section{min-height: 483px;}
    .state-slider .slick-list{overflow: inherit;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .incentives .step-first { position:relative; max-width: 335px; padding-left:0; padding-right:0; }
    .interest-wrap { flex-direction: column; max-width:100%; padding:28px 0 0; }
    .incentives .interest-option { margin:0 0 32px; }
    .interest-wrap .title-wrap { order:1; }
    .interest-wrap label:first-child {order:2; }
    .interest-wrap label:last-child {order:3; }

    .step-connector {  margin: 0 auto;  max-width: 100%;   width: 100%;  padding: 0; }
    .step-connector .top-connector { min-height:12px; }
    .step-connector .left-section .top-connector:before {border: 2px solid  #115E67;  border-right: none;  border-radius: 32px 0 0 32px; height: 440px; width: 45px; left: 0;  }
    .step-connector .right-section .top-connector:before {border: 2px solid  #115E67;  border-left: none;  border-radius: 0 32px 32px 0; height: 174px; width: 45px; right: 0;  }

    .step-connector .left-curve-downward, .step-connector .right-curve-downward { width:122px; }

    .incentives .card-list-item { width:100%; margin:0 0 20px; position: relative; padding: 11px 15px; }
    .incentives .view-more { position: absolute; right:0; top:14px; }
    .incentives .card-details h4 { padding: 4px 26px 0 0; }
    .incentives .card-details { padding: 0; }
    .incentives .step-three { padding: 0 0 20px; }
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .incentives .card-info { padding:0; }
    .incentives .card-info span { width:100%; margin:0; display: block; padding: 4px 0; }
    .incentives .title-wrap{min-width: 180px; padding: 0 15px 15px;}
    .incentives .items-center{display: block; text-align: center;}
    .incentives .interest-option{margin: 0 auto 15px;}
    .left-section .top-connector:before{right: 30px;}
    .right-section .top-connector:before{right: -30px;}

    .steps-incentives .step-two{padding: 50px 20px 0;}
    .state-slider-wrap .container{padding: 0;}
    .incentives .card-list-item{width: 100%;}
 }