/* Overriding the original TABS CSS */

.nn_tabs-title {
  display: none;
}

.nav-tabs {
  border: none;
}

.nav-tabs li {
  margin: 2px;
  background-color: #f1f1f1;
  min-width: 10%;
  border: none;
  border-radius: 5px;
}

.nav-tabs li a {
  padding: 18px;
  text-align: center;
  color: black;
  margin: 0;
}

.nav-tabs li a:hover {
  background-color: #00676b;
  border-color: transparent;
  border-radius: 5px;
  color: white;
}

.nav-tabs li a:hover img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.nav-tabs li a.active {
  border-radius: 5px;
}

.nav-tabs li a.active {
  background-color: #00676b !important;
  color: white !important;
  border-radius: 5px;
  font-weight: normal;
  border-color: #00676b !important;
}

.nav-tabs li.active a:hover {
  background-color: #00676b;
  border-radius: 5px;
  color: white;
}

.nav-tabs li.active img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.rl_tabs {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

#content {
  max-width: 100% !important;
  margin-top: 3%;
}

.tab-content .active {
  margin-top: 3px;
  padding: 30px 50px 50px 50px;
  background-color: #e0e0e0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 900'%3E%3Cpath fill='%23e3e3e3' d='M0 290 0 899 1600 899 1600 120z'/%3E%3Cpath fill='%23e8e8e8' d='M1600 353 1600 899 0 899 0 165z'/%3E%3Cpath fill='%23e3e3e3' d='M0 466 0 899 1600 899 1600 300z'/%3E%3Cpath fill='%23e0e0e0' d='M1600 505 1600 899 0 899 0 353z'/%3E%3Cpath fill='%23e3e3e3' d='M0 574 0 899 1600 899 1600 625z'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  height: 400px;
}

#content {
    z-index: 99999999999999999999999;
}

@media only screen and (max-width: 1200px) {
.tab-content .active {
    height: auto;
}

}


@media only screen and (max-width: 768px) {
  .nav-tabs li {
    min-width: 100%;
}
.tab-content .active {
    height: auto;
}

}




/*#content {
    z-index: 99999999999999999999999;
}
*/





/* Overriding the original TABS CSS */

.nn_tabs-title {
  display: none;
}

.nav-tabs {
  border: none;
}

.nav-tabs li {
  margin: 2px;
  background-color: #f1f1f1;
  min-width: 10%;
  border: none;
  border-radius: 5px;
}

.nav-tabs li a {
  padding: 18px;
  text-align: center;
  color: black;
  margin: 0;
}

.nav-tabs li a:hover {
  background-color: #00676b;
  border-color: transparent;
  border-radius: 5px;
  color: white;
}

.nav-tabs li a:hover img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.nav-tabs li.active {
  border-radius: 5px;
}

.nav-tabs li.active a {
  background-color: #00676b !important;
  color: white !important;
  border-radius: 5px;
  font-weight: normal;
  border-color: #00676b !important;
}

.nav-tabs li.active a:hover {
  background-color: #00676b;
  border-radius: 5px;
  color: white;
}

.nav-tabs li.active img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.rl_tabs {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

#content {
  max-width: 100% !important;
  margin-top: 3%;
}

.tab-content .active {
  margin-top: 3px;
  padding: 30px 50px 50px 50px;
  background-color: #e0e0e0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 900'%3E%3Cpath fill='%23e3e3e3' d='M0 290 0 899 1600 899 1600 120z'/%3E%3Cpath fill='%23e8e8e8' d='M1600 353 1600 899 0 899 0 165z'/%3E%3Cpath fill='%23e3e3e3' d='M0 466 0 899 1600 899 1600 300z'/%3E%3Cpath fill='%23e0e0e0' d='M1600 505 1600 899 0 899 0 353z'/%3E%3Cpath fill='%23e3e3e3' d='M0 574 0 899 1600 899 1600 625z'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  height: 400px;
}

@media only screen and (max-width: 1200px) {
.tab-content .active {
    height: auto;
}

}


@media only screen and (max-width: 768px) {
  .nav-tabs li {
    min-width: 100%;
}
.tab-content .active {
    height: auto;
}

}