.e-tabs-inner-tabs {
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 16px;
  text-align: start
}

.e-tabs-inner-tabs .e-tab-content {
  padding-top: 32px
}

.e-tabs-inner-tabs .e-inner-tabs-wrapper {
  display: flex;
  overflow: hidden;
  position: relative;
  z-index: 1
}

.e-tabs-inner-tabs .e-inner-tabs-wrapper :after {
  background-color: var(--inner-tabs-border-color,#d5d8dc);
  bottom: 0;
  content: "";
  height: var(--inner-tabs-border-height,1px);
  position: absolute;
  width: 100%;
  z-index: -1
}

.e-tabs-inner-tabs .e-inner-tabs-wrapper .e-inner-tab-title {
  box-sizing: content-box;
  font-weight: 700;
  height: 38px;
  line-height: 38px;
  min-width: 140px
}

.e-tabs-inner-tabs .e-inner-tabs-wrapper .e-inner-tab-title a {
  color: #3f444b;
  display: block;
  padding: 0 36px;
  text-align: center
}

.e-tabs-inner-tabs .e-inner-tabs-wrapper .e-inner-tab-title.e-inner-tab-active {
  border-color: #0c0d0e #0c0d0e transparent;
  border-bottom: 1px solid #0c0d0e;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0
}

.e-tabs-inner-tabs .e-inner-tabs-wrapper .e-inner-tab-title.e-inner-tab-active a {
  color: #0c0d0e
}

.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-tab-mobile-title {
  display: none
}

.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content {
  display: none;
  padding: 20px
}

.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content .e-inner-tab-text {
  color: #1f2124
}

.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content.e-inner-tab-active {
  display: block
}

.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content .e-inner-tab-buttons {
  display: none;
  margin-top: 24px
}

.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content .e-inner-tab-buttons button {
  background: transparent;
  border: none;
  display: none;
  font-weight: 500;
  line-height: 24px;
  padding: 0;
  text-decoration: underline
}

.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content.collapsible .e-inner-tab-text {
  overflow: hidden
}

.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content.collapsible button {
  display: none
}

.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content.collapsible button.show-button,.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content.collapsible.show-inner-tab-buttons .e-inner-tab-buttons {
  display: block
}

.e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content.show-full-height div.e-inner-tab-text {
  height: auto
}

@media (max-width: 767px) {
  .e-tabs-inner-tabs>.e-tab-content:first-child {
      padding-top:24px
  }

  .e-tabs-inner-tabs .e-inner-tabs-wrapper {
      display: none
  }

  .e-tabs-inner-tabs .e-inner-tabs-content-wrapper {
      border: solid #d5d8dc;
      border-width: 1px 1px 0
  }

  .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-tab-mobile-title {
      border: solid #d5d8dc;
      border-width: 0 0 1px;
      cursor: pointer;
      display: block;
      font-size: 16px;
      font-weight: 700;
      height: 38px;
      line-height: 38px;
      overflow: hidden;
      padding: 0 10px;
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap
  }

  .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content {
      border: solid #d5d8dc;
      border-width: 0 0 1px;
      padding: 20px
  }
}

.e-tabs-main-area {
  flex-direction: row
}

@media (max-width: 767px) {
  .e-tabs-main-area {
      flex-direction:column-reverse
  }
}


 .e-tabs {
  display: flex;
  flex-direction: column
}

.e-tabs-main-area {
  display: flex;
  flex-direction: row;
  height: 434px
}

.e-tabs-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 39%;
}

.e-tabs-header {
  background-color: var(--e-a-bg-default);
  border-bottom: 1px solid #d5d8dc;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  min-height: 56px;
  padding: 0 16px
}

     .e-tabs-header .e-tabs-header-right-side {
  display: inline-flex;
  flex-shrink: 0
}

     .e-tabs-header .e-tabs-title {
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: 700;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin: auto 0;
  overflow-wrap: anywhere;
  padding: 10px 0;
  text-overflow: ellipsis
}

     .e-tabs-header .e-tabs-videos-count {
  align-self: flex-start;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 18px 0 0
}

     .e-tabs-header .e-tabs-toggle-videos-display-button {
  cursor: pointer;
  display: none;
  margin: auto 0 auto 8px;
  padding: 0 4px
}

     .e-tabs-header .e-tabs-toggle-videos-display-button.e-font-icon-svg {
  height: 1em;
  width: 1em
}

     .e-tabs-header .rotate-up {
  transform: rotate(-180deg);
  transition: .3s
}

     .e-tabs-header .rotate-down {
  transform: rotate(0deg);
  transition: .3s
}

     .e-tabs-items-wrapper {
  background-color: var(--e-a-bg-default);
  height: 100%;
  overflow: hidden;
  position: relative
}

     .e-tabs-items-wrapper .e-tabs-items {
  height: 100%;
  overflow: auto
}

     .e-tabs-items-wrapper .e-section-title {
  border-color: #d5d8dc;
  border-width: 0;
  box-sizing: content-box;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  overflow: hidden;
  padding: 0 16px;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap
}

     .e-tabs-items-wrapper .e-tab-title {
  background-clip: padding-box;
  background-color: var(--e-a-bg-default);
  border-color: #d5d8dc;
  border-width: 0 0 1px;
  box-sizing: content-box;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 55px;
  line-height: 55px;
  outline: none;
  padding: 0 16px
}

     .e-tabs-items-wrapper .e-tab-title i {
  color: #fff;
  font-size: var(--playlist-item-icon-size,16px);
  text-shadow: 0 0 3px #000
}

     .e-tabs-items-wrapper .e-tab-title svg {
  color: #fff;
  text-shadow: 0 0 3px #000;
  fill: #fff;
  height: var(--playlist-item-icon-size,16px);
  width: var(--playlist-item-icon-size,16px)
}

     .e-tabs-items-wrapper .e-tab-title svg path {
  fill: #fff
}

     .e-tabs-items-wrapper .e-tab-title.e-active,     .e-tabs-items-wrapper .e-tab-title:hover {
  background-color: #f1f2f3;
  border-color: #d5d8dc
}

     .e-tabs-items-wrapper .e-tab-title.e-active .e-tab-title-text,     .e-tabs-items-wrapper .e-tab-title:hover .e-tab-title-text {
  font-size: 14px
}

     .e-tabs-items-wrapper .e-tab-title .icon-play,     .e-tabs-items-wrapper .e-tab-title .icon-watched {
  display: inline-flex
}

     .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail {
  background-color: #d5d8dc;
  flex-shrink: 0;
  height: 42px;
  margin: auto 0;
  position: relative;
  width: 75px
}

     .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail img {
  height: 42px;
  -o-object-fit: fill;
  object-fit: fill;
  width: 75px
}

     .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail i,     .e-tabs-items-wrapper .e-tab-title .e-tab-thumbnail svg {
  bottom: 4px;
  font-weight: 900;
  position: absolute;
  right: 4px
}

     .e-tabs-items-wrapper .e-tab-title .e-tab-title-text {
  flex-grow: 1;
  font-size: 14px;
  margin: auto 8px;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap
}

     .e-tabs-items-wrapper .e-tab-title i,     .e-tabs-items-wrapper .e-tab-title svg {
  margin: auto 0;
  vertical-align: middle
}

     .e-tabs-items-wrapper .e-tab-title .e-tab-duration {
  font-size: 14px;
  margin: auto 0
}

     .e-tabs-items-wrapper .e-tab-title .icon-watched,     .e-tabs-items-wrapper .e-tab-title.watched-video .icon-play {
  display: none
}

     .e-tabs-items-wrapper .e-tab-title.watched-video .icon-watched {
  display: block
}

     .e-tabs-items-wrapper .shadow-top {
  background: linear-gradient(0deg,transparent,#fff);
  display: none;
  height: 98px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}

     .e-tabs-items-wrapper .shadow-bottom {
  background: linear-gradient(180deg,transparent,#fff);
  bottom: 0;
  display: none;
  height: 98px;
  pointer-events: none;
  position: absolute;
  width: 100%
}

     .e-tabs-items-wrapper.bottom-shadow .shadow-bottom,     .e-tabs-items-wrapper.top-shadow .shadow-top {
  display: block
}

     .e-tabs-content-wrapper {
  flex-grow: 1;
  height: 100%;
  position: relative
}

     .e-tabs-content-wrapper .elementor-custom-embed-image-overlay {
  background-position: 50%;
  background-size: cover;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%
}

     .e-tabs-content-wrapper .e-tab-mobile-title {
  display: none
}

     .e-tabs-content-wrapper .e-tab-content {
  background-color: #000;
  display: none;
  height: 100%;
  outline: none
}

     .e-tabs-content-wrapper .e-tab-content>div {
  height: 100%
}

     .e-tabs-content-wrapper .e-tab-content iframe {
  display: flex;
  height: 100%;
  max-height: 100%!important
}

     .e-tabs-content-wrapper .e-tab-content video {
  background-color: #000;
  height: 100%
}

     .e-tabs-inner-tabs .e-tab-content {
  display: none;
  outline: none
}

@media (max-width: 992px) {
       .e-tabs-main-area {
      flex-direction:column-reverse;
      height: auto
  }

       .e-tabs-main-area .e-tabs-content-wrapper {
      border: none;
      height: 38%
  }

       .e-tabs-wrapper {
      height: 62%;
      width: auto
  }

       .e-tabs-items-wrapper .e-tabs-items {
      max-height: 248px
  }

       .e-tabs-items-wrapper .e-tabs-items .e-tab-title {
      border: none
  }

       .e-tabs-header {
      min-height: 48px
  }

       .e-tabs-header .e-tabs-toggle-videos-display-button {
      display: inline-flex
  }

       .e-tabs-header .e-tabs-videos-count {
      margin: 0 6px;
      padding: 14px 0 0
  }

       .e-tab-content {
      border: none;
      display: flex;
      padding: 0
  }
}