.sec-pipelines { background: #F0F0F0; border-radius: 20px; padding: 60px 45px; }
.section-title { margin-bottom: 70px;  margin-left: 14px; margin-top: 20px; }

.indic-key { margin-left: 14.5%; margin-top: 20px; }
.indic-key p { font-weight: 600; }

.legend-wrap { padding: 40px 10px; }
.legend-wrap .legend,
.legend-wrap .legend2 { display: flex; }
.legend-wrap .legend div {flex: 0 0 120px; margin-right: 30px; margin-bottom: 5px; }
.legend-wrap .legend2 div:first-child {flex: 0 0 120px; margin-right: 30px; margin-bottom: 5px; }
.legend-wrap .legend2 div:nth-child(2) {flex: 0 0 300px; margin-bottom: 5px; }
.legend-wrap .legend p { font-size: 16px!important; font-weight: 600; }

.disclaimer { margin-bottom: 60px; margin-top: 80px; }
.disclaimer p { color: #ffffff; font-size: 14px; line-height: 16px; }

.column-desc { background: #ffffff; border-radius: 20px; display: flex; padding: 20px; }

.pipeline_section { display: inline-block; width: 100%; vertical-align: top; }
hr.sec-end { border: 1px solid #000000; margin-top: 30px; width: 98.5%; }

.pipeline_section .section_wrap { display: flex; flex-wrap: wrap; align-items: flex-start; }
.pipeline_section .section_wrap .left_part { width: 100%; }
.pipeline_section .section_wrap .right_part { width: 10%; position:relative; z-index:1; }
.pipeline_section .section_wrap .left_part .top_part { display: flex; align-items: center; margin-bottom: 50px; width: calc(100% - 54px); }
.pipeline_section .section_wrap .left_part .top_part .title_wrap .title { font-weight: 700;  font-size: 14px; }
.pipeline_section .section_wrap .left_part .accordian_part { }
.pipeline_section .hubdb_title { display: flex; flex-wrap: wrap; position: relative; width: 100%; margin-bottom: 25px; }
.pipeline_section .hubdb_title ul { display: flex; margin: 0; padding: 0; list-style-type: none; width: 100%; height: 100%; position: relative; }
.pipeline_section .hubdb_title ul li { padding: 5px 10px;  margin: 0; width: 100%; min-height: 40px; display: flex; align-items: center; }
.pipeline_section .accordian_wrap { background: #fff; border-radius: 20px; display: none; padding: 30px; max-width: 78%; margin-bottom: 50px; margin-left: 14.5%; }
.pipeline_section .hubdb_title .plus { position: absolute; right: 10px; top: 45px; background-color: #000000; border-radius: 100%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.pipeline_section .hubdb_title .plus i { color: #ffffff; font-size: 12px; }
.pipeline_section .hubdb_title ul li span { font-size: 19px; font-weight: 600; }
.pipeline_section .hubdb_title .last_wrap ul li span { color: #ffffff; }
.pipeline_section .hubdb_title .first_wrap li:last-child { width: 100%; }
.pipeline_section .hubdb_title .first_wrap li:last-child span { font-size: 23px; line-height: 23px; }

.pipeline_section .section_wrap .right_part .title_part { text-align: center; font-weight: 700; margin-bottom: 7px; min-height: 49px; display: flex; align-items: flex-end; justify-content: center; }
.pipeline_section .hubdb_title.active .plus i:before { content: "\f068"; }

.pipeline_section .hubdb_title .first_wrap { width: 15%; }
.pipeline_section .hubdb_title .first_wrap li { width: 100%; }
.pipeline_section .hubdb_title .last_wrap { width: 80%; position:relative; }
.pipeline_section .hubdb_title .last_wrap ul li { width: 20%; height: 100%; min-height: 33px;  position: relative; }

.pipeline_section .hubdb_title .box_wrap { width: 100%; display: flex; flex-wrap: wrap; position: relative; padding-right: 50px; }
.pipeline_section .section_wrap .left_part .top_part .title_wrap { background: #ffffff; padding: 20px 15px; }
.pipeline_section .section_wrap .left_part .top_part .title_wrap .title { height: 27px; }
.pipeline_section .section_wrap .left_part .top_part .title_wrap { position: relative; }
.pipeline_section .section_wrap .left_part .top_part .title_wrap:not(:nth-child(1)):not(:nth-child(2)):after { content: ''; position: absolute; left: 0px; top: 25%; height: 50%; border-left: 0.08em solid #707070; }
.pipeline_section .section_wrap .left_part .top_part .title_wrap:nth-child(1) { width: 15%; background: unset; }
.pipeline_section .section_wrap .left_part .top_part .title_wrap:nth-child(2) { width: 16%; border-radius: 20px 0 0 20px; }
.pipeline_section .section_wrap .left_part .top_part .title_wrap:nth-child(3) { width: 16%; }
.pipeline_section .section_wrap .left_part .top_part .title_wrap:nth-child(4) { width: 16%; }
.pipeline_section .section_wrap .left_part .top_part .title_wrap:nth-child(5) { width: 16%; }
.pipeline_section .section_wrap .left_part .top_part .title_wrap:nth-child(6) { width: 16%; border-radius: 0 20px 20px 0;}

.pipeline_section .accordian_part { position: relative; }
.pipeline_section .hubdb_title .last_wrap .grad_bg { border-radius: 60px; position: absolute; left: 0; top: 30px; height: 70%; width: 0%; transition: .7s ease; }
.pipeline_section .hubdb_title .last_wrap ul li span.inner-txt { padding-left: 20px; }
.pipeline_section .hubdb_title.active .last_wrap ul li:before { height: 100% !important; }
.pipeline_section  .inner_part:last-child { margin-bottom: 0; }
.pipeline_section .inner_part:last-child ul li:before {height: 100% !important;}

.pipeline_section .inner_part .indication_resp { font-size: 15px; font-weight: 700; margin-left: 6px; padding-bottom: 15px; }


@media (min-width:1600px) {
  .pipeline_section .section_wrap .left_part .top_part .title_wrap .title { height: unset; }
  .pipeline_section .section_wrap .left_part .top_part .title_wrap { background: #ffffff; padding: 20px 15px; }
 {# .pipeline_section .section_wrap .left_part .top_part .title_wrap:nth-child(2):before { content: ''; position: absolute; right: 4%; top: -84%; height: 150px; border-right: 1px solid #000000; transform: rotate(90deg); }  
  .pipeline_section .section_wrap .left_part .top_part .title_wrap:nth-child(3):before { content: ''; position: absolute; right: 4%; top: -172%; height: 250px; border-right: 1px solid #000000; transform: rotate(90deg); } 
  .pipeline_section .section_wrap .left_part .top_part .title_wrap:nth-child(4):before { content: ''; position: absolute; right: 4%; top: -38%; height: 100px; border-right: 1px solid #000000; transform: rotate(90deg); }
  .pipeline_section .section_wrap .left_part .top_part .title_wrap:nth-child(5):before { content: ''; position: absolute; right: 4%; top: 6%; height: 50px; border-right: 1px solid #000000; transform: rotate(90deg); } #}
}

@media (min-width:1200px) {
  .pipeline_section .inner_part .indication_resp { display: none; }
}

@media (max-width: 1199px) {
  .disclaimer { margin-bottom: 30px; margin-top: 70px; }
  .pipeline_section .section_wrap .left_part .top_part { display: none; }
  .pipeline_section .inner_part { margin-bottom: 25px; }
  .pipeline_section .hubdb_title .first_wrap li:nth-child(2),
  .pipeline_section .hubdb_title .first_wrap li:nth-child(3) { display:none; }
  .pipeline_section .hubdb_title .first_wrap li { width: 100%; }
  .pipeline_section .hubdb_title .first_wrap { width: 15%; }
  .pipeline_section .hubdb_title .last_wrap { width: 85%; }
  .pipeline { margin: 0 -15px; }
  .pipeline_section .hubdb_title .last_wrap ul li:before { display:none; }
  .pipeline_section .section_wrap .right_part,
  .pipeline_section .hubdb_title .box_wrap { width: 100%; }
  .pipeline_section .hubdb_title .last_wrap .grad_bg { height: 60%; }
  .pipeline_section .inner_part .accordian_content img { width: 200px; }
  .pipeline_section .hubdb_title .last_wrap ul li span.inner-txt { padding-bottom: 10px; }
  .pipeline_section .section_wrap .left_part .top_part .title_wrap .title { font-size: 12px; }
  .pipeline_section .section_wrap .right_part .title_part .title { font-size: 13px; line-height: 16px; }
  .pipeline_section .hubdb_title ul li { padding: 0 5px; }
  .pipeline_section .hubdb_title .first_wrap li:last-child span { font-size: 21px; }
  .pipeline_section .hubdb_title .first_wrap li:last-child span h3 { font-size: 23px; }
}

@media (max-width: 991px) {
  .pipeline_section .section-title { margin-bottom: 30px; }
  .pipeline_section .section_wrap .left_part .top_part .title_wrap { padding: 0 5px; }
  .pipeline_section .section_wrap .left_part .top_part .title_wrap .title { white-space: break-spaces; }
  .pipeline_section .section_wrap .left_part .top_part .title_wrap .title { font-size: 10px; }
  .pipeline_section .hubdb_title ul li span { font-size: 17px; }
  .pipeline_section .hubdb_title .first_wrap li:last-child { width: 70%; }
  .pipeline_section .hubdb_title .first_wrap li span { font-size: 11px; white-space: break-spaces; }
  .pipeline_section .hubdb_title .first_wrap li:last-child span { font-size: 17px; }
  .pipeline_section .hubdb_title .first_wrap li:last-child span h3 { font-size: 17px; }
  .pipeline_section .hubdb_title .last_wrap .grad_bg { max-height: 40px; }
  .disclaimer p { font-size: 14px; }
  .legend-wrap .legend p { font-size: 15px!important; }
}

@media (max-width:767px){
  .sec-pipelines { padding: 20px 15px 0; }
  .pipeline_section .hubdb_title .plus { width: 20px; height: 20px; }
  .pipeline_section .hubdb_title .plus i { font-size: 10px; }
}

@media (max-width:575px){
  .section-title { margin-left: 0; } 
  .pipeline_section .hubdb_title .first_wrap,
  .pipeline_section .hubdb_title .last_wrap { width: 100% }
  .pipeline_section .hubdb_title ul li { padding: 0; }
  .pipeline_section .hubdb_title .last_wrap ul li span.inner-txt { font-size: 16px; margin-top: -5px; } 
  .pipeline_section .inner_part .indication_resp { font-size: 12px; margin-left: 0; padding-bottom: 10px; }
  .pipeline_section .inner_part .accordian_content img { width: 170px; margin-bottom: 20px; }
  .pipeline_section .accordian_wrap {  margin: auto; max-width: 90%; }
  .pipeline_section .hubdb_title .box_wrap { padding-right: 15px; }
  .pipeline_section .hubdb_title .plus { right: 0; top: 40px;}
  .indic-key { margin-left: 0; }
  .disclaimer { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 431px) {
    p { font-size: 14px; }
    .sec-pipelines { padding: 20px 10px 0; }
    .pipeline_section .hubdb_title .box_wrap { padding-right: 0; }
}