/*All in one Main page CSS*/
  .section-subMenu {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent linear-gradient(180deg, #e7f4fe 0%, #e2f2fd 100%) 0% 0% no-repeat padding-box;
    /* border-bottom: 1px solid white; */
    /* box-shadow: 0 0 5px #5f5f5f70;*/ } 
  .section-subMenu ul {
    display: flex;
    align-items: center; }
  .section-subMenu ul li {
    flex-grow: 1;
    cursor: pointer;
    text-align: center;
    padding: 12px 0;
    position: relative; }
  .section-subMenu ul li span {
    display: block; }
  .section-subMenu ul li span.icn {
    margin-bottom: 10px; }
    .section-subMenu ul li span.icn svg {
    height: 36px; }
  .section-subMenu ul li span.txt {
    color: #1a1a1a; }
  .section-subMenu ul li.active {
    color: #005BBD;
    font-weight: 600; }
  .section-subMenu ul li.active:before {
    content: '';
    position: absolute;
    left: 0%;
    bottom: -1px;
    height: 2px;
    width: 100%;
    background-color: #005BBD; }
  .gst-return-wrapper {
    margin: 5px 0;
    padding: 5px; }
  .gst-return-wrapper .gst-return-list-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    float: left;
    padding: 2px 0; }
  .gst-return-wrapper .gst-return-list-img img {
    width: 100%;
    box-shadow: 0px 3px 6px #00000029; }
  .gst-return-wrapper .gst-return-list-text {
    padding: 5px 0 0;
    margin-left: 70px; }
  .gst-return-wrapper .gst-return-list-text p {
    margin-bottom: 5px; }
  .gst-return-wrapper .gst-return-list-text .list-title {
    font-weight: 600; }
  .gst-content {
    margin-top: 30px; }
  .gst-return-section,
  .e-invoice-section,
  .ewaybill-section,
  .income-tax-section,
  .tds-section,
  .payroll-compliance-section {
    padding: 50px 0; }
  .request-demo-wrapper {
    text-align: center;
    margin-top: 20px; 
    }
  .request-demo-wrapper .btn {
    color: #fff;
    padding: 6px 18px; 
    margin:0 10px;
    }
  .request-demo-wrapper .btn.request-demo-btn {
    background-color: #228C94;
    }
  .request-demo-wrapper .buy-now-btn {
    background: #ff5252;
    border-color: #ff5252;
    }
  .section-crousel {
    background: transparent linear-gradient(180deg, #EFF7FF 0%, #D7E9F9 100%) 0% 0% no-repeat padding-box;
    
    /* background: #F9FBFF 0% 0% no-repeat padding-box;*/ } 
  .section-crousel .carousel {
    position: relative; }
  .gst-return-section .section-heading h3 {
    color: #6BE5C6; }
  .e-invoice-section .section-heading h3 {
    color: #9A59B5; }
  .ewaybill-section .section-heading h3 {
    color: #F78A42; }
  .income-tax-section .section-heading h3 {
    color: #6836A1; }
  .tds-section .section-heading h3 {
    color: #FF6363; }
  .payroll-compliance-section .section-heading h3 {
    color: #06CBA9; }
  .section-heading {
    margin-bottom: 20px; }
  .section-heading h3 {
    font-weight: 600;
    
    margin-bottom: 0; }
  .gst-sec-tab .nav-pills .nav-item .nav-link {
    border-bottom: 1px solid transparent;
    color: #575858;
    padding: 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background-color: transparent;
    border-radius: 0; }
  .gst-sec-tab .nav-pills .nav-item .nav-link.active {
    border-bottom-color: #6BE5C6;
    background: transparent;
   }   
  .bc-icon-list-wrapper .bc-icon-list {
    padding-left: 70px;
    position: relative; }
  .bc-icon-list-wrapper .bc-icon-list:not(:last-child) {
    margin-bottom: 20px; }
  .bc-icon-list-wrapper .bc-icon-list .bc-icon-list-img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0; }
  .bc-icon-list-wrapper .bc-icon-list .bc-icon-list-img img {
    height: 60px; }
  .bc-icon-list-wrapper .bc-icon-list .bc-icon-list-text h5 {
    font-size: 1rem;
    font-weight: 600; }
  .bc-icon-list-wrapper .bc-icon-list .bc-icon-list-text p {
    margin-bottom: 0px; }
  .income-tax-section .income-tax-btn {
    background-color: #6836A1;
    color: #fff; }
  #loading {
    background: #ffffff;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    z-index: 99999;
    display: none; }
  #loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 136px;
    transform: translate(-50%, -50%); }
  .ul-list li {
    position: relative;
    margin-bottom: 5px;
    list-style: none!important;
   }
  .ul-list li:before {
    position: relative;
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    color: #000;
    left: 6px;
    font-size: 12px;
    top: 4px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: text-top; }
  .ul-list.check li:before {
    content: "\f00c"; }
  .crm-feature-wrapper .crm-feature-list {
    position: relative;
    padding-left: 65px; }
  .crm-feature-wrapper .crm-feature-list .crm-feature-img {
    position: absolute;
    left: 0;
    top: 0px; }
  .crm-feature-wrapper .crm-feature-list .crm-feature-img img {
    height: 50px; }
  .crm-feature-wrapper .crm-feature-list .crm-feature-content h4 {
    color: #000000;
    font-size: 1.3rem;
    font-weight: 600; }
  .crm-feature-wrapper .crm-feature-list .crm-feature-content h4 span {
    display: inline-block;
    border-bottom: 1px solid #735EF6;
    line-height: 40px; }
  .crm-feature-wrapper .crm-feature-list .crm-feature-content .circle-list {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap; }
  .crm-feature-wrapper .crm-feature-list .crm-feature-content .circle-list li {
    width: 49%;
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    padding-right: 20px; }
    .crm-feature-wrapper .crm-feature-list .crm-feature-content .circle-list li:before {
    content: '';
    background: #29A79B;
    height: 6px;
    width: 6px;
    display: block;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 8px; }
    .crm-feature-wrapper .crm-feature-list .crm-feature-content .circle-list:after, .crm-feature-wrapper .crm-feature-list .crm-feature-content .circle-list:before {
    content: '';
    clear: both;
    display: table-cell; }
    .crm-feature-wrapper .crm-feature-list .crm-feature-content ul.ul-list {
    margin-top: 20px;
    margin-bottom: 30px; }
    .tds-section .tds-btn {
    background-color: #FF6363; }
    .tds-section .tds-list li {
    font-weight: 600;
    line-height: 35px; }
    .tds-section .tds-list li:before {
    content: '\2713';
    padding-right: 10px;
    font-weight: 600;
    color: #FF6363; }
    .ob-section-2 {
    padding: 40px 0; }
    .ob-section-2 .section-heading {
    margin-bottom: 30px; }
    .ob-section-2 .section-heading h3 {
    font-weight: 600;
    
    color: #000; }
    .ob-section-tree {
    padding: 40px 0;
    background: transparent linear-gradient(126deg, #FFFFFF 0%, #F9FBFF 100%) 0% 0% no-repeat padding-box; }
    .ob-section-tree .tree-heading {
    display: inline-block;
    border: 3px solid #ffffff;
    border-radius: 9px;
    text-align: center;
    background-color: #036cac;
    padding: 6px 66px;
    box-shadow: 0 0 4px #0000006b;
    margin-bottom: 60px; }
    .ob-section-tree .tree-heading h3 {
    font-size: 1.6rem;
    letter-spacing: 0.58px;
    font-weight: 600;
    
    color: #fff;
    margin-bottom: 0px; }
    .ob-section-tree .tree-heading span {
    display: block;
    font-size: 1rem;
    color: #fff; }
    .ob-section-tree .open-banking-tree {
    position: relative; }
    .ob-section-tree .open-banking-tree .banking-tree-branch {
    width: 300px;
    position: relative; }
    .ob-section-tree .open-banking-tree .banking-tree-branch .branch-icon {
    height: 110px;
    position: absolute; }
    .ob-section-tree .open-banking-tree .banking-tree-branch .branch-icon img {
    height: 110px; }
    .ob-section-tree .open-banking-tree .banking-tree-branch h4 {
    font-weight: 700;
    
    font-size: 20px; }
    .ob-section-tree .open-banking-tree .banking-tree-branch p {
    color: #575757;
    font-size: 13px; }
    .ob-section-tree .open-banking-tree .one {
    left: 40px;
    padding-right: 70px;
    padding-top: 30px; }
    .ob-section-tree .open-banking-tree .one .branch-icon {
    right: -22%;
    top: 22%; }
    .ob-section-tree .open-banking-tree .one h4 {
    color: #B63E97; }
    .ob-section-tree .open-banking-tree .two {
    margin-top: 160px;
    padding-right: 70px; }
    .ob-section-tree .open-banking-tree .two .branch-icon {
    right: 50px;
    bottom: 108%; }
    .ob-section-tree .open-banking-tree .two h4 {
    color: #00A4E4; }
    .ob-section-tree .open-banking-tree .three {
    left: 80px;
    margin-top: 95px;
    padding-right: 70px; }
    .ob-section-tree .open-banking-tree .three .branch-icon {
    right: 50px;
    bottom: 110%; }
    .ob-section-tree .open-banking-tree .three h4 {
    color: #F58025; }
    .ob-section-tree .open-banking-tree .four {
    left: 50%;
    margin-top: 210px;
    text-align: center; }
    .ob-section-tree .open-banking-tree .four .branch-icon {
    left: 50%;
    margin-left: -55px;
    bottom: 125%; }
    .ob-section-tree .open-banking-tree .four h4 {
    color: #F58025; }
    .ob-section-tree .open-banking-tree .five {
    right: 0;
    margin-bottom: 160px;
    padding-left: 50px;
    margin-top: -56px; }
    .ob-section-tree .open-banking-tree .five .branch-icon {
    left: 50%;
    margin-left: -55px;
    top: 110%; }
    .ob-section-tree .open-banking-tree .five h4 {
    color: #EC339A; }
    .ob-section-tree .open-banking-tree .six {
    right: -26px;
    margin-bottom: 0;
    padding-left: 78px; }
    .ob-section-tree .open-banking-tree .six .branch-icon {
    right: 80%;
    margin-left: -36%;
    top: 0%; }
    .ob-section-tree .open-banking-tree .six h4 {
    color: #A2B9B9; }
    .ob-section-tree .open-banking-tree .seven {
    right: 0;
    margin-top: 165px; }
    .ob-section-tree .open-banking-tree .seven .branch-icon {
    left: 0;
    bottom: 110%; }
    .ob-section-tree .open-banking-tree .seven h4 {
    color: #72CCD2; }
    .ob-section-tree .open-banking-tree .eight {
    right: 45%;
    margin-top: 200px;
    text-align: center; }
    .ob-section-tree .open-banking-tree .eight .branch-icon {
    left: 50%;
    margin-left: -55px;
    bottom: 100%; }
    .ob-section-tree .open-banking-tree .eight h4 {
    color: #F25C62; }
    .neo-tree {
    background-image: url(../images/neo-banking/new-banking-tree.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto; }
    .bannking-list-check {
    position: relative; }
    .bannking-list-check li {
    margin-bottom: 10px; }
    .bannking-list-check li svg {
    margin-right: 10px; }
    .bannking-list-check li svg path {
    fill: #148A92; }
    .bannking-list-check li:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .color-primary {
    color: #228C94; }
    .ob-section-3 {
    padding: 40px 0; }
    .ob-section-3 .section-heading {
    margin-bottom: 30px; }
    .feature-wrapper-1 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 15px #00000012;
    padding: 20px;
    margin-bottom: 20px;
    min-height: 295px; }
    .feature-wrapper-1 span.icon img {
    height: 70px; }
    .feature-wrapper-1 h4 {
    color: #4A4A4A;
    font-size: 14px;
    margin: 1rem 0;
    font-weight: 600; }
    .feature-wrapper-1 p {
    color: #4B4B4B;
    font-size: 13px;
    margin-bottom: 0; }
    .highligter-section-2 {
    background: #8BE2E8; }
    .highligter-section-2 h4 {
    color: #FFFFFF;
    letter-spacing: 0.69px;
    font-size: 2rem;
    margin-top: 30px; }
    .highligter-section-2 p {
    color: #FFFFFF;
    letter-spacing: 0.41px;
    font-size: 0.9rem; }
    .highligter-section-2 .banner-image {
    margin-top: 30px; }
    .banking_step {
    position: relative;
    display: flex;
    width: 100%; }
    .banking_step:before {
    content: '';
    border: 1px dashed #228C94;
    position: absolute;
    width: 60%;
    height: 1px;
    left: 20%;
    top: 40%;
    transform: translateY(-50%); }
    .banking_step-col {
    width: 33%;
    padding: 20px 60px;
    z-index: 2; }
    .banking_step-wrapper {
    background-color: #daeaf9;
    text-align: center; }
    .banking_step-img {
    margin-bottom: 20px; }
    .banking_step-img img {
    height: 110px; }
    .banking_step-count span {
    color: #fff;
    background: #8BE2E8;
    color: white;
    border-radius: 50%;
    padding: 2px 0;
    text-align: center;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    font-size: 1rem; }
    .banking_step-name {
    margin-top: 0.5rem; }
    .banking_step-name h4 {
    color: #4A4A4A;
    font-size: 1rem;
    font-weight: 600; }
    .ob-section-5 {
    padding: 70px 0; }
    .ob-section-5 .question-heading {
    background-image: url(../images/neo-banking/have-questions.png);
    padding: 85px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    text-indent: 800px; }
    .ob-section-5 .question-heading h5 {
    color: #228C94; }
    .ob-section-5 .question-content {
    margin-top: 20px; }
    .ob-section-5 .question-content p {
    font-weight: 500;
    margin-bottom: 0; }
    

  /*All in one responsive CSS starts here*/

  
@media (max-width: 991.98px) {
  .ob-section-tree {
     
 }
 .ob-section-tree .tree-heading {
     width: 90%;
     padding-left: 0;
     padding-right: 0;
 }
 .neo-tree {
     background-image: inherit;
 }
 .ob-section-tree .open-banking-tree .banking-tree-branch {
     width: 100%;
     text-align: left;
     margin-top:20px;
 }
 .ob-section-tree .tree-heading h3 {
     font-size: 1.4rem;
 }
 .ob-section-tree .open-banking-tree .banking-tree-branch .branch-icon {
     height: auto;
 }
 .ob-section-tree .open-banking-tree .banking-tree-branch .branch-icon img {
     height: 90px;
 }
 .ob-section-tree .open-banking-tree .one,
 .ob-section-tree .open-banking-tree .two,
 .ob-section-tree .open-banking-tree .three,
 .ob-section-tree .open-banking-tree .four,
 .ob-section-tree .open-banking-tree .five,
 .ob-section-tree .open-banking-tree .six,
 .ob-section-tree .open-banking-tree .seven,
 .ob-section-tree .open-banking-tree .eight {
     left: 0;
     top: 0;
     bottom: auto;
     right: auto;
     padding: 0;
     margin: 0;
 }
 
 .ob-section-tree .open-banking-tree .banking-tree-branch {
     width: 100%;
     text-align: left;
     margin-top:30px;
 }
 .ob-section-tree .open-banking-tree .one .branch-icon,
 .ob-section-tree .open-banking-tree .two .branch-icon,
 .ob-section-tree .open-banking-tree .three .branch-icon,
 .ob-section-tree .open-banking-tree .four .branch-icon,
 .ob-section-tree .open-banking-tree .five .branch-icon,
 .ob-section-tree .open-banking-tree .six .branch-icon,
 .ob-section-tree .open-banking-tree .seven .branch-icon,
 .ob-section-tree .open-banking-tree .eight .branch-icon{
     position: relative;
     left: 0;
     top: 0;
     margin-bottom: 30px;
     right: auto;
     margin-left: auto;
     margin-right: auto;
     bottom: auto;
 }
 .banking_step {
     width: 100%;
     flex-flow: column;
 }
 .banking_step:before {
     display: none;
 }
 .banking_step .banking_step-col {
     width: 100%;
     padding: 20px 40px;
 }
}


/* End Neo Banking Responsive */





    @media (max-width: 575.98px) {
    .section-subMenu{
    margin-top: 0px;
    }
    }
      /*All in one responsive CSS starts here*/
  /*All in one Main page CSS end here*/