.tabs-container
  {
    border:  none !important;
  }
.tabs-container .et_pb_all_tabs h3
  {
    padding: 20px 0 30px;
    color:  #00a8e1;
    font-size: 1.8em;
    text-align: left !important;
    font-weight: normal;
    text-transform: none;
  }

.tabs-container .et_pb_all_tabs .et_pb_tab p:not(:last-of-type)
  {
    border-bottom: 1px solid #e1e1e1;
  }

/* faq and how it works pages */
  .faq-tabs.tabs-container .panel .panel-heading .nav-tabs > li,
  .how-it-works-tabs.tabs-container .panel .panel-heading .nav-tabs > li
    {
      margin-left: -2px;
    }
  .faq-tabs.tabs-container .panel .panel-heading .nav-tabs > li > a,
  .how-it-works-tabs.tabs-container .panel .panel-heading .nav-tabs > li > a
    {
      color: #333;
      background-color: white;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
    }
  .faq-tabs.tabs-container .panel .panel-heading .nav-tabs > li.active > a,
  .how-it-works-tabs.tabs-container .panel .panel-heading .nav-tabs > li.active > a
    {
      background-color: #133f86;
      color: white !important;
    }
  .faq-tabs.tabs-container .panel .panel-heading .nav-tabs > li.active > a > i,
  .how-it-works-tabs.tabs-container .panel .panel-heading .nav-tabs > li.active > a > i
    {
      color: white;
      background-color: transparent;
    }

/* Only for how it works */
  .how-it-works-tabs.tabs-container .panel .panel-heading
    {
      padding-left: 15px;
    }
  .how-it-works-tabs.tabs-container .panel .panel-body
    {
      border-top: 1px solid #e1e1e1;
    }
  .how-it-works-tabs.tabs-container .panel .panel-body .tab-content h3
    {
      /* display: none; */
    }
  .how-it-works-tabs.tabs-container .panel .panel-body .tab-content li
    {
      margin-left: 25px;
    }

/* Faq tabs */
  .faq-tabs.tabs-container .panel .panel-heading
    {
      padding-left: 15px;
    }
  .faq-tabs.tabs-container .panel .panel-body .tab-content
    {
      padding-top: 0;
      border-top: 1px solid #999;
    }
  .faq-tabs.tabs-container .panel .panel-body .tab-content .tab-content-item:not(:first-of-type)
    {
      border-top: 1px solid #e1e1e1;
    }

/* Tabs based in our templates (NO DIVI TABS) */
.itg-tabs-container .panel-heading .nav-tabs
  {
    height: 4rem;
    list-style:  none;
    padding-left: 0;
    margin-bottom: 25px;
  }
.itg-tabs-container .panel-heading .nav-tabs li
  {
    height: 4rem;
    line-height: 4rem;
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
  }
.itg-tabs-container .panel-heading .nav-tabs li:not(:last-of-type)
  {
    border-right: 1px solid #e1e1e1;
  }
.itg-tabs-container .panel-heading .nav-tabs li a
  {
    text-decoration: none;
    height: inherit;
    width: 100%;
    display: block;
    padding-left: 15px;
    font-weight: bold;
  }
.itg-tabs-container .panel-heading .nav-tabs li a:before
  {
    content: "\f00c";
    margin-right: 5px;
    font-family: "Fontawesome";
  }
.itg-tabs-container .panel-heading .nav-tabs li.active a:before
  {
    content: "\f00c";
    margin-right: 5px;
    font-family: "Fontawesome";
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px;
  }
.itg-tabs-container .panel-heading .nav-tabs li.active
  {
    background-color: #2ea3f2;
  }
.itg-tabs-container .panel-heading .nav-tabs li.active a
  {
    color: white;
  }
.itg-tabs-container .tab-panel:not(.active)
  {
    display: none;
  }
.itg-tabs-container .tab-panel
  {
    padding: 15px;
  }

@media (max-width: 480px) {
  .panel-heading
    {
        /* display: inline; */
        /* position: relative; */
        /* border: 1px solid red; */
    }
  .panel-heading::after
    {
      content: "";
      display: table;
      clear: both;
    }
  .nav-tabs > li,
  .nav-tabs > li.active
    {
        width: 100%;
        border-right: none !important;
    }

  .itg-tabs-container .panel-heading .nav-tabs
    {
      /* border: 1px solid green; */
      height: auto;
      padding-bottom: 0;
      margin-bottom: 0;
    }
}